:root{color:#1d211b;--brown:#4b2416;--green:#50633d;--gold:#c7924a;background:#f5f2eb;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.layout{grid-template-columns:280px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#23160f;height:100vh;padding:24px;position:sticky;top:0}.logo{align-items:center;gap:12px;margin-bottom:30px;font-size:30px;display:flex}.logo b{letter-spacing:.12em;font-size:15px}.logo span{color:#dbc6b3;font-size:12px;display:block}aside a{color:#f8eee4;background:#ffffff0d;border-radius:14px;margin:6px 0;padding:13px 14px;display:block}main{padding:34px}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}header p{text-transform:uppercase;color:var(--green);letter-spacing:.16em;font-weight:900}h1{color:var(--brown);margin:0;font-size:42px}button{background:var(--brown);color:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:900;display:inline-flex}.grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.stat,.panel{background:#fff;border:1px solid #e5d6c4;border-radius:26px;padding:22px;box-shadow:0 16px 35px #4b241615}.stat svg{color:var(--green)}.stat p{color:#6b5a4e;font-weight:900}.stat h2{color:var(--brown);margin:4px 0;font-size:34px}.panel{margin-top:20px}.panel h2{color:var(--brown);align-items:center;gap:10px;display:flex}.status{border-top:1px solid #eadfd2;justify-content:space-between;padding:14px 0;display:flex}.status span{color:#6b5a4e}.two{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.layout{grid-template-columns:1fr}aside{height:auto;position:relative}.grid,.two{grid-template-columns:1fr}header{display:block}}