@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500;600&display=swap";*{border-color:var(--border)}:root{--bg:#111317;--bg-subtle:#15181d;--panel:#191c22;--panel-2:#20242b;--panel-3:#262b34;--panel-elevated:#1c2027;--panel-hover:#222730;--panel-selected:#172433;--input-bg:#15191f;--border:#e1e8f01a;--border-strong:#e1e8f029;--text:#e4e8ee;--muted:#929aa6;--muted-2:#6f7784;--trace-id:#dbe7f3;--accent:#7cc4ff;--accent-glow:#7cc4ff24;--accent-focus:#7cc4ff29;--accent-border:#7cc4ff57;--accent-hover-bg:#7cc4ff14;--accent-border-strong:#7cc4ff85;--code-bg:#0f1217;--code-text:#cad3df;--topo-highlight:#ffffff09;--topo-inset:inset 0 1px 0 #ffffff09;--topo-shadow:0 1px 2px #00000047;--topo-shadow-hover:0 6px 18px #00000052;--topo-edge:#46515f;--topo-edge-reverse:#748397;--topo-edge-dependency:#596474;--topo-grid:#e1e8f013;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 2px #00000038;--shadow-md:0 8px 24px #00000038;--color-info-fg:#34d399;--color-info-bg:#34d3991f;--color-info-border:#1f6f54;--color-warn-fg:#fbbf24;--color-warn-bg:#fbbf241f;--color-warn-border:#8a6516;--color-error-fg:#f87171;--color-error-bg:#f8717124;--color-error-border:#8a3030;--availability-overall:#35c46a;--availability-least:#ff8a1f;--json-key:#79b8ff;--json-str:#9ecbff;--json-num:#f97583;--json-bool:#ffab70;--json-null:#ffab70b3;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}[data-theme=light]{--bg:#f6f7f9;--bg-subtle:#eef1f5;--panel:#fff;--panel-2:#f2f4f7;--panel-3:#e9edf2;--panel-elevated:#fff;--panel-hover:#f5f7fa;--panel-selected:#eaf3ff;--input-bg:#fff;--border:#0f172a1a;--border-strong:#0f172a29;--text:#1f2328;--muted:#656d76;--muted-2:#7b8492;--trace-id:#24292f;--accent:#0969da;--accent-glow:#0969da26;--accent-focus:#0969da2e;--accent-border:#0969da4d;--accent-hover-bg:#0969da0f;--accent-border-strong:#0969da73;--code-bg:#f0f2f5;--code-text:#1f2328;--topo-highlight:#00000008;--topo-inset:inset 0 1px 0 #0000000f;--topo-shadow:0 2px 8px #00000014;--topo-shadow-hover:0 4px 14px #0000001f;--topo-edge:#65748a;--topo-edge-reverse:#b0becf;--topo-edge-dependency:#8793a3;--topo-grid:#0f172a13;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #0f172a14;--color-info-fg:#1a7f4b;--color-info-bg:#1a7f4b14;--color-info-border:#2da44e;--color-warn-fg:#9a6700;--color-warn-bg:#9a670014;--color-warn-border:#bf8700;--color-error-fg:#cf222e;--color-error-bg:#cf222e14;--color-error-border:#cf222e;--availability-overall:#1f9d55;--availability-least:#e8750a;--json-key:#0969da;--json-str:#1a7f4b;--json-num:#cf222e;--json-bool:#9a6700;--json-null:#9a6700b3}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 20% 0%, #7cc4ff0f, transparent 28rem), linear-gradient(180deg, var(--bg-subtle), var(--bg) 18rem);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:13px}button{font-family:inherit}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:var(--panel-elevated);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-shrink:0}.app-header .trp{border-bottom:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px;padding:10px 16px}.app-header .trp .trp-abs-row{max-width:640px}.app-header .trp .trp-main{flex:1;min-width:0}.app-header .trp .trp-extra{flex-shrink:0;align-items:center;gap:10px;display:flex}.trp-extra .refresh{background:var(--input-bg);border:1px solid var(--border);width:28px;height:28px;color:var(--accent);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:border-color .12s,background .12s,opacity .12s;display:inline-flex}.trp-extra .refresh:hover{border-color:var(--accent-border-strong);background:var(--accent-hover-bg)}.trp-extra .refresh:disabled{opacity:.35;cursor:not-allowed}.app-body{background:var(--bg);flex:1;grid-template-columns:300px 1fr 360px;display:grid;overflow:hidden}.sidebar,.detail{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.detail{border-right:none;border-left:1px solid var(--border)}.main{background:var(--bg-subtle);flex-direction:column;display:flex;overflow:hidden}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:11px 12px 7px;font-size:11px;font-weight:600}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--panel) 25%, var(--panel-hover) 50%, var(--panel) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite shimmer}.skeleton-row{width:100%;height:40px;margin-bottom:8px}.theme-btn,.language-btn{background:var(--input-bg);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:6px;margin-left:12px;padding:2px 8px;font-size:14px;transition:background .2s,border-color .2s,color .2s}.theme-btn:hover,.language-btn:hover{background:var(--panel-hover)}.language-btn{letter-spacing:.04em;min-width:34px;font-size:11px;font-weight:700}.hamburger{z-index:110;background:var(--panel-elevated);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:none;position:fixed;top:8px;left:8px}@media (width<=1024px){.app-body{grid-template-columns:280px 1fr}.detail{display:none}}@media (width<=768px){.app-body{grid-template-columns:1fr}.tab-brand{display:none}.tab-bar>.language-btn{margin-left:auto}.hamburger{display:flex}.sidebar{z-index:100;width:100%;height:100%;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.logout-btn{background:var(--input-bg);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:6px;margin-left:8px;padding:2px 8px;font-size:12px;transition:background .2s,border-color .2s}.logout-btn:hover{background:var(--panel-hover)}.login-page{background:radial-gradient(circle at 50% 28%, #7cc4ff12, transparent 18rem), var(--bg);justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.login-card{background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:380px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-md);padding:40px 36px}.login-brand{text-align:center;margin-bottom:32px}.login-brand .dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.login-brand h1{color:var(--text);font-size:18px;font-weight:600;display:inline}.login-brand p{color:var(--muted);margin-top:6px;font-size:12px}.login-field{margin-bottom:16px}.login-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:11px;display:block}.login-field input{width:100%;font-size:14px;font-family:var(--font-mono);background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--code-text);padding:10px 12px}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-focus);outline:none}.login-field input::placeholder{color:var(--muted)}.login-btn{background:var(--accent-hover-bg);width:100%;color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-md);cursor:pointer;padding:10px;font-size:14px;font-weight:600;transition:opacity .15s}.login-btn:hover{opacity:.88}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#f87171;text-align:center;background:#f8717124;border:1px solid #8a3030;border-radius:6px;margin-top:12px;padding:8px 12px;font-size:12px}.login-actions{align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:16px}.login-actions .language-btn,.login-theme-btn{height:30px;margin-left:0}.login-theme-btn{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;color:var(--text);padding:4px 10px;font-size:16px;transition:background .2s,border-color .2s}.login-theme-btn:hover{background:var(--panel-hover)}@media (width<=480px){.login-card{padding:32px 24px}}.db-mode-toggle{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;overflow:hidden}.db-mode-btn{background:var(--input-bg);color:var(--muted);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border:none;padding:5px 14px;font-size:11px;transition:background .12s,color .12s}.db-mode-btn.active{background:var(--accent-hover-bg);color:var(--accent)}.db-mode-btn:not(.active):hover{color:var(--text)}.db-range-row{flex-wrap:wrap;margin-top:8px}.db-datetime{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);font-size:12px;font-family:var(--font-mono);width:180px;padding:5px 8px}.db-datetime:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-focus);outline:none}.db-query-btn{background:var(--accent-hover-bg);border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-md);cursor:pointer;padding:5px 14px;font-size:12px;font-weight:600;transition:opacity .12s}.db-query-btn:hover{opacity:.85}.db-quick-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--muted);border-radius:var(--radius-md);cursor:pointer;padding:5px 10px;font-size:11px;transition:color .12s,border-color .12s}.db-quick-btn:hover{color:var(--text);border-color:var(--accent-border)}.db-range-err{color:#f87171;white-space:nowrap;font-size:11px}.db-loading{color:var(--muted);justify-content:center;align-items:center;padding:60px;font-size:13px;display:flex}.db-grids{flex:1;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow-y:auto}.db-col{padding:12px 16px;overflow-y:auto}.db-col:first-child{border-right:1px solid var(--border)}.db-h{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:600}.db-card-list{flex-direction:column;gap:8px;display:flex}.db-card{background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);padding:10px 12px;transition:border-color .12s,box-shadow .12s,background .12s}.db-card:active{background:var(--panel-2)}.db-card:hover{border-color:var(--accent-border);background:var(--panel-hover);box-shadow:var(--shadow-md)}.db-card-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:12px;font-weight:600;overflow:hidden}.db-bar{border-radius:4px;gap:2px;height:22px;display:flex;overflow:hidden}.db-seg{border:1px solid;border-radius:3px;justify-content:center;align-items:center;min-width:20px;transition:opacity .12s;display:flex}.db-seg:hover{opacity:.8}.db-seg-num{letter-spacing:.03em;font-size:10px;font-weight:700}.db-card-sum{color:var(--muted);text-align:right;margin-top:4px;font-size:10px}.db-card-error-glow{background:linear-gradient(180deg, #f8717114, var(--panel-elevated))!important;box-shadow:var(--shadow-sm)!important;border-color:#f8717140!important}.db-card-warning-glow{background:linear-gradient(180deg, #fbbf2412, var(--panel-elevated))!important;box-shadow:var(--shadow-sm)!important;border-color:#fbbf2440!important}.tab-bar{width:100%}.dashboard{grid-column:1/-1}.trp{flex-direction:column;gap:6px;display:flex}.trp-mode{gap:4px;display:flex}.trp-mode-btn{border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:4px;flex:1;padding:3px 8px;font-size:12px}.trp-mode-btn.active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-focus)}.trp-quick{flex-wrap:wrap;gap:6px;display:flex}.trp-quick-btn{border:1px solid var(--border);background:var(--input-bg);color:var(--muted);border-radius:var(--radius-md);cursor:pointer;padding:4px 10px;font-size:12px;transition:border-color .12s,color .12s,background .12s}.trp-quick-btn.active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-hover-bg)}.trp-quick-btn:hover{color:var(--text);border-color:var(--muted)}.trp-prefix{flex-shrink:0;gap:6px;display:flex}.trp-abs{flex-direction:column;gap:6px;display:flex}.trp-abs-row{align-items:center;gap:8px;display:flex}.trp-datetime{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:var(--radius-md);flex:1;padding:4px 8px;font-size:12px;transition:border-color .12s}.trp-datetime:hover{border-color:var(--muted)}.trp-datetime:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-focus);outline:none}.trp-sep{color:var(--muted);font-size:12px}.trp-apply{border:1px solid var(--accent-border);background:var(--accent-hover-bg);color:var(--accent);border-radius:var(--radius-md);cursor:pointer;padding:5px 14px;font-size:12px;transition:border-color .12s,background .12s}.trp-apply:hover{border-color:var(--accent-border-strong);background:var(--accent-hover-bg)}.trp-err{color:var(--color-error-fg);font-size:11px}.trp-label{color:var(--muted);font-size:11px}.trp-checkbox{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.trp-checkbox input[type=checkbox]{margin:0}.trp-live-select{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:var(--radius-md);padding:4px 8px;font-size:12px;transition:border-color .12s}.trp-live-select:hover{border-color:var(--muted)}.trp-live-select:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-focus);outline:none}.vol-hist{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-elevated);min-width:1px;min-height:80px;overflow:hidden}.vol-hist--loading{justify-content:center;align-items:flex-end;gap:3px;height:60px;padding:6px 8px;display:flex}.vol-hist-skel{border-radius:2px 2px 0 0;flex:1;min-width:6px}.vol-hist--empty{color:var(--muted);justify-content:center;align-items:center;height:60px;font-size:11px;display:flex}.msel{position:relative}.msel-trigger{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-bg);cursor:pointer;align-items:center;gap:4px;min-height:28px;padding:3px 6px;font-size:12px;display:flex}.msel-trigger:hover,.msel--open .msel-trigger{border-color:var(--accent-border)}.msel-placeholder{color:var(--muted);flex:1}.msel-tags{flex-wrap:wrap;flex:1;gap:2px;display:flex;overflow:hidden}.msel-tag{border-radius:var(--radius-sm);background:var(--accent-hover-bg);color:var(--accent);white-space:nowrap;padding:0 4px;font-size:10px}.msel-more{color:var(--muted);font-size:10px}.msel-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.msel-arrow{color:var(--muted);font-size:10px}.msel-drop{z-index:10;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-elevated);max-height:180px;box-shadow:var(--shadow-md);margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.msel-opt{cursor:pointer;color:var(--text);align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.msel-opt:hover{background:var(--accent-hover-bg)}.msel-opt input[type=checkbox]{accent-color:var(--accent);margin:0}.msel-empty{color:var(--muted);text-align:center;padding:8px;font-size:11px}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-elevated);box-shadow:var(--shadow-sm);min-width:1px;padding:10px;overflow:hidden}.panel--ts,.panel--bar{min-height:252px}.panel--loading,.panel--empty{height:100px;color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}.panel-title{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:500}.db-controls{margin-bottom:12px}.db-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.db-view-btn{border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:13px}.db-view-btn.active{border-color:var(--accent-border);background:var(--accent-focus)}.db-charts{margin-bottom:16px}.db-chart-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=1024px){.db-chart-row{grid-template-columns:1fr}}.db-row{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.var-bar{border-bottom:1px solid var(--border);background:var(--panel-elevated);z-index:5;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:8px 16px;display:flex;position:relative;overflow:visible}.var-item{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.var-item .msel{min-width:140px}.var-item .msel-drop{min-width:200px;right:auto}.var-item select{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:var(--radius-md);padding:2px 6px;font-size:12px}.availability-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-elevated);box-shadow:var(--shadow-sm);flex-shrink:0;margin:0 16px 12px;overflow:hidden}.availability-panel__header{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:8px 12px;display:flex}.availability-panel__eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700}.availability-panel__title-row,.availability-panel__summary{align-items:center;gap:8px;display:flex}.availability-panel__title-row h2{color:var(--text);margin:0;font-size:13px;font-weight:600}.availability-panel__model{text-overflow:ellipsis;white-space:nowrap;max-width:360px;color:var(--muted);font-family:var(--font-mono);font-size:11px;overflow:hidden}.availability-panel__model-picker{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:inline-flex}.availability-panel__model-picker select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-bg);max-width:320px;height:26px;color:var(--text);font-family:var(--font-mono);cursor:pointer;padding:2px 24px 2px 7px;font-size:11px}.availability-panel__model-picker select:focus-visible{outline:2px solid var(--accent-focus);outline-offset:1px;border-color:var(--accent-border-strong)}.availability-panel__value{color:var(--availability-overall);font-family:var(--font-mono);font-size:13px}.availability-panel__rolling{color:#f0fff4;background:var(--availability-overall);border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;padding:2px 5px;font-size:9px;font-weight:800}.availability-panel__body{min-height:300px}.availability-panel__chart{width:100%;padding:2px 6px 0}.availability-panel__state{min-height:300px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.availability-panel__state strong{color:var(--text);font-weight:600}.availability-panel__state--error{color:var(--color-error-fg)}.availability-panel__footer{border-top:1px solid var(--border);color:var(--muted-2);padding:7px 12px;font-size:10px;line-height:1.45}.availability-tooltip{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel-elevated);min-width:210px;box-shadow:var(--shadow-md);color:var(--text);padding:9px 10px;font-size:11px}.availability-tooltip__time{color:var(--muted);font-family:var(--font-mono);margin-bottom:7px;font-size:10px}.availability-tooltip__row{justify-content:space-between;gap:14px;margin-top:5px;display:flex}.availability-tooltip__row--overall strong{color:var(--availability-overall)}.availability-tooltip__row--least strong{color:var(--availability-least)}.availability-tooltip__meta,.availability-tooltip__excluded,.availability-tooltip__confidence{color:var(--muted);margin-top:2px;font-size:10px}.availability-tooltip__excluded{border-top:1px solid var(--border);margin-top:7px;padding-top:6px}.availability-tooltip__confidence{color:var(--color-warn-fg)}@media (width<=640px){.availability-panel{margin-inline:10px}.availability-panel__header{align-items:flex-start}.availability-panel__summary{flex-direction:column-reverse;align-items:flex-end;gap:4px}.availability-panel__model{max-width:180px}.availability-panel__title-row{flex-direction:column;align-items:flex-start;gap:4px}.availability-panel__model-picker select{max-width:190px}.availability-panel__body,.availability-panel__state{min-height:250px}.availability-panel__chart .recharts-responsive-container{height:240px!important}}.db-panels{flex-direction:column;gap:12px;display:flex}.db-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-elevated);box-shadow:var(--shadow-sm);overflow:hidden}.db-panel-header{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:6px;padding:8px 10px;display:flex}.db-panel-title{color:var(--text);flex:1;font-size:12px;font-weight:500}.db-panel-type{color:var(--accent);border-radius:var(--radius-sm);background:var(--accent-hover-bg);padding:1px 6px;font-size:10px}.db-panel-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.db-panel-remove:hover{color:var(--color-error-fg)}.db-panel-body{padding:8px}.db-add-panel{align-items:center;gap:6px;padding:8px 16px;display:flex}.db-add-btn{border:1px dashed var(--border);color:var(--muted);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:4px 12px;font-size:12px}.db-add-btn:hover{border-color:var(--accent-border);color:var(--accent)}.db-add-options{gap:4px;display:flex}.db-add-opt{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:var(--radius-md);cursor:pointer;padding:4px 10px;font-size:11px}.db-add-opt:hover{border-color:var(--accent-border);color:var(--accent)}.db-card-clickable{transition:border-color .15s,box-shadow .15s}.db-card-clickable:hover{border-color:var(--accent-border);box-shadow:var(--shadow-md)}.db-card-clickable:active{transform:scale(.98)}.geo-dashboard{--geo-blue:#377de5;--geo-green:#25a36f;--geo-cyan:#14a7bd;--geo-yellow:#e7a40e;--geo-red:#eb5b61;flex-direction:column;flex-shrink:0;gap:12px;margin:0 14px 14px;display:flex}.geo-dashboard .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.geo-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.geo-kpi-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-elevated);min-height:86px;box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:13px 16px;display:flex}.geo-kpi-card__icon{color:#fff;border-radius:9px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;box-shadow:inset 0 1px #ffffff3d}.geo-kpi-card__icon--blue{background:linear-gradient(145deg,#5f9bff,#2768dc)}.geo-kpi-card__icon--green{background:linear-gradient(145deg,#58c7a6,#1c9777)}.geo-kpi-card__icon--cyan{background:linear-gradient(145deg,#5cc8d9,#0c9db8)}.geo-kpi-card__icon--red{background:linear-gradient(145deg,#ff7b80,#e53f49)}.geo-kpi-card__copy{min-width:0}.geo-kpi-card__label{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;margin-bottom:3px;font-size:12px;display:flex}.geo-kpi-card__copy strong{color:var(--text);letter-spacing:-.035em;font-size:clamp(23px,2vw,29px);font-weight:600;line-height:1.08;display:block}.geo-kpi-card__detail{color:var(--muted-2);text-align:right;align-self:flex-end;margin-left:auto;padding-bottom:4px;font-size:10px;line-height:1.35}.geo-primary-grid{grid-template-columns:minmax(0,1.55fr) minmax(390px,1fr);gap:12px;min-height:414px;display:grid}.geo-secondary-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.geo-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-elevated);min-width:0;box-shadow:var(--shadow-sm);overflow:hidden}.geo-panel__header{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:14px;min-height:46px;padding:9px 13px;display:flex}.geo-panel__title{min-width:0;color:var(--muted);align-items:center;gap:6px;display:flex}.geo-panel__title strong{color:var(--text);white-space:nowrap;font-size:13px;font-weight:600}.geo-map-legend,.geo-inline-legend,.geo-status-legend{color:var(--muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:7px;font-size:10px;display:flex}.geo-map-legend em{color:var(--border-strong);margin:0 3px;font-style:normal}.geo-map-legend__bubble{opacity:.8;background:#8e9cad;border-radius:999px;display:inline-block}.geo-map-legend__bubble--small{width:6px;height:6px}.geo-map-legend__bubble--medium{width:11px;height:11px}.geo-map-legend__bubble--large{width:17px;height:17px}.geo-risk-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.geo-risk-dot--low{background:var(--geo-green)}.geo-risk-dot--medium{background:var(--geo-yellow)}.geo-risk-dot--high{background:var(--geo-red)}.geo-map-panel{flex-direction:column;display:flex}.geo-map-panel__body{background:radial-gradient(circle at 50% 35%, #377de509, transparent 54%), var(--panel-elevated);flex:1;min-height:316px;position:relative}.geo-map-shell,.geo-map-canvas{width:100%;height:100%;min-height:316px}.geo-map-controls{z-index:3;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--panel-elevated);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:absolute;bottom:38px;left:14px;overflow:hidden}.geo-map-controls button{border:0;border-bottom:1px solid var(--border);width:29px;height:29px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.geo-map-controls button:last-child{border-bottom:0}.geo-map-controls button:hover{background:var(--panel-hover);color:var(--accent)}.geo-map-hint{color:var(--muted-2);pointer-events:none;font-size:10px;position:absolute;bottom:11px;left:15px}.geo-map-tooltip{min-width:152px;color:var(--text);padding:11px 12px}.geo-map-tooltip strong{color:var(--text);margin-bottom:7px;font-size:12px;display:block}.geo-map-tooltip div{color:var(--muted);justify-content:space-between;gap:22px;margin-top:5px;display:flex}.geo-map-tooltip b{color:var(--text);font-family:var(--font-mono);font-weight:500}.geo-map-tooltip b.is-risk{color:var(--geo-red)}.geo-coverage-strip{border-top:1px solid var(--border);background:var(--panel);min-height:43px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 13px;font-size:10px;display:flex}.geo-coverage-strip__summary,.geo-coverage-strip__quality{white-space:nowrap;align-items:center;gap:7px;display:flex}.geo-coverage-strip__summary>svg{color:var(--geo-green)}.geo-coverage-strip__summary strong,.geo-coverage-strip__quality strong{color:var(--text);font-weight:600}.geo-coverage-strip__warning{background:var(--color-warn-bg);color:var(--color-warn-fg);border-radius:4px;padding:2px 6px}.geo-coverage-strip__quality i,.geo-share-cell i{background:var(--panel-3);border-radius:999px;display:block;position:relative;overflow:hidden}.geo-coverage-strip__quality i{width:78px;height:5px}.geo-coverage-strip__quality b,.geo-share-cell b{border-radius:inherit;height:100%;display:block}.geo-coverage-strip__quality b{background:var(--geo-green)}.geo-ranking-panel{flex-direction:column;min-height:414px;display:flex}.geo-selection-chip{border:1px solid var(--accent-border);background:var(--accent-hover-bg);max-width:180px;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border-radius:999px;padding:3px 7px;font-size:10px;overflow:hidden}.geo-ranking-table-wrap{flex:1;min-width:0;overflow:auto}.geo-ranking-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:610px;font-size:11px}.geo-ranking-table th,.geo-ranking-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;height:52px;padding:8px 9px}.geo-ranking-table th{height:42px;color:var(--muted);background:var(--panel-elevated);font-size:10px;font-weight:500}.geo-ranking-table tr.is-selected td{background:var(--accent-hover-bg)}.geo-ranking-table tbody tr:hover td{background:var(--panel-hover)}.geo-rank{background:var(--panel-3);width:20px;height:20px;color:var(--muted);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.geo-rank--1{color:#fff;background:#f1ae17}.geo-rank--2{color:#fff;background:#a9b2bf}.geo-rank--3{color:#fff;background:#d99562}.geo-country-button{max-width:150px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.geo-country-button>span{border:1px solid var(--border-strong);background:var(--panel);min-width:27px;color:var(--muted);font-family:var(--font-mono);text-align:center;border-radius:3px;padding:3px 4px;font-size:8px}.geo-country-button strong{text-overflow:ellipsis;font-weight:500;overflow:hidden}.geo-share-cell{align-items:center;gap:8px;display:flex}.geo-share-cell i{width:clamp(44px,5vw,86px);height:7px}.geo-share-cell b{background:var(--geo-blue)}.geo-share-cell span{min-width:34px;color:var(--muted);font-size:10px}.geo-ranking-table td.is-risk{color:var(--geo-red)}.geo-ranking-table td.is-healthy{color:var(--geo-green)}.geo-show-all{border:0;border-top:1px solid var(--border);background:var(--panel);min-height:42px;color:var(--accent);cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-size:11px;display:flex}.geo-show-all svg{transition:transform .16s}.geo-show-all svg.is-open{transform:rotate(180deg)}.geo-chart-panel__body{min-height:230px;padding:2px 7px 5px}.geo-inline-legend{flex-wrap:wrap;overflow:hidden}.geo-inline-legend button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:2px 3px;font-size:10px;display:inline-flex}.geo-inline-legend button:hover{color:var(--text)}.geo-inline-legend i,.geo-status-legend i{border-radius:2px;width:7px;height:7px;display:inline-block}.geo-status-legend span{align-items:center;gap:4px;display:inline-flex}.geo-status-legend .is-2xx{background:var(--geo-green)}.geo-status-legend .is-3xx{background:#4b8ee8}.geo-status-legend .is-4xx{background:var(--geo-yellow)}.geo-status-legend .is-5xx{background:var(--geo-red)}.geo-chart-state{min-height:210px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.geo-chart-state strong{color:var(--text);font-weight:600}.geo-dashboard__footnote{color:var(--muted-2);justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.geo-dashboard__footnote span+span:before{content:"·";margin-right:7px}.geo-setup-state{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--panel-elevated);min-height:150px;color:var(--muted);justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.geo-setup-state__icon{background:var(--accent-hover-bg);width:54px;height:54px;color:var(--accent);border-radius:12px;flex:0 0 54px;justify-content:center;align-items:center;display:inline-flex}.geo-setup-state strong{color:var(--text);font-size:13px;font-weight:600;display:block}.geo-setup-state p{max-width:620px;margin:6px 0 8px;line-height:1.5}.geo-setup-state code{color:var(--accent);font-family:var(--font-mono);font-size:10px}.geo-setup-state button{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-hover-bg);color:var(--accent);cursor:pointer;padding:5px 11px;font-size:11px}.geo-setup-state--error .geo-setup-state__icon{background:var(--color-error-bg);color:var(--color-error-fg)}.geo-skeleton{color:#0000;position:relative;overflow:hidden}.geo-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#7cc4ff14,#0000);animation:1.5s infinite geo-shimmer;position:absolute;inset:0;transform:translate(-100%)}.geo-loading-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-elevated);min-height:414px}@keyframes geo-shimmer{to{transform:translate(100%)}}@media (width<=1250px){.geo-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.geo-primary-grid{grid-template-columns:1fr}.geo-map-panel__body,.geo-map-shell,.geo-map-canvas{min-height:360px}}@media (width<=900px){.geo-secondary-grid{grid-template-columns:1fr}.geo-map-panel__header,.geo-chart-panel .geo-panel__header{flex-direction:column;align-items:flex-start}.geo-map-legend,.geo-inline-legend,.geo-status-legend{flex-wrap:wrap;justify-content:flex-start}.geo-coverage-strip{flex-direction:column;align-items:flex-start}.geo-coverage-strip__summary{white-space:normal;flex-wrap:wrap}}@media (width<=640px){.geo-dashboard{margin-inline:10px}.geo-kpi-grid{grid-template-columns:1fr;gap:8px}.geo-kpi-card{min-height:76px;padding:10px 12px}.geo-kpi-card__icon{flex-basis:46px;width:46px;height:46px}.geo-kpi-card__copy strong{font-size:23px}.geo-panel__header{min-height:43px}.geo-map-panel__body,.geo-map-shell,.geo-map-canvas{min-height:286px}.geo-ranking-panel{min-height:360px}.geo-coverage-strip__quality{width:100%}.geo-coverage-strip__quality i{flex:1}.geo-dashboard__footnote{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}}.topo-wrap{border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-direction:column;flex:1.45;height:45%;min-height:320px;display:flex;position:relative}.topo-insight{border-bottom:1px solid var(--border);background:var(--panel-elevated);flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:9px 14px;display:flex}.topo-insight--error{box-shadow:inset 3px 0 0 var(--color-error-border)}.topo-insight__primary,.topo-insight__metrics{align-items:center;gap:8px;min-width:0;display:flex}.topo-insight__label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700}.topo-insight__primary>strong{color:var(--text);white-space:nowrap;font-size:13px}.topo-insight--error .topo-insight__primary>strong{color:var(--color-error-fg)}.topo-insight__message{color:var(--muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.topo-insight__metrics{color:var(--muted);flex-shrink:0;font-size:11px}.topo-insight__metrics>span{border-left:1px solid var(--border);white-space:nowrap;padding-left:9px}.topo-insight__metrics strong{color:var(--text)}.topo-insight__metrics em{color:var(--color-info-fg);font-style:normal;font-weight:700}.topo-canvas{flex:1;min-height:0;position:relative}.react-flow__attribution{display:none}.topo-node{border:1px solid var(--topo-node-border);border-radius:var(--radius-lg);background:linear-gradient(180deg, #ffffff06, transparent 55%), var(--topo-node-bg);width:188px;min-height:104px;box-shadow:var(--topo-shadow), var(--topo-inset);color:var(--text);text-align:left;padding:10px 12px;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}.topo-node:hover{box-shadow:var(--topo-shadow-hover), var(--topo-inset);transform:translateY(-1px)}.topo-node.selected{box-shadow:0 0 0 2px var(--accent-border-strong), var(--shadow-md)}.topo-node.root-cause{border-color:var(--color-error-fg);box-shadow:inset 3px 0 0 var(--color-error-fg), var(--topo-shadow)}.topo-node.affected{border-color:color-mix(in srgb, var(--color-error-border) 58%, var(--border))}.topo-node.dependency{background:var(--panel-elevated);border-style:dashed}.topo-node__eyebrow{min-height:17px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.topo-node__cause,.topo-node__affected{letter-spacing:.03em;border-radius:3px;padding:1px 5px}.topo-node__cause{color:var(--color-error-fg);background:var(--color-error-bg);border:1px solid var(--color-error-border)}.topo-node__affected{color:var(--muted);background:var(--panel-2);border:1px solid var(--border)}.topo-node__label{color:var(--topo-node-fg);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;font-weight:700;line-height:1.25;overflow:hidden}.topo-node__meta{min-height:15px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;line-height:1.4;overflow:hidden}.topo-node__metrics{min-height:18px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;margin-top:6px;font-size:9px;display:flex}.topo-node__metrics strong{color:var(--text);font-family:var(--font-mono);font-size:10px}.topo-node__retry{color:var(--color-warn-fg);font-weight:700}.topo-node__payloads{gap:4px;min-height:17px;margin-top:5px;display:flex;overflow:hidden}.topo-node__payloads span{border:1px dashed var(--border-strong);max-width:86px;color:var(--muted);background:var(--panel-2);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:8px;overflow:hidden}.topo-handle{opacity:0;pointer-events:none}.react-flow__edge.topo-edge--dependency .react-flow__edge-path,.react-flow__edge.topo-edge--response .react-flow__edge-path{opacity:.86}.react-flow__edge.animated .react-flow__edge-path{stroke-width:2px}.react-flow__edge-textbg{stroke:var(--border);stroke-width:1px}.react-flow__controls{border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.react-flow__controls-button{border-bottom-color:var(--border);background:var(--panel-elevated);width:28px;height:28px;fill:var(--text)}.react-flow__controls-button:hover{background:var(--panel-hover)}@media (width<=900px){.topo-wrap{min-height:350px}.topo-insight{flex-direction:column;align-items:flex-start;gap:6px}.topo-insight__metrics{width:100%}.topo-insight__metrics>span:first-child{border-left:0;padding-left:0}}@media (prefers-reduced-motion:reduce){.topo-node,.react-flow__edge-path{transition:none!important;animation:none!important}}.waterfall{flex:1;min-height:0;padding:10px 16px;overflow-y:auto}.wf-row{align-items:center;gap:10px;height:30px;display:flex}.wf-label{width:160px;color:var(--muted);text-align:right;flex-shrink:0;font-size:12px}.wf-track{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;flex:1;height:18px;position:relative;overflow:hidden}[data-theme=light] .wf-track{background:#0000000b}.wf-bar{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;height:100%;padding:0 6px;font-size:10px;transition:box-shadow .1s;display:flex;position:absolute;overflow:hidden}.wf-bar.selected{box-shadow:0 0 0 2px var(--accent)}.wf-axis{color:var(--muted);justify-content:space-between;margin:4px 0 8px 170px;font-size:10px;display:flex}.brand{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 12px;font-size:14px;font-weight:600;display:flex}.brand .dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.window-bar{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.window-row{align-items:center;gap:8px;display:flex}.window-row>label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px}.window-bar select,.window-bar input[type=datetime-local]{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;flex:1;padding:6px 8px;font-size:12px}.window-bar select:focus,.window-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-focus);outline:none}.window-bar .refresh{background:var(--panel-2);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:6px;flex-shrink:0;width:30px;height:30px;font-size:14px}.window-bar .refresh:hover{border-color:var(--accent)}.window-bar .link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px}.absolute-range-text{font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.window-row.checkbox{color:var(--muted);cursor:pointer;gap:6px;font-size:12px}.window-row.checkbox input{margin:0}.warn-note{color:#f0b429;background:#f0b4291f;border:1px solid #6b541a;border-radius:6px;padding:5px 8px;font-size:11px}.search{border-bottom:1px solid var(--border);padding:10px 12px}.search input,.search select{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;margin-bottom:8px;padding:7px 9px;font-size:12px}.search input:focus,.search select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-focus);outline:none}.lookup-range{margin-bottom:8px}.lookup-range select{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;margin-bottom:6px;padding:7px 9px;font-size:12px}.lookup-range select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-focus);outline:none}.lookup-range-inputs{align-items:center;gap:4px;display:flex}.lookup-range-inputs input[type=datetime-local]{background:var(--panel-2);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:5px 6px;font-family:inherit;font-size:11px}.lookup-range-inputs input[type=datetime-local]:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-focus);outline:none}.lookup-range-sep{color:var(--muted);flex-shrink:0;font-size:11px}.lookup-range-inputs .link-btn{flex-shrink:0;font-size:11px}.filters{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.filters select{margin-bottom:0}.trace-list{flex:1;padding:4px 6px 8px;overflow-y:auto}.trace-item{border:1px solid #0000;border-bottom-color:var(--border);cursor:pointer;border-radius:var(--radius-md);border-left:2px solid #0000;padding:9px 10px;transition:background .12s,border-color .12s,color .12s}.trace-item:hover{background:var(--panel-hover);border-color:var(--border-strong);border-left-color:var(--accent-border)}.trace-item.active{background:var(--panel-selected);border-color:var(--accent-border);border-left-color:var(--accent)}.trace-item .row1{justify-content:space-between;align-items:center;gap:8px;display:flex}.trace-item .tid{font-family:var(--font-mono);color:var(--trace-id);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.trace-item .row2{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.trace-item .row2-model{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.trace-item .vendor-tag{color:var(--muted);background:var(--panel-3);border:1px solid var(--border);border-radius:3px;flex-shrink:0;padding:0 4px;font-size:10px}.trace-item .row2-time{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.trace-item .rel-time{color:var(--muted);opacity:.7;font-size:10px}.trace-item .row3{margin-top:3px}.trace-item .dur-label{color:var(--muted);font-size:10px}.badge{border:1px solid;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.header{border-bottom:1px solid var(--border);background:var(--panel-elevated);padding:14px 16px}.header .tid-row{align-items:center;gap:6px;display:flex}.header .tid{font-family:var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.header .copy-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:12px;transition:color .15s,border-color .15s}.header .copy-btn:hover{color:var(--accent);border-color:var(--accent-border-strong)}.header .meta{flex-wrap:wrap;gap:16px 20px;margin-top:10px;display:flex}.header .meta .kv{flex-direction:column;display:flex}.header .meta .k{text-transform:uppercase;color:var(--muted);letter-spacing:.04em;font-size:10px;font-weight:600}.header .meta .v{margin-top:2px;font-size:13px}.alert-bar{color:#f87171;border-radius:var(--radius-md);background:#f8717124;border:1px solid #8a3030;margin-top:10px;padding:6px 12px;font-weight:600}.timing-meta{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.tm-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.tm-stream-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.tm-stream-badge--stream{color:var(--color-info-fg);border-color:var(--color-info-border)}.attribution-bar{color:#f87171;background:#f8717124;border:1px solid #8a3030;border-radius:6px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:600}.timing-breakdown{border-top:1px solid var(--border);flex:none;padding:10px 16px}.tb-bar{border-radius:6px;gap:2px;height:28px;margin-top:6px;display:flex;overflow:hidden}.tb-seg{border:1px solid;border-radius:4px;justify-content:center;align-items:center;min-width:8px;transition:opacity .12s;display:flex;overflow:hidden}.tb-seg:hover{opacity:.85}.tb-seg-label{white-space:nowrap;letter-spacing:.02em;text-shadow:0 0 6px #00000080;padding:0 4px;font-size:10px;font-weight:700}.tb-seg--upstream{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-fg)}.tb-seg--platform{background:var(--color-warn-bg);border-color:var(--color-warn-border);color:var(--color-warn-fg)}.tb-seg--client-slow{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-fg)}.tb-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:11px;display:flex}.tb-legend-item{align-items:center;gap:5px;display:flex}.tb-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.tb-legend-item--upstream .tb-dot{background:var(--color-info-fg)}.tb-legend-item--platform .tb-dot{background:var(--color-warn-fg)}.tb-legend-item--client-slow .tb-dot{background:var(--color-error-fg)}.detail-head{border-bottom:1px solid var(--border);background:var(--panel-elevated);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.detail-head-actions{align-items:center;gap:6px;display:flex}.detail-head .clear{background:var(--input-bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:11px}.event-list{flex:1;padding:4px 6px 8px;overflow-y:auto}.event-row{border:1px solid #0000;border-bottom-color:var(--border);cursor:pointer;border-radius:var(--radius-md);border-left:2px solid #0000;padding:8px 10px;transition:background .1s,border-color .1s}.event-row:hover{background:var(--panel-hover);border-color:var(--border-strong)}.event-row.open{background:var(--panel-selected);border-color:var(--accent-border)}.event-row .er1{align-items:center;gap:8px;display:flex}.event-row .rel{font-family:var(--font-mono);color:var(--accent);flex-shrink:0;width:64px;font-size:11px}.event-row .msg{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.event-row .caller{color:var(--muted);font-size:10px;font-family:var(--font-mono);margin-top:3px;margin-left:72px}.event-json{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;max-height:360px;color:var(--code-text);margin:6px 0 2px;padding:10px;font-size:11px;line-height:1.5;overflow:auto}.event-body-grid,.event-json-grid{grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1);display:grid}.event-body-grid.open,.event-json-grid.open{grid-template-rows:1fr}.event-body-content,.event-json-content{overflow:hidden}.event-body-wrap{margin:4px 0 2px}.event-body-toggle{background:var(--input-bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:10px;font-family:var(--font-mono);border-radius:4px;padding:2px 8px}.event-body-toggle:hover{color:var(--text);border-color:var(--border)}.event-body-actions{gap:6px;margin:4px 0;display:flex}.event-json-actions{gap:6px;margin:6px 0 2px;display:flex}.event-body-btn{background:var(--input-bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:4px;padding:2px 8px;font-size:10px}.event-body-btn:hover{color:var(--text);border-color:var(--text)}.event-body{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;max-height:480px;color:var(--code-text);margin:0 0 4px;padding:10px;font-size:11px;line-height:1.5;overflow:auto}.dot-lvl{border-radius:50%;flex-shrink:0;width:8px;height:8px}.empty{color:var(--muted);text-align:center;padding:40px 16px}.placeholder{height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.wf-bar--narrow{padding:0}.window-bar .refresh:disabled{opacity:.35;cursor:not-allowed}.window-bar .refresh:not(:disabled):hover{border-color:var(--accent);background:var(--accent-hover-bg)}.live-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);cursor:pointer;letter-spacing:.04em;border-radius:5px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:flex}.live-btn:hover{color:var(--text);border-color:var(--accent-border-strong)}.live-btn--on{color:#f87171;background:#f871711a;border-color:#8a3030}.live-btn--on:hover{background:#f8717129}.live-dot{background:#f87171;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.3s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.live-badge{color:#f87171;letter-spacing:.06em;margin-left:6px;font-size:10px;font-weight:700;animation:1.3s ease-in-out infinite livePulse}.json-key{color:var(--json-key)}.json-str{color:var(--json-str)}.json-num{color:var(--json-num)}.json-bool{color:var(--json-bool)}.json-null{color:var(--json-null)}.token-kv{gap:10px;font-size:13px;display:flex}.token-in{color:#34d399}.token-out{color:#fbbf24}.token-total{color:var(--muted)}.token-thinking{color:#c084fc}.token-cache{color:#60a5fa}.retry-badge{background:var(--color-warn-bg,#fbbf2426);color:var(--color-warn-fg,#fbbf24);border-radius:4px;align-items:center;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}.channel-tag{background:var(--panel-2);color:var(--muted);font-size:10px;font-family:var(--font-mono,monospace);border-radius:3px;align-items:center;margin-left:6px;padding:1px 5px;display:inline-flex}.detail-head .clear{transition:color .12s,border-color .12s}.detail-head .clear:hover{color:var(--text);border-color:var(--text)}@keyframes traceEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main--loading .header,.main--loading .topo-wrap,.main--loading .waterfall,.main--loading .timing-breakdown{opacity:0;pointer-events:none;transition:opacity .12s ease-in,transform .12s ease-in;transform:translateY(-5px)}.trace-skeleton{flex-direction:column;padding:20px;display:flex}.header{animation:.18s ease-out both traceEnter}.topo-wrap{animation:.2s ease-out 30ms both traceEnter}.waterfall{animation:.2s ease-out 60ms both traceEnter}.timing-breakdown{animation:.2s ease-out 90ms both traceEnter}@keyframes wfRowIn{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:translate(0)}}.wf-row{animation:.16s ease-out both wfRowIn;animation-delay:calc(var(--i,0) * 15ms + 70ms)}@keyframes eventListIn{0%{opacity:0}to{opacity:1}}.event-list{animation:.2s ease-out 40ms both eventListIn}.tab-bar{background:var(--panel-elevated);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:0;height:40px;padding:0 14px;display:flex}.tab-btn{color:var(--muted);cursor:pointer;border-radius:var(--radius-md);letter-spacing:.02em;background:0 0;border:1px solid #0000;padding:5px 12px;font-size:12px;font-weight:600;transition:color .12s,border-color .12s,background .12s}.tab-btn:hover{color:var(--text);background:var(--panel-hover)}.tab-btn--active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-hover-bg)}.tab-brand{color:var(--muted);margin-left:auto;font-size:12px;font-weight:500}.dashboard{background:var(--bg);flex-direction:column;grid-column:1/-1;display:flex;overflow-y:auto}.db-controls{border-bottom:1px solid var(--border);background:var(--panel-elevated);flex-shrink:0;padding:10px 16px}.db-row{align-items:center;gap:10px;display:flex}.db-row>label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px}.db-controls select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);padding:5px 8px;font-size:12px}.db-controls select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-focus);outline:none}.db-checkbox{color:var(--muted);cursor:pointer;align-items:center;gap:4px;font-size:12px;display:flex}.db-checkbox input{margin:0}.db-refresh{background:var(--input-bg);border:1px solid var(--border);color:var(--accent);border-radius:var(--radius-md);cursor:pointer;margin-left:auto;padding:5px 12px;font-size:12px;transition:border-color .12s}.db-refresh:hover{border-color:var(--accent)}.db-window{color:var(--muted);font-size:10px;font-family:var(--font-mono);margin-top:6px}.error-boundary{height:100vh;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.error-boundary h2{color:#f87171;margin:0}.error-boundary pre{background:var(--panel-2);color:#f87171;border-radius:6px;max-width:600px;padding:16px;font-size:13px;overflow:auto}.error-boundary button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 20px}.logql-editor{margin:6px 0}.logql-editor--h{align-items:center;gap:8px;min-height:34px;margin:0;padding:9px 16px;display:flex}.logql-bar{align-items:center;margin-bottom:4px;display:flex}.logql-bar--h{gap:6px;margin-bottom:0}.logql-label{color:var(--muted);font-size:11px}.logql-mode-btn{border:1px solid var(--border);background:var(--input-bg);color:var(--muted);border-radius:var(--radius-md);cursor:pointer;padding:5px 10px;font-size:12px;transition:border-color .12s,color .12s,background .12s}.logql-mode-btn:hover{color:var(--text);border-color:var(--border-strong)}.logql-mode-btn.active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-hover-bg)}.logql-input-area{flex-direction:column;gap:4px;display:flex}.logql-input-row{display:flex}.logql-textarea{font-size:12px;font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--code-bg);color:var(--code-text);resize:vertical;flex:1;min-height:48px;padding:6px 8px}.logql-textarea:focus{border-color:var(--accent-border);outline:none}.logql-input-h{font-size:12px;font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--code-bg);color:var(--code-text);flex:1;padding:5px 9px}.logql-input-h:focus{border-color:var(--accent-border);outline:none}.logql-actions{align-items:center;gap:4px;display:flex}.logql-history-btn{border:1px solid var(--border);background:var(--input-bg);color:var(--muted);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;padding:4px 9px;font-size:11px;position:relative}.logql-search-btn{border:1px solid var(--accent-border);background:var(--accent-hover-bg);color:var(--accent);border-radius:var(--radius-md);cursor:pointer;padding:3px 12px;font-size:11px}.logql-search-btn:disabled{opacity:.4;cursor:not-allowed}.logql-hint{color:var(--muted);font-size:10px}.logql-hint--h{white-space:nowrap}.logql-history-drop{z-index:20;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-elevated);min-width:240px;max-height:160px;box-shadow:var(--shadow-md);margin-top:2px;position:absolute;top:100%;left:0;overflow-y:auto}.logql-history-item{font-size:11px;font-family:var(--font-mono);color:var(--code-text);cursor:pointer;border-bottom:1px solid var(--border);padding:4px 8px}.logql-history-item:hover{background:var(--accent-hover-bg)}.logql-history-empty{color:var(--muted);text-align:center;padding:8px;font-size:11px}.trace-search-bar{background:var(--panel-elevated);border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:40px;padding:7px 16px;display:flex}.tsb-lookup{flex-shrink:0;align-items:center;gap:4px;display:flex}.tsb-tid{width:280px;font-size:12px;font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--code-bg);color:var(--code-text);padding:5px 9px}.tsb-tid:focus{border-color:var(--accent-border);outline:none}.tsb-lookup-mode{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:var(--radius-md);padding:5px 7px;font-size:11px}.tsb-datetime{border:1px solid var(--border);background:var(--input-bg);width:135px;color:var(--text);border-radius:var(--radius-md);padding:4px 6px;font-size:11px}.tsb-sep{color:var(--muted);font-size:10px}.tsb-clear-btn{border:1px solid var(--border);background:var(--input-bg);color:var(--muted);cursor:pointer;border-radius:var(--radius-md);padding:4px 7px;font-size:11px}.tsb-clear-btn:hover{color:var(--accent)}.tsb-divider{background:var(--border);flex-shrink:0;width:1px;height:22px}.tsb-filters{align-items:center;gap:5px;display:flex}.tsb-filters .msel{min-width:110px}.tsb-filters .msel-drop{min-width:180px;right:auto}.tsb-select{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:var(--radius-md);max-width:100px;padding:5px 7px;font-size:12px}.tsb-q{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--input-bg);width:130px;color:var(--text);padding:5px 9px;font-size:12px}.tsb-q:focus{border-color:var(--accent-border);outline:none}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:var(--panel-1);border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover,var(--accent))}.btn-danger{background:var(--color-error-bg);color:var(--color-error-fg);border-color:var(--color-error-border)}.btn-danger:hover{background:var(--color-error-fg);color:#fff}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--panel-1);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:90%;max-width:560px;max-height:85vh;animation:.2s modal-slide-up;display:flex;box-shadow:0 8px 32px #0003}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-title{color:var(--text);margin:0;font-size:1.1rem;font-weight:600}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:1.25rem;line-height:1;transition:color .15s}.modal-close:hover{color:var(--text)}.modal-body{flex:1;padding:16px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 24px;display:flex}