.arch{--arch-data: var(--accent);--arch-data-pulse: #c7eeff;--arch-control: #a78bfa;--arch-sms: var(--warn);--arch-sms-pulse: #ffe2a8;--arch-async: var(--muted);--arch-unconfirmed: var(--unknown)}.arch-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.arch-tool-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.arch-tool-end{margin-left:auto}.arch-tool-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-right:2px}.arch-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 6px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:12.5px;cursor:pointer;white-space:nowrap}.arch-chip:hover{color:var(--text);border-color:var(--border-strong)}.arch-chip.is-active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.arch-chip-n{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:4px;background:var(--surface-3);font-size:11px;color:var(--text-2)}.arch-chip.is-active .arch-chip-n{background:var(--accent);color:#031119}.arch-viewport{position:relative;overflow:hidden;height:clamp(440px,calc(100vh - 320px),860px);height:clamp(440px,calc(100dvh - 320px),860px);scroll-margin-top:130px;border:1px solid var(--border);border-radius:var(--radius);background-color:#0d1218;background-image:radial-gradient(rgba(148,163,184,.09) 1px,transparent 1.2px);background-size:22px 22px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}.arch-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.arch-viewport.is-dragging{cursor:grabbing}.arch-svg{display:block;width:100%;height:100%}.arch-world{transform-origin:0 0}.arch-world.is-smooth{transition:transform .35s ease}.arch-zone rect{fill:#ffffff03;stroke:#232c39;stroke-width:1.25;stroke-dasharray:6 6}.arch-zone-label{fill:var(--text-2);font:600 11.5px var(--font);letter-spacing:.12em}.arch-zone-sub{fill:var(--muted);font:11px var(--mono)}.arch-viewport.is-local .zone-dash rect{stroke:#f5b0418c}.arch-mode-caption{fill:var(--muted);font:11px var(--mono)}.arch-mode-caption.is-local{fill:var(--warn)}.arch-node{cursor:pointer;outline:none;transition:opacity .2s}.arch-node.is-dim{opacity:.3}.arch-shape{fill:var(--surface-2);stroke:var(--border-strong);stroke-width:1.25;transition:stroke .15s,stroke-width .15s}.arch-node:hover .arch-shape{stroke:#4a5768}.arch-node.is-selected .arch-shape,.arch-node:focus-visible .arch-shape{stroke:var(--accent);stroke-width:2.5}.arch-shape-rim{fill:none;stroke:#38bdf873;stroke-width:1.25}.kind-store .arch-shape{fill:#112230;stroke:#38bdf880}.kind-process .arch-shape{fill:var(--surface-3);stroke:#3a4556}.kind-decision .arch-shape{fill:#1a1730;stroke:#a78bfab3}.kind-terminal .arch-shape{fill:#111920}.kind-external .arch-shape{fill:#1c1910;stroke:#f5b041b3;stroke-dasharray:5 4}.kind-transport .arch-shape{fill:#38bdf812;stroke:#38bdf880}.kind-unconfirmed .arch-shape{fill:url(#arch-hatch);stroke:var(--arch-unconfirmed);stroke-dasharray:5 4}.kind-group .arch-shape{fill:#ffffff05;stroke:#2b3543}.kind-info .arch-shape{fill:#0f141b;stroke:#263040}.arch-hatch-bg{fill:#141a22}.arch-hatch-line{stroke:#8b96a538;stroke-width:3}.arch-title{fill:var(--text);font:600 13.5px var(--font)}.arch-sub{fill:var(--text-2);font:11px var(--font)}.arch-title.mono,.arch-sub.mono{font-family:var(--mono)}.arch-title.mono{font-size:12.5px}.arch-group-title{fill:var(--text);font:600 12.5px var(--font);letter-spacing:.02em}.arch-tag{fill:var(--unknown);font:600 9.5px var(--mono);letter-spacing:.1em}.arch-edge{transition:opacity .2s}.arch-edge.is-dim{opacity:.14}.arch-edge-line{fill:none;stroke-width:2;stroke-linejoin:round}.arch-edge.is-active .arch-edge-line{stroke-width:2.75}.edge-data .arch-edge-line{stroke:var(--arch-data)}.edge-control .arch-edge-line{stroke:var(--arch-control);stroke-dasharray:6 5;animation:arch-march 1.2s linear infinite}.edge-sms .arch-edge-line{stroke:var(--arch-sms);stroke-dasharray:9 4 2 4}.edge-async .arch-edge-line{stroke:var(--arch-async);stroke-dasharray:2 4}.edge-unconfirmed .arch-edge-line{stroke:var(--arch-unconfirmed);stroke-dasharray:4 4}.arch-flow{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:.5 15.5;animation:arch-flow 1.1s linear infinite;pointer-events:none}.edge-data .arch-flow{stroke:var(--arch-data-pulse)}.edge-sms .arch-flow{stroke:var(--arch-sms-pulse)}.arch-head-data{fill:var(--arch-data)}.arch-head-control{fill:var(--arch-control)}.arch-head-sms{fill:var(--arch-sms)}.arch-head-async{fill:var(--arch-async)}.arch-head-unconfirmed{fill:var(--arch-unconfirmed)}.arch-edge-label{fill:var(--text-2);font:11px var(--mono);paint-order:stroke;stroke:#0d1218;stroke-width:4px;stroke-linejoin:round}@keyframes arch-flow{to{stroke-dashoffset:-16}}@keyframes arch-march{to{stroke-dashoffset:-11}}.arch.is-paused .arch-flow{display:none}.arch.is-paused .edge-control .arch-edge-line{animation:none}@media(prefers-reduced-motion:reduce){.arch-flow{display:none}.edge-control .arch-edge-line{animation:none}.arch-world.is-smooth{transition:none}}.arch-timing-axis{stroke:#3a4556;stroke-width:1.5}.arch-timing-offline{fill:var(--crit-soft)}.arch-timing-window{fill:#f7546c80}.arch-timing-threshold{stroke:var(--crit);stroke-width:1.5;stroke-dasharray:3 3}.arch-timing-beat{fill:var(--ok)}.arch-timing-missed{fill:#0f141b;stroke:var(--muted);stroke-width:1.5}.arch-timing-crit{fill:var(--crit);font:600 11px var(--font)}.arch-zoom{position:absolute;left:12px;bottom:12px;display:flex;flex-direction:column;gap:6px}.arch-zoom .icon-btn{font-size:17px;line-height:1;background:#11161deb}.arch-hint{position:absolute;right:12px;bottom:10px;font-size:11px;color:var(--muted);pointer-events:none}.arch-hint-touch{display:none}@media(hover:none){.arch-hint-wide{display:none}.arch-hint-touch{display:inline}}.arch-details{position:absolute;top:12px;right:12px;width:min(350px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;cursor:auto;user-select:text;-webkit-user-select:text;background:#0d1219f7;border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 12px 32px #00000080;padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px}.arch-details-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.arch-details-titles{min-width:0}.arch-details-zone{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em}.arch-details h2{font-size:15px;font-weight:600;overflow-wrap:anywhere;margin-top:2px}.arch-details h2.mono{font-size:14px}.arch-role{font-size:13px;color:var(--text);line-height:1.55}.arch-kv .kv-row{padding:6px 0;font-size:12.5px}.arch-kv dd{font-family:var(--mono);font-size:12px;color:var(--text-2)}.arch-note{font-size:12.5px;color:var(--text-2);padding-left:10px;border-left:2px solid var(--border-strong)}.arch-refs{font-size:11.5px;color:var(--muted);font-family:var(--mono);overflow-wrap:anywhere}.arch-refs span{font-family:var(--font);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;margin-right:4px}.arch-step{background:var(--accent-soft);border:1px solid rgba(56,189,248,.3);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.arch-step-q{font-size:12px;color:var(--text-2)}.arch-step-n{font-size:11px;color:var(--accent)}.arch-step-text{font-size:13px;color:var(--text)}.arch-step-nav{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.arch-step-nav .btn{height:30px}.arch-source{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;padding:2px 8px;border-radius:4px;border:1px solid}.arch-source:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.src-code{color:var(--ok);background:var(--ok-soft);border-color:#3ee08f4d}.src-docs{color:var(--accent);background:var(--accent-soft);border-color:#38bdf84d}.src-brief{color:#c4b5fd;background:#a78bfa1f;border-color:#a78bfa59}.src-unconfirmed{color:var(--text-2);background:transparent;border-color:var(--border-strong);border-style:dashed}.arch-legend-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:16px 28px}.arch-legend-h{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:8px}.arch-legend ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.arch-legend li{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-2);min-width:0}.arch-legend li svg{flex:none;overflow:visible}.arch-legend .arch-node{cursor:default}.arch-legend-two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.arch-legend-src{margin-bottom:10px!important}.arch-text section{margin-top:12px}.arch-text h3{font-size:13px;font-weight:600;margin-bottom:6px}.arch-text ol{margin:0;padding-left:20px;color:var(--text-2);font-size:12.5px;display:flex;flex-direction:column;gap:3px}.arch-text p{color:var(--text-2);font-size:12.5px}.arch-text strong{color:var(--text);font-weight:500}@media(max-width:1100px){.arch-legend-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:720px){.arch-viewport{height:clamp(440px,70vh,680px);height:clamp(440px,70dvh,680px)}.arch-details{inset:auto 8px 8px;width:auto;max-height:50%;padding:12px 14px 14px}.arch-zoom{inset:10px 10px auto auto}.arch-tool-end{margin-left:0}.arch-tours{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none;padding-bottom:2px}.arch-tours::-webkit-scrollbar{display:none}}@media(max-width:420px){.arch-legend-two{grid-template-columns:minmax(0,1fr)}}@media(forced-colors:active){.arch-edge-line,.arch-shape{stroke:CanvasText}.arch-node.is-selected .arch-shape{stroke:Highlight}}:root{--bg: #0b0e13;--surface: #11161d;--surface-2: #151b24;--surface-3: #1a212c;--border: #212935;--border-strong: #2e3846;--text: #e6ebf1;--text-2: #a6b1bf;--muted: #8592a3;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .12);--ok: #3ee08f;--ok-soft: rgba(62, 224, 143, .12);--warn: #f5b041;--warn-soft: rgba(245, 176, 65, .13);--crit: #f7546c;--crit-soft: rgba(247, 84, 108, .13);--unknown: #8b96a5;--unknown-soft: rgba(139, 150, 165, .14);--series: #4cc3f5;--grid: rgba(148, 163, 184, .09);--axis: #2e3846;--radius: 8px;--radius-sm: 5px;--sidebar: 228px;--sidebar-collapsed: 64px;--font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);background-image:radial-gradient(1200px 500px at 70% -10%,rgba(56,189,248,.05),transparent 60%);background-attachment:fixed;color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);font-size:.92em;background:var(--surface-3);padding:1px 5px;border-radius:4px;color:var(--text-2)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1,"zero" 1;letter-spacing:-.01em}.muted{color:var(--muted)}.small{font-size:12.5px;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:8px;top:-40px;background:var(--accent);color:#001018;padding:6px 10px;border-radius:6px;z-index:100}.skip:focus{top:8px}.app{display:flex;min-height:100vh;min-height:100dvh}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;width:var(--sidebar);flex:0 0 var(--sidebar);display:flex;flex-direction:column;gap:18px;padding:16px 12px;border-right:1px solid var(--border);background:linear-gradient(180deg,#0e131a,#0c1016);transition:width .18s ease,flex-basis .18s ease}.is-collapsed .sidebar{width:var(--sidebar-collapsed);flex-basis:var(--sidebar-collapsed)}.is-collapsed .brand-text,.is-collapsed .nav-label,.is-collapsed .conn-text,.is-collapsed .nav-badge{display:none}.is-collapsed .nav-link{justify-content:center}.is-collapsed .sidebar-foot{flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:2px 4px;min-width:0}.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-name{font-weight:700;font-size:13px;letter-spacing:.12em}.brand-env{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--muted);margin-top:3px}.nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--text-2);font-size:13.5px;font-weight:500;position:relative;transition:background .12s,color .12s}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link.is-active{background:var(--accent-soft);color:var(--text)}.nav-link.is-active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--accent)}.nav-link.is-active svg{color:var(--accent)}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{font-family:var(--mono);font-size:11px;min-width:18px;padding:0 5px;border-radius:9px;background:var(--crit-soft);color:var(--crit);text-align:center}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.conn{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:0 4px}.conn-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--unknown);box-shadow:0 0 0 3px var(--unknown-soft)}.conn-dot.level-ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.conn-dot.level-warn{background:var(--warn);box-shadow:0 0 0 3px var(--warn-soft)}.conn-dot.level-crit{background:var(--crit);box-shadow:0 0 0 3px var(--crit-soft)}.conn-text{display:flex;flex-direction:column;font-size:12px;line-height:1.3;min-width:0}.conn-sub{color:var(--muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}.menu-btn{display:none}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.mock-banner{background:repeating-linear-gradient(135deg,#3a2a05,#3a2a05 10px,#33250a 10px 20px);color:#ffd98a;font-size:12.5px;padding:7px 20px;border-bottom:1px solid #5c430c}.mock-banner strong{font-family:var(--mono);letter-spacing:.08em;margin-right:8px}.topbar{position:sticky;top:0;z-index:20;padding:14px 24px 12px;border-bottom:1px solid var(--border);background:#0b0e13db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:10px}.topbar-row{display:flex;align-items:center;gap:12px;min-width:0}.page-titles{flex:1;min-width:0}.page-titles h1{font-size:17px;font-weight:600;letter-spacing:-.01em}.page-desc{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-meta{justify-content:space-between;flex-wrap:wrap;row-gap:8px}.meta-items{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;min-width:0}.meta-item{display:inline-flex;gap:6px;align-items:baseline;color:var(--text-2);white-space:nowrap}.meta-k{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.meta-actions{display:flex;align-items:center;gap:8px}.stale-flag{color:var(--warn);background:var(--warn-soft);border:1px solid rgba(245,176,65,.3);padding:1px 8px;border-radius:4px;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:20px 24px 40px;outline:none;max-width:1600px;width:100%}.stack{display:flex;flex-direction:column;gap:16px;min-width:0}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:13px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-2)}.btn-primary{background:var(--accent);color:#031119;border-color:var(--accent);font-weight:600;justify-content:center}.btn.is-spinning svg{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.segmented{display:inline-flex;padding:2px;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:7px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented button{border:0;background:transparent;color:var(--text-2);padding:4px 10px;border-radius:5px;font-family:var(--mono);font-size:12px;cursor:pointer;white-space:nowrap;min-height:26px}.segmented button:hover{color:var(--text)}.segmented button.is-active{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.select select{height:32px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:0 28px 0 10px;font:inherit;font-size:12.5px;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 14px) 14px,calc(100% - 10px) 14px;background-size:4px 4px;background-repeat:no-repeat}.pill{display:inline-flex;align-items:center;gap:8px;padding:4px 11px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.06em;border:1px solid;white-space:nowrap}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill-ok{color:var(--ok);background:var(--ok-soft);border-color:#3ee08f4d}.pill-warn{color:var(--warn);background:var(--warn-soft);border-color:#f5b0414d}.pill-crit{color:var(--crit);background:var(--crit-soft);border-color:#f7546c59}.pill-unknown{color:var(--unknown);background:var(--unknown-soft);border-color:#8b96a54d}.dot-pulse{animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #3ee08f8c}70%{box-shadow:0 0 0 7px #3ee08f00}to{box-shadow:0 0 #3ee08f00}}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.chip-ok{color:var(--ok);background:var(--ok-soft)}.chip-warn{color:var(--warn);background:var(--warn-soft)}.chip-crit{color:var(--crit);background:var(--crit-soft)}.chip-unknown{color:var(--text-2);background:var(--unknown-soft)}.level-ok{color:var(--ok)}.level-warn{color:var(--warn)}.level-crit{color:var(--crit)}.level-unknown{color:var(--unknown)}.level-text-warn{color:var(--warn)!important}.level-text-crit{color:var(--crit)!important}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.panel-titles{min-width:0}.panel-title{font-size:13.5px;font-weight:600}.panel-sub{color:var(--muted);font-size:12px;margin-top:1px}.panel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}.link-sm{font-size:12.5px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-2-uneven{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.notice{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;margin-bottom:10px}.notice svg{flex:none;margin-top:2px;color:var(--accent)}.notice-crit{border-color:#f7546c59;background:var(--crit-soft);color:var(--text);margin:0}.notice-crit svg{color:var(--crit)}.data-note{color:var(--muted);font-size:12px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 16px;color:var(--text-2)}.empty-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3);color:var(--muted);margin-bottom:4px}.empty-error .empty-icon{color:var(--crit);background:var(--crit-soft)}.empty-warn .empty-icon{color:var(--warn);background:var(--warn-soft)}.empty-title{color:var(--text);font-weight:600;font-size:13.5px}.empty-body{font-size:12.5px;max-width:52ch;display:flex;flex-direction:column;gap:8px;align-items:center;color:var(--text-2)}.skeleton{display:block;border-radius:4px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{to{background-position:-200% 0}}.kv{margin:0;display:flex;flex-direction:column}.kv-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px dashed var(--border);font-size:13px;min-width:0}.kv-row:last-child{border-bottom:0}.kv dt{color:var(--muted);flex:none}.kv dd{margin:0;text-align:right;min-width:0;overflow-wrap:anywhere}.banner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px 24px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(100deg,var(--surface-2),var(--surface) 60%);position:relative;overflow:hidden}.banner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--unknown)}.banner-ok:before{background:var(--ok)}.banner-warn:before{background:var(--warn)}.banner-crit:before{background:var(--crit)}.banner-crit{background:linear-gradient(100deg,rgba(247,84,108,.08),var(--surface) 60%)}.banner-main{display:flex;flex-direction:column;gap:10px;min-width:0}.banner-id{display:flex;gap:12px;align-items:center}.banner-glyph{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:var(--surface-3);border:1px solid var(--border-strong);flex:none}.banner-name{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:17px;font-weight:600}.banner-state{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;transition:color .3s}.banner-os{color:var(--muted);font-size:12.5px}.banner-reasons{margin:0;padding-left:18px;color:var(--text-2);font-size:12.5px;display:flex;flex-direction:column;gap:2px}.banner-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start}.banner-facts dt{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.dt-note{text-transform:none;letter-spacing:0;opacity:.8}.banner-facts dd{margin:3px 0 0;font-size:13.5px}.banner-signals{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden}.signal{background:var(--surface);padding:10px 12px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;min-width:0}.signal-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.signal-note{color:var(--muted);font-size:11.5px;font-family:var(--mono)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0;position:relative;transition:border-color .3s}.metric-warn{border-color:#f5b04166}.metric-crit{border-color:#f7546c80}.metric.is-stale{opacity:.72}.metric-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.metric-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-size:12px;font-weight:500;white-space:nowrap}.metric-label svg{color:var(--muted)}.metric-level{display:inline-flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-body{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:34px}.metric-value{font-size:24px;font-weight:600;line-height:1.05;white-space:nowrap;letter-spacing:-.02em}.metric-unit{font-size:13px;color:var(--muted);font-weight:500;margin-left:2px}.spark{width:46%;max-width:110px;height:30px;flex:none;overflow:visible}.spark path{fill:none;stroke:var(--series);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.spark circle{fill:var(--series)}.metric-warn .spark path{stroke:var(--warn)}.metric-warn .spark circle{fill:var(--warn)}.metric-crit .spark path{stroke:var(--crit)}.metric-crit .spark circle{fill:var(--crit)}.metric-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;font-size:11.5px;color:var(--muted);min-width:0}.metric-context{min-width:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.metric-delta{flex:none;color:var(--text-2)}.chart-box{width:100%;min-width:0}.chart-box .recharts-surface{overflow:visible}.chart-box .recharts-wrapper:focus,.chart-box svg:focus{outline:none}.tooltip{background:#0d1219;border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;font-size:12px;box-shadow:0 8px 24px #00000073;min-width:160px}.tooltip-time{color:var(--muted);font-size:11px;margin-bottom:4px}.tooltip-row{display:flex;align-items:center;gap:6px}.tooltip-val{margin-left:auto;padding-left:12px;color:var(--text)}.tooltip-extra{color:var(--text-2);margin-top:4px;padding-top:4px;border-top:1px solid var(--border);font-size:11px}.swatch{width:12px;height:2px;background:var(--series);border-radius:1px;display:inline-block}.swatch-dash{background:repeating-linear-gradient(90deg,var(--series) 0 3px,transparent 3px 5px);opacity:.8}.legend{display:flex;gap:12px;font-size:12px;color:var(--text-2)}.legend-item{display:inline-flex;align-items:center;gap:6px}.comp{display:flex;flex-direction:column;gap:18px}.comp-row{display:flex;flex-direction:column;gap:7px;min-width:0}.comp-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.comp-title{font-size:12.5px;color:var(--text-2);font-weight:500}.comp-primary{font-size:13px}.comp-foot{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11.5px;flex-wrap:wrap}.cap-bar{display:flex;gap:2px;height:10px;border-radius:3px;overflow:hidden;background:var(--surface-3)}.cap-seg{min-width:3px;transition:flex-grow .5s ease}.seg-used{background:var(--series)}.seg-free{background:var(--surface-3)}.seg-ok{background:var(--ok)}.seg-warn{background:var(--warn)}.seg-crit{background:var(--crit)}.seg-unknown{background:var(--unknown)}.seg-accent{background:var(--series)}.comp-legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--text-2)}.comp-legend li{display:inline-flex;align-items:center;gap:6px}.comp-legend b{color:var(--text);font-weight:500}.sw{width:9px;height:9px;border-radius:2px;display:inline-block}.events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.event{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);position:relative}.event:last-child{border-bottom:0}.event-icon{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--surface-3)}.sev-critical .event-icon{color:var(--crit);background:var(--crit-soft)}.sev-warning .event-icon{color:var(--warn);background:var(--warn-soft)}.sev-info .event-icon{color:var(--accent);background:var(--accent-soft)}.sev-ok .event-icon{color:var(--ok);background:var(--ok-soft)}.event-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.event-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.event-title{font-weight:500;font-size:13px;margin-right:2px;overflow-wrap:anywhere}.event-detail{color:var(--text-2);font-size:12.5px;overflow-wrap:anywhere}.event-meta{display:flex;gap:4px 12px;flex-wrap:wrap;color:var(--muted);font-size:11.5px}.open-state{color:var(--warn)}.tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:3px;background:var(--surface-3);color:var(--text-2);font-family:var(--mono)}.tag-critical{color:var(--crit);background:var(--crit-soft)}.tag-warning{color:var(--warn);background:var(--warn-soft)}.tag-info{color:var(--accent);background:var(--accent-soft)}.tag-ok{color:var(--ok);background:var(--ok-soft)}.tag-derived{border:1px dashed var(--border-strong);background:transparent}.events-compact .event{padding:8px 0}.summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sstat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;display:flex;flex-direction:column;gap:2px;border-top-width:2px}.level-border-ok{border-top-color:var(--ok)}.level-border-warn{border-top-color:var(--warn)}.level-border-crit{border-top-color:var(--crit)}.sstat-label{color:var(--muted);font-size:11.5px}.sstat-value{font-size:22px;font-weight:600}.container-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}.ccard{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0;border-left:3px solid var(--unknown)}.ccard-ok{border-left-color:var(--ok)}.ccard-warn{border-left-color:var(--warn)}.ccard-crit{border-left-color:var(--crit)}.ccard.is-stale{opacity:.75}.ccard-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.ccard-name{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ccard-status{color:var(--text-2);font-size:12.5px;font-family:var(--mono)}.ccard-meta{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:8px;border-top:1px solid var(--border)}.ccard-meta div{min-width:0}.ccard-meta dt{color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}.ccard-meta dd{margin:1px 0 0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccard-meta div:first-child{grid-column:1 / -1}.na{color:var(--muted);font-style:italic;font-family:var(--font)}.ccard-foot{color:var(--muted);font-size:11px}.checks{list-style:none;margin:0;padding:0}.check{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.check:last-child{border-bottom:0}.check-main{display:flex;flex-direction:column;min-width:0}.check-label{font-size:13px;font-weight:500}.check-detail{color:var(--muted);font-size:12px}.raw{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.raw summary{cursor:pointer;font-size:13px;color:var(--text-2)}.raw p{margin-top:8px;overflow-wrap:anywhere}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(360px,100%);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:10px}.login-card .brand{margin-bottom:12px}.login-card label{font-size:12.5px;color:var(--text-2)}.login-card input{height:38px;border-radius:6px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text);padding:0 10px;font:inherit}.login-card .btn{height:38px;margin-top:6px}.login-error{color:var(--crit);font-size:12.5px}.drawer-wrap{position:fixed;inset:0;z-index:50}.drawer-scrim{position:absolute;inset:0;background:#03060a99;animation:fade .15s ease}.drawer{position:absolute;left:0;top:0;bottom:0;width:min(290px,86vw);background:#0e131a;border-right:1px solid var(--border);padding:16px 12px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px;animation:slide .18s ease}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.drawer .nav-link{padding:11px 10px;font-size:15px}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(-100%)}}@media(max-width:1360px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.banner{grid-template-columns:1fr}.banner-signals{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-2-uneven{grid-template-columns:minmax(0,1fr)}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.sidebar{display:none}.menu-btn{display:inline-grid}.topbar{padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top))}.content{padding:14px 16px 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.mock-banner{padding:7px 16px}}@media(max-width:640px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:10px 12px}.metric-value{font-size:20px}.metric-body{flex-direction:column;align-items:stretch;gap:6px}.spark{width:100%;max-width:none;height:24px}.metric-level{display:none}.metric.metric-warn .metric-level,.metric.metric-crit .metric-level{display:inline-flex}.metric-foot{flex-direction:column;gap:0}.banner{padding:14px}.banner-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.banner-facts>div:first-child{grid-column:1 / -1}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.page-desc,.btn-text{display:none}.btn-ghost{padding:0 9px}.meta-actions{width:100%;justify-content:space-between}.panel{padding:14px 12px}.ccard-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.kv-row{flex-direction:column;gap:1px}.kv dd{text-align:left}.check{flex-direction:column;align-items:flex-start;gap:6px}}@media(max-width:380px){.banner-signals{grid-template-columns:minmax(0,1fr)}.metric-grid{gap:8px}.metric-value{font-size:18px}.segmented button{padding:4px 8px}.meta-items{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(forced-colors:active){.pill,.chip,.tag{border:1px solid CanvasText}.cap-seg{forced-color-adjust:none}}