@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0f0f0f;--bg-surface: #181818;--bg-raised: #212121;--bg-hover: #2a2a2a;--bg-active: #303030;--border: #2e2e2e;--border-mid: #3a3a3a;--border-strong: #4a4a4a;--text-primary: #e8e8e8;--text-secondary: #909090;--text-muted: #5a5a5a;--amber: #f59e0b;--amber-bg: #2a1f07;--amber-border: #78450a;--green: #22c55e;--green-bg: #0a2212;--green-border: #166534;--blue: #3b82f6;--blue-bg: #0d1a2e;--blue-border: #1e3a5f;--red: #ef4444;--red-bg: #2a0a0a;--red-border: #7f1d1d;--gray-bg: #1e1e1e;--gray-border: #333;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 100px}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:var(--font-sans);cursor:pointer}textarea,input{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color .15s}textarea:focus,input:focus{border-color:var(--border-strong)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:3px 8px;border-radius:var(--radius-pill);letter-spacing:.01em}.badge-dot{width:6px;height:6px;border-radius:50%}.badge-amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-border)}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-blue{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-gray{background:var(--gray-bg);color:var(--text-secondary);border:1px solid var(--gray-border)}.sidebar{width:220px;min-width:220px;height:100vh;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid var(--border)}.sidebar-logo{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.sidebar-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.sidebar-triage-btn{margin:8px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between;transition:all .15s}.sidebar-triage-btn:hover,.sidebar-triage-btn.active{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border-mid)}.sidebar-section-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:10px 16px 4px}.sidebar-runs{flex:1;overflow-y:auto}.run-item{padding:10px 16px;border-bottom:1px solid var(--border);cursor:pointer;border-left:2px solid transparent;transition:background .1s}.run-item:hover{background:var(--bg-raised)}.run-item.active{background:var(--bg-raised);border-left-color:var(--blue)}.run-item-name{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-surface);flex-shrink:0}.topbar-feature{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.topbar-meta{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}.topbar-actions{display:flex;gap:8px;align-items:center}.btn-ghost{padding:5px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:11px;font-weight:500;transition:all .15s}.btn-ghost:hover{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border-mid)}.btn-ghost.active{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-border)}.timeline{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;background:var(--bg-surface);overflow-x:auto;flex-shrink:0;gap:0}.tl-node{display:flex;flex-direction:column;align-items:center;gap:5px}.tl-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1px solid var(--border-mid);background:var(--bg-raised);color:var(--text-muted);transition:all .2s}.tl-dot.done{background:var(--green-bg);color:var(--green);border-color:var(--green-border)}.tl-dot.active{background:var(--amber-bg);color:var(--amber);border-color:var(--amber-border)}.tl-dot.error{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.tl-gate-dot{width:26px;height:26px;border-radius:5px}.tl-label{font-size:10px;color:var(--text-muted);white-space:nowrap;font-weight:400}.tl-label.active{color:var(--amber);font-weight:500}.tl-label.done{color:var(--text-secondary)}.tl-line{width:24px;height:1px;background:var(--border);margin:0 3px 16px;flex-shrink:0}.gate-banner{background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:var(--radius-md);padding:10px 14px;display:flex;align-items:center;gap:8px;margin-bottom:2px}.gate-banner-text{font-size:12px;font-weight:500;color:var(--amber)}.gate-banner.approved{background:var(--green-bg);border-color:var(--green-border)}.gate-banner.approved .gate-banner-text{color:var(--green)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:12px;font-weight:500;color:var(--text-primary)}.tabs{display:flex;border-bottom:1px solid var(--border)}.tab-btn{padding:9px 14px;font-size:12px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:400;transition:all .15s}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--blue);font-weight:500}.gap-item{padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);margin-bottom:8px}.gap-title{font-size:12px;font-weight:500;color:var(--text-primary)}.gap-desc{font-size:11px;color:var(--text-secondary);line-height:1.55;margin-top:4px}.gap-actions{display:flex;gap:6px;margin-top:8px}.triage-btn{font-size:11px;padding:3px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-mid);background:transparent;color:var(--text-secondary);transition:all .12s;font-weight:500}.triage-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.triage-btn.real{background:var(--red-bg);color:var(--red);border-color:var(--red-border)}.triage-btn.noise{background:var(--gray-bg);color:var(--text-secondary);border-color:var(--gray-border)}.triage-btn.defer{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-border)}.systemic-tag{font-size:10px;color:var(--blue);background:var(--blue-bg);border:1px solid var(--blue-border);padding:1px 6px;border-radius:var(--radius-sm);display:inline-block;margin-top:4px}.action-btn{width:100%;padding:9px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-primary);font-size:12px;font-weight:500;transition:all .15s;letter-spacing:.01em}.action-btn:hover{background:var(--bg-active)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.approve{border-color:var(--green-border);color:var(--green)}.action-btn.approve:hover{background:var(--green-bg)}.action-btn.reloop{border-color:var(--amber-border);color:var(--amber)}.action-btn.reloop:hover{background:var(--amber-bg)}.action-btn.reject{border-color:var(--red-border);color:var(--red)}.action-btn.reject:hover{background:var(--red-bg)}.activity-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.log-entry{padding:8px 0;border-bottom:1px solid var(--border)}.log-entry:last-child{border-bottom:none}.log-text{font-size:11px;color:var(--text-primary);line-height:1.4}.log-meta{display:flex;gap:6px;align-items:center;margin-top:3px}.log-actor{font-size:10px;font-weight:500}.log-actor.agent{color:var(--blue)}.log-actor.human{color:var(--green)}.log-actor.system{color:var(--text-muted)}.log-time{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.copilot-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-surface);border-left:1px solid var(--border)}.copilot-header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.copilot-status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.copilot-title{font-size:12px;font-weight:600;color:var(--text-primary)}.copilot-sub{font-size:11px;color:var(--text-muted)}.quick-actions{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--border);flex-wrap:wrap}.quick-btn{font-size:10px;padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--border);background:transparent;color:var(--text-muted);transition:all .12s;white-space:nowrap}.quick-btn:hover{color:var(--text-primary);border-color:var(--border-mid);background:var(--bg-raised)}.quick-btn:disabled{opacity:.4}.messages{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.msg{display:flex;flex-direction:column}.msg-bubble{max-width:92%;font-size:11px;line-height:1.6;padding:8px 10px;border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word}.msg.user{align-items:flex-end}.msg.user .msg-bubble{background:var(--bg-active);border:1px solid var(--border-mid);color:var(--text-primary)}.msg.assistant .msg-bubble{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-primary)}.msg-role{font-size:10px;color:var(--text-muted);margin-top:3px;padding:0 3px}.copilot-input-row{padding:10px 12px;border-top:1px solid var(--border);display:flex;gap:8px}.copilot-input{flex:1;font-size:12px;padding:7px 10px;border-radius:var(--radius-md);resize:none}.copilot-send{padding:7px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;transition:all .15s}.copilot-send:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-mid);background:var(--bg-raised)}.copilot-send:disabled{opacity:.3}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-card{background:var(--bg-raised);border-radius:var(--radius-md);padding:10px 12px;border:1px solid var(--border)}.stat-val{font-size:22px;font-weight:600;color:var(--text-primary);line-height:1}.stat-lbl{font-size:10px;color:var(--text-muted);margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.triage-view{padding:24px;height:100%;overflow:auto;background:var(--bg-base)}.triage-title{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px}.triage-sub{font-size:12px;color:var(--text-muted);margin-bottom:24px}.triage-table{width:100%;border-collapse:collapse}.triage-table th{text-align:left;font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;padding:8px 14px;border-bottom:1px solid var(--border)}.triage-table td{padding:12px 14px;border-bottom:1px solid var(--border);font-size:12px;vertical-align:middle}.triage-table tr:hover td{background:var(--bg-surface)}.report-block{font-size:11px;background:var(--bg-raised);border-radius:var(--radius-md);padding:10px 12px;font-family:var(--font-mono);color:var(--text-secondary);line-height:1.6;border:1px solid var(--border)}.file-tag{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-raised);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);display:block;margin-bottom:3px}.rubric-item{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-primary);line-height:1.5}.rubric-item:last-child{border-bottom:none}.rubric-dot{color:var(--text-muted);flex-shrink:0;margin-top:1px}.notes-textarea{width:100%;font-size:12px;resize:none;padding:9px 10px;border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border);color:var(--text-primary);line-height:1.5}.notes-textarea:focus{border-color:var(--border-strong)}.notes-textarea::placeholder{color:var(--text-muted)}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted);font-size:13px}.section-label{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.status-done{color:var(--green)}.status-waiting{color:var(--amber)}.status-running{color:var(--blue)}.status-error{color:var(--red)}