@font-face{font-family:FS Pixel Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/FSPixelSansUnicode-Regular-D9-dh-Uo.ttf) format("truetype")}:root{--pixel-bg: #1e1e2e;--pixel-border: #4a4a6a;--pixel-border-light: #6a6a8a;--pixel-accent: #5a8cff;--pixel-green: #5ac88c;--pixel-shadow: 2px 2px 0px #0a0a14;--pixel-text: rgba(255, 255, 255, .8);--pixel-text-dim: rgba(255, 255, 255, .7);--pixel-btn-bg: rgba(255, 255, 255, .08);--pixel-btn-hover-bg: rgba(255, 255, 255, .15);--pixel-btn-disabled-opacity: .35;--pixel-active-bg: rgba(90, 140, 255, .25);--pixel-agent-bg: rgba(90, 200, 140, .15);--pixel-agent-hover-bg: rgba(90, 200, 140, .3);--pixel-agent-border: #5ac88c;--pixel-agent-text: rgba(200, 255, 220, .95);--pixel-close-text: rgba(255, 255, 255, .5);--pixel-close-hover: #e55;--pixel-hint-bg: #3278c8;--pixel-reset-text: #ecc;--pixel-danger-bg: #a33;--pixel-vignette: radial-gradient(ellipse at center, transparent 50%, rgba(0, 0, 0, .6) 100%);--pixel-status-permission: #cca700;--pixel-status-active: #3794ff;--pixel-overlay-z: 100;--pixel-overlay-selected-z: 110;--pixel-controls-z: 50;--vscode-foreground: rgba(255, 255, 255, .85);--ui-bg: #0d1117;--ui-bg-sidebar: #161b22;--ui-bg-card: #21262d;--ui-bg-card-hover: #30363d;--ui-bg-card-selected: #1f6feb;--ui-bg-input: #0d1117;--ui-text: #c9d1d9;--ui-text-dim: #8b949e;--ui-text-bright: #f0f6fc;--ui-accent: #58a6ff;--ui-accent-muted: rgba(88, 166, 255, .15);--ui-border: #30363d;--ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--ui-bg);color:var(--ui-text);font-family:var(--ui-font);font-size:14px;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-columns:300px 1fr;grid-template-rows:1fr 32px;height:100vh;width:100vw}.app.app-with-panel{grid-template-columns:300px 1fr 380px}.app.app-sessions-view{grid-template-columns:300px 1fr}.main-view-toggle{display:flex;padding:8px 12px 0;gap:0;font-family:var(--ui-font)}.main-view-toggle button{flex:1;padding:6px 12px;border:1px solid var(--ui-border);background:transparent;color:var(--ui-text-dim);font-family:var(--ui-font);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.main-view-toggle button:first-child{border-radius:6px 0 0 6px;border-right:none}.main-view-toggle button:last-child{border-radius:0 6px 6px 0}.main-view-toggle button.active{background:var(--ui-accent-muted);color:var(--ui-accent);border-color:var(--ui-accent)}.main-view-toggle button:hover:not(.active){color:var(--ui-text);background:var(--ui-bg-card)}.sidebar{grid-row:1;grid-column:1;display:flex;flex-direction:column;background:var(--ui-bg-sidebar);border-right:1px solid var(--ui-border);overflow:hidden;font-family:var(--ui-font)}.search-bar{padding:12px;border-bottom:1px solid var(--ui-border);display:flex;flex-direction:column;gap:8px;font-family:var(--ui-font)}.search-controls{display:flex;gap:6px}.search-bar input[type=text],.search-bar select{padding:6px 10px;border:1px solid var(--ui-border);border-radius:6px;background:var(--ui-bg-input);color:var(--ui-text);font-family:var(--ui-font);font-size:13px;outline:none;transition:border-color .15s}.search-bar input[type=text]:focus,.search-bar select:focus{border-color:var(--ui-accent)}.search-bar input[type=text]{flex:1;min-width:0}.search-bar select{width:100px;cursor:pointer}.search-bar input[type=text]::placeholder{color:var(--ui-text-dim)}.subagent-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ui-text-dim);-webkit-user-select:none;user-select:none;font-family:var(--ui-font)}.subagent-toggle input[type=checkbox]{accent-color:var(--ui-accent)}.session-list{flex:1;overflow-y:auto;padding:4px;font-family:var(--ui-font)}.session-list.loading,.session-list.empty{display:flex;align-items:center;justify-content:center;color:var(--ui-text-dim);font-size:13px;padding:24px}.session-card{display:flex;gap:10px;padding:8px 10px;margin:1px 0;border-radius:6px;cursor:pointer;transition:background .12s;border-left:3px solid transparent}.session-card:hover{background:var(--ui-bg-card-hover)}.session-card.selected{background:var(--ui-bg-card);border-left-color:var(--ui-accent)}.agent-icon{width:28px;height:28px;border-radius:50%;background:var(--ui-bg-card);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--ui-accent);flex-shrink:0;font-family:var(--ui-font)}.session-info{min-width:0;flex:1}.session-title{font-size:12px;color:var(--ui-text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.session-title-main{font-weight:600}.session-title-sub{font-size:11px;color:var(--ui-text-dim);margin-left:4px}.session-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ui-text-dim);margin-top:2px}.agent-name{font-weight:500}.session-score{color:var(--ui-accent);font-weight:500}.session-time{margin-left:auto}.category-pill{display:inline-block;padding:0 5px;border-radius:3px;font-size:10px;background:var(--ui-accent-muted);color:var(--ui-accent);font-weight:500;line-height:1.6}.category-pill.misc{opacity:.5}.view-toggle{display:flex;gap:2px;padding:0 12px 8px;font-family:var(--ui-font)}.view-toggle button{flex:1;padding:4px 8px;border:1px solid var(--ui-border);background:transparent;color:var(--ui-text-dim);font-family:var(--ui-font);font-size:11px;cursor:pointer;transition:all .12s}.view-toggle button:first-child{border-radius:4px 0 0 4px}.view-toggle button:last-child{border-radius:0 4px 4px 0}.view-toggle button.active{background:var(--ui-accent-muted);color:var(--ui-accent);border-color:var(--ui-accent)}.session-group{margin-bottom:2px}.group-header{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-text-dim);font-size:11px;font-weight:600;font-family:var(--ui-font);text-transform:uppercase;letter-spacing:.5px;transition:color .12s}.group-header:hover{color:var(--ui-text)}.group-chevron{font-size:10px;transition:transform .15s;display:inline-block}.group-chevron.collapsed{transform:rotate(-90deg)}.group-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-count{font-weight:400;opacity:.6}.focus-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--ui-border);border-radius:3px;background:transparent;color:var(--ui-text-dim);font-size:10px;cursor:pointer;transition:all .12s;flex-shrink:0;margin-left:4px}.focus-btn:hover{border-color:var(--ui-accent);color:var(--ui-accent)}.focus-btn.active{background:var(--ui-accent-muted);border-color:var(--ui-accent);color:var(--ui-accent)}.focus-indicator{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--ui-accent-muted);border-bottom:1px solid var(--ui-accent);font-size:11px;font-weight:500;color:var(--ui-accent);font-family:var(--ui-font)}.focus-indicator button{background:none;border:none;color:var(--ui-accent);font-size:14px;cursor:pointer;padding:0 2px;line-height:1;opacity:.7;transition:opacity .12s}.focus-indicator button:hover{opacity:1}.main-panel{grid-row:1;grid-column:2;overflow:hidden;position:relative;background:var(--pixel-bg)}.main-panel-sessions{background:var(--ui-bg)}.sessions-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--ui-text-dim);font-size:14px;font-family:var(--ui-font)}.main-panel-sessions .session-panel{grid-column:unset;grid-row:unset;border-left:none;height:100%}.session-panel{grid-row:1;grid-column:3;display:flex;flex-direction:column;background:var(--ui-bg-sidebar);border-left:1px solid var(--ui-border);overflow:hidden;font-family:var(--ui-font)}.sp-header{padding:12px 14px;border-bottom:1px solid var(--ui-border);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.sp-title-row{display:flex;align-items:center;gap:8px}.sp-agent-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;background:var(--ui-accent-muted);color:var(--ui-accent);flex-shrink:0}.sp-title{flex:1;font-size:13px;font-weight:600;color:var(--ui-text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sp-close{width:24px;height:24px;border:none;background:transparent;color:var(--ui-text-dim);font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .12s;font-family:var(--ui-font)}.sp-close:hover{background:var(--ui-bg-card-hover);color:var(--ui-text)}.sp-workspace{font-size:11px;color:var(--ui-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-actions{display:flex;align-items:center;gap:8px}.sp-resume-btn{padding:4px 12px;border:1px solid var(--ui-accent);border-radius:5px;background:var(--ui-accent-muted);color:var(--ui-accent);font-family:var(--ui-font);font-size:12px;font-weight:500;cursor:pointer;transition:all .12s}.sp-resume-btn:hover{background:var(--ui-accent);color:var(--ui-bg)}.sp-resume-btn:disabled{opacity:.5;cursor:not-allowed}.sp-msg-count{font-size:11px;color:var(--ui-text-dim);margin-left:auto}.sp-cost-info{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--ui-bg-secondary);border-radius:4px;margin-top:8px}.sp-tokens{font-size:12px;color:var(--ui-text-dim)}.sp-cost{font-size:13px;font-weight:600;color:var(--accent-green, #4ade80)}.sp-transcript{flex:1;overflow-y:auto;padding:8px}.sp-loading,.sp-empty{display:flex;align-items:center;justify-content:center;color:var(--ui-text-dim);font-size:13px;padding:32px 16px}.sp-message{padding:8px 10px;margin-bottom:4px;border-radius:6px;border-left:3px solid transparent}.sp-message-user{background:#58a6ff14;border-left-color:var(--ui-accent)}.sp-message-agent{background:#5ac88c14;border-left-color:var(--pixel-green)}.sp-message-tool{background:#ffffff08;border-left-color:var(--ui-border);font-size:12px}.sp-message-system{background:#ffc8320f;border-left-color:var(--pixel-status-permission);font-size:12px}.sp-message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sp-message-role{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ui-text-dim)}.sp-message-time{font-size:10px;color:var(--ui-text-dim);opacity:.6;margin-left:auto}.sp-message-content{font-size:13px;color:var(--ui-text);line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.main-panel canvas{font-family:FS Pixel Sans,sans-serif}.status-bar{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--ui-bg-sidebar);border-top:1px solid var(--ui-border);font-size:11px;font-family:var(--ui-font);color:var(--ui-text-dim)}.status-indicator,.status-actions{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%}.dot.green{background:#3fb950}.dot.red{background:#f85149}.dot.gray{background:#484f58}.reindex-btn{padding:2px 8px;border:1px solid var(--ui-border);border-radius:4px;background:transparent;color:var(--ui-text-dim);font-family:var(--ui-font);font-size:11px;cursor:pointer;transition:all .12s}.reindex-btn:hover{border-color:var(--ui-accent);color:var(--ui-text)}.reindex-btn:disabled{opacity:.4;cursor:not-allowed}.main-panel [class*=pixel-],.main-panel .pixel-agents-pulse{font-family:FS Pixel Sans,sans-serif}@keyframes pixel-agents-pulse{0%,to{opacity:1}50%{opacity:.3}}.pixel-agents-pulse{animation:pixel-agents-pulse 1.5s ease-in-out infinite}.token-panel{position:absolute;top:12px;right:12px;z-index:45;display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:#0d1117d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--ui-border);border-radius:8px;font-family:var(--ui-font);min-width:160px}.token-provider{display:flex;flex-direction:column;gap:4px}.token-provider-header{display:flex;align-items:center;gap:6px;font-size:12px}.token-provider-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.token-provider-name{color:var(--ui-text);font-weight:500;flex:1}.token-today-cost{color:var(--ui-text-dim);font-size:11px;font-variant-numeric:tabular-nums}.token-bars{display:flex;flex-direction:column;gap:3px}.token-bar-row{display:flex;align-items:center;gap:6px}.token-bar-label{font-size:10px;color:var(--ui-text-dim);width:16px;text-align:right}.token-bar-track{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.token-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.token-bar-pct{font-size:10px;color:var(--ui-text-dim);width:28px;text-align:right;font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ui-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ui-text-dim)}.agent-profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.agent-profile-modal{background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:12px;width:380px;max-width:90vw;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000080}.agent-profile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ui-border)}.agent-profile-header h2{margin:0;font-size:18px;font-weight:600;color:var(--ui-text)}.agent-profile-close{background:none;border:none;color:var(--ui-text-dim);font-size:24px;cursor:pointer;padding:0;line-height:1;transition:color .15s}.agent-profile-close:hover{color:var(--pixel-close-hover)}.agent-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ui-border);border-bottom:1px solid var(--ui-border)}.agent-profile-stat{display:flex;flex-direction:column;align-items:center;padding:14px 12px;background:var(--ui-bg)}.stat-label{font-size:11px;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:14px;font-weight:600;color:var(--ui-text)}.agent-profile-projects{flex:1;overflow-y:auto;padding:16px 20px}.agent-profile-projects h3{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.5px}.no-projects{text-align:center;padding:24px;color:var(--ui-text-dim);font-style:italic}.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.project-item{background:#ffffff08;border:1px solid var(--ui-border);border-radius:8px;padding:12px 14px}.project-name{font-size:14px;font-weight:500;color:var(--ui-text);margin-bottom:6px}.project-details{display:flex;gap:12px;font-size:12px;color:var(--ui-text-dim)}.project-sessions{color:var(--pixel-accent)}.project-time{color:var(--pixel-green)}.project-last{margin-left:auto}.token-usage-stats{padding:16px 20px;border-bottom:1px solid var(--ui-border)}.token-usage-stats h4{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.5px}.usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.usage-period{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:#ffffff08;border:1px solid var(--ui-border);border-radius:6px}.usage-period.usage-average{border-color:var(--pixel-accent);background:#5a8cff1a}.usage-label{font-size:11px;color:var(--ui-text-dim);text-transform:uppercase;letter-spacing:.3px}.usage-tokens{font-size:14px;font-weight:600;color:var(--ui-text)}.usage-cost{font-size:13px;color:var(--pixel-green);font-weight:500}.usage-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid var(--ui-border);font-size:13px;color:var(--ui-text-dim)}.usage-total-cost{font-size:15px;font-weight:600;color:var(--pixel-green)}.connected-agents{border-bottom:1px solid var(--ui-border);font-family:var(--ui-font)}.connected-agents-header{display:flex;align-items:center;gap:6px;padding:10px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ui-text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.connected-agents-header:hover{background:#ffffff08}.connected-agents-icon{font-size:8px;opacity:.7}.connected-agents-list{padding:0 8px 8px}.connected-agent{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;font-size:12px}.connected-agent:hover{background:#ffffff0d}.agent-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.agent-status-dot.active{background:#4ade80;box-shadow:0 0 6px #4ade8080}.agent-status-dot.idle{background:#6b7280}.agent-name{flex:1;color:var(--ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-remote-badge{margin-left:4px;opacity:.6}.agent-activity{font-size:10px;color:var(--ui-text-dim);flex-shrink:0}