:root{--bg0:#1e2a45;--bg1:#253352;--bg2:#2b3b5e;--bg3:#33476e;--side:#18223a;--cyan:#22d3ee;--cyan-2:#06b6d4;--blue:#60a5fa;--violet:#a78bfa;--amber:#fbbf24;--red:#f87171;--green:#34d399;--orange:#fb923c;--text:#f2f5fb;--muted:#b4c0d4;--dim:#8e9bb5;--border:#ffffff1a;--border-strong:#fff3;--card:#ffffff0e;--grad:linear-gradient(135deg,var(--cyan) 0%,var(--blue) 55%,var(--violet) 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg0);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:14.5px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Sora,sans-serif;font-weight:700;line-height:1.2}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}a{color:var(--cyan);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:14px}.mono{font-family:JetBrains Mono,monospace}.muted{color:var(--muted)}.dim{color:var(--dim)}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{background:var(--side);border-right:1px solid var(--border);flex-direction:column;gap:6px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow:auto}.side .brand{align-items:center;gap:10px;padding:4px 8px 18px;display:flex}.brand .name{letter-spacing:.02em;color:var(--text);font-family:Sora,sans-serif;font-size:16px;font-weight:800;line-height:1}.brand .name b{color:var(--cyan);font-weight:500}.brand .name small{letter-spacing:.18em;color:var(--cyan);margin-top:4px;font-size:8.5px;font-weight:500;display:block}.side .tenant{border:1px solid var(--border);background:var(--card);border-radius:10px;margin:0 4px 12px;padding:10px 12px}.side .tenant b{font-size:13.5px;display:block}.side .tenant select{width:100%;margin-top:6px}.navsec{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:14px 10px 6px;font-family:JetBrains Mono,monospace;font-size:10.5px}.navlink{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;font-weight:500;display:flex}.navlink:hover{color:var(--text);background:#ffffff0d}.navlink.active{color:var(--text);box-shadow:inset 2px 0 0 var(--cyan);background:#22d3ee1f}.navlink svg{flex:none;width:16px;height:16px}.side .foot{border-top:1px solid var(--border);color:var(--dim);margin-top:auto;padding:12px 8px 0;font-size:12.5px}.main{min-width:0;padding:28px 34px 60px}.pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.pagehead p{color:var(--muted);max-width:70ch;margin-top:4px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-family:JetBrains Mono,monospace;font-size:11px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.card h2,.card h3{margin-bottom:12px}.grid{gap:16px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.kpi .v{margin-top:4px;font-family:Sora,sans-serif;font-size:28px;font-weight:700}.kpi .l{color:var(--muted);font-size:13px}.kpi .s{color:var(--dim);margin-top:2px;font-size:12.5px}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad);color:#07101f}.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.btn-ghost{border-color:var(--border-strong);color:var(--text);background:#ffffff0a}.btn-ghost:hover:not(:disabled){background:#ffffff14}.btn-danger{color:var(--red);background:0 0;border-color:#f8717180}.btn-sm{border-radius:7px;padding:6px 11px;font-size:12.5px}input,select,textarea{border:1px solid var(--border-strong);width:100%;color:var(--text);background:#07101f73;border-radius:8px;outline:none;padding:9px 11px}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22d3ee26}select option{background:var(--bg1)}textarea{resize:vertical;min-height:80px}label.f{color:var(--muted);flex-direction:column;gap:6px;font-size:12.5px;font-weight:500;display:flex}.check{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:13.5px;display:flex}.check input{width:auto}.form{gap:12px;display:grid}.tbl{border-collapse:collapse;width:100%;font-size:13.5px}.tbl th{text-align:left;color:var(--dim);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border);padding:8px 10px;font-size:11.5px;font-weight:600}.tbl td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#ffffff08}.tblwrap{overflow-x:auto}.badge{border:1px solid var(--border-strong);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.sev-critical{color:#fca5a5;background:#f8717129;border-color:#f8717180}.sev-high{color:#fdba74;background:#fb923c26;border-color:#fb923c80}.sev-medium{color:#fcd34d;background:#fbbf2421;border-color:#fbbf2473}.sev-low{color:#93c5fd;background:#60a5fa21;border-color:#60a5fa73}.sev-info,.sev-unknown{background:#ffffff0d}.st-ok{color:#6ee7b7;background:#34d39921;border-color:#34d39973}.st-warn{color:#fcd34d;background:#fbbf2421;border-color:#fbbf2473}.st-bad{color:#fca5a5;background:#f8717124;border-color:#f8717173}.tag{color:var(--cyan);white-space:nowrap;background:#22d3ee14;border:1px solid #22d3ee40;border-radius:6px;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:11.5px}.bar{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.bar>i{background:var(--grad);border-radius:99px;height:100%;display:block}.sevbar{background:#ffffff0f;border-radius:99px;height:10px;display:flex;overflow:hidden}.sevbar i{height:100%;display:block}.notice{color:var(--muted);background:#22d3ee12;border:1px solid #22d3ee4d;border-radius:10px;padding:12px 14px;font-size:13.5px}.notice.warn{background:#fbbf2412;border-color:#fbbf2459}.notice.err{color:#fca5a5;background:#f8717114;border-color:#f8717166}.empty{text-align:center;color:var(--dim);border:1px dashed var(--border-strong);border-radius:14px;padding:34px}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:18px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-weight:600}.tabs button.on{color:var(--text);border-bottom-color:var(--cyan)}.modal-bg{z-index:50;background:#050a14a6;justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--bg1);border:1px solid var(--border-strong);border-radius:16px;width:min(640px,100%);padding:22px 24px;box-shadow:0 30px 80px -20px #000000b3}.modal h2{margin-bottom:14px}.heat{grid-template-columns:28px repeat(5,1fr);gap:4px;font-size:11px;display:grid}.heat div{aspect-ratio:1.6;border-radius:6px;justify-content:center;align-items:center;font-weight:700;display:flex}.steps{gap:8px;margin-bottom:22px;display:flex}.steps div{border:1px solid var(--border);color:var(--dim);border-radius:10px;flex:1;padding:10px 12px;font-size:13px;font-weight:600}.steps div.on{border-color:var(--cyan);color:var(--text);background:#22d3ee14}.steps div.done{color:var(--green)}.auth{background:radial-gradient(circle at 15% 10%,#22d3ee2e,transparent 45%),radial-gradient(circle at 90% 90%,#8b5cf633,transparent 45%),var(--bg0);place-items:center;min-height:100vh;padding:24px;display:grid}.auth .box{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#253352bf;border-radius:18px;width:min(420px,100%);padding:30px 28px}.auth h1{margin:22px 0 6px}.spinner{border:2.5px solid #ffffff26;border-top-color:var(--cyan);border-radius:50%;width:22px;height:22px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobilebar{display:none}@media (width<=900px){.shell{grid-template-columns:1fr}.side{z-index:40;transition:transform .2s;position:fixed;inset:0 30% 0 0;transform:translate(-100%)}.side.open{transform:none}.mobilebar{border-bottom:1px solid var(--border);background:var(--side);z-index:30;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.main{padding:20px 16px 50px}.g2,.g3,.g4{grid-template-columns:1fr}}@media print{body{color:#111;background:#fff}.side,.mobilebar,.noprint{display:none!important}.shell{display:block}.main{padding:0}.card{break-inside:avoid;background:#fff;border-color:#ccc}.muted,.dim{color:#444}.tbl th{color:#333}.tbl td{border-color:#ddd}.badge,.tag{color:#111!important;background:#f3f3f3!important;border-color:#999!important}.grad-text{color:#0e7490;-webkit-text-fill-color:#0e7490}}
