body{margin:0;background:#07111f;color:#e5eefb;font-family:Inter,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.os-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.os-sidebar{background:#050b14;border-right:1px solid #263c5b;padding:24px}
.os-brand{font-size:24px;font-weight:900;margin-bottom:6px}
.os-brand span{color:#38bdf8}
.os-subbrand{color:#94a3b8;font-size:13px;margin-bottom:24px}
.os-nav-group{margin:22px 0}
.os-nav-title{color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;margin-bottom:9px}
.os-nav-link{display:block;padding:11px 13px;border-radius:13px;color:#dbeafe;font-weight:800;margin-bottom:6px}
.os-nav-link:hover{background:#102039}
.os-main{padding:26px}
.os-topbar{display:flex;justify-content:space-between;gap:18px;margin-bottom:24px;background:#0d1b2f;border:1px solid #263c5b;border-radius:22px;padding:18px 20px}
.os-title{font-size:32px;font-weight:900;margin:0}
.os-subtitle{color:#94a3b8;line-height:1.6;margin-top:5px}
.os-pill{display:inline-block;padding:7px 10px;border-radius:999px;background:#13253d;color:#c7d2fe;font-size:12px;font-weight:900;margin-left:6px}
.grid{display:grid;gap:16px}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.section{margin-top:26px}
.card{background:linear-gradient(180deg,#101f35,#0d1b2f);border:1px solid #263c5b;border-radius:22px;padding:22px}
.card-title{font-size:18px;font-weight:900;margin-bottom:10px}
.metric{font-size:34px;font-weight:900;color:#fff}
.muted{color:#94a3b8}.ok{color:#34d399}.warn{color:#fbbf24}.bad{color:#fb7185}
.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.action{display:block;background:#081525;border:1px solid #263c5b;border-radius:16px;padding:15px 16px;color:#dbeafe;font-weight:900}
.action small{display:block;color:#8aa0bd;margin-top:5px;font-weight:500;line-height:1.5}
@media(max-width:980px){.os-shell{grid-template-columns:1fr}.os-sidebar{position:relative}}