:root{--bg:#e9edf2;--surface:#fff;--surface-2:#f4f7fb;--raised:#fbfcfe;--ink:#101820;--muted:#46525e;--faint:#6e7a86;--line:#dce3ec;--line-2:#eef2f7;--brand:#0c1622;--brand-2:#1d3a5c;--brand-ink:#eaf2f9;--brand-faint:#9fb4c8;--accent:#16385c;--accent-ink:#16385c;--pass:#12824e;--pass-bg:#e4f2ea;--warn:#9a6a08;--warn-bg:#f8eed6;--crit:#b23a2d;--crit-bg:#f7e6e3;--dot-pass:#1aa35f;--dot-warn:#d79a2a;--dot-crit:#d4493a;--shadow:0 1px 2px #0e1a2b0d,0 8px 24px #0e1a2b12;--shadow-sm:0 1px 2px #0e1a2b0f;--fd:"Libre Franklin",ui-sans-serif,system-ui,sans-serif;--fb:"Libre Franklin",ui-sans-serif,system-ui,sans-serif;--fm:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1114;--surface:#1a1f25;--surface-2:#12161a;--raised:#20262d;--ink:#eef1f4;--muted:#b3bcc5;--faint:#85929d;--line:#2b333b;--line-2:#222930;--brand:#0c1622;--brand-2:#1d3a5c;--brand-ink:#eaf2f9;--brand-faint:#8ba2b9;--accent:#8db4dd;--accent-ink:#8db4dd;--pass:#3cc07e;--pass-bg:#10261c;--warn:#e0a94a;--warn-bg:#2a2010;--crit:#e2695c;--crit-bg:#2d1a17;--dot-pass:#36c17e;--dot-warn:#e0a94a;--dot-crit:#e2695c;--shadow:0 1px 2px #00000059,0 10px 30px #0006;--shadow-sm:0 1px 2px #0006;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d1114;--surface:#1a1f25;--surface-2:#12161a;--raised:#20262d;--ink:#eef1f4;--muted:#b3bcc5;--faint:#85929d;--line:#2b333b;--line-2:#222930;--brand:#0c1622;--brand-2:#1d3a5c;--brand-ink:#eaf2f9;--brand-faint:#8ba2b9;--accent:#8db4dd;--accent-ink:#8db4dd;--pass:#3cc07e;--pass-bg:#10261c;--warn:#e0a94a;--warn-bg:#2a2010;--crit:#e2695c;--crit-bg:#2d1a17;--dot-pass:#36c17e;--dot-warn:#e0a94a;--dot-crit:#e2695c;--shadow:0 1px 2px #00000059,0 10px 30px #0006;--shadow-sm:0 1px 2px #0006;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font-family:var(--fb);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}.mono{font-family:var(--fm);font-variant-numeric:tabular-nums}h1,h2,h3{font-family:var(--fd);letter-spacing:-.01em;margin:0;font-weight:700}button{font-family:var(--fb);cursor:pointer}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.mark{flex:none;width:26px;height:26px}.mark path{stroke:currentColor;fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}#gate{background:radial-gradient(1200px 600px at 80% -10%, #16385c1a, transparent 60%), var(--bg);justify-content:center;align-items:center;min-height:92vh;padding:40px 16px;display:flex}.gatecard{width:100%;max-width:400px}.gate-brand{color:var(--accent);align-items:center;gap:10px;margin-bottom:26px;display:flex}.gate-brand .wm{font-family:var(--fd);letter-spacing:.02em;color:var(--ink);font-size:19px;font-weight:800}.gate-brand .sub{font-family:var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-size:11px}.gate-panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:28px 26px}.gate-panel h1{margin-bottom:4px;font-size:22px}.gate-panel .lede{color:var(--muted);margin:0 0 20px;font-size:14px}.field{margin-bottom:14px}.field label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.field input{border:1px solid var(--line);background:var(--surface-2);width:100%;height:42px;color:var(--ink);font-size:14px;font-family:var(--fb);border-radius:10px;padding:0 13px}.field input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.signin{background:linear-gradient(150deg,var(--brand),var(--brand-2));width:100%;height:44px;color:var(--brand-ink);font-family:var(--fd);letter-spacing:.01em;border:none;border-radius:10px;margin-top:6px;font-size:15px;font-weight:600;transition:opacity .15s}.signin:hover{opacity:.92}.gate-foot{font-family:var(--fm);color:var(--faint);align-items:center;gap:7px;margin-top:18px;font-size:11px;display:flex}.demo-chip{font-family:var(--fm);letter-spacing:.06em;color:var(--accent-ink);background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:3px 9px;font-size:10.5px}.gate-note{text-align:center;color:var(--faint);margin-top:16px;font-size:12px}.gate-note a{color:var(--accent-ink)}#app{min-height:100%}.topbar{z-index:20;background:linear-gradient(150deg,var(--brand),var(--brand-2));color:var(--brand-ink);border-bottom:1px solid #ffffff14;position:sticky;top:0}.topbar-in{align-items:center;gap:14px;max-width:1180px;margin:0 auto;padding:12px 16px;display:flex}.tb-brand{color:var(--brand-faint);align-items:center;gap:9px;display:flex}.tb-brand .wm{font-family:var(--fd);letter-spacing:.02em;color:#fff;font-size:15px;font-weight:800}.ws{border-left:1px solid #ffffff24;align-items:center;gap:8px;margin-left:4px;padding-left:14px;font-size:14px;display:flex}.ws .av{color:#cfe3f4;width:24px;height:24px;font-family:var(--fd);background:#2b4761;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ws b{color:#fff;font-weight:500}.tb-spacer{flex:1}.badge-soc{font-family:var(--fm);letter-spacing:.04em;color:#bfe8d1;background:#1aa35f24;border:1px solid #1aa35f4d;border-radius:20px;align-items:center;gap:7px;padding:4px 11px;font-size:11px;display:inline-flex}.tb-clock{font-family:var(--fm);color:var(--brand-faint);font-size:12px}.tb-export{color:#fff;height:34px;font-family:var(--fd);background:0 0;border:1px solid #ffffff38;border-radius:9px;padding:0 14px;font-size:13px;font-weight:600}.tb-export:hover{background:#ffffff14}@media (width<=780px){.tb-clock,.badge-soc .lbl2{display:none}}.wrap{max-width:1180px;margin:0 auto;padding:22px 16px 48px}.pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:18px;display:flex}.pagehead h2{font-size:22px}.pagehead .win{font-family:var(--fm);color:var(--muted);font-size:12px}.collecting{font-family:var(--fm);color:var(--pass);align-items:center;gap:7px;font-size:12px;display:inline-flex}.pulse{background:var(--dot-pass);border-radius:50%;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){.pulse{animation:1.8s ease-in-out infinite pl}}@keyframes pl{0%,to{box-shadow:0 0 #1aa35f80}50%{box-shadow:0 0 0 5px #1aa35f00}}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;padding:16px 18px}.kpi .lab{font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:10.5px}.kpi .big{font-family:var(--fd);font-variant-numeric:tabular-nums;margin-top:8px;font-size:34px;font-weight:800;line-height:1.05}.kpi .sub{color:var(--muted);margin-top:4px;font-size:12.5px}.kpi.good .big{color:var(--pass)}.kpi.warnk .big{color:var(--warn)}.ring{--p:96;background:conic-gradient(var(--pass) calc(var(--p)*1%), var(--line-2) 0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.ring span{background:var(--surface);width:46px;height:46px;font-family:var(--fd);color:var(--pass);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.kpi.ringrow{align-items:center;gap:16px;display:flex}.kpi.ringrow .txt .lab{margin-bottom:2px}@media (width<=920px){.kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.kpis{grid-template-columns:1fr}}.sec-label{font-family:var(--fm);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:22px 0 10px;font-size:11px}.tsc{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.tcard{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;padding:14px}.tcard .tc-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.tcard h3{font-size:13.5px;font-weight:600}.tcard .cc{font-family:var(--fm);color:var(--faint);font-size:10px}.tcard .pct{font-family:var(--fd);font-variant-numeric:tabular-nums;margin-top:10px;font-size:22px;font-weight:800}.tcard .cnt{color:var(--muted);margin-top:1px;font-size:12px}.bar{background:var(--line-2);border-radius:3px;height:5px;margin-top:10px;overflow:hidden}.bar i{background:var(--pass);border-radius:3px;height:100%;display:block}.tcard.oos{opacity:.72}.tcard.oos .pct{color:var(--faint);font-size:13px;font-weight:600;font-family:var(--fb)}.oos-chip{font-family:var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:5px;padding:2px 6px;font-size:9.5px}@media (width<=920px){.tsc{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.tsc{grid-template-columns:1fr}}.split{grid-template-columns:1fr 320px;align-items:start;gap:16px;margin-top:22px;display:grid}@media (width<=920px){.split{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;display:flex}.panel-head h3{font-size:15px}.panel-head .sp{flex:1}.search{border:1px solid var(--line);background:var(--surface-2);height:32px;color:var(--ink);font-size:13px;font-family:var(--fb);border-radius:8px;min-width:140px;padding:0 11px}.search:focus{outline:2px solid var(--accent);outline-offset:1px}.filters{border-bottom:1px solid var(--line-2);flex-wrap:wrap;gap:6px;padding:12px 16px;display:flex}.fbtn{font-family:var(--fm);color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:20px;padding:4px 11px;font-size:11.5px}.fbtn[aria-pressed=true]{background:var(--brand-2);color:#fff;border-color:var(--brand-2)}.ctbl{border-collapse:collapse;width:100%;font-size:13.5px}.ctbl th{font-family:var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-align:left;border-bottom:1px solid var(--line);padding:9px 16px;font-size:10px}.ctbl td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:11px 16px}.ctbl tr{cursor:pointer}.ctbl tbody tr:hover,.ctbl tbody tr.active{background:var(--surface-2)}.cid{font-family:var(--fm);color:var(--accent-ink);font-size:12px;font-weight:500}.cname{color:var(--ink)}.cmeta{color:var(--faint);font-family:var(--fm);font-size:11px}.st{align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.st .d{border-radius:50%;width:8px;height:8px}.st.pass{color:var(--pass)}.st.pass .d{background:var(--dot-pass)}.st.attn{color:var(--warn)}.st.attn .d{background:var(--dot-warn)}.evn{font-family:var(--fm);color:var(--muted);font-size:12px}@media (width<=680px){.col-owner,.col-ev{display:none}}.feed{max-height:560px;overflow:auto}.feed-item{border-bottom:1px solid var(--line-2);gap:10px;padding:11px 15px;display:flex}.feed-item .fi-dot{background:var(--dot-pass);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.feed-item.warn .fi-dot{background:var(--dot-warn)}.feed-item .fi-main{min-width:0;font-size:13px}.feed-item .fi-main b{font-weight:500}.feed-item .fi-sub{font-family:var(--fm);color:var(--faint);margin-top:2px;font-size:11px}.feed-new{animation:.5s fade}@keyframes fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.scrim{opacity:0;pointer-events:none;z-index:40;background:#080e1680;transition:opacity .2s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.drawer{background:var(--surface);z-index:50;flex-direction:column;width:min(440px,100%);height:100%;transition:transform .24s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-12px 0 40px #080e164d}.drawer.open{transform:none}.dr-head{border-bottom:1px solid var(--line);background:var(--surface-2);padding:18px 20px;position:relative}.dr-head .dr-id{font-family:var(--fm);color:var(--accent-ink);font-size:12px}.dr-head h3{text-wrap:balance;margin:6px 0 10px;font-size:17px}.dr-x{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--muted);border-radius:8px;font-size:16px;line-height:1;position:absolute;top:14px;right:16px}.dr-body{padding:18px 20px 40px;overflow:auto}.dr-meta{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.dr-meta .m .k{font-family:var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:10px}.dr-meta .m .v{margin-top:3px;font-size:13.5px}.cont-wrap{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;margin-bottom:18px;padding:14px}.cont-wrap .ct-top{justify-content:space-between;align-items:baseline;display:flex}.cont-wrap .ct-top .lab{font-family:var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:11px}.cont-wrap .ct-top .val{font-family:var(--fd);color:var(--pass);font-size:14px;font-weight:700}.heat{flex-wrap:wrap;gap:2px;margin-top:10px;display:flex}.heat i{background:var(--dot-pass);border-radius:2px;width:7px;height:14px}.heat i.miss{background:var(--warn-bg);border:1px solid var(--dot-warn)}.cont-wrap .ct-note{color:var(--muted);margin-top:10px;font-size:11.5px}.ev-h{font-family:var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 10px;font-size:11px}.ev-item{border-top:1px solid var(--line-2);gap:11px;padding:11px 0;display:flex}.ev-item .ic{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.ev-item .et{font-size:13.5px;font-weight:500}.ev-item .es{font-family:var(--fm);color:var(--faint);margin-top:2px;font-size:11px}.ev-auto{font-family:var(--fm);letter-spacing:.05em;color:var(--pass);border:1px solid var(--pass);border-radius:5px;margin-left:6px;padding:1px 5px;font-size:9.5px}.toast{background:var(--brand-2);color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:60;border-radius:10px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 18px;font-size:13.5px;transition:all .25s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast .tk{font-family:var(--fm);color:#bfe8d1;font-size:11px}footer.demo-foot{max-width:1180px;font-family:var(--fm);color:var(--faint);margin:0 auto;padding:4px 16px 30px;font-size:11px;line-height:1.6}footer.demo-foot a{color:var(--accent-ink)}