:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--panel:#fff;--text:#152033;--muted:#657287;--border:#d9e0ea;--brand:#153e75;--accent:#1f8a70;--danger:#b42318}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#eef4ff;background:#0f213f;padding:24px 18px}.sidebar h1{margin:0 0 24px;font-size:20px}.nav{gap:8px;display:grid}.nav a{color:#dbeafe;border-radius:10px;padding:10px 12px}.nav a:hover{background:#1d3764}.main{padding:28px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 8px 24px #1118270d}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.metric{margin:8px 0 0;font-size:32px;font-weight:800}.muted{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 8px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.badge{color:#075985;background:#e0f2fe;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge.danger{color:var(--danger);background:#fee2e2}button,.button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:700}input,select,textarea{border:1px solid var(--border);width:100%;font:inherit;background:#fff;border-radius:10px;padding:11px 12px}label{gap:6px;font-size:14px;font-weight:700;display:grid}form.stack,.stack{gap:14px;display:grid}.login{max-width:420px;margin:10vh auto}.alert{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:12px 14px}.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:12px 14px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static}.grid{grid-template-columns:1fr}.col-3,.col-4,.col-6,.col-8,.col-12{grid-column:span 1}.main{padding:18px}}