:root{--bg:#06101c;--panel:#0e1b2f;--panel2:#12233f;--line:#243b63;--txt:#ecf2ff;--muted:#98add1;--ok:#23c16b;--warn:#ffb020;--crit:#ff5d73;--info:#57b7ff;--radius:20px;--shadow:0 18px 40px rgba(0,0,0,.22)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,#102446 0,#07111f 52%,#050b14 100%);color:var(--txt)}.app{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.sidebar{background:rgba(10,18,33,.96);border-right:1px solid var(--line);padding:20px;position:sticky;top:0;height:100vh;overflow:auto}.main{padding:22px}.brand{font-size:24px;font-weight:900;margin-bottom:8px}.muted{color:var(--muted)}.menu-btn{display:none;position:fixed;top:14px;left:14px;z-index:20;background:#102446;border:1px solid #36507f;color:#fff;border-radius:12px;padding:10px 12px;font-weight:800}.nav{display:grid;gap:10px;margin-top:18px}.nav a{display:block;padding:12px 14px;border-radius:14px;text-decoration:none;color:#dfe8ff;background:#0f1b31;border:1px solid #22385f;font-weight:700}.nav a.active,.nav a:hover{background:#13233f}.hero,.card{background:rgba(15,27,49,.92);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.hero{padding:26px;margin-bottom:18px}.hero h1{margin:0 0 8px;font-size:34px}.status{display:inline-block;margin-top:12px;padding:10px 14px;border-radius:999px;font-size:13px;font-weight:900}.status.crit{background:#3b1320;color:#ffd0d7}.status.warn{background:#3d2a0f;color:#ffe3a9}.status.ok{background:#10311f;color:#c9f5d8}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{padding:18px}.label{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:800}.metric{font-size:32px;font-weight:900;margin-top:8px}.sub{font-size:13px;color:var(--muted);margin-top:6px}.pill{display:inline-block;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800}.pill.crit{background:#3b1320;color:#ffd0d7}.pill.warn{background:#3d2a0f;color:#ffe3a9}.pill.ok{background:#10311f;color:#c9f5d8}.pill.info{background:#102c42;color:#bfe7ff}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}th{color:var(--muted);font-size:12px;text-transform:uppercase}.list{display:grid;gap:10px}.item{background:var(--panel2);border:1px solid var(--line);border-left:6px solid #7c9dff;border-radius:18px;padding:14px 16px;line-height:1.55}.chartbox{height:320px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0 14px}.toolbar input,.toolbar select{background:#0b1730;color:#eaf1ff;border:1px solid #35517f;border-radius:12px;padding:10px 12px}.toolbar input{min-width:240px}@media(max-width:1180px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-320px;width:300px;z-index:15;transition:.22s}.sidebar.open{left:0}.menu-btn{display:block}.main{padding-top:64px}.grid{grid-template-columns:repeat(2,1fr)}.cols{grid-template-columns:1fr}}@media(max-width:720px){.grid{grid-template-columns:1fr}}