*{box-sizing:border-box}body{margin:0;background:#f4f4ee;color:#253b2e;font:16px system-ui,sans-serif}header{display:flex;align-items:center;gap:20px;padding:14px max(4%,20px);background:#203d30;color:white}header img{width:130px;background:#fff;border-radius:5px}header form{margin-left:auto}main{max-width:1000px;margin:30px auto;padding:0 18px}section{background:white;border:1px solid #dfe7df;border-radius:10px;padding:24px;margin:18px 0}h1{font-size:1.8rem}h2{font-size:1.25rem}p{line-height:1.5}label{display:block;font-weight:600;margin:12px 0}input,select{display:block;width:100%;max-width:440px;padding:10px;margin-top:5px;border:1px solid #aab9ac;border-radius:5px;font:inherit}button{background:#28543e;color:white;border:0;border-radius:5px;padding:11px 18px;font:inherit;cursor:pointer}.light{background:#fff;color:#203d30}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 18px}.table{overflow:auto}table{border-collapse:collapse;width:100%}td,th{padding:10px;border-bottom:1px solid #e1e8df;text-align:left}.muted{color:#607365;font-size:.9rem}.error,.success{padding:12px;border-radius:5px;background:#ffebeb;color:#802020}.success{background:#e4f2e6;color:#204c30}.login{max-width:480px;margin:40px auto}
.layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:22px}.layout aside{background:#e8eee7;border:1px solid #dce5da;border-radius:8px;padding:14px;height:max-content}.layout aside strong{display:block;padding:8px 10px}.layout aside a{display:block;color:#244433;text-decoration:none;padding:10px;border-radius:5px}.layout aside a:hover{background:#d6e4d6}.content{min-width:0}.layout section:first-child{margin-top:0}@media(max-width:700px){.layout{display:block}.layout aside{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:16px}.layout aside strong{width:100%}.layout aside a{padding:8px}}