:root{--font-sans: "Geist", "Söhne", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Söhne Mono", ui-monospace, Menlo, monospace;--bg: #fbfbfa;--bg-elev: #ffffff;--bg-sunken: #f5f4f2;--bg-hover: rgba(15, 14, 13, .04);--bg-active: rgba(15, 14, 13, .07);--border: rgba(15, 14, 13, .08);--border-strong: rgba(15, 14, 13, .14);--fg: #1a1a18;--fg-2: #4a4a47;--fg-3: #76746f;--fg-4: #a8a59f;--accent: #5b6cff;--accent-fg: #ffffff;--accent-soft: rgba(91, 108, 255, .1);--accent-soft-2: rgba(91, 108, 255, .18);--success: #16a34a;--success-soft: rgba(22, 163, 74, .12);--warn: #d97706;--warn-soft: rgba(217, 119, 6, .13);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .12);--info: #2563eb;--info-soft: rgba(37, 99, 235, .12);--muted-soft: rgba(15, 14, 13, .06);--shadow-sm: 0 1px 2px rgba(15, 14, 13, .04), 0 1px 1px rgba(15, 14, 13, .03);--shadow-md: 0 4px 16px -4px rgba(15, 14, 13, .1), 0 2px 4px rgba(15, 14, 13, .04);--shadow-lg: 0 16px 48px -12px rgba(15, 14, 13, .18), 0 4px 12px rgba(15, 14, 13, .06);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--c1: #5b6cff;--c2: #10b981;--c3: #f59e0b;--c4: #ef4444;--c5: #8b5cf6;--c6: #06b6d4;--c7: #ec4899}[data-theme=dark]{--bg: #0f0f0e;--bg-elev: #17171680;--bg-sunken: #0a0a09;--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--fg: #ededec;--fg-2: #b8b6b0;--fg-3: #84827d;--fg-4: #565550;--accent: #7c8aff;--accent-fg: #0f0f0e;--accent-soft: rgba(124, 138, 255, .14);--accent-soft-2: rgba(124, 138, 255, .24);--success: #34d399;--success-soft: rgba(52, 211, 153, .16);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .16);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .16);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .16);--muted-soft: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px -4px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px -12px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--fg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}input,textarea{font:inherit;color:inherit}a{color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--fg-4);border:2px solid transparent;background-clip:padding-box}.app{display:grid;grid-template-columns:232px 1fr;height:100vh;overflow:hidden}.app[data-sidebar=compact]{grid-template-columns:64px 1fr}.sidebar{background:var(--bg-sunken);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;font-weight:600;font-size:15px;letter-spacing:-.01em}.brand-mark{width:22px;height:22px;border-radius:6px;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-size:12px;font-weight:700;font-family:var(--font-mono)}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);padding:12px 10px 6px;font-weight:500}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);color:var(--fg-2);font-size:13.5px;font-weight:450;cursor:pointer;transition:background 80ms;text-align:left;width:100%}.nav-item:hover{background:var(--bg-hover);color:var(--fg)}.nav-item[aria-current=page]{background:var(--bg-active);color:var(--fg);font-weight:500}.nav-item .icon{width:16px;height:16px;flex:0 0 16px;color:var(--fg-3)}.nav-item[aria-current=page] .icon{color:var(--fg)}.sidebar-spacer{flex:1}.user-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;position:relative}.user-card:hover{background:var(--bg-hover);border-color:var(--border)}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ffb86b,#ff5ea0);display:grid;place-items:center;color:#fff;font-weight:600;font-size:12px;flex:0 0 28px}.user-meta{min-width:0;flex:1}.user-name{font-size:13px;font-weight:500;color:var(--fg)}.user-email{font-size:11.5px;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card .signout-icon{color:var(--fg-3)}.user-card:hover .signout-icon{color:var(--fg)}.main{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg)}.topbar{display:flex;align-items:center;gap:12px;padding:0 24px;height:56px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.topbar-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.topbar-spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;font-size:12.5px;background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);cursor:pointer;transition:background 80ms,border-color 80ms}.pill:hover{background:var(--bg-hover)}.pill.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.pill.is-active .pill-dot{background:var(--accent)}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--fg-3)}.pill .chev{color:var(--fg-3);margin-left:2px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:500;background:var(--muted-soft);color:var(--fg-2);border:1px solid var(--border);white-space:nowrap}.badge.success{background:var(--success-soft);color:var(--success);border-color:transparent}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.badge.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge.info{background:var(--info-soft);color:var(--info);border-color:transparent}.badge.running{background:var(--accent-soft);color:var(--accent);border-color:transparent}.badge.pulse:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.4s ease-in-out infinite;display:inline-block}@keyframes pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--bg-elev);transition:background 80ms,border-color 80ms}.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.primary:hover{background:var(--fg-2);border-color:var(--fg-2)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--bg-hover)}.btn.sm{padding:4px 8px;font-size:12px}.btn.icon{padding:6px;width:30px;height:30px;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.table th,.table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-3);font-weight:500;background:var(--bg-sunken);cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0}.table th:hover{color:var(--fg)}.table th .sort{opacity:.4;margin-left:4px}.table th[data-sorted] .sort{opacity:1}.table tr:last-child td{border-bottom:0}.table tr.clickable:hover td{background:var(--bg-hover);cursor:pointer}.table .num{text-align:right;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.table .mono{font-size:12.5px;color:var(--fg);font-family:var(--font-mono)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);padding:0 24px}.tab{padding:10px 0;margin-right:24px;font-size:13.5px;color:var(--fg-3);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:450;cursor:pointer}.tab:hover{color:var(--fg-2)}.tab[aria-selected=true]{color:var(--fg);border-bottom-color:var(--fg);font-weight:500}.stat{padding:18px 20px}.stat-label{font-size:12px;color:var(--fg-3);font-weight:500;margin-bottom:6px;display:flex;align-items:center;gap:6px}.stat-value{font-size:26px;font-weight:600;letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums;display:flex;align-items:center}.stat-delta{font-size:12px;color:var(--fg-3);margin-top:4px}.stat-delta .up{color:var(--success)}.stat-delta .down{color:var(--danger)}.popover{position:absolute;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px;z-index:50;min-width:320px;animation:pop-in .12s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.popover-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;width:100%;text-align:left}.popover-item:hover{background:var(--bg-hover)}.popover-item[aria-selected=true]{background:var(--accent-soft)}.popover-item .pop-name{font-size:13px;font-weight:500}.popover-item .pop-slug{font-size:12px;color:var(--fg-3);margin-top:1px;font-family:var(--font-mono)}.popover-item .pop-desc{font-size:12px;color:var(--fg-3);margin-top:3px;line-height:1.4}.popover-item .pop-icon{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:var(--bg-sunken);color:var(--fg-2);flex:0 0 28px;font-family:var(--font-mono);font-size:12px;font-weight:600}.chat-root{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.chat-banner{padding:8px 24px;background:var(--accent-soft);border-bottom:1px solid var(--border);font-size:12.5px;color:var(--accent);display:flex;align-items:center;gap:8px}.chat-scroll{flex:1;overflow-y:auto;padding:32px 0 24px}.chat-inner{max-width:760px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:20px}.msg-row{display:flex;gap:12px}.msg-row.user{justify-content:flex-end}.msg-row.assistant{justify-content:flex-start}.msg-row.system{justify-content:center}.msg-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 28px;font-family:var(--font-mono);font-size:11px;font-weight:600;background:var(--bg-sunken);color:var(--fg-2);border:1px solid var(--border);margin-top:2px}.msg-content{max-width:78%}.bubble{padding:10px 14px;border-radius:var(--radius-lg);font-size:14px;line-height:1.55;word-wrap:break-word}.user .bubble{background:var(--fg);color:var(--bg);border-bottom-right-radius:4px}.assistant .bubble{background:transparent;padding:0}[data-chat-style=bubbles] .assistant .bubble{background:var(--bg-sunken);padding:10px 14px;border-bottom-left-radius:4px;border:1px solid var(--border)}[data-chat-style=flat] .user .bubble{background:var(--bg-sunken);color:var(--fg);border:1px solid var(--border);border-bottom-right-radius:4px}.msg-meta{font-size:11.5px;color:var(--fg-4);margin-top:4px;display:flex;align-items:center;gap:6px}.user .msg-meta{justify-content:flex-end}.system-msg{font-size:12px;color:var(--fg-3);background:var(--bg-sunken);border:1px solid var(--border);border-radius:999px;padding:4px 12px;display:inline-flex;align-items:center;gap:6px}.system-msg .target{color:var(--fg);font-family:var(--font-mono);font-size:11.5px}.tool-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-sunken);margin-top:8px;font-size:12.5px;overflow:hidden}.tool-head{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-family:var(--font-mono);font-size:12px;width:100%;text-align:left}.tool-head:hover{background:var(--bg-hover)}.tool-head .tri{display:inline-block;width:9px;transition:transform .12s;color:var(--fg-3)}.tool-head[aria-expanded=true] .tri{transform:rotate(90deg)}.tool-head .tname{font-weight:600;color:var(--fg)}.tool-head .tstatus{margin-left:auto}.tool-body{padding:10px 12px;font-family:var(--font-mono);font-size:11.5px;background:#1a1918;color:#e3e1dc;white-space:pre;overflow-x:auto;border-top:1px solid var(--border);line-height:1.55}.tool-body .key{color:#a4c8ff}.tool-body .str{color:#b8d99f}.tool-body .num-val{color:#f1b274}.tool-body .label{color:#76746f;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;margin:0 0 4px}.tool-body .label:not(:first-child){margin-top:10px}.streaming{display:inline-flex;gap:4px;padding:4px 0;align-items:center;height:20px}.streaming span{width:6px;height:6px;border-radius:50%;background:var(--fg-3);animation:blink 1.2s ease-in-out infinite}.streaming span:nth-child(2){animation-delay:.15s}.streaming span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-1px)}}.composer-wrap{padding:12px 24px 20px;background:linear-gradient(to bottom,transparent,var(--bg) 30%);position:sticky;bottom:0}.composer{max-width:760px;margin:0 auto;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:8px 8px 8px 14px;display:flex;align-items:flex-end;gap:8px;box-shadow:var(--shadow-sm);transition:border-color .1s,box-shadow .1s}.composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer textarea{flex:1;border:0;outline:0;background:transparent;resize:none;padding:6px 0;min-height:22px;max-height:200px;font-size:14px;line-height:1.5;color:var(--fg)}.composer textarea::placeholder{color:var(--fg-4)}.composer .composer-actions{display:flex;gap:4px;align-items:center}.attach-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 8px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:999px;font-size:11.5px;color:var(--fg-2);font-family:var(--font-mono)}.attach-badge button{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:var(--fg-3)}.attach-badge button:hover{background:var(--bg-hover);color:var(--fg)}.composer-attachments{max-width:760px;margin:0 auto 8px;display:flex;flex-wrap:wrap;gap:6px}.dashboard-pane{flex:1;overflow:auto;padding:24px}.dashboard-grid{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.card-title{font-size:13.5px;font-weight:600;letter-spacing:-.01em}.card-sub{font-size:12px;color:var(--fg-3)}.segmented{display:inline-flex;background:var(--bg-sunken);border-radius:var(--radius-sm);padding:2px;border:1px solid var(--border)}.segmented button{padding:3px 10px;font-size:12px;border-radius:4px;color:var(--fg-3);font-weight:500}.segmented button[aria-pressed=true]{background:var(--bg-elev);color:var(--fg);box-shadow:var(--shadow-sm)}.chart-wrap{padding:18px}.chart-svg{width:100%;height:220px;display:block}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;padding:0 18px 14px;font-size:12px;color:var(--fg-2)}.legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:6px;vertical-align:middle}.sparkline{width:64px;height:22px;margin-left:8px;vertical-align:middle}.agents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:1100px){.agents-grid{grid-template-columns:repeat(2,1fr)}}.agent-card{padding:16px 18px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;position:relative}.agent-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.agent-card .ac-head{display:flex;align-items:flex-start;gap:10px}.agent-card .ac-mark{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-sunken);display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:13px;color:var(--fg);flex:0 0 32px}.agent-card .ac-slug{font-family:var(--font-mono);font-size:14px;font-weight:600;color:var(--fg);letter-spacing:-.01em}.agent-card .ac-name{font-size:12.5px;color:var(--fg-3);margin-top:1px}.agent-card .ac-badges{display:flex;flex-wrap:wrap;gap:6px}.agent-card .ac-stats{display:flex;gap:14px;font-size:12px;color:var(--fg-3);margin-top:auto;padding-top:4px;border-top:1px solid var(--border)}.agent-card .ac-stats .stat-num{color:var(--fg);font-weight:500;font-variant-numeric:tabular-nums;margin-right:4px}.agent-card .ac-chat-cta{position:absolute;top:14px;right:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:var(--bg-sunken);color:var(--fg-2);opacity:0;transition:opacity .12s}.agent-card:hover .ac-chat-cta{opacity:1}.split-view{display:grid;grid-template-columns:40% 1fr;height:100%;border-top:1px solid var(--border)}[data-detail-layout=wide-detail] .split-view{grid-template-columns:50% 1fr}[data-detail-layout=wide-chat] .split-view{grid-template-columns:32% 1fr}.detail-pane{border-right:1px solid var(--border);overflow-y:auto;padding:0 0 24px;background:var(--bg-sunken)}.detail-head{display:flex;align-items:center;gap:8px;padding:14px 20px;position:sticky;top:0;background:var(--bg-sunken);border-bottom:1px solid var(--border);z-index:1}.detail-section{padding:16px 20px;border-bottom:1px solid var(--border)}.detail-section h4{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);margin:0 0 10px;font-weight:500}.tool-list,.skill-list{display:flex;flex-direction:column;gap:1px}.tool-row,.skill-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm)}.tool-row:hover,.skill-row:hover{background:var(--bg-hover)}.tool-row .tn,.skill-row .sn{font-family:var(--font-mono);font-size:12.5px;font-weight:500;color:var(--fg);flex:0 0 auto}.tool-row .td,.skill-row .sd{font-size:12.5px;color:var(--fg-3);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoped-chat-head{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--border)}.scoped-chat-head .sch-title{font-size:14px;font-weight:600}.scoped-chat-head .sch-title .mono-accent{color:var(--accent);font-family:var(--font-mono)}.scoped-chat-head .sch-spacer{flex:1}.kv{display:grid;grid-template-columns:110px 1fr;gap:10px 14px;font-size:13px;align-items:center}.kv dt{color:var(--fg-3);font-weight:450}.kv dd{margin:0;color:var(--fg)}.mini-table{width:100%;font-size:12px}.mini-table td{padding:6px 0;border-bottom:1px solid var(--border)}.mini-table tr:last-child td{border-bottom:0}.mini-table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.placeholder{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:20px;color:var(--fg-3);font-size:13px;text-align:center}.theme-toggle{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--fg-3)}.theme-toggle:hover{background:var(--bg-hover);color:var(--fg)}.mono{font-family:var(--font-mono);font-feature-settings:"ss01","cv11"}.skel{background:linear-gradient(90deg,var(--bg-sunken) 0%,var(--bg-hover) 50%,var(--bg-sunken) 100%);background-size:200% 100%;animation:skel 1.5s ease-in-out infinite;border-radius:4px}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}