:root{--bg:#f5f6f8;--card:#fff;--ink:#1c2634;--muted:#6c7785;--accent:#375dfb;--line:#e5e8ed;--r:12px}*{box-sizing:border-box}body{margin:0;font:14px Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);display:flex;min-height:100vh}aside{width:238px;background:#172231;color:#fff;padding:24px 14px;display:flex;flex-direction:column;gap:8px}aside b{font-size:20px;padding:0 10px}aside small{color:#9ba7b6;padding:0 10px 16px}a{color:#c5ced9;text-decoration:none;padding:10px;border-radius:8px}a:hover,a.active{background:#26364b;color:#fff}main{min-width:0;flex:1}header{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px}button,input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px}input{width:270px}section{padding:28px;max-width:1500px}.eyebrow{font-size:11px;color:var(--accent);font-weight:bold;letter-spacing:.1em}h1{margin:4px 0 8px;font-size:28px}.muted,small{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.cards article,.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}.cards strong{display:block;font-size:30px;margin:12px 0}.empty{border:1px dashed var(--line);border-radius:8px;padding:32px;color:var(--muted);text-align:center}@media(max-width:900px){aside{width:60px}aside b,aside small,a{font-size:0;padding:12px}.cards{grid-template-columns:1fr}header{padding:0 12px}input{width:160px}}