@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #0a0e14;--bg-panel: #131820;--bg-elevated: #1a1f2e;--border: #252d3a;--text: #b7c0d0;--text-dim: #6b7394;--text-bright: #e6ecf3;--blue: #39bae6;--blue-glow: rgba(57, 186, 230, .15);--amber: #ff8f40;--amber-glow: rgba(255, 143, 64, .15);--green: #7fd962;--green-glow: rgba(127, 217, 98, .15);--red: #f26d78;--purple: #d2a6ff;--radius: 8px;--font-ui: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);min-height:100vh;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 0%,rgba(57,186,230,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(255,143,64,.03) 0%,transparent 60%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;height:100vh}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--bg-panel);border-bottom:1px solid var(--border);animation:slideDown .4s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.app-header h1{font-size:15px;font-weight:600;color:var(--text-bright);letter-spacing:-.3px}.app-header h1 span{color:var(--blue)}.sidebar-toggle{background:none;border:1px solid var(--border);color:var(--text-dim);padding:4px 10px;cursor:pointer;border-radius:6px;font-size:16px;transition:all .2s}.sidebar-toggle:hover{border-color:var(--blue);color:var(--blue)}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.header-right a,.header-right button{background:none;border:none;color:var(--text-dim);font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;font-family:var(--font-ui);text-decoration:none;transition:color .2s}.header-right a:hover,.header-right button:hover{color:var(--text-bright)}.header-right .signout{color:var(--red);opacity:.7}.header-right .signout:hover{opacity:1}.user-info{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.admin-badge{background:var(--purple);color:var(--bg);padding:1px 8px;border-radius:10px;font-size:10px;font-weight:600}.agent-selector{position:relative}.agent-selector select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-bright);padding:6px 28px 6px 12px;border-radius:20px;font-size:13px;font-family:var(--font-ui);cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7394'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.agent-selector select:hover,.agent-selector select:focus{border-color:var(--blue);box-shadow:0 0 12px var(--blue-glow);outline:none}.app-body{display:flex;flex:1;overflow:hidden}.sidebar{width:260px;background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;animation:slideLeft .5s ease}@keyframes slideLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar h3{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}.sidebar-item{padding:10px 12px;border-radius:var(--radius);cursor:pointer;font-size:13px;border:1px solid transparent;background:none;color:var(--text);text-align:left;width:100%;font-family:var(--font-ui);transition:all .2s}.sidebar-item:hover{background:var(--bg-elevated);border-color:var(--border)}.sidebar-item .subtitle{font-size:11px;color:var(--text-dim);margin-top:2px}.new-feature-btn{background:var(--blue);color:var(--bg);border:none;padding:10px;border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-ui);transition:all .2s}.new-feature-btn:hover{box-shadow:0 0 20px var(--blue-glow)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-container{display:flex;flex-direction:column;flex:1;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:radial-gradient(circle at 50% 50%,rgba(57,186,230,.02) 0%,transparent 70%)}.chat-msg{max-width:78%;padding:14px 18px;border-radius:12px;font-size:14px;line-height:1.6;font-family:var(--font-ui);animation:msgIn .3s ease}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--amber) 0%,#e6762f 100%);color:var(--bg);border-bottom-right-radius:4px}.chat-msg.assistant{align-self:flex-start;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--blue);border-bottom-left-radius:4px}.chat-msg.system{align-self:center;font-size:12px;color:var(--red);opacity:.8}.chat-msg pre{background:var(--bg);padding:14px;border-radius:6px;overflow-x:auto;margin:10px 0;font-size:13px;border:1px solid var(--border)}.chat-msg code{font-family:var(--font-mono);font-size:13px}.chat-input-area{padding:14px 20px;border-top:1px solid var(--border);background:var(--bg-panel);display:flex;gap:10px}.chat-input-area textarea{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:12px;font-size:14px;resize:none;min-height:46px;max-height:120px;font-family:var(--font-ui);transition:border-color .2s}.chat-input-area textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-glow)}.chat-input-area button{background:var(--blue);color:var(--bg);border:none;padding:8px 24px;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-ui);transition:all .2s}.chat-input-area button:hover:not(:disabled){box-shadow:0 0 20px var(--blue-glow)}.chat-input-area button:disabled{opacity:.4;cursor:default}.typing-indicator{color:var(--blue);font-size:12px;padding:4px 20px;font-family:var(--font-ui);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.flags-panel{padding:24px;overflow-y:auto;max-height:calc(100vh - 100px)}.timeline{display:flex;flex-direction:column;gap:0}.timeline-phase{display:flex;gap:16px;align-items:flex-start;position:relative}.timeline-track{display:flex;flex-direction:column;align-items:center;width:32px;flex-shrink:0}.timeline-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;transition:all .3s}.timeline-dot.done{background:var(--green);color:var(--bg)}.timeline-dot.active{background:var(--blue);color:var(--bg);animation:pulse-dot 2s infinite}.timeline-dot.pending{background:var(--bg-elevated);border:2px solid var(--border);color:var(--text-dim)}@keyframes pulse-dot{0%,to{box-shadow:0 0 #39bae666}50%{box-shadow:0 0 0 6px #39bae600}}.timeline-line{width:2px;flex:1;min-height:24px;background:var(--border);transition:background .3s}.timeline-line.done{background:var(--green)}.timeline-card{flex:1;padding:16px;border-radius:12px;margin-bottom:4px;transition:all .3s;border:1px solid var(--border);background:var(--bg-panel);min-width:0}.timeline-card.current{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue),0 0 20px #39bae614}.timeline-card.done{opacity:.7}.timeline-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.timeline-card-header h3{font-size:14px;color:var(--text-bright);margin:0 0 4px}.phase-badge{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;display:inline-block;margin-top:2px}.phase-badge.done{background:var(--green-glow);color:var(--green)}.phase-badge.active{background:var(--blue-glow);color:var(--blue)}.phase-badge.current{background:var(--blue);color:var(--bg);animation:pulse-dot 2s infinite}.flag-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.flag-item+.flag-item{border-top:1px solid rgba(48,54,61,.5)}.flag-dot{font-size:12px;width:18px;text-align:center}.flag-dot.done{color:var(--green)}.flag-name{flex:1;color:var(--text)}.flag-meta{font-size:11px;color:var(--text-dim)}.flag-btn{border:none;padding:3px 14px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-ui);transition:all .2s;white-space:nowrap}.flag-btn.approve{background:var(--green);color:var(--bg)}.flag-btn.approve:hover{box-shadow:0 0 12px var(--green-glow)}.flag-btn.undo{background:var(--bg-elevated);color:var(--text-dim);border:1px solid var(--border)}.flag-btn.undo:hover{border-color:var(--red);color:var(--red)}.run-agent-btn{background:var(--blue);color:var(--bg);border:none;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-ui);opacity:.8;white-space:nowrap}.run-agent-btn:hover{opacity:1;box-shadow:0 0 12px var(--blue-glow)}.graphify-bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;background:var(--bg-panel);border:1px solid var(--border);margin-bottom:12px;font-size:13px}.graphify-bar.done{border-color:var(--green);background:#7fd9620d}.graphify-dot{font-size:14px}.graphify-text{color:var(--text);flex:1}.graphify-repo{font-size:11px;color:var(--text-dim)}.graphify-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);padding:2px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-family:var(--font-ui)}.view-btn{background:none;border:1px solid var(--border);color:var(--text-dim);padding:4px 12px;border-radius:6px;cursor:pointer;font-size:11px;font-family:var(--font-ui);transition:all .2s}.view-btn:hover{border-color:var(--blue);color:var(--blue)}.discuss-panel{margin-top:12px;border:1px solid var(--blue);border-radius:8px;overflow:hidden}.discuss-header{display:flex;justify-content:space-between;padding:8px 12px;background:#39bae614;font-size:12px;color:var(--blue)}.discuss-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px}.discuss-messages{max-height:300px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.discuss-msg{font-size:12px}.discuss-msg table{width:100%;border-collapse:collapse;margin:4px 0;font-size:11px}.discuss-msg th,.discuss-msg td{border:1px solid #30363d;padding:3px 8px;text-align:left}.discuss-msg th{background:#161b22;font-weight:600}.discuss-msg h1,.discuss-msg h2,.discuss-msg h3{font-size:14px;margin:6px 0 3px}.discuss-msg p{margin:3px 0;line-height:1.5}.discuss-msg ul,.discuss-msg ol{padding-left:16px;margin:3px 0}.discuss-msg code{background:#6e768133;padding:1px 4px;border-radius:3px;font-size:11px}.discuss-msg pre{background:#0d1117;padding:8px;border-radius:4px;overflow-x:auto;font-size:11px}.discuss-msg strong{color:var(--text-bright)}.discuss-msg.user{color:var(--amber)}.discuss-msg.assistant{color:var(--text)}.discuss-msg.system{color:var(--red)}.discuss-role{font-weight:600;margin-right:6px}.typing-dots{color:var(--text-dim);animation:pulse 1.5s infinite}.discuss-input{display:flex;gap:6px;padding:8px;border-top:1px solid var(--border)}.discuss-input textarea{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:12px;resize:none;min-height:32px;font-family:var(--font-ui)}.discuss-input button{background:var(--blue);color:var(--bg);border:none;padding:4px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:var(--font-ui)}.download-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-dim);width:24px;height:24px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.download-btn:hover{border-color:var(--green);color:var(--green)}.run-agent-btn:disabled{opacity:.4;cursor:default}.prompt-editor{padding:24px;display:flex;flex-direction:column;gap:14px;height:100%}.prompt-editor h2{color:var(--text-bright);font-size:16px}.prompt-editor textarea{flex:1;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:16px;font-family:var(--font-mono);font-size:13px;resize:none;border-radius:var(--radius);line-height:1.6}.prompt-editor textarea:focus{border-color:var(--purple);outline:none}.prompt-editor .save-btn{background:var(--purple);color:var(--bg);border:none;padding:10px 28px;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:600;align-self:flex-end;font-family:var(--font-ui)}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:radial-gradient(ellipse at 50% 0%,rgba(57,186,230,.06) 0%,transparent 50%)}.login-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:48px;text-align:center;max-width:420px;width:100%;animation:fadeUp .6s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card h1{font-size:24px;color:var(--text-bright);margin-bottom:4px}.login-card h1 span{color:var(--blue)}.login-card p{color:var(--text-dim);margin-bottom:28px;font-size:14px}.login-card label{display:block;text-align:left;font-size:12px;color:var(--text-dim);margin-bottom:4px}.login-card input{width:100%;padding:12px 16px;margin-bottom:14px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);font-size:14px;font-family:var(--font-ui)}.login-card input:focus{border-color:var(--blue);outline:none}.login-card .btn{width:100%;padding:12px;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-ui);border:none;margin-bottom:10px;transition:all .2s}.login-card .btn-primary{background:var(--blue);color:var(--bg)}.login-card .btn-primary:hover{box-shadow:0 0 20px var(--blue-glow)}.login-card .btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.login-card .btn-secondary:hover{border-color:var(--text-dim)}.login-card .divider{color:var(--text-dim);font-size:12px;margin:10px 0}.settings-page{padding:24px;max-width:700px}.settings-page h2{color:var(--text-bright);margin-bottom:20px}.settings-page label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px;margin-top:16px}.settings-page input,.settings-page textarea{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);font-size:14px;font-family:var(--font-ui)}.settings-page input:focus,.settings-page textarea:focus{border-color:var(--blue);outline:none}.settings-page .save-btn{margin-top:20px;padding:10px 24px;background:var(--green);color:var(--bg);border:none;border-radius:var(--radius);cursor:pointer;font-weight:600;font-family:var(--font-ui);font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;padding:32px;max-width:480px;width:90%;animation:fadeUp .3s ease}.modal h2{color:var(--text-bright);margin-bottom:20px}.modal label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px;margin-top:12px}.modal input,.modal select,.modal textarea{width:100%;padding:10px 14px;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);font-size:14px;font-family:var(--font-ui)}.modal .modal-buttons{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.modal .modal-buttons button{padding:8px 20px;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:14px;font-family:var(--font-ui)}.modal .btn-primary{background:var(--blue);color:var(--bg);border:none}.modal .btn-cancel{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.artifact-list{padding:16px}.artifact-item{padding:8px 12px;border:1px solid var(--border);border-radius:6px;margin-bottom:6px;cursor:pointer;font-size:13px;transition:all .2s}.artifact-item:hover{border-color:var(--blue)}.artifact-item table{width:100%;border-collapse:collapse;margin:8px 0;font-size:12px}.artifact-item th,.artifact-item td{border:1px solid #d0d7de;padding:6px 12px;text-align:left}.artifact-item th{background:#f6f8fa;font-weight:600;color:#24292f}.artifact-item td{color:#24292f}.artifact-item h1,.artifact-item h2,.artifact-item h3{color:#24292f;margin:12px 0 6px;font-size:16px}.artifact-item h4,.artifact-item h5{color:#24292f;margin:8px 0 4px;font-size:14px}.artifact-item p{color:#24292f;margin:4px 0;line-height:1.6}.artifact-item ul,.artifact-item ol{color:#24292f;padding-left:20px;margin:4px 0}.artifact-item li{margin:2px 0}.artifact-item code{background:#f6f8fa;color:#24292f;padding:1px 4px;border-radius:3px;font-size:12px}.artifact-item pre{background:#f6f8fa;padding:12px;border-radius:4px;overflow-x:auto}.artifact-item pre code{background:none;padding:0}.artifact-item blockquote{border-left:3px solid var(--blue);margin:8px 0;padding:4px 12px;background:#f0f6fc;color:#24292f}.artifact-item hr{border:none;border-top:1px solid #d0d7de;margin:12px 0}