*{box-sizing:border-box}html,body{color:#eef7ff;background:#07182e;margin:0;font-family:Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{grid-template-columns:235px 1fr;min-height:100vh;display:grid}.side{background:#06152a;border-right:1px solid #17395f;padding:20px 14px}.brand{margin-bottom:26px;font-size:20px;font-weight:800}.brand small{color:#7692af;margin-top:4px;font-size:11px;display:block}.nav{flex-direction:column;gap:5px;display:flex}.nav a{color:#b0c4d8;border-radius:8px;padding:10px 12px}.nav a:hover{color:#fff;background:#0d2d54}.main{padding:24px}.top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.top h1{margin:0}.top p{color:#839eb8;margin:5px 0 0}.grid4{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.card,.kpi{background:#0d2747;border:1px solid #1d456f;border-radius:12px}.kpi{border-left:4px solid #1686e8;padding:17px}.kpi.green{border-left-color:#32c96c}.kpi.amber{border-left-color:#f1a522}.kpi.red{border-left-color:#ef4d5b}.kpi small{color:#9fb4c9;text-transform:uppercase}.kpi b{margin:4px 0;font-size:28px;display:block}.kpi span{color:#7893ac;font-size:12px}.card{margin-top:14px;padding:16px}.tablewrap{padding:0;overflow:auto}.table{border-collapse:collapse;width:100%}.table th{color:#90a8c0;text-transform:uppercase;text-align:left;background:#0b2342;padding:12px;font-size:11px}.table td{border-top:1px solid #17395f;padding:13px 12px;font-size:13px}.table tbody tr:hover{background:#0d2a4b}.btn{color:#dceeff;cursor:pointer;background:#0d2d51;border:1px solid #2b5680;border-radius:8px;padding:8px 11px;display:inline-block}.btn.primary{background:#1686e8;border-color:#1686e8}.btn.danger{background:#6b1e2c;border-color:#9e3446}.btn:disabled{opacity:.45}.badge{color:#7be39d;background:#123d2b;border-radius:999px;padding:5px 9px;font-size:12px}.good{color:#69df90;font-weight:800}.warn{color:#ffc24d;font-weight:800}.bad{color:#ff6f7c;font-weight:800}.actions{flex-wrap:wrap;gap:8px;display:flex}.devicegrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric{background:#0f2e52;border:1px solid #204b74;border-radius:9px;padding:12px}.metric small{color:#89a5c0;display:block}.metric b{margin-top:5px;display:block}.notice{color:#ffd27c;background:#4b330e;border:1px solid #78531b;border-radius:8px;margin-bottom:14px;padding:11px}.tabs{gap:8px;margin-bottom:12px;display:flex}.input{color:#fff;background:#0b2443;border:1px solid #1e456f;border-radius:8px;padding:9px}.modalback{z-index:50;background:#00101fd9;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#0c2544;border:1px solid #2b557e;border-radius:12px;width:min(620px,92vw);padding:18px}@media (max-width:1000px){.shell{grid-template-columns:80px 1fr}.brand{font-size:0}.brand:before{content:"⚡";font-size:25px}.brand small,.nav a{font-size:0}.nav a:before{content:"•";font-size:20px}.grid4,.devicegrid{grid-template-columns:1fr 1fr}}