@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#20251f;--muted:#687067;--paper:#f4f5ef;--card:#fff;--line:#dce1d7;--lime:#c9ef72;--deep:#18231c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px Manrope,system-ui,sans-serif}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:var(--deep);color:#f5f7ef;padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:60px}.brand span{background:var(--lime);color:var(--deep);font-weight:800;padding:10px;border-radius:10px}.brand b,.brand small{display:block}.brand small{color:#a8b2a5;font-size:11px;margin-top:3px}.brand b{font-size:14px}nav{display:grid;gap:8px}nav a{color:#b8c3b7;text-decoration:none;padding:12px 14px;border-radius:9px}nav a:hover,nav a.active{background:#2a382d;color:#fff}nav a.active{box-shadow:inset 3px 0 var(--lime)}.side-foot{margin-top:auto;color:#819084;font:11px 'DM Mono',monospace}main{padding:42px clamp(24px,6vw,90px);max-width:1400px;width:100%}header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:30px}h1{font-size:clamp(28px,4vw,48px);letter-spacing:-.05em;margin:10px 0 8px}h2{font-size:23px;margin:8px 0 10px;letter-spacing:-.03em}p{color:var(--muted);line-height:1.7}.eyebrow,small{font:11px 'DM Mono',monospace;letter-spacing:.08em;color:#778178}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.metrics article,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}.metrics strong{display:block;font-size:24px;margin-top:12px}.metrics p{font-size:13px;margin:6px 0 0}.green{color:#4d8b48}.grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.panel{min-height:270px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel.accent{background:var(--lime);border-color:#b7dc64}.panel.accent p{color:#45523f}.empty{border:1px dashed #cbd3c6;padding:30px;text-align:center;color:#8c968b;margin-top:25px;border-radius:10px;font-size:13px}.primary,button{border:0;border-radius:8px;padding:11px 14px;background:var(--deep);color:#fff;font:600 13px Manrope;cursor:pointer;text-decoration:none;display:inline-block}.panel.accent .primary{background:var(--deep)}button:disabled{opacity:.4;cursor:not-allowed}header button{background:transparent;color:var(--ink);border:1px solid var(--line)}footer{font:11px 'DM Mono',monospace;color:#8b948b;margin-top:50px}@media(max-width:800px){.shell{display:block}aside{padding:18px;position:relative}.brand{margin-bottom:18px}nav{display:flex;overflow:auto}.side-foot{display:none}main{padding:28px 18px}.metrics,.grid{grid-template-columns:1fr}.panel-head{display:block}.panel-head button{margin-top:12px}}