:root{--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--brand:#0ea5e9}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.input{width:100%;border:1px solid var(--border);border-radius:9px;padding:10px 12px}.btn{border:0;border-radius:9px;padding:10px 13px;font-weight:600;cursor:pointer}.btn-primary{background:var(--brand);color:#fff}.btn-secondary{background:#f1f5f9;color:#0f172a;border:1px solid var(--border)}.muted{color:var(--muted)}.empty,.error{background:#fff;border:1px dashed var(--border);border-radius:12px;padding:14px;text-align:center}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#0f172a;color:#e2e8f0;padding:14px}.sidebar nav{display:grid;grid-gap:6px;gap:6px}.sidebar a{padding:10px;border-radius:8px;color:#cbd5e1}.sidebar a.active,.sidebar a:hover{background:#1e293b;color:#fff}.main{display:grid;grid-template-rows:60px 1fr}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:0 16px;display:flex;justify-content:space-between;align-items:center}.content{padding:16px;display:grid;grid-gap:12px;gap:12px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px}.metric{border:1px solid var(--border);border-radius:10px;padding:12px}.metric,.table{background:#fff}.table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden}.table td,.table th{font-size:14px;border-bottom:1px solid var(--border);padding:10px;text-align:left}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{display:none}}