@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}.flags-panel h2{color:var(--text-bright);margin-bottom:8px}.flags-panel h3{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.flag-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;background:var(--bg-panel);font-size:13px;transition:all .2s}.flag-row:hover{border-color:var(--blue)}.flag-row .flag-label{color:var(--text);font-weight:500}.flag-row .flag-value{font-size:11px;color:var(--text-dim)}.flag-row button{background:var(--bg-elevated);color:var(--blue);border:1px solid var(--border);padding:4px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-family:var(--font-ui);transition:all .2s}.flag-row button:hover{border-color:var(--blue);background:var(--blue-glow)}.flag-done{color:var(--green);font-weight:600}.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)}.run-agent-btn{background:var(--green);color:var(--bg);border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-ui)}.run-agent-btn:hover{box-shadow:0 0 12px var(--green-glow)}