*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--surface: #16213e;--surface2: #0f3460;--border: #2a2a4a;--accent: #e94560;--accent2: #533483;--accent-glow: rgba(233,69,96,.15);--text: #eaeaea;--text-dim: #8892a4;--text-muted: #4a5568;--success: #48bb78;--warn: #f6ad55;--error: #fc8181;--font: "Courier New", Courier, monospace;--radius: 4px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#16213e,#1a1a2e 70%)}.login-box{text-align:center;padding:56px 48px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);min-width:340px;box-shadow:0 20px 60px #00000080}.login-box h1{font-size:20px;color:var(--text);margin-bottom:6px;line-height:1.4}.login-box h1 span{color:var(--accent)}.login-box p{color:var(--text-dim);font-size:12px;margin-bottom:32px;letter-spacing:.5px}.login-divider{border:none;border-top:1px solid var(--border);margin:24px 0}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;min-height:48px}.header-brand{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.5px}.header-brand span{color:var(--accent)}.header-session{margin-left:auto;display:flex;align-items:center;gap:8px}.session-pill{font-size:11px;padding:2px 10px;border-radius:12px;background:var(--accent-glow);border:1px solid var(--accent);color:var(--accent);letter-spacing:.5px}.session-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-messages{flex:1;overflow-y:auto;padding:24px 0;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:40px}.welcome-title{font-size:24px;color:var(--text);text-align:center}.welcome-title span{color:var(--accent)}.welcome-subtitle{color:var(--text-dim);font-size:13px;text-align:center;max-width:480px;line-height:1.6}.pipeline-cards{display:flex;flex-direction:column;gap:8px;width:100%;max-width:520px}.pipeline-card{display:flex;align-items:center;gap:16px;padding:14px 20px;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-left:3px solid transparent;transition:all .15s}.pipeline-card:hover:not(.disabled){border-left-color:var(--accent);background:var(--surface2);transform:translate(2px)}.pipeline-card.disabled,.pipeline-card.active-session{opacity:.35;cursor:not-allowed}.card-slash{font-size:18px;font-weight:700;color:var(--accent);min-width:32px}.card-info{flex:1}.card-label{font-size:13px;color:var(--text)}.card-sub{font-size:11px;color:var(--text-dim);margin-top:2px}.card-status{font-size:11px;margin-top:3px}.card-status.available{color:var(--success)}.card-status.done{color:var(--text-dim)}.card-status.blocked{color:var(--text-muted)}.card-arrow{color:var(--accent);font-size:20px}.active-banner{width:100%;max-width:520px;background:#e9456014;border:1px solid var(--accent);padding:10px 16px;font-size:12px;color:var(--accent);display:flex;align-items:center;justify-content:space-between;gap:8px}.active-banner button{background:none;border:1px solid var(--accent);color:var(--accent);padding:3px 10px;cursor:pointer;font-family:var(--font);font-size:11px}.message-row{padding:6px 20px;display:flex;gap:10px;align-items:flex-start;max-width:860px;margin:0 auto;width:100%}.message-row.user{flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:2px}.msg-avatar.system{background:var(--accent2);color:#fff}.msg-avatar.user{background:var(--surface2);color:var(--text-dim);border:1px solid var(--border)}.msg-body{max-width:72%}.msg-text{background:var(--surface);border:1px solid var(--border);padding:10px 14px;border-radius:var(--radius);font-size:13px;line-height:1.6;color:var(--text)}.message-row.user .msg-text{background:var(--surface2);border-color:var(--accent2)}.msg-time{font-size:10px;color:var(--text-muted);margin-top:3px;padding:0 4px}.message-row.user .msg-time{text-align:right}.thinking{display:flex;gap:5px;padding:8px 14px}.thinking span{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:blink 1.4s infinite}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.15}40%{opacity:1}}.hard-stop{border:1px solid var(--warn);background:#f6ad550d;margin:4px 0;border-radius:var(--radius);overflow:hidden}.hard-stop-header{background:#f6ad551a;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.hard-stop-title{color:var(--warn);font-size:12px;font-weight:700;letter-spacing:1px}.hard-stop-timer{font-size:12px;color:var(--warn)}.hard-stop-timer.expired{color:var(--error)}.hard-stop-stats{padding:8px 16px;font-size:12px;color:var(--text-dim);border-bottom:1px solid var(--border)}.hard-stop-stats b{color:var(--success)}.hard-stop-stats .errors{color:var(--error)}.sample-wrap{overflow-x:auto;padding:0 16px}.sample-table{width:100%;border-collapse:collapse;font-size:11px;margin:8px 0}.sample-table th{color:var(--text-dim);border-bottom:1px solid var(--border);padding:5px 10px;text-align:left;white-space:nowrap}.sample-table td{padding:5px 10px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text);white-space:nowrap}.hard-stop-actions{display:flex;gap:8px;padding:12px 16px}.btn-cancel{flex:1;padding:10px;background:none;border:1px solid var(--error);color:var(--error);cursor:pointer;font-family:var(--font);font-size:12px;border-radius:var(--radius)}.btn-cancel:hover{background:#fc81811a}.btn-approve{flex:2;padding:10px;background:var(--accent);border:none;color:#fff;cursor:pointer;font-family:var(--font);font-size:12px;font-weight:700;border-radius:var(--radius)}.btn-approve:hover{background:#c73652}.btn-approve:disabled,.btn-cancel:disabled{opacity:.4;cursor:not-allowed}.input-bar{flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);padding:12px 20px}.input-bar-inner{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.input-row{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:6px 10px;min-height:44px}.input-row:focus-within{border-color:var(--accent2)}.input-text{flex:1;background:none;border:none;color:var(--text);font-family:var(--font);font-size:13px;outline:none;resize:none;min-height:24px;max-height:120px}.input-text::placeholder{color:var(--text-muted)}.input-btn{width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:all .15s}.input-btn:hover{border-color:var(--accent);color:var(--accent)}.input-btn.active,.input-btn.send{background:var(--accent);color:#fff;border-color:var(--accent)}.input-btn.send:hover{background:#c73652}.input-btn.stop{background:var(--warn);color:#000;border-color:var(--warn)}.input-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pipeline-btn{padding:4px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface2);color:var(--text-dim);cursor:pointer;font-family:var(--font);font-size:11px;transition:all .15s}.pipeline-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pipeline-btn:disabled{opacity:.3;cursor:not-allowed}.pipeline-btn.current{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.mode-btn{margin-left:auto;padding:4px 12px;border-radius:12px;border:1px solid var(--border);background:none;color:var(--text-dim);cursor:pointer;font-family:var(--font);font-size:11px;transition:all .15s}.mode-btn:hover{border-color:var(--accent2);color:var(--text)}.mode-btn.admin-only{border-color:var(--accent2);color:var(--accent2)}.status-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:5px 20px;background:var(--surface);border-top:1px solid var(--border);font-size:11px;color:var(--text-muted)}.status-left{display:flex;align-items:center;gap:8px}.status-brand{color:var(--text-dim);letter-spacing:.5px}.status-right{display:flex;align-items:center;gap:10px}.role-badge{padding:1px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.role-admin{background:var(--accent);color:#fff}.role-editor{background:var(--accent2);color:#fff}.role-viewer{background:var(--border);color:var(--text-dim)}.btn-signout{background:none;border:1px solid var(--border);color:var(--text-muted);padding:2px 8px;cursor:pointer;font-family:var(--font);font-size:11px;border-radius:var(--radius)}.btn-signout:hover{border-color:var(--error);color:var(--error)}.loading{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:13px;letter-spacing:1px}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#e945601a;border:3px dashed var(--accent);z-index:100;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);pointer-events:none}