:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-tertiary: #242836;--bg-card: #1e2130;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--border: #2e3242;--status-pending: #71717a;--status-active: #3b82f6;--status-working: #3b82f6;--status-completed: #22c55e;--status-blocked: #f59e0b;--status-failed: #ef4444;--expert-accent: #a78bfa;--ohshit-accent: #f97316;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}#root{height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.layout{display:flex;flex-direction:column;height:100vh}.layout-body{display:flex;flex:1;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:1rem}.header-title{font-size:1.5rem;font-weight:700;color:var(--status-active);margin:0}.header-right{display:flex;align-items:center;gap:1rem}.project-filter{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer}.project-filter:focus{outline:2px solid var(--status-active);outline-offset:2px}.connection-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.connection-dot{width:8px;height:8px;border-radius:50%}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0}.project-meta{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.project-meta-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.project-meta-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.project-meta-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta-status{font-size:.65rem;font-weight:700;letter-spacing:.05em;flex-shrink:0}.project-meta-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.project-meta-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.meta-stat{display:flex;flex-direction:column;padding:.5rem;background:var(--bg-card);border-radius:6px;border:1px solid var(--border)}.meta-stat-label{font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.meta-stat-value{font-size:.85rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.project-meta-active{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px}.meta-active-dot{width:8px;height:8px;border-radius:50%;background:var(--status-active);flex-shrink:0;animation:pulse 2s ease-in-out infinite}.meta-active-label{font-size:.8rem;font-weight:600;color:var(--status-active);font-family:var(--font-mono)}.meta-active-msg{font-size:.7rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta-heartbeat{font-size:.75rem;color:var(--text-muted)}.project-meta-artifacts{display:flex;flex-direction:column;gap:.25rem}.meta-artifacts-list{display:flex;flex-wrap:wrap;gap:.25rem}.meta-artifact{font-size:.65rem;padding:.15rem .4rem;background:var(--bg-tertiary);border-radius:3px;color:var(--text-secondary);font-family:var(--font-mono)}.project-meta-result{display:flex;align-items:center;gap:.5rem}.meta-result-badge{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.meta-result-badge--success{color:var(--status-completed)}.meta-result-badge--failure{color:var(--status-failed)}.meta-result-badge--partial{color:var(--status-blocked)}.project-meta-switcher{border-top:1px solid var(--border);padding-top:.75rem}.meta-session-select{width:100%;padding:.4rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.75rem;cursor:pointer}.meta-session-select:focus{outline:2px solid var(--status-active);outline-offset:2px}.session-list{padding:.5rem}.session-list-empty{padding:2rem;text-align:center;color:var(--text-muted)}.session-list-empty-subtitle{font-size:.875rem;margin-top:.5rem}.session-card{padding:1rem;margin-bottom:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.session-card:hover{background:var(--bg-tertiary);border-color:var(--status-active)}.session-card--active{border-color:var(--status-active);background:var(--bg-tertiary)}.session-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.session-card-project{font-weight:600;font-size:1rem;color:var(--text-primary)}.session-card-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.session-card-footer{font-size:.75rem;color:var(--text-muted)}.status-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:12px;text-transform:uppercase;letter-spacing:.025em}.main{flex:1;overflow-y:auto;background:var(--bg-primary)}.main-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.main-empty h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-secondary)}.session-panel{height:100%;display:flex;flex-direction:column;overflow:hidden}.agent-status-bar{display:flex;align-items:center;gap:0;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.agent-dot-group{display:flex;align-items:center}.agent-dot{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 .25rem}.agent-dot-circle{width:10px;height:10px;border-radius:50%;flex-shrink:0}.agent-dot-circle--pulse{animation:pulse 2s ease-in-out infinite}.agent-dot-label{font-size:.6rem;font-family:var(--font-mono);color:var(--text-secondary);white-space:nowrap}.agent-dot-connector{width:20px;height:2px;background:var(--border);flex-shrink:0}.session-panel-feed{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;position:relative}.feed-item{display:flex;gap:.5rem;padding:.6rem .75rem;background:var(--bg-card);border-radius:6px;border-left:3px solid var(--border);align-items:flex-start}.feed-item-icon{flex-shrink:0;font-size:.85rem;line-height:1.4;width:1.2rem;text-align:center}.feed-item-body{flex:1;min-width:0}.feed-item-primary{font-size:.9rem;color:var(--text-primary);line-height:1.4}.feed-item-secondary{font-size:.7rem;color:var(--text-muted);font-family:var(--font-mono);margin-top:.15rem}.feed-item-time{flex-shrink:0;font-size:.7rem;color:var(--text-muted);white-space:nowrap}.feed-item-detail{margin-top:.4rem}.feed-item-detail summary{font-size:.75rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.feed-item-detail p{margin-top:.25rem;padding:.4rem .5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.feed-item-artifacts{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}.feed-item-artifact-pill{font-size:.6rem;padding:.1rem .4rem;background:var(--bg-tertiary);border-radius:3px;color:var(--text-secondary);font-family:var(--font-mono)}.feed-scroll-btn{position:sticky;bottom:.5rem;align-self:center;padding:.3rem .75rem;background:var(--status-active);border:none;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;opacity:.9;transition:opacity .2s}.feed-scroll-btn:hover{opacity:1}.session-panel-loading,.session-panel-error{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.pipeline-view{display:flex;flex-direction:column;justify-content:center;gap:0;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;height:100%}.pipeline-view-empty{padding:1.5rem;text-align:center;color:var(--text-muted)}.pipeline-step{display:flex;flex-direction:column;align-items:center}.pipeline-node{display:flex;flex-direction:row;align-items:center;gap:.4rem;padding:.35rem .6rem;background:var(--bg-card);border:2px solid var(--border);border-radius:6px;min-width:0;position:relative}.pipeline-node--pending{border-style:dashed;opacity:.6}.pipeline-node--started,.pipeline-node--working{border-color:var(--status-active)}.pipeline-node--working{animation:pulse 2s ease-in-out infinite}.pipeline-node--completed{border-color:var(--status-completed)}.pipeline-node--blocked{border-color:var(--status-blocked)}.pipeline-node--failed{border-color:var(--status-failed)}.pipeline-node-icon{font-size:.85rem;flex-shrink:0}.pipeline-node-content{text-align:left;white-space:nowrap}.pipeline-node-name{font-weight:600;font-size:.7rem;font-family:var(--font-mono);line-height:1.2}.pipeline-node-status{font-size:.55rem;text-transform:uppercase;letter-spacing:.05em}.pipeline-node-duration{font-size:.55rem;color:var(--text-muted);font-family:var(--font-mono)}.pipeline-node-message{margin-top:.15rem;padding:.15rem .4rem;background:var(--bg-tertiary);border-radius:4px;font-size:.55rem;color:var(--text-secondary);max-width:130px;word-wrap:break-word;white-space:normal}.pipeline-edge{width:2px;height:12px;flex:0 0 12px;position:relative;display:flex;justify-content:center;margin-left:auto;margin-right:auto}.pipeline-edge-line{width:2px;height:100%}.pipeline-edge--active .pipeline-edge-line{animation:dash-vertical 1s linear infinite;background:linear-gradient(180deg,var(--status-active) 50%,transparent 50%);background-size:100% 20px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes dash{to{background-position:20px 0}}@keyframes dash-vertical{to{background-position:0 20px}}.session-panel-tabs{flex:1;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--border)}.tabs-header{display:flex;gap:0;border-bottom:2px solid var(--border);flex-shrink:0;padding:0 .5rem}.tab{padding:.5rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:-2px;white-space:nowrap}.tab:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab--active{color:var(--status-active);border-bottom-color:var(--status-active)}.tabs-content{flex:1;overflow-y:auto;padding:.75rem}.activity-feed{padding:0}.activity-feed-empty{padding:2rem;text-align:center;color:var(--text-muted)}.activity-feed-item{display:flex;gap:1rem;padding:.75rem;margin-bottom:.5rem;background:var(--bg-card);border-radius:6px;border-left:3px solid var(--border)}.activity-feed-time{flex-shrink:0;font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);min-width:80px}.activity-feed-content{flex:1}.activity-feed-type{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.activity-feed-details{font-size:.875rem;color:var(--text-primary)}.activity-feed-message{margin-top:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.875rem;color:var(--text-secondary)}.expert-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.expert-panel-empty{padding:2rem;text-align:center;color:var(--text-muted)}.expert-card{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-left:4px solid var(--expert-accent);border-radius:6px}.expert-card-header{margin-bottom:.5rem}.expert-card-name{font-weight:700;color:var(--expert-accent);font-family:var(--font-mono);font-size:.875rem}.expert-card-topic{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.expert-card-findings{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.ohshit-feed{display:flex;flex-direction:column;gap:1rem}.ohshit-feed-empty{padding:2rem;text-align:center;color:var(--text-muted)}.ohshit-feed-item{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-left:4px solid var(--ohshit-accent);border-radius:6px}.ohshit-feed-type{font-weight:700;color:var(--ohshit-accent);font-size:.875rem;margin-bottom:.5rem}.ohshit-feed-problem,.ohshit-feed-solution{font-size:.875rem;margin-bottom:.5rem;line-height:1.5}.ohshit-feed-problem strong,.ohshit-feed-solution strong{color:var(--text-primary);display:block;margin-bottom:.25rem}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--status-active);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notification-banner{position:fixed;top:1rem;right:1rem;max-width:400px;padding:1rem;background:var(--bg-card);border:1px solid var(--status-active);border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;gap:1rem;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-banner-content{flex:1}.notification-banner-title{font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.notification-banner-message{font-size:.875rem;color:var(--text-secondary)}.notification-banner-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.25rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.notification-banner-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.notification-toggle{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.notification-toggle:hover:not(:disabled){border-color:var(--status-active);color:var(--text-primary)}.notification-toggle--active{border-color:var(--status-completed);color:var(--status-completed)}.notification-toggle:disabled{opacity:.5;cursor:not-allowed}.notification-toggle-icon{font-size:.9rem}.notification-toggle-label{white-space:nowrap}.notification-settings{display:flex;flex-direction:column;gap:1rem}.notification-settings-header h3{font-size:1rem;margin-bottom:.25rem;color:var(--text-primary)}.notification-settings-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.notification-settings-list{display:flex;flex-direction:column;gap:.5rem}.notification-settings-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px}.notification-settings-pattern{font-size:.8rem;font-family:var(--font-mono);color:var(--text-primary)}.notification-settings-tier{padding:.3rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:.75rem;cursor:pointer}.notification-settings-tier:focus{outline:2px solid var(--status-active);outline-offset:2px}.notification-settings-save{align-self:flex-start;padding:.5rem 1.25rem;background:var(--status-active);border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.notification-settings-save:hover{opacity:.9}.notification-settings-save:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.layout-body{flex-direction:column}.sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid var(--border)}.session-list{display:flex;overflow-x:auto;padding:.5rem}.session-card{min-width:250px;margin-right:.5rem;margin-bottom:0}.agent-status-bar{overflow-x:auto;-webkit-overflow-scrolling:touch}.feed-item{padding:.5rem}.expert-panel{grid-template-columns:1fr}}