:root{--bg: #e9edf3;--surface: #f7f9fc;--card: #fdfdfb;--glass: rgba(255, 255, 255, .86);--glass-strong: rgba(255, 255, 255, .92);--viewport: #0b0f1a;--glass-dark: rgba(13, 18, 30, .78);--glass-dark-line: rgba(255, 255, 255, .1);--text-on-dark: #e6eaf2;--muted-on-dark: #9aa7bd;--line: rgba(23, 37, 64, .14);--line-strong: rgba(23, 37, 64, .22);--text: #17253f;--muted: #54657f;--faint: #8593a9;--beacon: #0d9488;--beacon-soft: rgba(13, 148, 136, .1);--ok: #0f9d61;--warn: #d97706;--bad: #e02d3c;--ph-welcome: #64748b;--ph-acquisition: #1f7ae0;--ph-tracking: #0891b2;--ph-intent: #d97706;--ph-transaction: #7c3aed;--ph-exit: #0f9d61;--ph-deny: #e02d3c;--ph-fallback: #ea580c;--f-display: "Archivo", system-ui, sans-serif;--f-body: "IBM Plex Sans", system-ui, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--shadow: 0 16px 48px rgba(23, 37, 64, .16), 0 2px 6px rgba(23, 37, 64, .08);--ease-snap: cubic-bezier(.2, .9, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;font:400 14px/1.5 var(--f-body);color:var(--text)}.glass{background:var(--glass);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid var(--line);box-shadow:var(--shadow)}.glass-dark{background:var(--glass-dark);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid var(--glass-dark-line);box-shadow:0 16px 48px #0000006b,0 2px 6px #0000004d;color:var(--text-on-dark)}body.theme-light{--viewport: #dde3ec;--glass-dark: rgba(255, 255, 255, .92);--glass-dark-line: rgba(23, 37, 64, .16);--text-on-dark: #17253f;--muted-on-dark: #54657f}body.theme-light .glass-dark{box-shadow:var(--shadow)}.eyebrow{margin:0;font:600 10px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:8px}.eyebrow:after{content:"";flex:1;height:1px;background:var(--line)}.glass-dark .eyebrow{color:var(--muted-on-dark)}.glass-dark .eyebrow:after{background:var(--glass-dark-line)}.num{font-variant-numeric:tabular-nums}.led{width:7px;height:7px;border-radius:50%;background:var(--faint);display:inline-block;flex:none}.led.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}.led.live{background:var(--beacon);box-shadow:0 0 8px var(--beacon);animation:pulse 1.1s ease-in-out infinite}.led.bad{background:var(--bad);box-shadow:0 0 8px var(--bad)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--beacon);outline-offset:2px;border-radius:4px}@keyframes pulse{50%{box-shadow:0 0 2px var(--beacon);opacity:.5}}@keyframes ping{0%{transform:scale(.35);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes msg-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scrollbar-gutter:stable}.dash-page{background:var(--bg);min-height:100vh;overflow-x:clip}#topbar{position:sticky;top:0;margin:0;width:100%;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;min-height:62px;padding:8px 18px;border-radius:0;border-left:none;border-right:none;border-top:none}#topbar .brand{display:flex;align-items:center;gap:10px}#topbar h1{margin:0;font:800 15px/1 var(--f-display);letter-spacing:.14em;color:var(--text)}#topbar .brand p{margin:3px 0 0;font:500 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#demo-tabs{display:flex;gap:4px;margin-left:12px;padding:3px;border:1px solid var(--line-strong);border-radius:999px}.demo-tab{font:600 10px/1 var(--f-mono);letter-spacing:.08em;color:var(--muted);text-decoration:none;padding:6px 12px;border-radius:999px;transition:all .14s ease}.demo-tab:hover{color:var(--text);background:#1725400f}.demo-tab.active{color:#fff;background:var(--beacon);box-shadow:0 2px 10px #0d948859}#warn-chip{font:600 9px/1 var(--f-mono);letter-spacing:.08em;color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 45%,transparent);background:color-mix(in srgb,var(--bad) 8%,transparent);border-radius:999px;padding:5px 10px;animation:pulse 1.1s ease-in-out infinite}.eod-grid{flex-wrap:wrap;row-gap:12px}.eod-grid>div:first-child{border-left:none;padding-left:0}.mode-toggle{position:relative;display:inline-flex;align-items:center;padding:3px;border-radius:999px;border:1px solid var(--line-strong);background:#1725400a;flex:0 0 auto}.mode-seg{position:relative;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;font:700 10px/1 var(--f-mono);letter-spacing:.11em;color:var(--muted);padding:6px 13px;border-radius:999px;transition:color .18s ease}.mode-seg:focus-visible{outline:2px solid var(--beacon);outline-offset:2px}.mode-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:#1725401a;transition:transform .24s cubic-bezier(.4,0,.2,1),background .24s ease}.mode-toggle:not(.is-live):not(.is-connecting) .mode-seg[data-mode=sim]{color:var(--text)}.mode-toggle.is-live .mode-thumb,.mode-toggle.is-connecting .mode-thumb{transform:translate(100%)}.mode-toggle.is-live .mode-thumb{background:var(--beacon);box-shadow:0 2px 12px #0d948859}.mode-toggle.is-live .mode-seg[data-mode=live]{color:#fff}.mode-toggle.is-connecting .mode-thumb{background:#0d94888c;animation:mode-pulse 1s ease-in-out infinite}.mode-toggle.is-connecting .mode-seg[data-mode=live]{color:#fff}.mode-toggle.no-live .mode-seg[data-mode=live]{opacity:.4;cursor:not-allowed}@keyframes mode-pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.mode-thumb{transition:none}.mode-toggle.is-connecting .mode-thumb{animation:none}}.kpi-bays{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;row-gap:6px}.kpi-bays .kpi{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 18px;border-left:1px solid var(--line);height:42px}.kpi-bays .kpi b{font:700 19px/1 var(--f-display);color:var(--text)}.kpi-bays .kpi b.warn{color:var(--warn)}.kpi-bays .kpi b.bad{color:var(--bad)}.kpi-bays .kpi span{font:500 10px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}#standalone-banner{margin:10px 14px 0;padding:9px 14px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--warn) 9%,transparent);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent);font:500 12px/1.4 var(--f-body);color:var(--text)}#standalone-banner a{color:var(--beacon);font-weight:600}#grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,3fr);gap:14px;padding:14px;align-items:start}.col{display:flex;flex-direction:column;gap:14px;min-width:0}.panel{border-radius:var(--r-lg);padding:14px 16px 16px;min-width:0}.panel canvas{max-width:100%}.panel .eyebrow{margin:0 0 12px}.panel .unit{font:500 9px/1 var(--f-mono);letter-spacing:.08em;color:var(--faint);text-transform:none}#minimap{width:100%;aspect-ratio:13/16;border-radius:var(--r-sm);background:#0e1420;display:block}#map-legend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:10px}#map-legend .leg{display:flex;align-items:center;gap:6px;font:500 10px/1 var(--f-mono);letter-spacing:.04em;color:var(--muted)}#map-legend .leg i{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px #fff9,0 1px 2px #17254040}#gate-cards{display:flex;flex-direction:column;gap:8px}.gate-card{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:9px 12px;transition:border-color .14s ease,transform .14s var(--ease-snap),box-shadow .14s ease}.gate-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1725401a}.gate-card.deny{border-color:color-mix(in srgb,var(--bad) 55%,transparent)}.gate-card.open{border-color:color-mix(in srgb,var(--ok) 55%,transparent)}.gate-card .gname{font:700 12.5px/1 var(--f-display);color:var(--text);min-width:64px;text-transform:uppercase}.gate-card .gtype{font:500 9px/1 var(--f-mono);letter-spacing:.08em;color:var(--faint);text-transform:uppercase}.gate-card .gstate{margin-left:auto;font:600 9.5px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px}.gate-card .gqueue{font:500 10.5px/1 var(--f-mono);color:var(--muted)}#funnel{display:flex;flex-direction:column;gap:7px}.fr{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:10px}.fr .fl{font:500 10.5px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.fr .fbar{height:16px;border-radius:4px;background:#1725400f;overflow:hidden}.fr .fbar i{display:block;height:100%;border-radius:4px;transition:width .35s var(--ease-snap);min-width:0}.fr .fv{font:700 13px/1 var(--f-display);color:var(--text);text-align:right}.fr.branch .fl{color:var(--faint)}#funnel .fsplit{border-top:1px dashed var(--line-strong);margin:5px 0 2px}#throughput-rows{display:flex;flex-direction:column;gap:9px}.tp-row{display:grid;grid-template-columns:74px 1fr 56px;gap:10px;align-items:center}.tp-row .tname{font:600 10.5px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.tp-row canvas{width:100%;height:26px;display:block}.tp-row .tval{font:700 15px/1.1 var(--f-display);color:var(--text);text-align:right}.tp-row .tval small{display:block;font:500 8.5px/1.4 var(--f-mono);color:var(--faint);letter-spacing:.06em}#latency-strip{display:grid;grid-template-columns:1fr 180px;gap:14px;align-items:center}#latency-spark{width:100%;height:58px;display:block}.lat-meta{display:flex;gap:0}.lat-meta>div{display:flex;flex-direction:column;gap:4px;padding:0 12px;border-left:1px solid var(--line)}.lat-meta b{font:700 15px/1 var(--f-display);color:var(--text)}.lat-meta b.bad{color:var(--bad)}.lat-meta span{font:500 8.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}#ticker{display:flex;flex-direction:column;max-height:336px;overflow-y:auto;overflow-x:clip}#ticker-pill{position:sticky;top:2px;z-index:2;align-self:center;flex:none;border:1px solid color-mix(in srgb,var(--beacon) 55%,transparent);border-radius:999px;background:var(--beacon);color:#fff;font:600 10px/1 var(--f-body);letter-spacing:.4px;padding:5px 11px;margin:2px 0 6px;cursor:pointer;box-shadow:0 2px 10px #041e1a4d;white-space:nowrap}#ticker-pill:hover{filter:brightness(1.08)}#ticker-pill b{font-weight:700}.tick .line2{overflow-wrap:anywhere}.tick{display:grid;grid-template-columns:16px 1fr;gap:10px;animation:msg-in .2s ease}.tick .rail{display:flex;flex-direction:column;align-items:center}.tick .node{width:7px;height:7px;border-radius:50%;margin-top:5px;flex:none}.tick .cord{width:1px;flex:1;background:color-mix(in srgb,var(--beacon) 30%,transparent)}.tick:last-child .cord{background:transparent}.tick .body{padding:2px 6px 11px;margin:-2px -6px 0;min-width:0;border-radius:6px;transition:background .12s ease}.tick:hover .body{background:#1725400a}.tick .line1{display:flex;gap:8px;align-items:baseline;font:500 12px/1.3 var(--f-body);color:var(--text)}.tick .line1 .phase-chip{font:600 9px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:2.5px 7px;border-radius:999px;color:#fff}.tick .line1 .pax{font-weight:600}.tick .line2{margin-top:2px;font:400 10.5px/1.4 var(--f-mono);color:var(--faint)}.ex-tabs{display:flex;gap:6px;margin-bottom:10px}.ex-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:transparent;border-radius:999px;padding:5px 12px;font:500 10.5px/1 var(--f-mono);letter-spacing:.05em;color:var(--muted);cursor:pointer;display:flex;gap:6px;align-items:center;transition:all .14s ease}.ex-tab b{font-weight:700}.ex-tab.active{background:color-mix(in srgb,var(--bad) 10%,transparent);border-color:color-mix(in srgb,var(--bad) 45%,transparent);color:var(--bad)}.ex-body{max-height:240px;overflow-y:auto}.ex-row{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:7px 2px;border-bottom:1px solid var(--line);font:400 11px/1.35 var(--f-mono);color:var(--muted);animation:msg-in .2s ease}.ex-row:last-child{border-bottom:none}.ex-row{transition:background .12s ease;border-radius:4px}.ex-row:hover{background:#1725400a}.ex-row time{color:var(--faint)}.ex-row .who{color:var(--text);font-weight:500}.ex-row .reason{font:600 9px/1 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 40%,transparent);background:color-mix(in srgb,var(--bad) 7%,transparent);padding:3px 7px;border-radius:999px}.ex-row .reason.inc{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent);background:color-mix(in srgb,var(--warn) 8%,transparent)}.ex-empty{padding:18px 4px;text-align:center;font:400 11.5px/1.5 var(--f-body);color:var(--faint)}@media(max-width:1400px){#grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}#col-feed{grid-column:1 / -1;flex-direction:row;align-items:start}#col-feed .panel{flex:1 1 0;min-width:0}}@media(max-width:900px){#grid{grid-template-columns:minmax(0,1fr);padding:10px;gap:10px}#col-feed{flex-direction:column}#topbar{position:static}.kpi-bays{margin-left:0}.kpi-bays .kpi:first-child{border-left:none;padding-left:0}.kpi-bays .kpi{padding:0 12px}}@media(max-width:560px){.kpi-bays .kpi b{font-size:15px}#topbar h1{font-size:13px}}.hplay{margin-top:10px}.hplay-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--card);color:var(--muted);font:600 10px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:999px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.hplay-toggle:hover{color:var(--text)}.hplay-toggle[aria-pressed=true]{color:var(--beacon);border-color:color-mix(in srgb,var(--beacon) 45%,transparent);background:color-mix(in srgb,var(--beacon) 8%,transparent)}.hplay-body{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}.hplay-windows{display:flex;gap:4px}.hplay-win{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:transparent;color:var(--muted);font:600 9.5px/1 var(--f-mono);padding:5px 8px;border-radius:7px;cursor:pointer}.hplay-win[aria-pressed=true]{color:var(--beacon);border-color:color-mix(in srgb,var(--beacon) 45%,transparent);background:color-mix(in srgb,var(--beacon) 8%,transparent)}.hplay-play{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border:1px solid var(--line-strong);background:var(--card);color:var(--text);border-radius:50%;cursor:pointer;font-size:11px;display:grid;place-items:center}.hplay-play:disabled{opacity:.4;cursor:not-allowed}.hplay-scrub{flex:1 1 120px;min-width:100px;accent-color:var(--beacon)}.hplay-time{color:var(--muted);font-size:11px;min-width:66px;text-align:right}.hplay-status{flex-basis:100%;color:var(--faint);font-size:10px;letter-spacing:.04em}.hplay-status.warn{color:var(--warn)}