:root{--bg-dark: #0f172a;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--border: #334155;--bg-base: #0a0e1a;--bg-surface: #111827;--bg-elevated: #1e293b;--bg-overlay: #334155;--text-muted: #64748b;--model-sonnet: #3b82f6;--model-haiku: #10b981;--model-titan: #eab308;--stage-0: #6b7280;--stage-1: #3b82f6;--stage-2: #8b5cf6;--stage-3: #f59e0b;--stage-4: #10b981;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-cost: #fbbf24}body{margin:0;background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-nav{display:flex;align-items:center;padding:.4rem 1.5rem;background:#0f172af2;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:36px;min-height:36px;max-height:36px;position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary)}.pulse-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444}.nav-brand h1{margin:0;font-size:.9rem;font-weight:600}.nav-links{margin-left:1.5rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.8rem;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.main-content{flex:1;position:relative}.session-browser{padding:2rem;max-width:1200px;margin:0 auto}.browser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.refresh-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:var(--bg-hover)}.session-list{display:flex;flex-direction:column;gap:1rem}.session-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:transform .2s,box-shadow .2s}.session-item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0003;border-color:var(--accent)}.session-info{display:flex;flex-direction:column;gap:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;text-transform:uppercase;width:fit-content}.status-badge.active{background:#22c55e33;color:#4ade80}.status-badge.waiting{background:#eab30833;color:#facc15}.status-badge.resolved{background:#3b82f633;color:#60a5fa}.status-badge.abandoned{background:#94a3b833;color:#cbd5e1}.status-badge.created{background:#6b728033;color:#9ca3af}.status-badge.invited{background:#8b5cf633;color:#a78bfa}.status-badge.paused{background:#f59e0b26;color:#fbbf24}.status-badge.completed{background:#10b98133;color:#34d399}.status-badge.archived{background:#47556933;color:#94a3b8}.session-type{font-size:.9rem;color:var(--text-secondary)}.member-name{font-weight:500}.session-detail{display:flex;flex-direction:column;height:100%;background:#020617;overflow:hidden}.detail-header{padding:.5rem 1.5rem;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;height:40px;min-height:40px}.detail-header h2{font-size:.85rem;margin:0;font-weight:500}.connection-status{font-size:.8rem;margin-left:1rem}.connection-status.connected{color:#4ade80}.connection-status.disconnected{color:#94a3b8}.connection-status.error{color:#ef4444}.cost-value{font-family:monospace;font-size:1.2rem;color:#fbbf24}.turns-feed{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:3rem}.turn-container{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;width:100%}.turn-header{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.turn-user-message{display:flex;gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:60px}.icon{font-size:2.5rem;color:var(--text-secondary);background:#ffffff08;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.user-name-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500;text-align:center;white-space:nowrap}.message-content{font-size:1.25rem;line-height:1.6;color:var(--text-primary);font-weight:300;padding-top:.5rem;max-width:800px}.message-content .placeholder{color:var(--text-muted);font-style:italic;font-size:1rem}.turn-steps{display:flex;flex-direction:column;gap:.75rem;padding-left:4rem}.log-step{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:all .2s}.log-step:hover{border-color:var(--text-secondary)}.step-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;background:#ffffff05}.step-header:hover{background:#ffffff0d}.step-uicon{font-size:1.2rem}.step-title{font-weight:600;min-width:100px;color:var(--text-secondary)}.step-preview{flex:1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7;font-size:.9rem}.step-toggle{color:var(--text-secondary);font-size:.8rem}.step-body{padding:1rem;border-top:1px solid var(--border);background:#0003;font-size:.9rem}.type-COST .step-preview{color:#fbbf24;font-family:monospace}.json-view{margin:0;font-family:Fira Code,monospace;white-space:pre-wrap;color:#a5b4fc}.retrieval-section{margin-bottom:1rem}.retrieval-section strong{display:block;margin-bottom:.5rem;color:var(--accent)}.memory-item{background:#ffffff0d;padding:.75rem;border-radius:6px;margin-bottom:.5rem;border-left:2px solid var(--accent)}.memory-source{display:inline-block;font-size:.7rem;text-transform:uppercase;background:#0000004d;padding:.1rem .4rem;border-radius:4px;margin-bottom:.4rem;color:var(--text-secondary)}.cost-detail{display:flex;gap:2rem;font-family:monospace}.cost-highlight{color:#fbbf24;font-weight:700}.prompt-text{font-family:Fira Code,monospace;white-space:pre-wrap;color:#a5b4fc;background:#0000004d;padding:1rem;border-radius:6px;font-size:.85rem;line-height:1.5;overflow-x:auto}.full-prompt h3,.response-meta h4{margin-top:1rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.key-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:.5rem}.kv-item{display:flex;flex-direction:column;gap:.3rem}.kv-item.full-width{grid-column:1 / -1}.kv-label{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.05em}.kv-value{font-size:1rem;color:var(--text-primary)}.kv-value.highlight{color:var(--accent);font-weight:600}.kv-value.text-block{background:#0003;padding:.75rem;border-radius:6px;line-height:1.5;font-size:.95rem}.kv-value.dim{color:var(--text-secondary);font-style:italic}.detail-wrapper{display:flex;flex-direction:column;gap:1.5rem}.detail-title{margin:0;font-size:1rem;color:var(--text-primary)}.json-toggle-container{border-top:1px dashed var(--border);padding-top:1rem;margin-top:.5rem}.json-toggle-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;padding:.25rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s}.json-toggle-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.raw-json-container{margin-top:1rem;background:#0000004d;padding:1rem;border-radius:6px;overflow-x:auto}.cost-detail{display:flex;gap:3rem;align-items:center}.cost-metric{display:flex;flex-direction:column;gap:.2rem}.cost-metric .label{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary)}.cost-metric .value{font-family:monospace;font-size:1.1rem;color:var(--text-primary)}.cost-metric .value.cost-highlight{color:#fbbf24;font-weight:700;font-size:1.25rem}.detail-header-row{display:flex;justify-content:space-between;align-items:center}.inline-cost-badge{display:flex;align-items:center;gap:.75rem;background:#fbbf241a;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(251,191,36,.2)}.inline-cost-badge .model-name{font-size:.75rem;color:#fbbf24;text-transform:uppercase;font-family:monospace;font-weight:600}.price-component{font-family:Fira Code,monospace;color:#fbbf24}.price-main{font-weight:700}.price-fraction{color:#fbbf2480;font-weight:400;font-size:.85em}.step-cost-preview{margin-left:auto;margin-right:1rem;background:#fbbf241a;padding:.1rem .4rem;border-radius:4px;font-size:.8rem;border:1px solid rgba(251,191,36,.15)}.step-toggle{opacity:.5;transition:opacity .2s}.analysis-block{margin-bottom:2rem;background:#ffffff0d;padding:1rem;border-radius:8px;border-left:3px solid #6366f1}.analysis-block h4{margin-top:0;color:#818cf8;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;margin-bottom:.8rem}.analysis-text{font-size:.95rem;line-height:1.6;color:#e0e7ff}.analysis-text p{margin-bottom:.5rem}.assistant-response{margin-bottom:1.5rem;padding:1rem;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.2)}.assistant-response strong{display:block;color:#34d399;margin-bottom:.5rem;font-size:.9rem;text-transform:uppercase}.assistant-response p{margin:0;font-size:1.05rem;line-height:1.5;color:#d1fae5}.response-full{font-size:1rem;line-height:1.6;color:#fff}.response-full p{margin-bottom:.8em}.structured-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.structured-card{padding:1rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.structured-card h5{margin:0 0 .5rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;opacity:.7}.structured-card p{margin:0;line-height:1.5;color:#fff;font-style:italic;font-size:1.05rem}.structured-card.invitation{border-color:#9333ea4d;background:#9333ea0d}.structured-card.invitation h5{color:#c084fc}.structured-card.empathy{border-color:#ec48994d;background:#ec48990d}.structured-card.empathy h5{color:#f472b6}.status-flags{display:flex;gap:.5rem;margin-top:1rem;margin-bottom:1rem;flex-wrap:wrap}.status-tag{padding:.25rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500;background:#ffffff1a;color:#ccc}.status-tag.success{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.status-tag.neutral{background:#ffffff0d;color:#9ca3af;border:1px solid rgba(255,255,255,.1)}.response-meta pre{font-family:Fira Code,monospace;font-size:.8rem;color:var(--text-secondary);white-space:pre-wrap;background:#0003;padding:.5rem;border-radius:4px}.type-LLM_START{border-color:#3b82f666;background:#3b82f60d}.type-LLM_START .step-header{background:#3b82f61a}.type-LLM_START .step-preview{color:#60a5fa}.llm-start-detail{display:flex;flex-direction:column;gap:1rem}.in-progress-indicator{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#3b82f61a;border-radius:6px;border:1px solid rgba(59,130,246,.2)}.in-progress-indicator .spinner{font-size:1.2rem;animation:pulse 1.5s ease-in-out infinite}.in-progress-indicator .status-text{color:#60a5fa;font-weight:500;font-size:.95rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.split-view-container{display:flex;flex:1;overflow:hidden;gap:1px;background:var(--border)}.user-column{flex:1;display:flex;flex-direction:column;background:#020617;min-width:0}.column-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;height:36px;min-height:36px}.column-header .user-avatar{font-size:1rem;width:24px;height:24px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center}.initiator-column .column-header .user-avatar{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.invitee-column .column-header .user-avatar{background:#a855f726;border:1px solid rgba(168,85,247,.3)}.column-header .user-name{font-weight:600;font-size:.85rem;color:var(--text-primary)}.column-header .user-role{font-size:.65rem;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:3px;font-weight:500}.initiator-column .column-header .user-role{background:#3b82f626;color:#60a5fa}.invitee-column .column-header .user-role{background:#a855f726;color:#c084fc}.column-turns{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.column-turns .turn-container{max-width:100%;margin:0}.empty-column{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-style:italic;opacity:.6}.split-view-container .turn-container{gap:1rem}.split-view-container .turn-user-message{margin-bottom:1rem;padding:0 .5rem}.split-view-container .turn-user-message .icon{width:36px;height:36px;font-size:1.2rem}.split-view-container .turn-user-message .message-content{font-size:1rem}.split-view-container .turn-steps{padding-left:2.5rem}.split-view-container .log-step{font-size:.85rem}.split-view-container .step-header{padding:.5rem .75rem}.initiator-column{border-top:3px solid #3b82f6}.invitee-column{border-top:3px solid #a855f7}.column-turns::-webkit-scrollbar{width:6px}.column-turns::-webkit-scrollbar-track{background:transparent}.column-turns::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.column-turns::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.type-RECONCILER{border-color:#9333ea66;background:#9333ea0d}.type-RECONCILER .step-header{background:#9333ea1a}.type-RECONCILER .step-preview{color:#c084fc}.reconciler-detail{display:flex;flex-direction:column;gap:1.5rem}.reconciler-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid rgba(147,51,234,.2)}.reconciler-direction{font-size:1.1rem;font-weight:600;color:#c084fc}.reconciler-section{background:#0003;padding:1rem;border-radius:8px;border-left:3px solid rgba(147,51,234,.4)}.reconciler-section h4{margin:0 0 1rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#a78bfa}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{padding:.25rem .6rem;border-radius:4px;font-size:.85rem;font-weight:500}.tag.success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.tag.warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.tag.error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.severity-none{background:#10b98126!important;color:#34d399!important}.severity-minor{background:#3b82f626!important;color:#60a5fa!important}.severity-moderate{background:#f59e0b26!important;color:#fbbf24!important}.severity-significant{background:#ef444426!important;color:#f87171!important}.status-badge.shared{background:#10b98133;color:#34d399}.status-badge.declined{background:#ef444426;color:#f87171}.status-badge.valid{background:#10b98133;color:#34d399}.status-badge.invalid{background:#ef444426;color:#f87171}.chat-preview{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;background:#111;padding:10px;border-radius:6px;border:1px solid #333}.chat-message{display:flex;flex-direction:column;max-width:90%;padding:8px 12px;border-radius:8px;font-size:.9em;line-height:1.4}.chat-message.role-user{align-self:flex-end;background:#2a3f5f;border-bottom-right-radius:2px}.chat-message.role-assistant{align-self:flex-start;background:#2f2f2f;border-bottom-left-radius:2px}.chat-message.role-system{align-self:center;background:#222;border:1px dashed #444;font-size:.8em;color:#888;max-width:100%}.msg-role{font-size:.75em;opacity:.7;margin-bottom:2px;text-transform:uppercase;font-weight:700}.msg-content{white-space:pre-wrap;word-break:break-word}.text-preview{white-space:pre-wrap;background:#1e1e1e;padding:10px;border-radius:4px;border-left:3px solid #646cff;margin-bottom:10px;font-family:monospace;font-size:.9em;color:#e0e0e0}.retrieval-preview{display:flex;flex-direction:column;gap:10px;background:#1a1a1a;padding:12px;border-radius:6px;border:1px solid #333}.preview-label{font-size:.8em;text-transform:uppercase;color:#888;font-weight:700;letter-spacing:.5px}.query-list{margin:0;padding-left:20px;font-size:.95em;color:#ddd}.query-list li{margin-bottom:4px}.refs-list{display:flex;flex-direction:column;gap:6px}.ref-item{display:flex;align-items:center;gap:10px;background:#252525;padding:6px 10px;border-radius:4px;font-size:.9em}.ref-text{font-style:italic;color:#ccc;flex:1}.ref-meta{font-size:.8em;color:#888;background:#111;padding:2px 6px;border-radius:3px}.preview-stats{font-size:.9em;color:#aaa;margin-bottom:5px}.match-item{background:#252525;border:1px solid #333;padding:10px;border-radius:4px;margin-bottom:8px}.match-score{float:right;font-weight:700;color:#646cff;font-size:.9em}.match-content{font-size:.9em;color:#ddd;margin-bottom:6px;white-space:pre-wrap}.match-meta{font-size:.8em;color:#666}.step-main-info{display:flex;flex-direction:column;flex:1;min-width:0;margin-right:10px}.step-title-row{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.step-title{font-weight:600;color:#fff;white-space:nowrap;flex-shrink:0}.step-preview{color:#9ca3af;font-weight:400;font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.step-meta{display:flex;gap:8px;margin-top:2px}.meta-tag{font-size:.75em;padding:1px 6px;border-radius:4px;background:#333;color:#aaa}.meta-tag.model{background:#2a3f5f;color:#add8e6}.meta-tag.duration{color:#888;background:transparent;padding:0}.step-header{align-items:center}.turn-summary{display:flex;align-items:flex-end;gap:10px;margin:10px 0;padding:0 5px}.turn-summary.user{flex-direction:row}.turn-summary.assistant{flex-direction:row;justify-content:flex-end}.summary-icon{font-size:1.5em;opacity:.8}.summary-bubble{background:#333;padding:10px 14px;border-radius:12px;max-width:80%;font-size:.95em;line-height:1.4;color:#eee;box-shadow:0 2px 4px #0003}.turn-summary.user .summary-bubble{background:#2a3f5f;border-bottom-left-radius:2px}.turn-summary.assistant .summary-bubble{background:#2f2f2f;border-bottom-right-radius:2px;color:#fff}.detail-section{margin-bottom:10px;border:1px solid #333;border-radius:4px;background:#1a1a1a;overflow:hidden}.detail-header-summary{padding:8px 12px;cursor:pointer;background:#222;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.detail-header-summary:hover{background:#2a2a2a}.detail-header-summary h4{margin:0;display:inline-block;font-size:.85em;text-transform:uppercase;letter-spacing:.05em;color:#888}.detail-header-summary::marker{color:#666;font-size:.8em}.detail-content-wrapper{padding:10px;border-top:1px solid #333}.session-stats{display:flex;gap:12px;font-size:.85em;color:#888;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.stat-item{display:flex;align-items:center;gap:4px}.step-status-icon{margin-left:auto;margin-right:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.spinner{display:inline-block;animation:spin 1s linear infinite;color:#60a5fa}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-success{color:#4caf50;font-weight:700}.icon-error{color:#ef4444;font-weight:700}.smart-viewer-section{margin-bottom:10px;border:1px solid #333;border-radius:4px;background:#1a1a1a;overflow:hidden}.smart-viewer-header{padding:8px 12px;cursor:pointer;background:#222;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:10px}.smart-viewer-header:hover{background:#2a2a2a}.smart-viewer-header h4{margin:0;font-size:.85em;text-transform:uppercase;letter-spacing:.05em;color:#888}.data-type-badge{font-size:.7em;padding:2px 6px;border-radius:3px;background:#333;color:#666;font-family:Fira Code,monospace}.smart-viewer-content{padding:12px;font-family:Fira Code,Monaco,monospace;font-size:.85em;line-height:1.5}.sv-key{color:#7dd3fc;margin-right:4px}.sv-value{color:#e2e8f0}.sv-value.sv-string{color:#86efac}.sv-value.sv-number{color:#fcd34d}.sv-value.sv-boolean{color:#c4b5fd}.sv-value.sv-null,.sv-value.sv-undefined{color:#6b7280;font-style:italic}.sv-value.sv-empty{color:#6b7280}.sv-value.sv-truncated{color:#9ca3af;font-style:italic}.sv-value.sv-array-inline{color:#e2e8f0}.sv-primitive{display:inline}.sv-string-block{display:flex;flex-direction:column;gap:4px}.sv-text-content{background:#111;padding:10px 12px;border-radius:4px;border-left:3px solid #4b5563;white-space:pre-wrap;word-break:break-word;color:#d1d5db;line-height:1.6}.sv-text-content.sv-text-highlight{border-left-color:#3b82f6;background:#3b82f614;color:#e0f2fe}.sv-expand-btn{background:none;border:none;color:#60a5fa;cursor:pointer;padding:4px 0;font-size:.85em;margin-top:4px}.sv-expand-btn:hover{text-decoration:underline}.sv-array{display:flex;flex-direction:column}.sv-array-header,.sv-object-header{display:flex;align-items:center;gap:6px;cursor:pointer;padding:2px 0}.sv-array-header:hover,.sv-object-header:hover{background:#ffffff08}.sv-toggle{color:#6b7280;font-size:.75em;width:12px}.sv-type-label{color:#9ca3af;font-size:.9em}.sv-preview{color:#6b7280;font-size:.85em;margin-left:4px}.sv-array-items,.sv-object-entries{padding-left:16px;border-left:1px solid #333;margin-left:5px;margin-top:4px}.sv-array-item,.sv-entry{padding:2px 0}.sv-index{color:#6b7280;margin-right:8px;font-size:.85em}.sv-messages{display:flex;flex-direction:column;gap:6px}.sv-messages-list{display:flex;flex-direction:column;gap:8px;background:#111;padding:10px;border-radius:6px;border:1px solid #333}.sv-message{display:flex;flex-direction:column;max-width:90%;padding:8px 12px;border-radius:8px;font-size:.95em}.sv-message-user{align-self:flex-end;background:#1e3a5f;border-bottom-right-radius:2px}.sv-message-assistant{align-self:flex-start;background:#2f2f2f;border-bottom-left-radius:2px}.sv-message-system{align-self:center;background:#222;border:1px dashed #444;font-size:.85em;color:#888;max-width:100%}.sv-message-role{font-size:.7em;opacity:.7;margin-bottom:4px;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.sv-message-content{white-space:pre-wrap;word-break:break-word;line-height:1.5}.sv-message-context{margin-top:8px;font-size:.8em;opacity:.7}.sv-message-context summary{cursor:pointer;color:#6b7280;font-style:italic}.sv-message-context summary:hover{color:#9ca3af}.sv-message-context pre{margin:8px 0 0;padding:8px;background:#0000004d;border-radius:4px;font-size:.9em;white-space:pre-wrap;color:#9ca3af;max-height:200px;overflow-y:auto}.sv-earlier-messages{margin-bottom:12px;padding:8px;background:#0003;border-radius:6px;border:1px dashed #333}.sv-earlier-messages summary{cursor:pointer;color:#6b7280;font-size:.85em;font-style:italic}.sv-earlier-messages summary:hover{color:#9ca3af}.sv-earlier-messages-list{margin-top:10px;padding-top:10px;border-top:1px solid #333}.sv-earlier-messages .sv-message{opacity:.8;font-size:.95em}.sv-matches{display:flex;flex-direction:column;gap:6px}.sv-matches-list{display:flex;flex-direction:column;gap:8px}.sv-match{background:#1f1f1f;border:1px solid #333;padding:10px;border-radius:4px}.sv-match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sv-match-score{font-weight:700;color:#3b82f6;font-size:.9em}.sv-match-source{font-size:.75em;color:#666;background:#111;padding:2px 6px;border-radius:3px}.sv-match-content{font-size:.9em;color:#ccc;white-space:pre-wrap;line-height:1.4}.sv-queries{display:flex;flex-direction:column;gap:6px}.sv-queries-list{margin:0;padding-left:20px;color:#e2e8f0}.sv-query{margin-bottom:4px;padding:2px 0}.sv-query::marker{color:#3b82f6}:root{--accent-warm: #f59e0b;--accent-warm-bg: rgba(245, 158, 11, .08);--accent-warm-border: rgba(245, 158, 11, .25);--accent-warm-text: #fbbf24;--accent-cool: #06b6d4;--accent-cool-bg: rgba(6, 182, 212, .08);--accent-cool-border: rgba(6, 182, 212, .25);--accent-cool-text: #22d3ee}.event-wrapper{margin-bottom:8px;border-radius:8px;overflow:hidden}.event-wrapper.accent-warm{border-left:3px solid var(--accent-warm);background:var(--accent-warm-bg)}.event-wrapper.accent-cool{border-left:3px solid var(--accent-cool);background:var(--accent-cool-bg)}.event-item{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;transition:all .2s}.event-item:hover{border-color:var(--text-secondary)}.event-item.error{border-color:#ef444466;background:#ef44440d}.event-item.pending{border-color:#3b82f666;background:#3b82f60d}.event-header{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;background:#ffffff05;transition:background .2s}.event-header:hover{background:#ffffff0d}.event-icon{font-size:1.2em;flex-shrink:0}.event-main-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.event-title-row{display:flex;align-items:baseline;gap:10px;min-width:0}.event-title{font-weight:600;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.event-preview{color:var(--text-secondary);font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.event-meta{display:flex;gap:8px;flex-wrap:wrap}.event-cost{margin-left:auto;margin-right:8px}.event-status{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.event-status.pending .spinner{color:#60a5fa}.event-status.completed .icon-success{color:#4ade80}.event-status.failed .icon-error{color:#ef4444}.event-toggle{color:var(--text-secondary);font-size:.75em;flex-shrink:0}.event-body{padding:14px;border-top:1px solid var(--border);background:#0003}.event-raw-data{margin-top:12px;display:flex;flex-direction:column;gap:8px}.event-stats{display:flex;gap:16px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);font-size:.8em;color:var(--text-secondary)}.event-section{margin-bottom:12px;padding:10px;background:#00000026;border-radius:6px;border-left:2px solid var(--border)}.event-section h4{margin:0 0 8px;font-size:.8em;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.event-section p{margin:0;line-height:1.5;color:var(--text-primary)}.event-section.warm{border-left-color:var(--accent-warm);background:var(--accent-warm-bg)}.event-section.warm h4{color:var(--accent-warm-text)}.event-section.cool{border-left-color:var(--accent-cool);background:var(--accent-cool-bg)}.event-section.cool h4{color:var(--accent-cool-text)}.event-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.event-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:.8em;background:#ffffff14;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.event-chip.success{background:#10b98126;color:#34d399;border-color:#10b98140}.event-chip.warning{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b40}.event-chip.info{background:#3b82f626;color:#60a5fa;border-color:#3b82f640}.event-chip.error{background:#ef444426;color:#f87171;border-color:#ef444440}.event-thinking{margin-bottom:12px}.event-thinking-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#6366f11a;border-radius:6px;cursor:pointer;font-size:.85em;color:#a5b4fc;transition:background .2s}.event-thinking-header:hover{background:#6366f126}.event-thinking-content{margin-top:8px;padding:12px;background:#6366f10d;border-radius:6px;border-left:2px solid #6366f1;font-size:.9em;line-height:1.6;color:#e0e7ff;white-space:pre-wrap}.event-response{padding:12px;background:#10b98114;border-radius:6px;border:1px solid rgba(16,185,129,.2);line-height:1.6}.event-response-label{display:block;font-size:.75em;text-transform:uppercase;letter-spacing:.05em;color:#34d399;margin-bottom:6px}.event-response-text{color:#d1fae5;font-size:1em}.event-list{margin:0;padding-left:20px}.event-list li{margin-bottom:4px;color:var(--text-primary)}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:8px}.event-grid-item{padding:8px 10px;background:#ffffff08;border-radius:4px;border:1px solid rgba(255,255,255,.08)}.event-grid-item-title{font-weight:500;color:var(--text-primary);margin-bottom:2px}.event-grid-item-subtitle{font-size:.85em;color:var(--text-secondary)}.confidence-bar{display:flex;align-items:center;gap:8px;margin-top:6px}.confidence-bar-track{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.confidence-bar-fill{height:100%;border-radius:2px;transition:width .3s}.confidence-bar-fill.high{background:#4ade80}.confidence-bar-fill.medium{background:#fbbf24}.confidence-bar-fill.low{background:#f87171}.confidence-label{font-size:.75em;color:var(--text-secondary);min-width:50px;text-align:right}.context-page{padding:1rem;display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden}.context-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;flex-shrink:0}.context-header .back-link{color:var(--accent);text-decoration:none;font-size:.9em}.context-header .back-link:hover{text-decoration:underline}.context-header h2{margin:0;flex:1}.context-meta{display:flex;align-items:center;gap:.5rem;font-size:.85em}.context-meta .connection-status{padding:2px 8px;border-radius:4px;background:var(--bg-card)}.context-meta .connection-status.connected{background:#22c55e20;color:#22c55e}.context-meta .assembled-at{color:var(--text-secondary)}.context-meta .refresh-btn{padding:4px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.85em;color:var(--text-primary)}.context-meta .refresh-btn:hover{background:var(--bg-hover)}.context-columns{display:grid;gap:1rem;flex:1;overflow:hidden;min-height:0}.context-columns.partner{grid-template-columns:1fr 1fr}.context-columns.solo{grid-template-columns:1fr;max-width:800px}@media(max-width:1024px){.context-columns.partner{grid-template-columns:1fr}}.context-column{background:var(--bg-card);border-radius:8px;padding:1rem;overflow-y:auto;min-height:0}.context-column-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.context-column-header h3{margin:0;flex:1}.stage-badge{background:var(--accent);color:#fff;padding:2px 8px;border-radius:4px;font-size:.75em}.intent-badge{background:var(--bg-hover);padding:2px 8px;border-radius:4px;font-size:.75em;text-transform:capitalize}.context-sections{display:flex;flex-direction:column;gap:1.25rem}.context-section{background:var(--bg-dark);border-radius:6px;padding:.75rem}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.section-header h4{margin:0;font-size:.85em;font-weight:600;color:var(--text-primary)}.section-header .turn-count,.section-header .duration,.section-header .fact-count,.section-header .memory-count,.section-header .session-count{font-size:.7em;color:var(--text-secondary);background:var(--bg-card);padding:2px 6px;border-radius:4px}.section-content{font-size:.8em;line-height:1.5}.empty-section{color:var(--text-secondary);font-style:italic;font-size:.85em}.message-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.message-item{padding:.25rem .4rem;border-radius:3px;background:var(--bg-card);font-size:.75em;line-height:1.4}.message-item.user{border-left:2px solid var(--accent)}.message-item.assistant{border-left:2px solid #22c55e}.message-role{font-weight:600;font-size:.65em;text-transform:uppercase;margin-right:.35rem;color:var(--text-secondary)}.recent-messages .message-content{white-space:pre-wrap;word-break:break-word;font-size:.75em;line-height:1.4;color:var(--text-primary);font-weight:400}.fact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.fact-item{display:flex;align-items:flex-start;gap:.5rem}.category-badge{flex-shrink:0;padding:2px 6px;border-radius:4px;font-size:.65em;text-transform:uppercase;font-weight:600}.category-badge.blue{background:#3b82f620;color:#3b82f6}.category-badge.gray{background:#6b728020;color:#6b7280}.category-badge.red{background:#ef444420;color:#ef4444}.category-badge.purple{background:#8b5cf620;color:#8b5cf6}.category-badge.amber{background:#f59e0b20;color:#f59e0b}.fact-text{flex:1}.emotional-sparkline{display:block;margin-bottom:.5rem}.emotional-content{display:flex;flex-direction:column;gap:.5rem}.emotional-stats{display:flex;align-items:center;gap:1rem}.trend-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background:var(--bg-card)}.trend-indicator.escalating{color:#ef4444}.trend-indicator.de-escalating{color:#22c55e}.trend-indicator.stable{color:#6b7280}.trend-icon{font-size:1.2em}.intensity-change{color:var(--text-secondary);font-size:.9em}.intensity-value{font-weight:600;color:var(--accent)}.notable-shifts{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.shifts-label{color:var(--text-secondary);font-size:.85em}.shift-badge{background:var(--bg-hover);padding:2px 6px;border-radius:4px;font-size:.8em}.summary-cards{display:flex;flex-direction:column;gap:.5rem}.summary-card{background:var(--bg-card);padding:.5rem;border-radius:4px}.card-label{display:block;font-size:.7em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:4px}.card-text{margin:0;font-size:.9em}.theme-chips{display:flex;flex-wrap:wrap;gap:4px}.theme-chip{background:var(--accent);color:#fff;padding:2px 8px;border-radius:12px;font-size:.8em}.theme-chip.prior{background:var(--bg-hover);color:var(--text-secondary)}.goals-list{margin:0;padding-left:1rem}.goals-list li{margin-bottom:4px}.memories-container{display:flex;flex-direction:column;gap:.5rem}.memory-group{padding:.5rem;border-radius:4px}.memory-group.global-memories{background:#6b72801a}.memory-group.session-memories{background:#3b82f61a}.group-label{display:block;font-size:.75em;color:var(--text-secondary);margin-bottom:.25rem;text-transform:uppercase}.memory-list{list-style:none;padding:0;margin:0}.memory-item{display:flex;align-items:flex-start;gap:.25rem;margin-bottom:4px}.memory-content{flex:1}.linked-badge{background:#22c55e20;color:#22c55e;padding:2px 8px;border-radius:4px;font-size:.75em}.reflections-list{display:flex;flex-direction:column;gap:.5rem}.reflection-quote{margin:0;padding:.5rem .5rem .5rem 1rem;border-left:3px solid var(--accent);background:var(--bg-card);border-radius:0 4px 4px 0}.reflection-content{margin:0 0 .25rem;font-style:italic}.reflection-meta{display:flex;gap:.5rem;font-size:.85em}.similarity-badge{background:var(--bg-hover);padding:2px 6px;border-radius:4px}.linked-indicator{background:#22c55e20;color:#22c55e;padding:2px 6px;border-radius:4px}.prior-themes-content{display:flex;flex-direction:column;gap:.5rem}.last-session{font-size:.9em}.last-session .label{color:var(--text-secondary);margin-right:.25rem}.themes-list{display:flex;flex-wrap:wrap;gap:4px}.no-themes-note{color:var(--text-secondary);font-style:italic}.facts-by-category{display:flex;flex-direction:column;gap:.5rem}.category-group{display:flex;flex-direction:column;gap:4px}.category-facts{list-style:disc;margin:0;padding-left:1.5rem}.global-fact{margin-bottom:2px}.header-actions{display:flex;align-items:center;gap:1rem}.view-context-btn{padding:6px 12px;background:var(--accent);color:#fff;text-decoration:none;border-radius:4px;font-size:.85em}.view-context-btn:hover{background:#2563eb}.app-layout{display:flex;height:100vh;overflow:hidden;background:var(--bg-base)}.app-layout .main-content{flex:1;overflow-y:auto;min-width:0}.sidebar{width:240px;min-width:240px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .2s ease,min-width .2s ease;overflow:hidden}.sidebar.collapsed{width:56px;min-width:56px}.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:1rem;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text-primary);white-space:nowrap;overflow:hidden}.sidebar-brand .pulse-dot{width:8px;height:8px;min-width:8px;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444;animation:pulse 2s ease-in-out infinite}.sidebar-brand-text{font-size:.85rem;font-weight:600;overflow:hidden}.sidebar.collapsed .sidebar-brand-text{display:none}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.85rem;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden;border-left:3px solid transparent}.sidebar-nav-item:hover{background:#ffffff0a;color:var(--text-primary)}.sidebar-nav-item.active{color:var(--text-primary);background:#3b82f61a;border-left-color:var(--accent)}.sidebar-nav-icon{font-size:1.1rem;min-width:24px;text-align:center;flex-shrink:0}.sidebar-nav-label{overflow:hidden}.sidebar.collapsed .sidebar-nav-label{display:none}.sidebar-section{border-top:1px solid var(--border);padding:.75rem 1rem;overflow:hidden}.sidebar-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;white-space:nowrap}.sidebar.collapsed .sidebar-section{display:none}.metric-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;transition:transform .15s,box-shadow .15s,border-color .15s}.metric-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;border-color:#ffffff1a}.metric-card.clickable{cursor:pointer}.metric-card-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem}.metric-card-value{font-family:Fira Code,monospace;font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.metric-card-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:.35rem}.metric-card-delta{display:inline-flex;align-items:center;gap:2px;font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px;margin-top:.5rem}.metric-card-delta.positive{background:#4ade8026;color:var(--color-success)}.metric-card-delta.negative{background:#f8717126;color:var(--color-error)}.metric-card-sparkline{margin-top:.5rem;height:32px}.model-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.model-badge.sonnet{background:#3b82f626;color:var(--model-sonnet);border:1px solid rgba(59,130,246,.25)}.model-badge.haiku{background:#10b98126;color:var(--model-haiku);border:1px solid rgba(16,185,129,.25)}.model-badge.titan{background:#eab30826;color:var(--model-titan);border:1px solid rgba(234,179,8,.25)}.model-badge.unknown{background:#6b728026;color:var(--text-muted);border:1px solid rgba(107,114,128,.25)}.stage-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.stage-pill.stage-0{background:#6b728026;color:var(--stage-0);border:1px solid rgba(107,114,128,.25)}.stage-pill.stage-1{background:#3b82f626;color:var(--stage-1);border:1px solid rgba(59,130,246,.25)}.stage-pill.stage-2{background:#8b5cf626;color:var(--stage-2);border:1px solid rgba(139,92,246,.25)}.stage-pill.stage-3{background:#f59e0b26;color:var(--stage-3);border:1px solid rgba(245,158,11,.25)}.stage-pill.stage-4{background:#10b98126;color:var(--stage-4);border:1px solid rgba(16,185,129,.25)}.cache-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.cache-indicator.cached{background:#4ade8026;color:var(--color-success)}.cache-indicator.miss{background:#6b72801a;color:var(--text-muted)}.cache-indicator-rate{font-weight:400;opacity:.8;margin-left:4px}.token-bar-container{display:flex;flex-direction:column;gap:4px}.token-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#ffffff0d}.token-bar-segment{height:100%;transition:width .3s ease;position:relative}.token-bar-segment.input{background:var(--model-sonnet)}.token-bar-segment.output{background:#8b5cf6}.token-bar-segment.cache-read{background:var(--model-haiku)}.token-bar-segment.cache-write{background:var(--model-titan)}.token-bar-legend{display:flex;gap:12px;font-size:.7rem;color:var(--text-secondary)}.token-bar-legend-item{display:flex;align-items:center;gap:4px}.token-bar-legend-dot{width:6px;height:6px;border-radius:50%}.page-placeholder{padding:2rem}.page-placeholder h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.dashboard-page{padding:1.5rem 2rem;max-width:1400px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-header h1{margin:0;font-size:1.5rem;font-weight:600}.period-selector{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:2px}.period-btn{background:transparent;border:none;color:var(--text-secondary);padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.period-btn:hover{color:var(--text-primary)}.period-btn.active{background:var(--accent);color:#fff}.dashboard-grid-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1024px){.dashboard-grid-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-grid-metrics{grid-template-columns:1fr}}.dashboard-grid-charts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}@media(max-width:900px){.dashboard-grid-charts{grid-template-columns:1fr}}.dashboard-chart-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.dashboard-chart-card h3{margin:0 0 1rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.chart-container{width:100%}.donut-container{position:relative}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-65%);text-align:center;pointer-events:none}.donut-center-value{display:block;font-family:Fira Code,monospace;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.donut-center-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.donut-legend{display:flex;justify-content:center;gap:1.25rem;margin-top:.5rem}.donut-legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem}.donut-legend-dot{width:8px;height:8px;border-radius:50%}.donut-legend-name{color:var(--text-secondary)}.donut-legend-pct{font-family:Fira Code,monospace;font-weight:600;color:var(--text-primary)}.dashboard-table-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1.25rem}.dashboard-table-card h3{margin:0 0 1rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th{text-align:left;padding:.5rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}.dashboard-table td{padding:.65rem .75rem;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.04)}.dashboard-table-row{cursor:pointer;transition:background .15s}.dashboard-table-row:hover{background:#ffffff0a}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.status-dot.active{background:#4ade80;box-shadow:0 0 6px #4ade8066}.status-dot.inactive{background:#6b7280}.mono-cell{font-family:Fira Code,monospace}.cost-cell{color:var(--color-cost)}.age-cell{color:var(--text-secondary);font-size:.8rem}.participants-cell{font-weight:500}.skeleton{position:relative;overflow:hidden;min-height:100px}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dashboard-error{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.dashboard-error p{margin-bottom:1rem}.dashboard-tooltip{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:.5rem .75rem;font-size:.8rem}.dashboard-tooltip-label{color:var(--text-secondary);margin-bottom:4px;font-weight:600}.dashboard-tooltip-item{display:flex;align-items:center;gap:6px;padding:2px 0;color:var(--text-primary)}.dashboard-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dashboard-tooltip-value{margin-left:auto;font-family:Fira Code,monospace;font-weight:600}.session-list-page{padding:1.5rem 2rem;max-width:1400px;margin:0 auto}.session-list-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.session-list-header h1{margin:0;font-size:1.5rem;font-weight:600}.session-count-badge{background:var(--bg-overlay);color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:2px 10px;border-radius:12px;font-family:Fira Code,monospace}.session-list-loading,.session-list-error{text-align:center;padding:3rem 1rem;color:var(--text-secondary);font-size:.95rem}.session-list-error{color:var(--color-error)}.session-filters{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-search{flex:1;min-width:200px}.filter-input{width:100%;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;padding:.45rem .75rem;color:var(--text-primary);font-size:.85rem;outline:none;transition:border-color .15s;box-sizing:border-box}.filter-input::placeholder{color:var(--text-muted)}.filter-input:focus{border-color:var(--accent)}.filter-select{background:var(--bg-base);border:1px solid var(--border);border-radius:6px;padding:.45rem .75rem;color:var(--text-primary);font-size:.8rem;cursor:pointer;outline:none;min-width:100px;transition:border-color .15s}.filter-select:focus{border-color:var(--accent)}.filter-select option{background:var(--bg-surface);color:var(--text-primary)}.filter-clear-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.45rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-clear-btn:hover{border-color:var(--color-error);color:var(--color-error)}.multi-select{position:relative}.multi-select-trigger{display:flex;align-items:center;gap:6px;white-space:nowrap}.multi-select-arrow{font-size:.6em;color:var(--text-muted)}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:.35rem 0;min-width:180px;z-index:50;box-shadow:0 8px 24px #0006}.multi-select-option{display:flex;align-items:center;gap:8px;padding:.35rem .75rem;font-size:.8rem;color:var(--text-primary);cursor:pointer;transition:background .1s}.multi-select-option:hover{background:#ffffff0a}.multi-select-option input[type=checkbox]{accent-color:var(--accent)}.filter-stage-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.filter-stage-dot.stage-0{background:var(--stage-0)}.filter-stage-dot.stage-1{background:var(--stage-1)}.filter-stage-dot.stage-2{background:var(--stage-2)}.filter-stage-dot.stage-3{background:var(--stage-3)}.filter-stage-dot.stage-4{background:var(--stage-4)}.session-table-wrapper{overflow-x:auto}.session-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.session-table thead tr{background:var(--bg-elevated)}.session-table th{text-align:left;padding:.6rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.session-table th.sortable{cursor:pointer;transition:color .15s}.session-table th.sortable:hover{color:var(--text-primary)}.session-table th.sorted{color:var(--accent)}.sort-arrow{margin-left:4px;font-size:.85em}.session-table td{padding:.55rem .75rem;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.session-table tbody tr:nth-child(2n){background:var(--bg-base)}.session-table tbody tr:nth-child(odd){background:var(--bg-surface)}.session-row{cursor:pointer;transition:background .12s}.session-row:hover{background:#3b82f614!important}.col-indicator{width:32px;text-align:center}.activity-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.activity-dot.active{background:#4ade80;box-shadow:0 0 6px #4ade8080}.activity-dot.inactive{background:#6b7280}.col-participants{min-width:160px}.participant-name{font-weight:500}.type-tag{display:inline-block;margin-left:6px;font-size:.65rem;padding:1px 5px;border-radius:3px;text-transform:uppercase;font-weight:600;vertical-align:middle}.type-tag.inner{background:#8b5cf626;color:#a78bfa}.col-status .status-badge{font-size:.7rem;padding:2px 8px}.col-turns.mono,.col-age.mono{font-family:Fira Code,monospace;color:var(--text-secondary)}.session-table-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);border-radius:8px}.session-table-empty p{margin:0;font-size:.95rem}.pagination{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;margin-top:.5rem}.pagination-info{font-size:.8rem;color:var(--text-secondary)}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.pagination-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);padding:.4rem .85rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){background:var(--bg-overlay);border-color:var(--accent)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-page{font-size:.8rem;color:var(--text-secondary);padding:0 .5rem}@media(max-width:768px){.filter-row{flex-direction:column;align-items:stretch}.filter-search{min-width:unset}.filter-item,.filter-select,.multi-select-trigger{width:100%}.pagination{flex-direction:column;gap:.5rem;align-items:center}}.live-monitor{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.live-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.live-header-left{display:flex;align-items:center;gap:1rem}.live-header-right{display:flex;align-items:center;gap:.5rem}.live-connection-status{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary)}.live-connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.live-event-counter{font-size:.8rem;color:var(--text-muted);font-family:Fira Code,monospace}.live-filter-select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);padding:.3rem .6rem;border-radius:4px;font-size:.8rem;cursor:pointer}.live-btn{border:1px solid var(--border);padding:.3rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;font-weight:600;transition:background .15s,border-color .15s}.live-btn-pause{background:var(--bg-elevated);color:var(--color-warning);border-color:#fbbf244d}.live-btn-pause:hover{background:#fbbf241a}.live-btn-resume{background:#4ade801a;color:var(--color-success);border-color:#4ade804d}.live-btn-resume:hover{background:#4ade8033}.live-btn-active{background:#3b82f626;color:var(--accent);border-color:#3b82f666}.live-btn-active:hover{background:#3b82f640}.live-tabs{display:flex;gap:2px;padding:.4rem 1rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.live-session-tab{display:inline-flex;align-items:center;gap:6px;padding:.3rem .7rem;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;border-bottom:2px solid transparent;border-radius:4px 4px 0 0;white-space:nowrap;transition:background .15s,color .15s}.live-session-tab:hover{background:#ffffff0a;color:var(--text-primary)}.live-session-tab.active{color:var(--text-primary);border-bottom-color:var(--accent);background:#3b82f614}.live-tab-pulse{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;box-shadow:0 0 4px #4ade80}50%{opacity:.4;box-shadow:none}}.live-tab-label{font-weight:500}.live-tab-close{font-size:1rem;line-height:1;opacity:.4;cursor:pointer;padding:0 2px;transition:opacity .15s}.live-tab-close:hover{opacity:1;color:var(--color-error)}.live-feed{flex:1;overflow-y:auto;padding:.5rem 1rem;display:flex;flex-direction:column;gap:4px}.live-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-style:italic;font-size:.9rem}.live-event-card{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--border);border-radius:6px;transition:border-color .2s,background .2s}.live-event-card:hover{border-color:var(--text-secondary)}.live-event-card.pending{border-left-color:#3b82f6;background:#3b82f608}.live-event-card.error{border-left-color:#ef4444;background:#ef444408}.live-event-card.flash{animation:live-flash 1.5s ease-out}@keyframes live-flash{0%{background:#4ade8026}to{background:var(--bg-surface)}}.live-event-header{display:flex;align-items:center;gap:8px;padding:.5rem .75rem;cursor:pointer;transition:background .15s;min-height:36px}.live-event-header:hover{background:#ffffff08}.live-event-timestamp{font-family:Fira Code,monospace;font-size:.75rem;color:var(--text-muted);flex-shrink:0;min-width:90px}.live-event-session-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.live-event-session-name{font-size:.75rem;color:var(--text-secondary);flex-shrink:0;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-event-icon{font-size:1rem;flex-shrink:0}.live-event-title{font-weight:600;font-size:.85rem;color:var(--text-primary);flex-shrink:0;white-space:nowrap}.live-event-duration{font-family:Fira Code,monospace;font-size:.75rem;color:var(--text-muted);flex-shrink:0}.live-event-cost{flex-shrink:0;font-size:.8rem}.live-event-status{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.live-event-status.pending .spinner{color:#60a5fa;font-size:.9rem}.live-event-status.completed .icon-success{color:#4ade80}.live-event-status.failed .icon-error{color:#ef4444}.live-event-preview{flex:1;min-width:0;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-event-toggle{font-size:.7rem;color:var(--text-muted);flex-shrink:0;opacity:.5}.live-event-expanded{border-top:1px solid var(--border);padding:.75rem;background:#00000026}.live-new-events-btn{position:absolute;bottom:48px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;border:none;padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #3b82f666;z-index:10;transition:background .15s}.live-new-events-btn:hover{background:#2563eb}.live-footer{display:flex;align-items:center;gap:1rem;padding:.4rem 1rem;background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0;font-size:.8rem}.live-auto-scroll-label{display:flex;align-items:center;gap:6px;color:var(--text-secondary);cursor:pointer}.live-auto-scroll-label input[type=checkbox]{accent-color:var(--accent)}.live-buffer-count{color:var(--color-warning);font-family:Fira Code,monospace;font-size:.75rem}.cost-page{padding:1.5rem 2rem;max-width:1400px;margin:0 auto}.cost-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cost-page-header h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.cost-page .period-toggle{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:2px}.cost-loading,.cost-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary);font-size:.95rem}.cost-error{color:var(--color-error)}.cost-error-detail{color:var(--text-muted);font-size:.85rem;margin-top:.5rem}.cost-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1024px){.cost-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cost-summary-grid{grid-template-columns:1fr}}.cost-page .cost-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1.5rem}.cost-section-title{margin:0 0 1rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.cost-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cost-section-header .cost-section-title{margin-bottom:0}.cost-chart-container{margin-top:.5rem}.cost-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:900px){.cost-breakdown-grid{grid-template-columns:1fr}}.cost-breakdown-grid .cost-section{margin-bottom:0}.breakdown-labels{margin-top:.75rem;display:flex;flex-direction:column;gap:.35rem}.breakdown-label-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.breakdown-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.breakdown-model{flex:1;color:var(--text-primary);font-weight:500}.breakdown-pct{font-family:Fira Code,monospace;color:var(--text-secondary);min-width:50px;text-align:right}.breakdown-cost{font-family:Fira Code,monospace;color:var(--color-cost);min-width:80px;text-align:right}.cache-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media(max-width:900px){.cache-grid{grid-template-columns:1fr}}.cache-subtitle{margin:0 0 .75rem;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.cache-donut-container{position:relative}.cache-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;margin-top:12px}.cache-donut-value{font-family:Fira Code,monospace;font-size:1.5rem;font-weight:700;color:#10b981}.cache-donut-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.cache-stats{margin-top:.75rem;display:flex;flex-direction:column;gap:.35rem}.cache-stat{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.cache-stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cache-stat-label{color:var(--text-secondary);min-width:60px}.cache-stat-value{font-family:Fira Code,monospace;color:var(--text-primary)}.cost-table-wrapper{overflow-x:auto}.cost-table{width:100%;border-collapse:collapse;font-size:.85rem}.cost-table th{text-align:left;padding:.6rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.cost-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.cost-table th.sortable:hover{color:var(--text-primary)}.cost-table-row{cursor:pointer;transition:background .15s}.cost-table-row:hover{background:#ffffff08}.cost-table td{padding:.55rem .75rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-primary)}.session-name-cell{font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.numeric-cell{font-family:Fira Code,monospace;text-align:right;color:var(--text-secondary)}.cost-cell{font-family:Fira Code,monospace;text-align:right}.cost-cell.sonnet{color:var(--model-sonnet)}.cost-cell.haiku{color:var(--model-haiku)}.cost-cell.total{color:var(--color-cost);font-weight:600}.empty-table{text-align:center;color:var(--text-muted);font-style:italic;padding:2rem!important}.export-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.export-btn:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--text-muted)}.cost-tooltip{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:.6rem .75rem;box-shadow:0 4px 12px #0006;min-width:140px}.cost-tooltip-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.35rem;font-weight:600}.cost-tooltip-row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:2px 0}.cost-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cost-tooltip-name{flex:1;color:var(--text-primary)}.cost-tooltip-value{font-family:Fira Code,monospace;font-weight:600;color:var(--color-cost)}.session-tabs{display:flex;gap:2px;padding:0 1rem;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.session-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.session-tab:hover{color:var(--text-primary)}.session-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.session-cost-tab{padding:1.5rem;overflow-y:auto;flex:1}.cost-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:800px){.cost-summary-cards{grid-template-columns:1fr}}.cost-section-title{margin:0 0 .75rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.cost-model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.cost-model-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1rem}.cost-model-name{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.35rem;font-weight:600}.cost-model-value{font-family:Fira Code,monospace;font-size:1.25rem;font-weight:700;color:var(--color-cost)}.cost-model-detail{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.cost-chart{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:1rem}.session-prompts-tab{padding:1.5rem;overflow-y:auto;flex:1}.prompts-table{width:100%;border-collapse:collapse}.prompts-table th{text-align:left;padding:.5rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}.prompts-table td{padding:.6rem .75rem;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.04)}.prompts-table-row{cursor:pointer;transition:background .15s}.prompts-table-row:hover{background:#ffffff0a}.prompts-col-num{color:var(--text-muted);font-family:Fira Code,monospace;font-size:.75rem;width:40px}.prompts-col-type{text-transform:capitalize;font-weight:500}.prompts-col-duration{color:var(--text-secondary)}.prompts-col-status .status-dot{width:auto;height:auto;font-size:.85rem}.prompts-col-status .status-dot.completed{color:#4ade80}.prompts-col-status .status-dot.failed{color:#ef4444}.prompts-col-status .status-dot.pending{color:#60a5fa}.mono{font-family:Fira Code,monospace}.prompt-inspector{display:flex;flex-direction:column;height:100%;overflow:hidden}.prompt-inspector-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.prompt-inspector-nav{display:flex;align-items:center}.prompt-back-link{color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:500}.prompt-back-link:hover{text-decoration:underline}.prompt-inspector-meta{display:flex;align-items:center;gap:.75rem}.prompt-call-type{font-size:.9rem;font-weight:600;text-transform:capitalize;color:var(--text-primary)}.prompt-header-cost{font-size:.9rem}.prompt-inspector-panels{display:flex;flex:1;overflow:hidden;gap:1px;background:var(--border)}.prompt-panel{overflow-y:auto;padding:1rem;background:var(--bg-base)}.prompt-panel.request-panel,.prompt-panel.response-panel{flex:0 0 35%}.prompt-panel.metadata-panel{flex:0 0 30%}.panel-title{margin:0 0 1rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding-bottom:.5rem;border-bottom:1px solid var(--border)}.prompt-section{margin-bottom:1.25rem}.prompt-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.prompt-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.prompt-token-count{font-family:Fira Code,monospace;font-size:.7rem;color:var(--text-muted)}.system-block{margin-bottom:.75rem;border:1px solid var(--border);border-radius:6px;overflow:hidden}.system-block-header{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);font-size:.8rem}.system-block-label{font-weight:600;color:var(--text-primary)}.system-block-tokens{margin-left:auto;font-family:Fira Code,monospace;font-size:.7rem;color:var(--text-muted)}.system-block-content{margin:0;padding:.75rem;font-family:Fira Code,monospace;font-size:.8rem;line-height:1.5;color:#a5b4fc;background:#0000004d;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.prompt-expand-btn{display:block;background:none;border:none;color:var(--accent);font-size:.8rem;cursor:pointer;padding:.4rem .75rem;transition:color .15s}.prompt-expand-btn:hover{text-decoration:underline}.earlier-btn{margin-bottom:.5rem;font-style:italic;color:var(--text-muted)}.prompt-messages{display:flex;flex-direction:column;gap:.5rem}.prompt-message{padding:.6rem .75rem;border-radius:8px;font-size:.85rem;line-height:1.5}.prompt-message.role-user{background:#3b82f61f;border:1px solid rgba(59,130,246,.2)}.prompt-message.role-assistant{background:#6b72801f;border:1px solid rgba(107,114,128,.2)}.prompt-role-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:3px;margin-bottom:.25rem}.prompt-role-badge.user{background:#3b82f633;color:#60a5fa}.prompt-role-badge.assistant{background:#6b728033;color:#9ca3af}.prompt-message-content{white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.response-card{margin-bottom:.75rem;border:1px solid var(--border);border-radius:6px;overflow:hidden}.response-card-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-elevated);cursor:pointer;transition:background .15s}.response-card-header:hover{background:var(--bg-overlay)}.response-card-icon{font-size:1rem;flex-shrink:0}.response-card-title{font-weight:600;font-size:.85rem;color:var(--text-primary)}.response-card-toggle{margin-left:auto;font-size:.7rem;color:var(--text-muted)}.response-card-body{padding:.75rem;border-top:1px solid var(--border);background:#00000026}.thinking-badges{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;margin-right:.5rem}.thinking-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.7rem;font-weight:600;background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.25)}.thinking-badge.success{background:#4ade8026;color:#4ade80;border-color:#4ade8040}.thinking-strategy{margin-bottom:.5rem;font-size:.85rem;color:var(--text-primary)}.thinking-label{font-weight:600;color:var(--text-secondary)}.thinking-raw{margin:0;font-family:Fira Code,monospace;font-size:.8rem;line-height:1.5;color:#e0e7ff;white-space:pre-wrap;word-break:break-word}.thinking-card{border-color:#6366f14d}.draft-card{border-color:#10b9814d}.draft-text{margin:0;line-height:1.6;color:var(--text-primary);font-size:.9rem}.dispatch-card{border-color:#f59e0b4d}.dispatch-tag{margin-left:auto;font-family:Fira Code,monospace;font-size:.75rem;background:#f59e0b26;color:#fbbf24;padding:1px 6px;border-radius:3px}.response-text-section{margin-bottom:.75rem}.response-text-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#34d399;margin-bottom:.35rem}.response-text-content{padding:.75rem;background:#10b9810f;border:1px solid rgba(16,185,129,.15);border-radius:6px;line-height:1.6;color:var(--text-primary);font-size:.9rem;white-space:pre-wrap;word-break:break-word}.text-muted{color:var(--text-muted);font-style:italic}.raw-toggle{margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.raw-json{margin:.5rem 0 0;padding:.75rem;font-family:Fira Code,monospace;font-size:.75rem;line-height:1.5;color:var(--text-secondary);background:#0000004d;border-radius:6px;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.meta-section{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.meta-section:last-child{border-bottom:none}.meta-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem}.meta-model-row{display:flex;align-items:center;gap:.5rem}.meta-model-id{font-family:Fira Code,monospace;font-size:.7rem;color:var(--text-muted);word-break:break-all}.meta-kv{display:flex;justify-content:space-between;align-items:center;padding:.2rem 0;font-size:.8rem}.meta-kv-label{color:var(--text-secondary)}.meta-kv-value{color:var(--text-primary)}.meta-kv-value.mono{font-family:Fira Code,monospace}.meta-kv-value.cached-value{color:var(--color-success)}.meta-kv-value.cost-val{color:var(--color-cost)}.meta-kv-value.cost-total{color:var(--color-cost);font-weight:700;font-size:1rem}.meta-kv.total{padding-top:.5rem;margin-top:.25rem;border-top:1px solid var(--border)}.meta-savings{font-size:.75rem;color:var(--color-success);margin-top:.35rem;font-style:italic}.cache-bar{margin-top:.25rem}.cache-bar-track{display:flex;height:10px;border-radius:5px;overflow:hidden;background:#ffffff0d}.cache-bar-fill.cached{background:var(--color-success)}.cache-bar-fill.uncached{background:#6b728066}.cache-bar-labels{margin-top:4px}.cache-bar-pct{font-family:Fira Code,monospace;font-size:.75rem;color:var(--color-success);font-weight:600}.diff-viewer{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:.75rem;background:var(--bg-base)}.diff-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);gap:.75rem;flex-wrap:wrap}.diff-header-left,.diff-header-right{display:flex;align-items:center;gap:.75rem}.diff-title{font-size:.8rem;font-weight:600;color:var(--text-primary)}.diff-stats{display:flex;gap:.5rem;font-family:Fira Code,monospace;font-size:.75rem}.diff-stat-added{color:#4ade80}.diff-stat-removed{color:#f87171}.diff-categories{display:flex;gap:.4rem}.diff-category-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border:1px solid;border-radius:3px}.diff-view-toggle{display:flex;border:1px solid var(--border);border-radius:4px;overflow:hidden}.diff-toggle-btn{background:none;border:none;color:var(--text-secondary);font-size:.7rem;padding:2px 8px;cursor:pointer;transition:background .15s,color .15s}.diff-toggle-btn.active{background:var(--accent);color:#fff}.diff-toggle-btn:hover:not(.active){background:var(--bg-overlay)}.diff-close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:0 4px;line-height:1}.diff-close-btn:hover{color:var(--text-primary)}.diff-body{overflow-y:auto;max-height:500px}.diff-no-changes{padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem}.diff-hunk{border-bottom:1px solid var(--border)}.diff-hunk:last-child{border-bottom:none}.diff-hunk-header{padding:.25rem .75rem;background:#3b82f614;color:var(--text-muted);font-family:Fira Code,monospace;font-size:.7rem}.diff-line{display:flex;font-family:Fira Code,monospace;font-size:.75rem;line-height:1.6}.diff-line-added{background:#10b98121}.diff-line-removed{background:#f8717121}.diff-line-same{background:transparent}.diff-line-empty{background:#6b72800d}.diff-gutter{flex:0 0 40px;text-align:right;padding-right:8px;color:var(--text-muted);-webkit-user-select:none;user-select:none;opacity:.6}.diff-marker{flex:0 0 16px;text-align:center;-webkit-user-select:none;user-select:none}.diff-line-added .diff-marker{color:#4ade80}.diff-line-removed .diff-marker{color:#f87171}.diff-content{flex:1;white-space:pre-wrap;word-break:break-word;padding-right:.5rem}.diff-expander{display:block;width:100%;background:#3b82f60d;border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--accent);font-size:.75rem;padding:.3rem .75rem;cursor:pointer;text-align:center}.diff-expander:hover{background:#3b82f61a}.diff-split-header{display:flex;border-bottom:1px solid var(--border)}.diff-split-col-header{flex:1;padding:.3rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-elevated)}.diff-split-col-header:first-child{border-right:1px solid var(--border)}.diff-split-row{display:flex}.diff-split-cell{flex:1;display:flex;font-family:Fira Code,monospace;font-size:.75rem;line-height:1.6;min-height:1.6em}.diff-split-cell:first-child{border-right:1px solid var(--border)}.prompts-diff-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:.65rem;padding:1px 6px;border-radius:3px;cursor:pointer;transition:all .15s}.prompts-diff-btn:hover{border-color:var(--accent);color:var(--accent)}.prompt-compare-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);font-size:.8rem;padding:4px 12px;border-radius:4px;cursor:pointer;transition:all .15s}.prompt-compare-btn:hover{border-color:var(--accent);color:var(--accent)}.prompt-compare-btn:disabled{opacity:.4;cursor:not-allowed}.prompt-compare-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.playback-toggle{margin-left:auto}.playback-controls{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin:8px 0}.playback-timeline{display:flex;align-items:center;gap:2px;margin-bottom:10px;padding:4px 0;overflow-x:auto}.playback-marker{width:12px;height:12px;min-width:12px;border-radius:50%;background:var(--bg-overlay);border:1px solid var(--border);cursor:pointer;padding:0;transition:all .15s}.playback-marker:hover{background:var(--accent);transform:scale(1.3)}.playback-marker.active{background:var(--accent);box-shadow:0 0 8px var(--accent-glow);transform:scale(1.4);border-color:var(--accent)}.playback-marker.stage-transition{width:14px;height:14px;min-width:14px;border:2px solid rgba(255,255,255,.3)}.playback-buttons{display:flex;align-items:center;gap:8px}.playback-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);font-size:1rem;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.playback-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent)}.playback-btn:disabled{opacity:.3;cursor:not-allowed}.playback-btn.play-pause{background:var(--accent);border-color:var(--accent);color:#fff;width:36px;height:36px;font-size:1.1rem}.playback-counter{color:var(--text-secondary);font-size:.8rem;font-variant-numeric:tabular-nums;margin-left:8px}.playback-stage-badge{font-size:.7rem;color:#fff;padding:2px 8px;border-radius:10px;font-weight:600}.playback-speed{display:flex;gap:2px;margin-left:auto;background:var(--bg-elevated);border-radius:6px;padding:2px}.speed-btn{background:none;border:none;color:var(--text-muted);font-size:.75rem;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .15s}.speed-btn:hover{color:var(--text-primary)}.speed-btn.active{background:var(--accent);color:#fff}.playback-overlay{position:relative}.playback-turn-wrapper{transition:all .3s ease}.playback-current-turn{border:1px solid var(--accent);border-radius:8px;box-shadow:0 0 12px var(--accent-glow)}.playback-current-turn .turn-steps{display:block!important}.playback-split-view{display:flex;gap:1px;background:var(--border);flex:1;overflow:hidden}.playback-split-column{flex:1;background:var(--bg-base);display:flex;flex-direction:column;overflow-y:auto}.turn-focused>.turn-container{border-left:3px solid var(--accent);padding-left:8px}.global-search-backdrop{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.global-search-modal{width:500px;max-width:90vw;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden}.global-search-input-wrapper{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.global-search-icon{color:var(--text-muted);font-size:1.1rem}.global-search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:.95rem;outline:none;font-family:inherit}.global-search-input::placeholder{color:var(--text-muted)}.global-search-kbd{background:var(--bg-overlay);color:var(--text-muted);font-size:.7rem;padding:2px 6px;border-radius:4px;border:1px solid var(--border);font-family:inherit}.global-search-results{max-height:400px;overflow-y:auto;padding:8px 0}.global-search-group{padding:4px 0}.global-search-group-label{padding:6px 16px;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.global-search-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:none;border:none;color:var(--text-primary);font-size:.85rem;cursor:pointer;text-align:left;font-family:inherit;transition:background .1s}.global-search-item:hover,.global-search-item.selected{background:var(--bg-overlay)}.search-item-icon{color:var(--text-muted);font-size:.9rem;width:20px;text-align:center}.search-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-empty{padding:24px 16px;text-align:center;color:var(--text-muted);font-size:.85rem}.bottom-tabs{display:flex;align-items:stretch;background:var(--bg-surface);border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0;z-index:100;height:56px}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-secondary);text-decoration:none;font-size:.65rem;transition:color .15s,background .15s}.bottom-tab:hover{background:#ffffff0a}.bottom-tab.active{color:var(--accent)}.bottom-tab-icon{font-size:1.2rem}.bottom-tab-label{font-weight:500}.app-layout-mobile{flex-direction:column;height:100vh}.app-layout-mobile .main-content{padding-bottom:56px}@media(max-width:1200px){.sidebar{width:56px;min-width:56px}.sidebar .sidebar-brand-text,.sidebar .sidebar-nav-label,.sidebar .sidebar-section{display:none}.dashboard-grid-charts,.cost-breakdown-grid,.cache-grid{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{display:none}.dashboard-grid-metrics,.dashboard-grid-charts,.cost-summary-grid,.cost-breakdown-grid,.cost-summary-cards,.cache-grid{grid-template-columns:1fr}.split-view-container{flex-direction:column}.user-column{max-height:50vh}.session-detail{padding:.5rem}.session-tabs{flex-wrap:wrap;gap:.25rem}.live-header{flex-direction:column;gap:.5rem;align-items:stretch}.live-header-right{flex-wrap:wrap;gap:.5rem}.live-tabs{flex-wrap:wrap}.session-browser{padding:1rem}.playback-split-view{flex-direction:column}.playback-split-column{max-height:50vh}}.turn-pipeline-btns{display:flex;gap:.25rem;margin-left:auto}.pipeline-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);padding:.15rem .5rem;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .15s;text-transform:uppercase;letter-spacing:.03em}.pipeline-btn:hover{background:#ffffff1a;color:var(--text-primary)}.pipeline-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pipeline-btn:disabled{opacity:.5;cursor:not-allowed}.trace-error{color:var(--color-warning, #f59e0b);font-size:.75rem;padding:.25rem 0}.timing-waterfall{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.75rem;margin:.5rem 0;font-size:.75rem}.waterfall-legend{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.waterfall-legend-item{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary)}.waterfall-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px}.waterfall-total{margin-left:auto;color:var(--text-secondary);font-size:.7rem}.waterfall-axis{position:relative;height:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.25rem}.waterfall-tick{position:absolute;transform:translate(-50%);font-size:.65rem;color:var(--text-secondary);white-space:nowrap}.waterfall-rows{display:flex;flex-direction:column;gap:2px}.waterfall-row{display:grid;grid-template-columns:140px 1fr 50px;align-items:center;gap:.5rem;height:22px}.waterfall-label{display:flex;align-items:center;gap:.25rem;color:var(--text-primary);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waterfall-status{font-size:.6rem;width:12px;text-align:center}.waterfall-status.success{color:#10b981}.waterfall-status.error{color:#ef4444}.waterfall-status.skipped{color:#6b7280}.waterfall-track{position:relative;height:16px;background:#ffffff08;border-radius:2px}.waterfall-bar{position:absolute;top:1px;height:14px;border-radius:2px;display:flex;align-items:center;justify-content:center;min-width:2px;transition:opacity .15s}.waterfall-bar.skipped{background-image:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(255,255,255,.1) 3px,rgba(255,255,255,.1) 6px)}.waterfall-bar-text{font-size:.6rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.waterfall-duration{font-size:.65rem;color:var(--text-secondary);text-align:right}.pipeline-flow-diagram{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.75rem;margin:.5rem 0;overflow-x:auto}.pipeline-flow-diagram svg{display:block}.pipeline-node-box{cursor:default}.pipeline-node-box rect{rx:4;ry:4}.pipeline-node-label{font-size:11px;font-family:inherit;fill:#fff}.pipeline-node-duration{font-size:9px;font-family:inherit;fill:#ffffffb3}.pipeline-node-badge{font-size:8px;font-family:inherit;fill:#fff9}.pipeline-edge{fill:none;stroke:#fff3;stroke-width:1.5}.response-parsing-viewer{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem}.parsing-flags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.parsing-flag-pill{display:inline-flex;align-items:center;gap:.2rem;padding:.15rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500;background:#ffffff14;color:var(--text-secondary)}.parsing-flag-pill.active{background:#10b98133;color:#10b981}.parsing-raw-panel,.parsing-parsed-panel{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.75rem;overflow:auto;max-height:500px}.parsing-panel-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.parsing-raw-content{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--text-primary)}.parsing-tag-thinking{color:#ef4444}.parsing-tag-draft{color:#3b82f6}.parsing-tag-dispatch{color:#f59e0b}.parsing-tag-content{color:var(--text-primary)}.parsing-section{margin-bottom:.75rem}.parsing-section-header{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.parsing-section-badge{display:inline-flex;align-items:center;padding:.1rem .4rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase}.parsing-section-badge.thinking{background:#ef444433;color:#ef4444}.parsing-section-badge.draft{background:#3b82f633;color:#3b82f6}.parsing-section-badge.dispatch{background:#f59e0b33;color:#f59e0b}.parsing-section-badge.response{background:#10b98133;color:#10b981}.parsing-section-content{font-size:.75rem;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.dispatch-flow-diagram{margin-top:.5rem;padding:.5rem;background:#00000026;border:1px solid rgba(255,255,255,.06);border-radius:4px}.dispatch-flow-diagram svg{display:block;margin:0 auto}.prompt-inspector-tab-bar{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.75rem}.prompt-inspector-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);padding:.4rem .75rem;font-size:.8rem;cursor:pointer;transition:all .15s}.prompt-inspector-tab:hover{color:var(--text-primary)}.prompt-inspector-tab.active{color:var(--accent);border-bottom-color:var(--accent)}