:root { --bs-body-bg:#0b1220; --bs-body-bg-rgb:11,18,32; }
body { min-height:100vh; }
.sidebar { min-height:calc(100vh - 57px); background:#0d1628; }
.sidebar .nav-link { color:#aebbd0; }
.sidebar .nav-link:hover { color:#fff; background:#17243b; }
.card { background:#111c30; border-color:#24324a; }
.metric { transition:transform .15s ease,border-color .15s ease; }
.metric:hover { transform:translateY(-2px); border-color:#456a9e; }
.table { --bs-table-bg:transparent; }
.sev-critical { background:#b02a37; }
.sev-high { background:#dc6b1f; }
.sev-medium { background:#b18b18; color:#111; }
.sev-low { background:#287f62; }
.login-bg { background:radial-gradient(circle at 20% 20%,#16345d 0,#0b1220 42%); }
code { color:#8bc6ff; }
@media(max-width:767.98px){ .sidebar{min-height:auto}.sidebar .p-3{display:flex;overflow:auto;gap:.25rem}.sidebar .nav-link{white-space:nowrap} }