:root{--canvas: #f5f5f7;--canvas-2: #ececee;--surface: #ffffff;--surface-2: #fbfbfd;--surface-glass: rgba(255, 255, 255, .72);--sidebar-glass: rgba(250, 250, 252, .78);--label: #1d1d1f;--label-2: #6e6e73;--label-3: #8e8e93;--label-4: #aeaeb2;--separator: rgba(0, 0, 0, .08);--separator-strong: rgba(0, 0, 0, .14);--fill: rgba(118, 118, 128, .08);--fill-2: rgba(118, 118, 128, .12);--fill-3: rgba(118, 118, 128, .16);--accent: #0071e3;--accent-weak: rgba(0, 113, 227, .12);--accent-ink: #ffffff;--green: #2fb966;--green-bg: rgba(47, 185, 102, .12);--orange: #f08c00;--orange-bg: rgba(240, 140, 0, .13);--red: #e5484d;--red-bg: rgba(229, 72, 77, .12);--teal: #08a0b0;--purple: #8a4bf0;--graydot: #b0b0b6;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 26px;--r-pill: 999px;--shadow-card: 0 1px 1px rgba(0,0,0,.03), 0 4px 12px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.6) inset;--shadow-pop: 0 2px 6px rgba(0,0,0,.06), 0 12px 40px rgba(0,0,0,.12);--shadow-soft: 0 1px 2px rgba(0,0,0,.04), 0 6px 18px rgba(0,0,0,.06);--gap: 18px;--pad: 20px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "SF Mono", ui-monospace, "JetBrains Mono", "Menlo", "Consolas", monospace}[data-density=compact]{--gap: 12px;--pad: 14px;--r-md: 14px;--r-lg: 16px}[data-density=comfy]{--gap: 24px;--pad: 26px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--canvas);color:var(--label);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv01"}#root{height:100%}::selection{background:var(--accent-weak)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#0000004d;background-clip:content-box}.app{display:grid;grid-template-columns:248px 1fr;height:100%;width:100%;overflow:hidden}.app[data-density=compact]{grid-template-columns:220px 1fr}.sidebar{background:var(--sidebar-glass);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-right:1px solid var(--separator);display:flex;flex-direction:column;padding:18px 14px;gap:6px;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 16px}.brand-mark{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;flex:none;overflow:hidden;box-shadow:0 1px 3px #00000029,inset 0 0 0 1px #0000000f}.brand-mark img{width:26px;height:26px;object-fit:contain;display:block}.brand-name{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.1}.brand-sub{font-size:11.5px;color:var(--label-3);margin-top:2px}.nav-group-label{font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--label-4);text-transform:uppercase;padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--label);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background .13s ease;position:relative}.nav-item:hover{background:var(--fill)}.nav-item.active{background:var(--accent);color:var(--accent-ink)}.nav-item.active .nav-ico{color:var(--accent-ink)}.nav-ico{width:18px;height:18px;flex:none;color:var(--label-2)}.nav-badge{margin-left:auto;font-size:11px;font-weight:600;background:var(--fill-2);color:var(--label-2);padding:1px 7px;border-radius:999px;min-width:20px;text-align:center}.nav-item.active .nav-badge{background:#ffffff40;color:#fff}.nav-badge.warn{background:var(--orange-bg);color:var(--orange)}.nav-badge.err{background:var(--red-bg);color:var(--red)}.sidebar-foot{margin-top:auto;padding:12px 12px 4px;border-top:1px solid var(--separator);display:flex;flex-direction:column;gap:7px}.foot-row{display:flex;justify-content:space-between;font-size:11.5px}.foot-row .k{color:var(--label-3)}.foot-row .v{color:var(--label-2);font-family:var(--mono);font-weight:500}.main{display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:58px;flex:none;display:flex;align-items:center;gap:16px;padding:0 24px;background:var(--surface-glass);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid var(--separator);z-index:10}.tb-title{font-size:19px;font-weight:600;letter-spacing:-.02em}.tb-sub{font-size:12.5px;color:var(--label-3);margin-left:2px}.tb-spacer{flex:1}.statpill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;background:var(--fill);font-size:12.5px;font-weight:500;color:var(--label-2)}.statpill .dot{width:8px;height:8px;border-radius:50%}.statpill.online{background:var(--green-bg);color:#1d8b4a}.statpill.online .dot{background:var(--green);box-shadow:0 0 0 3px #2fb9662e}.statpill.offline{background:var(--red-bg);color:var(--red)}.statpill.offline .dot{background:var(--red)}.tb-metric{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--label-2);font-weight:500}.tb-metric .mono{font-family:var(--mono);color:var(--label)}.tb-divider{width:1px;height:22px;background:var(--separator)}.iconbtn{width:34px;height:34px;border-radius:9px;border:none;background:transparent;color:var(--label-2);display:grid;place-items:center;cursor:pointer;transition:background .13s}.iconbtn:hover{background:var(--fill)}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--gap)}.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:8px;gap:var(--gap);max-width:1680px;margin:0 auto}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-card);border:.5px solid var(--separator);display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative}.card-head{display:flex;align-items:center;gap:10px;padding:15px var(--pad) 0;flex:none}.card-title{font-size:13px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.card-title .ti{width:15px;height:15px;color:var(--label-3)}.card-sub{font-size:11.5px;color:var(--label-3);font-weight:500}.card-head .spacer{flex:1}.card-body{padding:var(--pad);flex:1;min-height:0;display:flex;flex-direction:column}.card-body.tight{padding-top:12px}.chip{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--fill-2);color:var(--label-2);font-family:var(--mono)}.chip.green{background:var(--green-bg);color:#1d8b4a}.chip.orange{background:var(--orange-bg);color:var(--orange)}.chip.red{background:var(--red-bg);color:var(--red)}.chip.accent{background:var(--accent-weak);color:var(--accent)}.stat-grid{display:grid;gap:10px}.metric-value{font-size:30px;font-weight:600;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.metric-unit{font-size:14px;color:var(--label-3);font-weight:500;margin-left:3px}.metric-label{font-size:11.5px;color:var(--label-3);font-weight:500}.offline-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#f5f5f78c;backdrop-filter:blur(1.5px) saturate(70%);-webkit-backdrop-filter:blur(1.5px) saturate(70%);display:grid;place-items:center;border-radius:inherit;pointer-events:none}.stale{filter:saturate(.25);opacity:.55}.row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--separator)}.row:last-child{border-bottom:none}.kbd{font-family:var(--mono);font-size:11px;font-weight:600;background:var(--surface);color:var(--label-2);border:1px solid var(--separator-strong);border-bottom-width:2px;border-radius:6px;padding:2px 7px;min-width:22px;text-align:center;display:inline-block}.mono{font-family:var(--mono)}.tnum{font-variant-numeric:tabular-nums}@keyframes logIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulse 1.4s ease-in-out infinite}.seg{display:inline-flex;background:var(--fill);border-radius:9px;padding:2px;gap:2px}.seg button{border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:var(--label-2);padding:5px 12px;border-radius:7px;font-family:var(--font);transition:all .13s}.seg button.on{background:var(--surface);color:var(--label);box-shadow:var(--shadow-soft)}button{font-family:var(--font)}:root{--sev-crit: #e5484d;--sev-crit-bg: rgba(229,72,77,.12);--sev-warn: #f08c00;--sev-warn-bg: rgba(240,140,0,.13);--sev-info: #0071e3;--sev-info-bg: rgba(0,113,227,.12);--ok: #2fb966;--ok-bg: rgba(47,185,102,.12);--mod-numeric: #0071e3;--mod-event: #8a4bf0;--mod-state: #08a0b0;--band: rgba(0,113,227,.1);--band-strong: rgba(0,113,227,.16)}[data-theme=dark]{--canvas: #0b0b0d;--canvas-2: #161618;--surface: #1a1a1d;--surface-2: #19191c;--surface-glass: rgba(26,26,29,.74);--sidebar-glass: rgba(18,18,20,.82);--label: #f5f5f7;--label-2: #a1a1a6;--label-3: #8a8a8f;--label-4: #636367;--separator: rgba(255,255,255,.09);--separator-strong: rgba(255,255,255,.16);--fill: rgba(120,120,128,.16);--fill-2: rgba(120,120,128,.24);--fill-3: rgba(120,120,128,.32);--shadow-card: 0 1px 1px rgba(0,0,0,.3), 0 6px 18px rgba(0,0,0,.4), 0 0 0 .5px rgba(255,255,255,.04) inset;--shadow-soft: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.35);--shadow-pop: 0 2px 6px rgba(0,0,0,.4), 0 18px 50px rgba(0,0,0,.6);--band: rgba(10,132,255,.16);--band-strong: rgba(10,132,255,.26);--ok-bg: rgba(47,185,102,.18);--sev-crit-bg: rgba(229,72,77,.2);--sev-warn-bg: rgba(240,140,0,.2);--sev-info-bg: rgba(10,132,255,.2)}[data-theme=dark] .offline-veil{background:#0b0b0d99}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff2e;background-clip:content-box}.tag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.01em;padding:2px 8px;border-radius:999px;background:var(--fill-2);color:var(--label-2);white-space:nowrap}.tag.mono{font-family:var(--mono);font-weight:500}.tag.sev-critical{background:var(--sev-crit-bg);color:var(--sev-crit)}.tag.sev-warning{background:var(--sev-warn-bg);color:var(--sev-warn)}.tag.sev-info{background:var(--sev-info-bg);color:var(--sev-info)}.tag.ok{background:var(--ok-bg);color:#1d8b4a}[data-theme=dark] .tag.ok{color:var(--ok)}.tag.numeric{color:var(--mod-numeric);background:#0071e31a}.tag.event{color:var(--mod-event);background:#8a4bf01a}.tag.state{color:var(--mod-state);background:#08a0b01a}.dotc{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.fleet-strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--gap)}.fleet-card{background:var(--surface);border-radius:var(--r-md);border:.5px solid var(--separator);box-shadow:var(--shadow-card);padding:14px 15px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:transform .13s,box-shadow .13s;position:relative;overflow:hidden}.fleet-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.fleet-card.sel{box-shadow:0 0 0 2px var(--accent),var(--shadow-card)}.fleet-card .fc-top{display:flex;align-items:center;gap:10px}.fc-ico{width:34px;height:34px;border-radius:9px;flex:none;display:grid;place-items:center;color:#fff}.fc-name{font-size:13px;font-weight:600;letter-spacing:-.01em;line-height:1.15}.fc-sub{font-size:10.5px;color:var(--label-3);font-family:var(--mono);margin-top:1px}.fc-stat{display:flex;gap:6px;align-items:center;margin-left:auto}.fc-foot{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--label-3)}.fc-rate-bar{flex:1;height:4px;border-radius:999px;background:var(--fill-2);overflow:hidden}.fc-rate-bar>div{height:100%;border-radius:999px}.fc-offline-strip{position:absolute;top:0;left:0;right:0;height:3px;background:var(--sev-crit)}.matrix-wrap{flex:1;overflow-y:auto;margin:0 calc(var(--pad) * -1)}table.matrix{width:100%;border-collapse:collapse;font-size:12px}table.matrix th{position:sticky;top:0;z-index:2;background:var(--surface);text-align:left;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--label-4);padding:7px 10px;border-bottom:1px solid var(--separator)}table.matrix th.r,table.matrix td.r{text-align:right}.src-row td{background:var(--surface-2);padding:7px 14px;font-size:11px;font-weight:600;color:var(--label-2);border-bottom:1px solid var(--separator);position:sticky}.src-row .sh{display:flex;align-items:center;gap:9px}.src-row .sh .sname{color:var(--label);font-weight:700;letter-spacing:-.01em;font-size:12px}.stream-row{cursor:pointer;transition:background .1s}.stream-row:hover{background:var(--fill)}.stream-row td{padding:8px 10px 8px 14px;border-bottom:1px solid var(--separator);vertical-align:middle}.stream-row td:first-child{padding-left:30px}.sid{font-family:var(--mono);font-weight:500;color:var(--label);font-size:12px}.statusbar{width:4px;height:26px;border-radius:999px;flex:none}.minibar{width:56px;height:5px;border-radius:999px;background:var(--fill-2);overflow:hidden;display:inline-block;vertical-align:middle}.minibar>div{height:100%;border-radius:999px}.zpill{font-family:var(--mono);font-size:11px;font-weight:600;padding:1px 6px;border-radius:6px}.alert-list{flex:1;overflow-y:auto;margin:0 calc(var(--pad) * -1) calc(var(--pad) * -1)}.alert-row{display:flex;gap:11px;padding:11px 14px;cursor:pointer;border-bottom:1px solid var(--separator);position:relative;animation:logIn .28s ease;transition:background .1s}.alert-row:hover{background:var(--fill)}.alert-row .sev-stripe{width:3px;border-radius:999px;flex:none;align-self:stretch}.alert-main{flex:1;min-width:0}.alert-summary{font-size:12.5px;font-weight:600;letter-spacing:-.01em;color:var(--label)}.alert-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;align-items:center}.alert-evidence{margin-top:7px;font-family:var(--mono);font-size:10.5px;color:var(--label-2);background:var(--fill);border-radius:7px;padding:5px 8px;display:inline-flex;gap:10px}.alert-evidence b{color:var(--label);font-weight:600}.alert-time{font-size:10.5px;color:var(--label-4);font-family:var(--mono);white-space:nowrap;flex:none}.ev-row{display:flex;gap:9px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--separator);font-size:11.5px}.ev-row:last-child{border-bottom:none}.ev-row .et{font-family:var(--mono);font-weight:600;color:var(--label)}.ev-row.unexpected .et{color:var(--sev-warn)}.ev-time{font-family:var(--mono);font-size:10px;color:var(--label-4);flex:none;width:42px}.state-grid{display:flex;flex-direction:column;gap:9px}.state-chip{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--r-sm);background:var(--surface-2);border:.5px solid var(--separator)}.state-val{margin-left:auto;font-family:var(--mono);font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--ok-bg);color:#1d8b4a}[data-theme=dark] .state-val{color:var(--ok)}.state-val.bad{background:var(--sev-crit-bg);color:var(--sev-crit)}.timeline-wrap{flex:1;position:relative;min-height:0}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000047;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .22s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(620px,92vw);background:var(--canvas);border-left:1px solid var(--separator);box-shadow:-20px 0 60px #0000002e;transform:translate(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden}.drawer.open{transform:none}.drawer-head{padding:18px 22px 14px;border-bottom:1px solid var(--separator);background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex:none}.drawer-body{flex:1;overflow-y:auto;padding:18px 22px 30px;display:flex;flex-direction:column;gap:16px}.drawer-title{font-size:18px;font-weight:600;letter-spacing:-.02em;font-family:var(--mono)}.kv{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;font-size:12px}.kv .k{color:var(--label-3)}.kv .v{color:var(--label);text-align:right;font-family:var(--mono);font-weight:500}.bl-table{width:100%;border-collapse:collapse;font-size:11.5px;font-family:var(--mono)}.bl-table th{text-align:right;font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--label-4);padding:4px 8px;font-weight:600}.bl-table th:first-child,.bl-table td:first-child{text-align:left}.bl-table td{padding:5px 8px;border-top:1px solid var(--separator);color:var(--label-2)}.bl-table td b{color:var(--label);font-weight:600}.panel-lite{background:var(--surface);border:.5px solid var(--separator);border-radius:var(--r-md);padding:14px;box-shadow:var(--shadow-card)}.panel-lite>.pl-title{font-size:12px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:7px}.sectlabel{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--label-4)}.ghost-btn{border:.5px solid var(--separator-strong);background:var(--surface);color:var(--label-2);font-size:12px;font-weight:600;padding:6px 12px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .12s}.ghost-btn:hover{background:var(--fill)}.empty{display:grid;place-items:center;flex:1;color:var(--label-4);font-size:12.5px;gap:8px;text-align:center}