:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#061024;--bg-soft:#0c1b36;--surface:#102445;--line:#89c7ff40;--text:#ecf6ff;--muted:#9ab5d6;--primary:#17a7ff;--ok:#36d399;--warn:#f59e0b;--danger:#ef4444;font-family:Inter,Segoe UI,Roboto,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% -20%, #17a7ff59, transparent 55%), radial-gradient(circle at 90% 120%, #1857d34d, transparent 40%), var(--bg);min-height:100vh;color:var(--text);margin:0}a{color:inherit}#root{min-height:100vh}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061024cc;padding:24px 16px}.brand{margin:0 0 24px}.brand h1{margin:0;font-size:20px}.brand p{color:var(--muted);margin:6px 0 0;font-size:13px}.nav-link{width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;margin-bottom:10px;padding:10px 12px;font-weight:600;text-decoration:none;display:block}.nav-link.active,.nav-link:hover{border-color:var(--line);background:#17a7ff1f}.main{padding:24px}.card{border:1px solid var(--line);background:linear-gradient(#102445eb 0%,#0b1c38eb 100%);border-radius:16px;padding:18px}.grid{gap:16px;display:grid}.grid.kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}input,select,textarea,button{border:1px solid var(--line);color:var(--text);font:inherit;background:#0a1a35;border-radius:10px;padding:10px 12px}button{cursor:pointer;font-weight:700}button.primary{background:linear-gradient(90deg,#17a7ff,#1e74ff);border-color:#0000}button.ghost{background:0 0}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:10px 8px;font-size:14px}.auth-center{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{width:100%;max-width:420px}.badge{text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:11px}@media (max-width:960px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.grid.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}