:root{--bg: #0e1117;--bg-2: #141b24;--bg-3: #1b2533;--border: #273445;--text: #e6edf3;--text-dim: #9aa7b8;--accent: #22b8dd;--accent-strong: #0a4f7a;--accent-soft: rgba(34,184,221,.14);--accent-border: rgba(34,184,221,.34);--accent-2: #f062a6;--accent-2-strong: #e6007e;--ok: #56c266;--warn: #d29922;--err: #f85149;--gd-primary: #0e4d6e;--gd-secondary: #0a3a54;--gd-magenta: #e6007e;--gd-magenta-2: #c1006a;--gd-grad: linear-gradient(135deg, #0e4d6e, #0a3a54);--gd-btn-grad: linear-gradient(135deg, #135f86, #0e4d6e);--gd-brand-grad: linear-gradient(135deg, #0e4d6e, #e6007e);--focus: #36c5e0;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-panel: 0 14px 44px rgba(0,0,0,.4);--shadow-card: 0 1px 0 rgba(255,255,255,.02);--bg-hover: rgba(255,255,255,.04);--td-border: rgba(255,255,255,.06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--fs-page-title: 18px;--fs-card-title: 12px;--fs-body: 13px;--fs-kpi: 30px;--fs-table: 13px;--fs-micro: 11px;--maxw-content: 1320px;--sidebar-w: 236px;--control-h: 32px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible,[role=button]:focus-visible,.nav-item:focus-visible,.scope-seg button:focus-visible,.sw-trigger:focus-visible,.sw-item:focus-visible,.sw-action:focus-visible,.combo-trigger:focus-visible,.combo-opt:focus-visible,.span-row:focus-visible,tr.clickable:focus-visible,.back:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled,select:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh}.sidebar{background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3)}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand .logo{width:26px;height:26px;border-radius:7px;background:var(--gd-brand-grad);display:grid;place-items:center;font-weight:800;color:#fff}.brand b{font-size:15px}.brand span{color:var(--text-dim);font-size:11px;display:block;margin-top:-2px}.nav-group{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);cursor:pointer;color:var(--text-dim);transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}.nav-item:hover{background:var(--bg-3);color:var(--text)}.nav-item.active{background:var(--bg-3);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-item .soon{margin-left:auto;font-size:9px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px;color:var(--text-dim)}.sidebar .spacer{flex:1}.sidebar .foot{color:var(--text-dim);font-size:10px;padding:8px 10px;line-height:1.5}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;padding:14px var(--space-8);border-bottom:1px solid var(--border);background:var(--bg-2)}.topbar h1{font-size:var(--fs-page-title);font-weight:650;letter-spacing:-.01em;margin:0}.topbar h1 .crumb{color:var(--text-dim);font-weight:500}.topbar .grow{flex:1}.control{display:flex;align-items:center;gap:6px}.control label{color:var(--text-dim);font-size:11px}select,button.chip{background:var(--bg-3);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);height:var(--control-h);padding:0 10px;font-size:13px;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}select:hover,button.chip:hover{border-color:var(--accent)}.content{padding:var(--space-6) var(--space-8);overflow:auto}.content>*{max-width:var(--maxw-content);margin-left:auto;margin-right:auto}.scopebar{display:flex;align-items:center;gap:14px;margin-bottom:var(--space-5);flex-wrap:wrap;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px}.scope-seg{display:inline-flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px;gap:4px}.scope-seg button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-dim);padding:9px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .12s ease,color .12s ease}.scope-seg button.active{background:var(--accent-strong);color:#fff}.scope-seg button:not(.active):hover{background:var(--bg-3);color:var(--text)}.scope-caption{color:var(--text-dim);font-size:13px}.scope-current{display:inline-flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px 18px;font-size:15px;font-weight:700}.filterbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:var(--space-5)}.filterbar-label{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.ms-label{color:var(--text-dim)}.ms-actions{display:flex;gap:6px;margin-bottom:6px}.ms-link{background:transparent;border:none;color:var(--accent);font-size:11px;cursor:pointer;padding:2px 4px}.ms-opt{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;cursor:pointer;font-size:13px}.ms-opt:hover{background:var(--bg-3)}.ms-opt input{accent-color:var(--accent)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.kpi{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-card);transition:border-color .15s ease}.kpi:hover{border-color:var(--accent)}.kpi .label{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.kpi .value{font-size:var(--fs-kpi);font-weight:700;margin-top:6px;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kpi .value.err{color:var(--err)}.kpi .value.ok{color:var(--ok)}.kpi .sub{color:var(--text-dim);font-size:11px;margin-top:2px;min-height:1em}.grid{display:grid;gap:var(--space-4);margin-bottom:var(--space-5)}.grid.cols-2{grid-template-columns:1.4fr 1fr}.grid.cols-2b{grid-template-columns:1fr 1fr}.grid .card{margin-bottom:0}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:var(--space-4);box-shadow:var(--shadow-card)}.card h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:var(--fs-card-title);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.card h3 .hint{color:var(--text-dim);font-weight:400;font-size:11px;text-transform:none;letter-spacing:0;opacity:.85}.card h3 .chip-right{margin-left:auto;text-transform:none;letter-spacing:0}table{width:100%;border-collapse:collapse;font-size:var(--fs-table);line-height:1.4}th{text-align:left;color:var(--text-dim);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--border)}td{padding:9px 10px;border-bottom:1px solid var(--td-border)}tr:hover td{background:var(--bg-hover)}tr.clickable{cursor:pointer}.mono{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums}td.right,td .mono{font-variant-numeric:tabular-nums}td .mono{overflow-wrap:anywhere}.dim{color:var(--text-dim)}.right{text-align:right}.method{font-family:var(--mono);font-weight:700;font-size:11px}.m-GET{color:var(--ok)}.m-POST{color:var(--accent)}.m-PUT{color:var(--warn)}.m-DELETE{color:var(--err)}.badge{font-family:var(--mono);font-size:11px;padding:2px 7px;border-radius:var(--radius-sm);font-weight:600}.s-ok{background:#56c26626;color:var(--ok)}.s-client{background:#d2992226;color:var(--warn)}.s-server{background:#f8514938;color:var(--err)}.bar-cell{display:flex;align-items:center;gap:8px}.bar{height:6px;border-radius:3px;background:var(--accent)}.bar.err{background:var(--err)}.chart-legend{display:flex;gap:16px;justify-content:center;margin-top:6px;font-size:12px}.heatmap{font-size:10px}.hm-row{display:grid;grid-template-columns:34px repeat(24,1fr);gap:3px;align-items:center;margin-bottom:3px}.hm-day{color:var(--text-dim);font-size:11px}.hm-hour{color:var(--text-dim);text-align:left}.hm-cell{height:16px;border-radius:3px;border:1px solid var(--border)}.hm-legend{display:flex;align-items:center;gap:8px;justify-content:flex-end;margin-top:10px;color:var(--text-dim);font-size:11px}.hm-scale{width:90px;height:10px;border-radius:3px;border:1px solid var(--border);background:linear-gradient(90deg,var(--bg),#22b8dd)}.hm-hint{margin-top:10px;font-size:12px;color:var(--text-dim)}.hm-hint b{color:var(--accent)}.hm-hint.rollup-lag b{color:var(--warn)}.grid.cols-1{grid-template-columns:1fr}.empty-line{font-size:12px;padding:6px 0 2px}.agebar-wrap{display:flex;flex-direction:column;gap:12px;padding-top:6px}.agebar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--bg);gap:2px}.agebar-seg{display:block;height:100%;min-width:3px}.agebar-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px 16px}.agebar-item{display:flex;align-items:center;gap:6px;font-size:12px}.agebar-item.none{opacity:.45}.agebar-item b{margin-left:auto;font-weight:600}.agebar-dot{display:inline-block;width:8px;height:8px;border-radius:2px}.a7{background:#22b8dd}.a30{background:#5c7cfa}.a60{background:var(--warn)}.aold{background:var(--err)}.agebar-seg.a7,.agebar-seg.a30{opacity:.9}.age-chip{display:inline-block;font-size:11px;padding:1px 7px;border-radius:5px;border:1px solid transparent;background:var(--bg)}.age-chip.a7{color:#22b8dd;border-color:#22b8dd59}.age-chip.a30{color:#8da2ff;border-color:#5c7cfa59}.age-chip.a60{color:var(--warn);border-color:#d2992273}.age-chip.aold{color:var(--err);border-color:#f8514973}details.oldest{margin-top:12px}details.oldest>summary{cursor:pointer;font-size:12px;color:var(--text-dim);list-style:none;padding:6px 0;border-top:1px solid var(--border)}details.oldest>summary:before{content:"▸ ";font-size:10px}details.oldest[open]>summary:before{content:"▾ "}details.oldest>summary:hover{color:var(--text)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.dot-ok{background:var(--ok)}.dot-watch{background:var(--warn)}.dot-crit{background:var(--err);box-shadow:0 0 6px #f8514980}.trend.good{color:var(--ok)}.trend.bad{color:var(--err)}.chip.ingest-ok{color:var(--ok);border-color:#56c26666;cursor:help}.chip.ingest-warn{color:var(--warn);border-color:#d2992280;cursor:help}.chip.ingest-crit{color:var(--err);border-color:#f8514980;cursor:help}.help{position:relative}.help-panel{position:absolute;right:0;top:calc(100% + 8px);width:460px;max-width:86vw;max-height:70vh;overflow-y:auto;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:12px 14px;z-index:60}.help-sec{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:10px 0 6px}.help-sec:first-child{margin-top:0}.help-row{display:grid;grid-template-columns:128px 1fr;gap:10px;align-items:start;padding:5px 0}.help-sample{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.help-text{font-size:12px;color:var(--text-dim);line-height:1.45}.avail{display:flex;flex-direction:column;gap:8px}.avail-row{display:grid;grid-template-columns:minmax(120px,180px) 64px 1fr;align-items:center;gap:12px}.avail-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avail-pct{text-align:right;font-size:12px}.avail-pct.ok{color:var(--ok)}.avail-pct.warn{color:var(--warn)}.avail-pct.crit{color:var(--err)}.avail-strip{display:flex;gap:2px}.avail-cell{flex:1 1 0;height:14px;min-width:3px;border-radius:2px}.avail-cell.ok{background:#56c2668c}.avail-cell.warn{background:var(--warn)}.avail-cell.crit{background:var(--err)}.avail-cell.none{background:var(--bg-3)}.avail-legend{display:flex;gap:16px;margin-top:6px}.avail-legend span{display:inline-flex;align-items:center;gap:6px}.avail-legend .avail-cell{flex:0 0 14px;width:14px}.back{color:var(--accent);cursor:pointer;font-size:13px;margin-bottom:14px;display:inline-block;transition:color .12s ease}.trace-head{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:8px}.trace-head .item .k{color:var(--text-dim);font-size:11px}.trace-head .item .v{font-size:14px}.trace-head .clip{display:inline-block;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.waterfall{display:flex;flex-direction:column;gap:2px}.span-row{display:grid;grid-template-columns:minmax(220px,320px) 1fr 64px;align-items:center;gap:10px;padding:7px 6px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .12s ease,box-shadow .12s ease}.span-row:hover{background:var(--bg-hover)}.span-row.selected{background:var(--bg-3);box-shadow:inset 2px 0 0 var(--accent)}.span-name{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.span-name .svc{font-size:10px;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:1px 6px}.span-name .soap{color:var(--accent-2)}.tags{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap}.tag{font-size:10px;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:1px 6px;white-space:nowrap}.tag-svc{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.tag-origin{cursor:help}.tag-origin.o-machine{color:var(--text-dim);border-style:dashed}.tag-origin.o-client{color:var(--warn);border-color:#d2992266}.origin-note{margin-top:10px;font-size:12px;line-height:1.5}.origin-note.warn{color:var(--warn)}.origin-note code{font-family:var(--mono);font-size:11px}.traffic-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 var(--space-4);padding:10px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:12px;color:var(--text-dim);line-height:1.5}.traffic-note strong{color:var(--text);font-variant-numeric:tabular-nums}.traffic-note .chip{margin-left:auto}.track{position:relative;height:18px;background:var(--bg);border-radius:5px}.track .seg{position:absolute;top:3px;height:12px;min-width:2px;border-radius:2px;background:var(--accent)}.track .seg.err{background:var(--err)}.track .seg.soap{background:var(--accent-2-strong)}.track .seg.k-client{background:#5c7cfa}.track .seg.k-db{background:#66738a}.track .seg.group-env{background:var(--accent-soft);border:1px solid var(--accent-border);top:2px;height:14px}.track .seg.group-env.k-db{background:#66738a29;border-color:#66738a80}.track .seg.group-env.err-border{border-color:var(--err)}.track .seg.group-tick{top:5px;height:8px;width:2px;border-radius:1px;background:#8b97ab}.track .seg.group-tick.err{background:var(--err)}.dur{text-align:right;font-family:var(--mono);font-size:12px;color:var(--text-dim)}.wf-ruler{display:grid;grid-template-columns:minmax(220px,320px) 1fr 64px;gap:10px;padding:0 6px 4px}.wf-scale{position:relative;height:16px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:10px;color:var(--text-dim)}.wf-tick{position:absolute;bottom:2px;transform:translate(-50%);white-space:nowrap}.wf-tick.first{transform:none}.wf-tick.last{transform:translate(-100%)}.wf-note{color:var(--text-dim);font-size:12px;margin:-6px 0 10px}.span-name .name{overflow:hidden;text-overflow:ellipsis}.span-row.member .span-name{opacity:.85}.guides{display:inline-flex;align-self:stretch;flex-shrink:0}.guide{display:block;width:18px;border-left:1px solid var(--border);margin-left:5px;opacity:.9}.guide:last-child{border-left-color:var(--accent-border)}.track .pband{position:absolute;top:0;height:100%;border-radius:5px;background:#ffffff09;box-shadow:inset 1px 0 0 var(--border),inset -1px 0 0 var(--border)}.track .seg.seg-over{top:3px;height:12px;min-width:2px;border-radius:0 2px 2px 0;background:repeating-linear-gradient(135deg,rgba(210,153,34,.85) 0 3px,transparent 3px 6px);animation:none}.seg-over-key{display:inline-block;width:14px;height:8px;border-radius:2px;vertical-align:middle;background:repeating-linear-gradient(135deg,rgba(210,153,34,.85) 0 3px,transparent 3px 6px)}.dur-over{display:block;font-size:10px;color:var(--warn);line-height:1.1}.wf-note-contain{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0 0 10px}.wf-note-contain strong{color:var(--text)}.span-row.group.has-sel{box-shadow:inset 2px 0 0 var(--accent-border)}.group-toggle{color:var(--text-dim);font-size:10px;width:12px;flex-shrink:0}.gcount{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:5px;padding:0 5px;flex-shrink:0}.biz-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bizchip{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);border-radius:var(--radius-sm);padding:2px 8px;text-decoration:none}a.bizchip:hover{border-color:var(--accent)}.log-line.hl{background:var(--bg-3);box-shadow:inset 2px 0 0 var(--accent);border-radius:var(--radius-sm)}.loglink{background:none;border:1px solid var(--border);color:var(--accent);border-radius:var(--radius-sm);font-size:10px;padding:0 6px;cursor:pointer;margin-left:8px}.loglink:hover{border-color:var(--accent)}button.chip.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.detail-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:8px}pre.payload{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto;max-height:320px;font-family:var(--mono);font-size:12px;line-height:1.5;color:#cdd9e5;white-space:pre-wrap;word-break:break-word}.kv{font-family:var(--mono);font-size:12px}.kv div{padding:2px 0;border-bottom:1px solid var(--bg-3);overflow-wrap:anywhere}.kv .rk{color:var(--text-dim)}.redacted{color:var(--err)}.pill-warn{background:#d299221f;border:1px solid rgba(210,153,34,.4);color:var(--warn);font-size:11px;border-radius:var(--radius-sm);padding:2px 8px}.log-line{display:grid;grid-template-columns:92px 70px 1fr;gap:10px;padding:6px 4px;border-bottom:1px solid var(--bg-3);font-size:12.5px}.log-line .lvl{font-family:var(--mono);font-weight:700;font-size:11px}.lvl-ERROR,.lvl-DISASTER{color:var(--err)}.lvl-WARNING{color:var(--warn)}.lvl-INFO{color:var(--accent)}.lvl-DEBUG,.lvl-TRACE{color:var(--text-dim)}.empty{color:var(--text-dim);text-align:center;padding:40px}.loading{display:flex;align-items:center;gap:10px;color:var(--text-dim);padding:20px}.spinner{width:14px;height:14px;flex-shrink:0;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.errorbox{display:flex;align-items:center;gap:12px;color:var(--err);background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:var(--radius);padding:12px 14px;font-size:13px}.errorbox .chip{margin-left:auto;flex-shrink:0}table.sticky-head thead th{position:sticky;top:0;background:var(--bg-2);z-index:2;box-shadow:0 1px 0 var(--border)}.locked{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px dashed var(--border);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--text-dim)}.gd-wrap{height:100vh;display:grid;place-items:center;background:var(--gd-grad)}.gd-card{width:380px;background:#fff;border-radius:16px;padding:30px 28px;box-shadow:0 18px 50px #00000047;color:#222;display:flex;flex-direction:column}.gd-brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:24px}.gd-logo-img{width:150px;height:auto;display:block}.gd-sub{color:#8b97a7;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.gd-label{font-size:12px;color:#5b6675;margin:10px 0 5px;font-weight:500}.gd-select,.gd-input{width:100%;border:1px solid #d9dee5;border-radius:6px;padding:10px 12px;font-size:14px;color:#222;background:#fff}.gd-select:focus,.gd-input:focus{outline:none;border-color:var(--gd-primary);box-shadow:0 0 0 3px #0e4d6e2e}.gd-err{margin-top:12px;background:#fdecea;border:1px solid #f5c2c0;color:#b3261e;border-radius:8px;padding:9px 11px;font-size:12.5px}.gd-btn{margin-top:18px;background:var(--gd-btn-grad);color:#fff;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:700;cursor:pointer}.gd-btn:hover{filter:brightness(1.04)}.gd-btn:active{transform:translateY(1px)}.gd-btn:disabled{opacity:.6;cursor:not-allowed}.gd-foot{margin-top:18px;text-align:center;color:#9aa3af;font-size:10.5px;line-height:1.5}.gd-switch{margin:6px 0 16px}.gd-accounts{margin:2px 0 6px;display:flex;flex-direction:column;gap:6px}.gd-acc-head{font-size:12px;color:#5b6675;font-weight:600;margin-bottom:2px}.gd-acc{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#f6f8fa;border:1px solid #e3e8ee;border-radius:8px;padding:9px 12px;cursor:pointer;font:inherit;color:#222;transition:border-color .12s ease,background .12s ease}.gd-acc:hover{border-color:var(--gd-primary);background:#f0f6fa}.gd-acc:disabled{opacity:.6;cursor:default}.gd-acc-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}.gd-acc-name{font-size:13px;font-weight:600}.gd-acc-sys{font-size:11px;color:#8b97a7}.gd-acc-go{margin-left:auto;color:#8b97a7}.gd-acc-scan{font-size:11px;color:#9aa3af;padding:2px}.gd-div{display:flex;align-items:center;gap:10px;color:#9aa3af;font-size:11px;margin:10px 0 2px}.gd-div:before,.gd-div:after{content:"";flex:1;height:1px;background:#e3e8ee}.sw{position:relative}.sw-trigger{display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:var(--radius);padding:5px 10px;border:1px solid transparent;font:inherit;color:inherit}.sw-count{font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:inline-grid;place-items:center}.sw--dark .sw-count{background:var(--accent-strong);color:#fff}.sw--light .sw-count{background:var(--gd-secondary);color:#fff}.sw-ava{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;background:var(--gd-brand-grad);flex-shrink:0}.sw-ava.sm{width:24px;height:24px}.sw-id{display:flex;flex-direction:column;line-height:1.2;text-align:left}.sw-name{font-size:12.5px;font-weight:600;white-space:nowrap}.sw-role{font-size:10.5px}.sw-continue{font-size:13px}.sw-caret{font-size:10px;opacity:.6}.sw-panel{position:absolute;top:calc(100% + 6px);min-width:248px;border-radius:var(--radius-lg);padding:6px;z-index:50;border:1px solid;box-shadow:var(--shadow-panel)}.sw-right{right:0}.sw-left{left:0;right:0}.sw-cur{display:flex;gap:10px;align-items:center;padding:9px;border-radius:8px;margin-bottom:4px}.sw-cur-info{min-width:0}.sw-sec{font-size:10px;text-transform:uppercase;letter-spacing:.05em;opacity:.6;padding:6px 9px 4px}.sw-item{width:100%;display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:8px;cursor:pointer;border:none;background:transparent;text-align:left;font:inherit;color:inherit}.sw-item:disabled{opacity:.6;cursor:default}.sw-item-info{display:flex;flex-direction:column;min-width:0;line-height:1.25}.sw-chip{font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:1px 5px;margin-left:6px;vertical-align:middle}.sw-divider{height:1px;margin:6px 4px}.sw-action{width:100%;text-align:left;background:transparent;border:none;padding:8px 9px;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:500;color:inherit}.sw--dark .sw-trigger{background:var(--bg-3);border-color:var(--border);color:var(--text)}.sw--dark .sw-trigger:hover{border-color:var(--accent)}.sw--dark .sw-panel{background:var(--bg-2);border-color:var(--border);color:var(--text)}.sw--dark .sw-cur{background:var(--bg-3)}.sw--dark .sw-item:hover:not(:disabled),.sw--dark .sw-action:hover{background:var(--bg-3)}.sw--dark .sw-divider{background:var(--border)}.sw--dark .sw-role{color:var(--text-dim)}.sw--dark .sw-chip{background:var(--accent-soft);color:var(--accent)}.sw--dark .sw-action.danger{color:var(--err)}.sw--light .sw-trigger{background:#f6f8fa;border-color:#e3e8ee;color:#222;width:100%}.sw--light .sw-trigger:hover{border-color:var(--gd-primary)}.sw--light .sw-continue{color:var(--gd-primary);font-weight:600}.sw--light .sw-caret{margin-left:auto;color:#6b7480}.sw--light .sw-panel{background:#fff;border-color:#e3e8ee;color:#222}.sw--light .sw-cur{background:#f6f8fa}.sw--light .sw-item:hover:not(:disabled),.sw--light .sw-action:hover{background:#f0f7fa}.sw--light .sw-divider{background:#e3e8ee}.sw--light .sw-role{color:#6b7480}.sw--light .sw-ava{background:var(--gd-brand-grad)}.sw--light .sw-chip{background:#e6f4ea;color:#2e7d32}.sw--light .sw-action.danger{color:#b3261e}.combo{position:relative}.combo-trigger{display:flex;align-items:center;gap:8px;min-width:168px;background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);height:var(--control-h);padding:0 10px;font-size:13px;cursor:pointer;transition:border-color .12s ease}.combo-trigger:hover{border-color:var(--accent)}.combo-trigger .combo-caret{margin-left:auto;color:var(--text-dim)}.combo-all{color:var(--accent-2)}.combo-panel{position:absolute;top:calc(100% + 4px);right:0;width:240px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);z-index:20;padding:8px}.combo-input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:7px 9px;font-size:13px;margin-bottom:6px}.combo-input:focus{outline:2px solid var(--focus);outline-offset:2px}.combo-list{max-height:240px;overflow:auto}.combo-opt{display:flex;align-items:center;padding:7px 9px;border-radius:7px;cursor:pointer;font-size:13px}.combo-opt:hover{background:var(--bg-3)}.combo-opt.sel{color:var(--accent)}.combo-opt .combo-check{margin-left:auto}.combo-empty{color:var(--text-dim);font-size:12px;padding:8px;text-align:center}.logbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:var(--space-4)}.logsearch{flex:1;min-width:220px;height:var(--control-h);background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:0 10px;font-size:13px}.logsearch:focus{outline:none;border-color:var(--accent)}.kpi .value.warn{color:var(--warn)}.level-pill{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.04em;border:1px solid;border-radius:5px;padding:1px 6px;white-space:nowrap}.logtable td{vertical-align:top}td.nowrap{white-space:nowrap}.logtable .nowrap{white-space:nowrap;color:var(--text-dim)}.logmsg{overflow-wrap:anywhere}.logdetail{padding:6px 2px 10px;display:flex;flex-direction:column;gap:10px}.logmeta{display:flex;flex-wrap:wrap;gap:14px;font-size:12px}.logmeta-i{font-variant-numeric:tabular-nums}.stack{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:11px;max-height:280px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0}.loginfo{display:flex;flex-direction:column;gap:8px}.loginfo-kv{font-size:12px}.loginfo-kv .mono{overflow-wrap:anywhere}.payload-block{margin-top:2px}.payload-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.payload-toggle{background:none;border:none;color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;padding:0;font-family:inherit}.payload-toggle:hover{color:var(--text)}.copy-btn{background:var(--bg-2);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);font-size:10px;padding:1px 7px;cursor:pointer}.copy-btn:hover{color:var(--text);border-color:var(--accent)}.gd-link{margin-left:8px;font-size:11px;color:var(--accent);text-decoration:none;border-bottom:1px dotted var(--accent-border)}.gd-link:hover{border-bottom-style:solid}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(520px,40vw);display:flex;flex-direction:column;background:var(--bg-2);border-left:1px solid var(--border);box-shadow:var(--shadow-panel);transform:translate(101%);visibility:hidden;transition:transform .24s cubic-bezier(.32,.72,0,1),visibility 0s linear .24s}.drawer.open{transform:translate(0);visibility:visible;transition:transform .24s cubic-bezier(.32,.72,0,1),visibility 0s}.drawer-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-3),var(--bg-2))}.drawer-title{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.drawer-title strong{font-size:var(--fs-body);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-actions{display:flex;gap:6px;flex-shrink:0}.drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4)}.drawer-body .card{background:transparent;border:none;box-shadow:none;padding:0;margin:0}.drawer-body .card{animation:none}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;background:#06090d80;opacity:0;pointer-events:none;transition:opacity .24s ease}@media (max-width: 1100px){.drawer{width:100vw;max-width:100vw;border-left:none}.drawer-scrim.open{opacity:1;pointer-events:auto}}.tip{position:fixed;z-index:80;pointer-events:none;max-width:min(560px,80vw);padding:7px 10px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-panel);color:var(--text);font-size:12px;line-height:1.45;white-space:pre-line;overflow-wrap:anywhere;animation:tip-in .1s ease-out}@keyframes tip-in{0%{opacity:0;transform:translateY(-100%) scale(.98)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.card{animation:rise .22s ease-out both}.card:nth-of-type(2){animation-delay:.03s}.card:nth-of-type(3){animation-delay:.06s}.card:nth-of-type(4){animation-delay:.09s}@keyframes seg-in{0%{transform:scaleX(0)}}.track .seg{transform-origin:left center;animation:seg-in .3s cubic-bezier(.32,.72,0,1) both}.span-row{position:relative;transition:background-color .12s ease,box-shadow .12s ease}.span-row:hover{box-shadow:inset 2px 0 0 var(--accent-border)}.span-row.selected:hover{box-shadow:inset 2px 0 0 var(--accent)}.svcflow{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px;margin:0 0 var(--space-3)}.svcflow-item{display:flex;align-items:center;gap:4px}.svcflow-arrow{color:var(--text-dim);opacity:.5;font-size:12px}.svcflow-leg{display:grid;grid-template-columns:auto auto auto;grid-template-areas:"dot name time" "share share share";align-items:center;gap:2px 7px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px 7px;cursor:pointer;font:inherit;color:var(--text);transition:border-color .12s ease,background-color .12s ease,opacity .12s ease}.svcflow-leg:hover{border-color:var(--accent-border)}.svcflow-leg.on{border-color:var(--accent);background:var(--bg-3)}.svcflow-leg.off{opacity:.45}.svcflow-leg.err{border-color:#f8514973}.svcflow-dot{grid-area:dot;width:8px;height:8px;border-radius:50%;display:block}.svcflow-name{grid-area:name;font-size:12.5px;font-weight:600}.svcflow-time{grid-area:time;font-size:11px;color:var(--text-dim)}.svcflow-share{grid-area:share;display:block;height:3px;border-radius:2px;background:var(--bg-3);overflow:hidden;margin-top:3px}.svcflow-share i{display:block;height:100%;border-radius:2px}.svc-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}.span-row.dimmed{opacity:.3}.span-row.dimmed:hover{opacity:.6}