:root{--accent:#8b5cf6;--accent-2:#d946ef;--soft:#f5f3ff;--bd:#ddd6fe;--txt:#6d28d9;--s900:#0f172a;--s800:#1e293b;--s700:#334155;--s600:#475569;--s500:#64748b;--s400:#94a3b8;--s300:#cbd5e1;--s200:#e2e8f0;--s100:#f1f5f9;--s50:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--s50);color:var(--s900);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}button{font-family:inherit}code{background:var(--s100);border-radius:3px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--s300);border-radius:4px}::-webkit-scrollbar-track{background:0 0}.app{height:100vh;display:flex;overflow:hidden}.sb{background:var(--s900);flex-direction:column;flex-shrink:0;width:240px;display:flex}.sb-logo{align-items:center;gap:10px;padding:16px;display:flex}.sb-mark{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sb-t1{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.sb-t2{color:var(--s400);font-size:10px;line-height:1.2}.sb-nav{flex:1;padding:0 10px 12px;overflow-y:auto}.sb-sec{text-transform:uppercase;letter-spacing:.06em;color:var(--s500);padding:4px 8px 6px;font-size:10px;font-weight:600}.sb-i{width:100%;color:var(--s400);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:8px;font-size:13px;text-decoration:none;transition:all .12s;display:flex}.sb-i:hover{color:#e2e8f0;background:#1e293b99}.sb-i.on{background:var(--s800);color:#fff;font-weight:600}.sb-i.on svg{color:var(--accent)}.sb-i span{flex:1}.sb-badge{color:#fff;background:#f43f5e;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.sb-note{border:1px solid var(--s800);background:#1e293b66;border-radius:8px;margin:4px 8px 0;padding:10px}.sb-note b{color:var(--s400);align-items:center;gap:6px;margin-bottom:4px;font-size:10px;display:flex}.sb-note p{color:var(--s500);font-size:10px;line-height:1.5}.sb-foot{border-top:1px solid var(--s800);padding:10px}.sb-user{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.sb-user:hover{background:var(--s800)}.av{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.tb{border-bottom:1px solid var(--s200);background:#fff;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.tb h1{font-size:15px;font-weight:700;line-height:1.2}.tb p{color:var(--s400);font-size:10px}.grow{flex:1}.srch{position:relative}.srch svg{color:var(--s400);position:absolute;top:9px;left:10px}.srch input{border:1px solid var(--s200);background:var(--s50);border-radius:8px;outline:0;width:210px;padding:7px 10px 7px 30px;font-size:12px}.srch input:focus{border-color:var(--s300);background:#fff}.content{flex:1;padding:20px;overflow-y:auto}.card{border:1px solid var(--s200);background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000a}.btn{cursor:pointer;background:var(--s900);color:#fff;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--s800)}.btn:active:not(:disabled){transform:scale(.96)}.btn.sm{padding:6px 10px;font-size:12px}.btn.ghost{color:var(--s700);border:1px solid var(--s200);background:#fff}.btn.ghost:hover:not(:disabled){background:var(--s50)}.btn.ok{background:#059669}.btn.ok:hover:not(:disabled){background:#10b981}.btn.dg{background:#e11d48}.btn.dg:hover:not(:disabled){background:#f43f5e}.btn:disabled{opacity:.4;cursor:not-allowed}.pill{background:var(--s100);color:var(--s600);white-space:nowrap;border-radius:6px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.pill.green{color:#047857;background:#ecfdf5}.pill.amber{color:#b45309;background:#fffbeb}.pill.red{color:#be123c;background:#fff1f2}.pill.blue{color:#1d4ed8;background:#eff6ff}.pill.violet{color:#6d28d9;background:#f5f3ff}.chip{border-radius:6px;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:500;display:inline-flex}.chip i{border-radius:999px;width:5px;height:5px;display:block}.tg{background:var(--s300);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:all .15s;position:relative}.tg.on{background:#4f46e5}.tg:after{content:"";background:#fff;border-radius:999px;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.tg.on:after{left:18px}.tg:disabled{opacity:.4;cursor:not-allowed}.pc{border:1px solid var(--s200);cursor:pointer;color:#fff;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .1s;display:inline-flex}.pc.on{background:var(--accent);border-color:var(--accent)}.pc:disabled{cursor:not-allowed;opacity:.7}.pc:not(:disabled):hover{transform:scale(1.15)}.ico{border-radius:8px;padding:6px;display:inline-flex}.t-violet{color:#7c3aed;background:#f5f3ff}.t-indigo{color:#4f46e5;background:#eef2ff}.t-cyan{color:#0891b2;background:#ecfeff}.t-emerald{color:#059669;background:#ecfdf5}.t-amber{color:#d97706;background:#fffbeb}.t-rose{color:#e11d48;background:#fff1f2}.t-slate{background:var(--s100);color:var(--s600)}.t-blue{color:#2563eb;background:#eff6ff}.grid{gap:12px;display:grid}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g6{grid-template-columns:repeat(6,1fr)}.g21{grid-template-columns:2fr 1fr}@media (width<=1280px){.g6{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.g3,.g21{grid-template-columns:1fr 1fr}.g6{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.g2,.g3,.g21{grid-template-columns:1fr}}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:var(--s50);border-bottom:1px solid var(--s200)}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--s500);white-space:nowrap;padding:10px 14px;font-size:10px;font-weight:600}td{border-top:1px solid var(--s100);vertical-align:middle;padding:10px 14px;font-size:12px}tbody tr:hover{background:var(--s50)}tr.exp{cursor:pointer}tr.live{background:#f0fdf4}tr.catrow,tr.catrow:hover{background:#f8fafc}tr.catrow td{text-transform:uppercase;letter-spacing:.06em;color:var(--s400);border-top:1px solid var(--s100);padding:6px 14px;font-size:10px;font-weight:600}tr.detail:hover{background:#f8fafc}.dot{border-radius:999px;width:6px;height:6px;display:block}.dot.high{background:#fb7185}.dot.medium{background:#fbbf24}.dot.low{background:var(--s300)}.hero{color:#fff;background:linear-gradient(100deg,var(--accent),var(--accent-2));border-radius:12px;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:20px;display:flex}.scope{background:var(--soft);border:1px solid var(--bd);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;display:flex}.scope p{color:var(--s600);font-size:12px}.scope b{color:var(--txt)}.banner{border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:8px 12px;font-size:12px;display:flex}.banner.amber{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.banner.violet{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe}.hint{color:var(--s400);align-items:center;gap:6px;margin-top:12px;font-size:11px;display:flex}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 16px;display:flex}.empty .ico{background:var(--s100);color:var(--s400);border-radius:12px;margin-bottom:12px;padding:12px}.empty h4{color:var(--s700);font-size:13px;font-weight:600}.empty p{color:var(--s500);max-width:380px;margin-top:4px;font-size:12px;line-height:1.5}.kpi{padding:14px}.kpi .l{text-transform:uppercase;letter-spacing:.04em;color:var(--s400);margin-top:10px;font-size:10px;font-weight:500}.kpi .v{letter-spacing:-.02em;margin-top:2px;font-size:20px;font-weight:700}.kpi .d{align-items:center;gap:2px;margin-top:4px;font-size:10px;font-weight:600;display:flex}.kpi .d.up{color:#059669}.kpi .d.dn{color:#e11d48}.kpi .s{color:var(--s400);margin-top:4px;font-size:10px}.hd{border-bottom:1px solid var(--s200);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.hd h3{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.hd p{color:var(--s400);font-size:10px}.pad{padding:16px}.diff{border-radius:8px;padding:8px;font-family:ui-monospace,Menlo,monospace;font-size:10px;overflow-x:auto}.diff.b{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.diff.a{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.iact{cursor:pointer;color:var(--s400);background:0 0;border:0;border-radius:4px;padding:6px}.iact:hover:not(:disabled){background:var(--s100);color:var(--s700)}.iact:disabled{color:var(--s200);cursor:not-allowed}.row{border:1px solid var(--s100);border-radius:8px;align-items:flex-start;gap:10px;padding:8px;display:flex}.rolecard{border:1px solid var(--s200);text-align:left;cursor:pointer;background:#fff;border-radius:12px;width:100%;padding:12px;transition:all .12s}.rolecard:hover{border-color:var(--s300)}.rolecard.on{box-shadow:0 1px 3px #00000014}.lvl{background:var(--s100);color:var(--s500);border-radius:4px;padding:1px 5px;font-size:9px;font-weight:700}.gstrip{gap:2px;display:flex}.gstrip span{text-align:center;background:var(--s100);width:14px;height:14px;color:var(--s300);border-radius:3px;font-size:7px;font-weight:700;line-height:14px}.gstrip span.on{background:var(--accent);color:#fff}label.f{color:var(--s600);margin-bottom:5px;font-size:11px;font-weight:600;display:block}input.f,select.f{border:1px solid var(--s200);background:#fff;border-radius:8px;outline:0;width:100%;padding:8px 10px;font-family:inherit;font-size:12px}input.f:focus,select.f:focus{border-color:var(--s400)}.seg{border:1px solid var(--s200);color:var(--s600);cursor:pointer;text-transform:capitalize;background:#fff;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:500}.seg:hover{background:var(--s50)}.seg.on{background:var(--s900);color:#fff;border-color:var(--s900)}.act{background:var(--s100);color:var(--s700);border-radius:4px;padding:2px 6px;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:600}.ov{z-index:40;background:#0f172a4d;position:fixed;inset:0}.dw{border-left:1px solid var(--s200);z-index:50;background:#fff;flex-direction:column;height:100%;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #0000001f}.dw.w1{width:384px}.dw.w2{width:440px}.dw-h{border-bottom:1px solid var(--s200);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dw-h h3{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.dw-h p{color:var(--s400);font-size:10px}.dw-b{flex:1;padding:16px;overflow-y:auto}.dw-f{border-top:1px solid var(--s200);align-items:center;gap:8px;padding:16px;display:flex}.pop{border:1px solid var(--s200);z-index:50;background:#fff;border-radius:12px;width:320px;padding:8px;position:fixed;bottom:64px;left:12px;box-shadow:0 20px 50px #0003}.pop-h{text-transform:uppercase;letter-spacing:.06em;color:var(--s400);padding:6px 8px;font-size:10px;font-weight:600}.pop-i{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;width:100%;margin-bottom:2px;padding:10px;display:flex}.pop-i:hover{background:var(--s50)}.pop-i.on{background:var(--s100)}.x{cursor:pointer;color:var(--s600);background:0 0;border:0;border-radius:4px;padding:4px;display:flex}.x:hover{background:var(--s100)}.gmod{border:1px solid var(--s200);background:#fff;border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 10px;display:flex}.gmod.off{border-color:var(--s100);background:var(--s50)}.den{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}canvas{max-width:100%}.g4{grid-template-columns:repeat(4,1fr)}.g5{grid-template-columns:repeat(5,1fr)}.g12{grid-template-columns:1fr 2fr}@media (width<=1280px){.g5{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.g4,.g5{grid-template-columns:repeat(2,1fr)}.g12{grid-template-columns:1fr 1fr}}@media (width<=760px){.g4,.g5,.g12{grid-template-columns:1fr}}.bar{background:var(--s100);border-radius:999px;height:6px;overflow:hidden}.bar i{background:var(--accent);border-radius:999px;height:100%;display:block}.bar i.ok{background:#10b981}.bar i.warn{background:#f59e0b}.bar i.bad{background:#f43f5e}.spark{align-items:flex-end;gap:2px;height:30px;display:flex}.spark span{background:var(--s200);border-radius:2px 2px 0 0;flex:1;min-height:2px}.spark span.on{background:var(--accent)}.kv{border-bottom:1px solid var(--s100);justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;font-size:11px;display:flex}.kv:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.kv>span{color:var(--s500)}.kv>b{color:var(--s700);text-align:right;font-weight:600}.tile{border:1px solid var(--s200);background:#fff;border-radius:10px;padding:10px}.tile.mut{background:var(--s50);border-color:var(--s100)}.hlth{white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.hlth i{border-radius:999px;flex-shrink:0;width:7px;height:7px;display:block}.hlth.up{color:#047857}.hlth.up i{background:#10b981;box-shadow:0 0 0 3px #10b98126}.hlth.deg{color:#b45309}.hlth.deg i{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.hlth.down{color:#be123c}.hlth.down i{background:#f43f5e;box-shadow:0 0 0 3px #f43f5e26}.qa{border:1px solid var(--s200);cursor:pointer;text-align:left;background:#fff;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:10px;font-family:inherit;transition:all .12s;display:flex}.qa:hover{border-color:var(--s300);background:var(--s50)}.qa p{color:var(--s700);font-size:11px;font-weight:600}.qa small{color:var(--s400);margin-top:2px;font-size:10px;line-height:1.4;display:block}.tabs{border-bottom:1px solid var(--s200);flex-wrap:wrap;gap:0;margin-bottom:16px;display:flex}.tab{color:var(--s400);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-right:18px;padding:8px 2px;font-family:inherit;font-size:12px;font-weight:600}.tab:hover{color:var(--s600)}.tab.on{color:var(--s900);border-bottom-color:var(--accent)}.ai{border:1px solid var(--bd);background:var(--soft);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px;display:flex}.ai p{color:var(--s700);font-size:11px;font-weight:500;line-height:1.5}.ai small{color:var(--s500);margin-top:2px;font-size:10px;display:block}.sw{border:1px solid #00000014;border-radius:6px;flex-shrink:0;width:22px;height:22px;display:inline-block}textarea.f{border:1px solid var(--s200);resize:vertical;background:#fff;border-radius:8px;outline:0;width:100%;padding:8px 10px;font-family:inherit;font-size:12px}textarea.f:focus{border-color:var(--s400)}.centre{flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100vh;display:flex}.muted{color:var(--s500);font-size:13px}.login-wrap{background:var(--s900);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:#fff;border-radius:16px;width:380px;max-width:calc(100vw - 32px);padding:32px;box-shadow:0 20px 40px #0000004d}.login-mark{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;display:flex}.login-card h1{margin-bottom:6px;font-size:19px;font-weight:700}.login-card p{color:var(--s500);margin-bottom:22px;font-size:13px;line-height:1.6}.login-card .btn{justify-content:center;width:100%;padding:11px}.sec-title{margin-bottom:10px;font-size:13px;font-weight:700}.tbl{border-collapse:collapse;width:100%}.err{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:13px}.chip.plain{background:var(--s100);color:var(--s600)}.spinner{border:2.5px solid #ffffff2e;border-top-color:var(--accent);border-radius:999px;width:26px;height:26px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.toolbar .srch input{width:280px;padding-left:30px}.pager{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.dw .f+.f,.dw-b label.f{margin-top:0}.copyrow{align-items:center;gap:8px;display:flex}.copyrow input{flex:1;font-size:11px}.tabs .grow{flex:1}.tabs{align-items:flex-end}