:root{--bg:#f6f6fb;--card:#fff;--border:#e6e6f0;--text:#15152b;--dim:#5b5b78;--mute:#9a9ab3;--accent:#6d28d9;--accent-soft:#ede9fe;--gold:#d97706;--green:#16a34a;--red:#dc2626;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.side{background:var(--card);border-right:1px solid var(--border);flex-direction:column;gap:4px;width:220px;padding:20px 14px;display:flex}.brand{letter-spacing:3px;color:var(--accent);padding:8px 10px 18px;font-weight:900}.side a{color:var(--dim);border-radius:10px;padding:10px 12px;font-weight:500}.side a.active,.side a:hover{background:var(--accent-soft);color:var(--accent)}.side .spacer{flex:1}.main{flex:1;max-width:1200px;padding:28px 32px}h1{margin:0 0 20px;font-size:26px}h2{text-transform:uppercase;letter-spacing:.8px;color:var(--dim);margin:24px 0 10px;font-size:15px}.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.stat .v{font-size:28px;font-weight:800}.stat .l{color:var(--mute);text-transform:uppercase;letter-spacing:.6px;margin-top:4px;font-size:12px}table{border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:14px}th{color:var(--dim);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}tr.row:hover td{cursor:pointer;background:#fafaff}input,button{font:inherit}input{border:1px solid var(--border);background:var(--card);border-radius:10px;width:100%;padding:10px 12px}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-weight:600}button.ghost{color:var(--dim);background:0 0}button.danger{color:var(--red);background:#fee2e2}.badge{background:var(--border);color:var(--dim);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.green{color:var(--green);background:#dcfce7}.badge.gold{color:var(--gold);background:#fef3c7}.badge.red{color:var(--red);background:#fee2e2}.badge.accent{background:var(--accent-soft);color:var(--accent)}.login{place-items:center;min-height:100vh;display:grid}.login form{flex-direction:column;gap:10px;width:340px;display:flex}.error{color:var(--red);font-size:13px}.bars{align-items:flex-end;gap:3px;height:80px;display:flex}.bars div{background:var(--accent);border-radius:3px 3px 0 0;flex:1;min-height:2px}.muted{color:var(--mute);font-size:13px}