:root{--bg-canvas: #f8fafc;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--bg-inset: #f8fafc;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--border: #e2e8f0;--border-strong: #cbd5e1;--border-focus: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-inverse: #f8fafc;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-bg: #eff6ff;--accent-border: #bfdbfe;--success: #10b981;--success-bg: #ecfdf5;--success-border: #a7f3d0;--success-text: #047857;--warning: #f59e0b;--warning-bg: #fffbeb;--warning-border: #fde68a;--warning-text: #b45309;--danger: #ef4444;--danger-bg: #fef2f2;--danger-border: #fecaca;--danger-text: #b91c1c;--info: #0284c7;--info-bg: #f0f9ff;--info-border: #bae6fd;--info-text: #0369a1;--lv-fatal-bg: #4c0519;--lv-fatal-fg: #fecdd3;--lv-fatal-dot: #9f1239;--lv-error-bg: #fef2f2;--lv-error-fg: #b91c1c;--lv-error-dot: #ef4444;--lv-warn-bg: #fffbeb;--lv-warn-fg: #b45309;--lv-warn-dot: #f59e0b;--lv-info-bg: #eff6ff;--lv-info-fg: #1d4ed8;--lv-info-dot: #2563eb;--lv-debug-bg: #f1f5f9;--lv-debug-fg: #475569;--lv-debug-dot: #94a3b8;--lv-trace-bg: #f8fafc;--lv-trace-fg: #64748b;--lv-trace-dot: #cbd5e1;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-pop: 0 4px 12px rgba(15, 23, 42, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", Menlo, Consolas, Monaco, "Courier New", monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-lg: 14px;--fs-xl: 16px;--header-h: 52px;--sidebar-w: 216px;--sidebar-w-collapsed: 60px;--timebar-h: 44px;--chart-grid: #e2e8f0;--chart-axis: #94a3b8;--chart-tooltip-bg: rgba(15, 23, 42, .92);--chart-tooltip-fg: #f8fafc;--chart-tooltip-border: #334155}:root[data-theme=dark]{--bg-canvas: #0b1120;--bg-surface: #111827;--bg-subtle: #1e293b;--bg-inset: #0f172a;--bg-hover: #1e293b;--bg-active: #334155;--border: #1e293b;--border-strong: #334155;--border-focus: #3b82f6;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-bg: #172554;--accent-border: #1e40af;--success: #34d399;--success-bg: #052e26;--success-border: #065f46;--success-text: #6ee7b7;--warning: #fbbf24;--warning-bg: #2d1c02;--warning-border: #78350f;--warning-text: #fcd34d;--danger: #f87171;--danger-bg: #2f0d0d;--danger-border: #7f1d1d;--danger-text: #fca5a5;--info: #38bdf8;--info-bg: #082f49;--info-border: #075985;--info-text: #7dd3fc;--lv-fatal-bg: #4c0519;--lv-fatal-fg: #fecdd3;--lv-fatal-dot: #e11d48;--lv-error-bg: #2f0d0d;--lv-error-fg: #fca5a5;--lv-error-dot: #ef4444;--lv-warn-bg: #2d1c02;--lv-warn-fg: #fcd34d;--lv-warn-dot: #f59e0b;--lv-info-bg: #172554;--lv-info-fg: #93c5fd;--lv-info-dot: #3b82f6;--lv-debug-bg: #1e293b;--lv-debug-fg: #94a3b8;--lv-debug-dot: #64748b;--lv-trace-bg: #0f172a;--lv-trace-fg: #64748b;--lv-trace-dot: #334155;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .4);--shadow-pop: 0 4px 12px rgba(0, 0, 0, .45);--chart-grid: #1e293b;--chart-axis: #64748b;--chart-tooltip-bg: rgba(2, 6, 23, .95);--chart-tooltip-fg: #e2e8f0;--chart-tooltip-border: #334155}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;padding:0;color:var(--text-primary);background-color:var(--bg-canvas);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{display:flex;min-height:100vh;background:var(--bg-canvas)}.app-sidebar{width:var(--sidebar-w);flex:none;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto;transition:width .18s ease;z-index:20}.app-sidebar.is-collapsed{width:var(--sidebar-w-collapsed)}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-header{height:var(--header-h);flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:15}.app-content{flex:1;min-width:0;padding:var(--space-4) var(--space-5)}.app-timebar{position:sticky;bottom:0;height:var(--timebar-h);flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5);background:var(--bg-surface);border-top:1px solid var(--border);z-index:15}.nav-brand{height:var(--header-h);flex:none;display:flex;align-items:center;gap:10px;padding:0 var(--space-4);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.nav-brand-mark{width:28px;height:28px;flex:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}.nav-brand-text{font-weight:600;font-size:var(--fs-lg);color:var(--text-primary);white-space:nowrap;letter-spacing:-.2px}.nav-group{padding:var(--space-3) var(--space-2)}.nav-group-label{padding:0 var(--space-3);margin-bottom:var(--space-2);font-size:var(--fs-xs);font-weight:500;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;height:32px;padding:0 var(--space-3);margin-bottom:2px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--fs-md);cursor:pointer;white-space:nowrap;overflow:hidden;transition:background .12s,color .12s}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.is-active{background:var(--accent-bg);color:var(--accent);font-weight:500}.nav-item-icon{flex:none;width:16px;display:flex;justify-content:center;font-size:14px}.nav-item-badge{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--danger)}.nav-project{display:flex;align-items:center;gap:10px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);min-width:0}.nav-project-avatar{width:28px;height:28px;flex:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-lg)}.nav-project-text{display:flex;flex-direction:column;min-width:0;line-height:1.3}.nav-project-name{font-size:var(--fs-md);font-weight:600;color:var(--text-primary)}.nav-project-key{font-size:var(--fs-xs);color:var(--text-muted)}.nav-foot{margin-top:auto;padding:var(--space-2);border-top:1px solid var(--border)}.nav-collapse{display:flex;align-items:center;gap:10px;width:100%;height:30px;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-family:inherit;font-size:var(--fs-sm);cursor:pointer}.nav-collapse:hover{background:var(--bg-hover);color:var(--text-primary)}.app-crumbs{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--fs-md);color:var(--text-muted)}.app-crumb-link{cursor:pointer}.app-crumb-link:hover{color:var(--accent)}.app-crumb-sep{color:var(--border-strong)}.app-crumb-cur{max-width:200px;color:var(--text-primary);font-weight:500}.app-crumb-mod{color:var(--accent);font-weight:500}.app-header-right{display:flex;align-items:center;gap:var(--space-3);flex:none}.app-search{display:flex;align-items:center;gap:var(--space-2);width:248px;height:28px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-inset);color:var(--text-muted);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;transition:border-color .12s}.app-search:hover{border-color:var(--border-strong)}.app-search span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-kbd{flex:none;padding:0 4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);font-family:var(--font-mono);font-size:10px}.app-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);font-size:14px;cursor:pointer}.app-icon-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.app-user{display:flex;align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-2) 0 2px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);cursor:pointer}.app-user:hover{border-color:var(--border-strong)}.app-user-name{max-width:92px;font-weight:500}.mono{font-family:var(--font-mono);font-variant-ligatures:none}.text-muted{color:var(--text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::selection{background:var(--accent-border);color:var(--text-primary)}.log-row{display:grid;align-items:baseline;padding:4px var(--space-4);border-bottom:1px solid var(--border);cursor:pointer;font-size:var(--fs-sm);line-height:1.5;contain:layout style}.log-row:hover{background:var(--bg-hover)}.log-row.is-focused{background:var(--accent-bg)!important;box-shadow:inset 3px 0 0 var(--accent)}.log-row.is-open{background:var(--bg-subtle)}.log-row-ts{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.log-row-msg{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-primary);min-width:0}.log-row-msg.is-wrap{white-space:pre-wrap;word-break:break-word}.log-row-msg.is-nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-row-svc{font-size:var(--fs-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-detail{padding:var(--space-3) var(--space-4);background:var(--bg-subtle);border-bottom:1px solid var(--border)}@keyframes log-row-enter{0%{background:var(--accent-bg)}to{background:transparent}}.log-row.is-new{animation:log-row-enter 1.6s ease-out}@media (prefers-reduced-motion: reduce){.log-row.is-new{animation:none}}.trp-trigger{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--fs-sm);font-family:inherit;cursor:pointer;transition:border-color .12s,background .12s}.trp-trigger:hover{border-color:var(--border-strong);background:var(--bg-hover)}.trp-trigger.is-compact{height:26px}.trp-trigger-label{font-weight:500;white-space:nowrap}.trp-trigger-flag{padding:0 5px;border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent);font-size:var(--fs-xs)}.trp-trigger-arrow{font-size:9px;color:var(--text-muted)}.trp-panel{display:flex;min-width:480px;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop)}.trp-col{min-width:150px}.trp-col-abs{flex:1;min-width:250px;padding-left:var(--space-4);border-left:1px solid var(--border)}.trp-col-title{margin-bottom:6px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.trp-option{padding:5px 8px;border-radius:var(--radius-sm);font-size:var(--fs-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.trp-option:hover{background:var(--bg-hover);color:var(--text-primary)}.trp-option.is-active{background:var(--accent-bg);color:var(--accent);font-weight:500}.trp-option-mono{font-family:var(--font-mono);font-size:var(--fs-xs)}.trp-abs-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.trp-divider{height:1px;margin:var(--space-3) 0;background:var(--border)}.trp-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--fs-sm);color:var(--text-secondary)}.trp-select{height:24px;padding:0 4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--fs-sm);font-family:inherit}.trp-hint{margin-top:var(--space-2);font-size:var(--fs-xs);color:var(--text-muted);line-height:1.5}.tb-sep{width:1px;height:16px;margin:0 4px;background:var(--border)}.tb-toggle{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-muted);font-size:var(--fs-sm);font-family:inherit;cursor:pointer}.tb-toggle.is-on{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.tb-live{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--success-text)}.tb-live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:tb-pulse 1.6s ease-in-out infinite}@keyframes tb-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.tb-live-dot{animation:none}}.cmdk-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;background:#0f172a52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cmdk{width:min(620px,92vw);max-height:64vh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 48px #0f172a3d}.cmdk-input{display:flex;align-items:center;gap:var(--space-3);height:46px;padding:0 var(--space-4);border-bottom:1px solid var(--border);color:var(--text-muted);flex:none}.cmdk-input input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text-primary);font-family:inherit;font-size:var(--fs-lg)}.cmdk-list{flex:1;min-height:0;overflow-y:auto;padding:var(--space-2)}.cmdk-group{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.cmdk-item{display:flex;align-items:center;gap:var(--space-3);height:34px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--fs-md);cursor:pointer}.cmdk-item.is-active{background:var(--accent-bg);color:var(--accent)}.cmdk-item-icon{flex:none;width:16px;display:flex;justify-content:center;color:var(--text-muted)}.cmdk-item.is-active .cmdk-item-icon{color:var(--accent)}.cmdk-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item-hint{flex:none;font-size:var(--fs-xs);color:var(--text-muted)}.cmdk-empty{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--fs-sm)}.cmdk-footer{display:flex;align-items:center;gap:var(--space-4);height:34px;padding:0 var(--space-4);border-top:1px solid var(--border);background:var(--bg-inset);color:var(--text-muted);font-size:var(--fs-xs);flex:none}.cmdk-footer span{display:inline-flex;align-items:center;gap:4px}.cmdk kbd{min-width:18px;padding:1px 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);font-family:var(--font-mono);font-size:10px;line-height:1.5;text-align:center}.ant-card{border-radius:var(--radius-lg)!important}.ant-table-tbody>tr>td{border-color:var(--border)}.ant-drawer-body,.ant-modal-body{font-size:var(--fs-md)}