:root{--sidebar:#0d1b31;--sidebar2:#16375a;--primary:#4f7bea;--bg:#eef3f9;--text:#07152d}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}.app-body{background:var(--bg)}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:286px;background:linear-gradient(180deg,var(--sidebar),#0a1222);color:#fff;display:flex;flex-direction:column;padding:26px 18px;position:fixed;inset:0 auto 0 0}.brand-box{display:flex;gap:14px;align-items:center;margin-bottom:42px}.brand-mark{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:27px}.brand-title{font-size:28px;font-weight:800;letter-spacing:.02em}.brand-subtitle{font-size:13px;text-transform:uppercase;letter-spacing:.18em;opacity:.7}.nav-section{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin:24px 8px 9px}.nav-item{display:flex;align-items:center;gap:12px;color:#e8f0ff;text-decoration:none;padding:13px 14px;border-radius:14px;margin:4px 0}.nav-item i{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.09)}.nav-item:hover,.nav-item.active{background:#1f4271;color:#fff}.sidebar-footer{margin-top:auto;opacity:.7}.app-main{margin-left:286px;width:calc(100% - 286px)}.topbar{height:58px;background:#fff;border-bottom:1px solid #dfe5ee;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.content-wrap{padding:24px}.card-soft{background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(14,31,53,.06)}.kpi-card{background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:18px;box-shadow:0 12px 30px rgba(14,31,53,.06)}.kpi-label{color:#52657c;font-size:14px;display:flex;align-items:center;gap:8px}.kpi-value{font-size:30px;font-weight:800;margin-top:10px;color:#001f4e}.badge.sev-critical{background:#dc3545}.badge.sev-warning{background:#f0ad21;color:#1d1d1d}.badge.sev-info{background:#2a9d69}.login-body{min-height:100vh;background:linear-gradient(135deg,#edf4ff,#dbe6f5);display:grid;place-items:center}.login-shell{width:min(1120px,92vw)}.login-card{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(13,27,49,.18)}.login-left{background:linear-gradient(145deg,#12213b,#234a85);color:#fff;padding:58px}.brand-large{font-size:34px;font-weight:800;margin-bottom:58px}.eyebrow{font-size:12px;letter-spacing:.25em;opacity:.7;margin-bottom:14px}.login-left h1{font-size:42px;line-height:1.06;font-weight:850;margin-bottom:22px}.login-left p{font-size:18px;opacity:.88}.login-left ul{list-style:none;padding:0;margin:34px 0 0}.login-left li{margin:18px 0;display:flex;gap:12px;align-items:center}.login-right{padding:70px 56px}.login-right h2{font-weight:850;font-size:34px}.form-control{background:#edf3ff;border-color:#d7e0ef}.btn-primary{background:#557ee8;border-color:#557ee8;font-weight:700;border-radius:13px}.btn-outline-primary,.btn-outline-secondary{border-radius:12px}@media(max-width:900px){.app-sidebar{display:none}.app-main{margin-left:0;width:100%}.login-card{grid-template-columns:1fr}.login-left{display:none}}