:root{--brand-blue: #0033cc;--off-white: #f5f5fa;--bg-base: #11112d;--accent: #f54563;--frame: #3d2673;--adjacent-cyan: #23c7d0;--adjacent-mint: #7cf2c7;--adjacent-amber: #ffb454;--adjacent-coral: #ff7a66;--adjacent-lavender: #c6b5ff;--ink: #0e1026;--text-light: #f5f5fa;--text-dim: rgba(245, 245, 250, .78);--border-strong: rgba(35, 199, 208, .34);--border-soft: rgba(0, 51, 204, .24);--surface-app: rgba(17, 17, 45, .68);--surface-card: rgba(17, 17, 45, .74);--surface-elevated: rgba(10, 12, 34, .88);--shadow: 0 24px 70px rgba(9, 10, 34, .55);--shadow-soft: 0 16px 34px rgba(9, 10, 34, .32);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--font-ui: "Sora", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-ui);color:var(--text-light);background:radial-gradient(circle at 15% 20%,rgba(0,51,204,.35),transparent 48%),radial-gradient(circle at 85% 15%,rgba(245,69,99,.28),transparent 50%),radial-gradient(circle at 10% 70%,rgba(35,199,208,.28),transparent 45%),radial-gradient(circle at 92% 65%,rgba(255,180,84,.24),transparent 45%),radial-gradient(circle at 75% 80%,rgba(61,38,115,.38),transparent 52%),linear-gradient(160deg,#151538,#0d0d23 48%,#11112d)}a{color:inherit}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#ffffff14;color:var(--text-light);padding:.55rem .7rem}input::placeholder,textarea::placeholder{color:var(--text-dim)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color-scheme:dark;background-color:#11112df2;background-image:linear-gradient(45deg,transparent 50%,rgba(245,245,250,.8) 50%),linear-gradient(135deg,rgba(245,245,250,.8) 50%,transparent 50%),linear-gradient(90deg,#ffffff1f,#ffffff05);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%,100% 0;background-size:6px 6px,6px 6px,40px 100%;background-repeat:no-repeat;padding-right:46px}select option{background-color:#121530;color:var(--off-white)}select:focus{outline:2px solid rgba(124,242,199,.45);border-color:#03c9}button{border:1px solid rgba(35,199,208,.35);background:#11112db3;color:var(--text-light);border-radius:999px;padding:.42rem .95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.shell{position:relative;z-index:1;padding:32px clamp(18px,3.5vw,56px) 32px;width:100%;max-width:none;height:100dvh;min-height:100vh}.workspace{display:flex;flex-direction:column;gap:20px;height:100%;min-height:0;overflow-x:clip}.topbar{display:grid;gap:16px;position:sticky;top:16px;z-index:20;min-width:0}.topbar-actions{display:flex;gap:12px;align-items:center}.command-band{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border-radius:18px;border:1px solid rgba(35,199,208,.25);background:#0f10268c;box-shadow:0 16px 40px #090a2266;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative;width:100%;max-width:100%;min-width:0}.command-band.is-collapsed{justify-content:flex-end;padding:10px 12px}.tabs{display:flex;gap:12px;justify-content:flex-start;min-width:0;max-width:100%}.tabs::-webkit-scrollbar{display:none}.tab-button{border:1px solid rgba(35,199,208,.4);background:#11112db3;color:var(--off-white);border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tab-button.is-active{border-color:#ffb454e6;box-shadow:0 12px 30px #ffb45440}.tab-button:hover{transform:translateY(-1px)}.btn{border:none;border-radius:999px;padding:12px 22px;font-weight:600;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.btn.ghost{background:transparent;border:1px solid rgba(124,242,199,.6);color:var(--off-white)}.icon-button{border:1px solid rgba(124,242,199,.5);background:#ffffff14;color:var(--off-white);border-radius:14px;width:44px;height:44px;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,box-shadow .2s ease;padding:0}.chatbot-toggle.is-open{background:linear-gradient(120deg,#f54563eb,#ff7a66e0);border-color:#f54563cc}.chatbot-toggle-icon{width:100%;height:100%;display:block;object-fit:contain}.icon-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0033cc59}.topbar-collapse-toggle{font-size:1rem}.topbar-collapse-icon{width:100%;height:100%;display:block;object-fit:cover}.banner{background:#f5456326;color:#ffd4dc;padding:.6rem .85rem;border:1px solid rgba(245,69,99,.35);border-radius:var(--radius-md)}.main{width:100%;margin:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:auto}.assistant-pane{position:fixed;right:clamp(12px,2vw,28px);bottom:clamp(12px,2vw,24px);width:min(420px,calc(100vw - 24px));height:min(72vh,760px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.6rem;z-index:30;border:1px solid rgba(35,199,208,.35)}.assistant-pane-head{display:flex;justify-content:space-between;align-items:center}.assistant-pane-body{overflow:auto;display:grid;gap:.45rem;align-content:start;min-height:0;padding-right:.25rem}.assistant-pane-foot{display:grid;gap:.45rem}.assistant-msg{border-radius:12px;border:1px solid var(--border-soft);background:#11112db8;padding:.45rem .55rem;display:grid;gap:.2rem}.assistant-msg-user{border-color:#7cf2c773}.assistant-msg-assistant{border-color:#23c7d073}.assistant-msg-role{font-size:.74rem;color:var(--text-dim);text-transform:uppercase}.assistant-msg-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.92rem}.assistant-pane-actions{display:flex;align-items:center;gap:.55rem}.assistant-status{font-size:.78rem;color:var(--text-dim)}.assistant-mic-btn{width:86px;height:86px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#11112dd1;border-color:#23c7d0a6}.assistant-mic-btn.recording{background:linear-gradient(120deg,#f54563eb,#ff7a66e0);border-color:#f54563cc}.assistant-mic-icon{width:38px;height:38px;fill:currentColor}.card{background:var(--surface-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.session-shell{display:grid;width:100%;gap:.75rem;min-height:0;min-width:0}.current-session-shell{flex:1 1 auto;height:100%;max-height:none;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.workspace.topbar-collapsed .current-session-shell>.session-head{display:none}.workspace.topbar-collapsed .current-session-shell{grid-template-rows:minmax(0,1fr) auto}.session-head{min-width:0;padding:.8rem}.session-head h1{margin:.3rem 0;font-size:1.5rem}.session-top-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:nowrap}.session-top-id{flex:1 1 auto;min-width:0;font-size:1.2rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-top-row .ghost-btn{flex:0 0 auto}.pill-tabs{display:inline-flex;gap:.35rem}.pill-tab{font-size:.74rem;padding:.35rem .75rem;border:1px solid var(--border-strong);border-radius:999px;background:#11112db3;color:var(--text-dim)}.pill-tab.active{border-color:#ffb454e6;color:var(--text-light);box-shadow:0 12px 30px #ffb45440}.ghost-btn{background:#11112d8c}.session-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.74rem;color:var(--text-dim);margin-bottom:.5rem}.session-meta span{background:#11112d99;border:1px solid var(--border-soft);border-radius:999px;padding:.15rem .5rem}.session-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;align-items:end}.session-controls label{font-size:.73rem;color:var(--text-dim);display:grid;gap:.25rem}.session-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.session-item{background:#ffffff0f;border-radius:16px;padding:14px;border:1px solid rgba(35,199,208,.2);display:grid;gap:10px;cursor:pointer;transition:border .2s ease,transform .2s ease}.session-item:hover{border-color:#7cf2c799;transform:translateY(-2px)}.session-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.session-name{font-weight:600;font-size:1rem}.session-details{font-size:.78rem;color:#f5f5faa6;display:grid;gap:4px}.session-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.session-actions button{border:none;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:600;cursor:pointer;color:var(--off-white);background:#0033cc4d}.session-actions button.delete{background:#f5456380}.timeline{padding:.5rem;max-height:58vh;overflow:auto}.current-session-timeline{max-height:none;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(35,199,208,.65) rgba(17,17,45,.45)}.current-session-timeline::-webkit-scrollbar{width:10px}.current-session-timeline::-webkit-scrollbar-track{background:#11112d73;border-radius:999px}.current-session-timeline::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#23c7d0d9,#03cc);border-radius:999px;border:2px solid rgba(17,17,45,.75)}.timeline-row{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#ffffff0f;padding:.5rem .7rem;margin-bottom:.45rem;position:relative}.timeline-row-user{background:#7cf2c71f;border-color:#7cf2c780}.timeline-row-agent{background:#0033cc1f;border-color:#0033cc80}.timeline-row-running{background:#c6b5ff24;border-color:#c6b5ff94}.timeline-row-error{background:#f545631f;border-color:#f54563b3}.timeline-type-user{border-left:4px solid rgba(124,242,199,.95)}.timeline-type-agent-message{border-left:4px solid rgba(35,199,208,.95)}.timeline-type-reasoning{border-left:4px solid rgba(198,181,255,.95)}.timeline-type-command{border-left:4px solid rgba(255,180,84,.95)}.timeline-type-tool{border-left:4px solid rgba(0,51,204,.95)}.timeline-type-workflow{border-left:4px solid rgba(124,242,199,.75)}.timeline-type-file{border-left:4px solid rgba(255,122,102,.95)}.timeline-type-system{border-left:4px solid rgba(130,140,170,.85)}.timeline-type-error{border-left:4px solid rgba(245,69,99,.95)}.timeline-row.timeline-type-user{background:#7cf2c724;border-color:#7cf2c780}.timeline-row.timeline-type-agent-message{background:#23c7d024;border-color:#23c7d07a}.timeline-row.timeline-type-reasoning{background:#c6b5ff29;border-color:#c6b5ff85}.timeline-row.timeline-type-command{background:#ffb45424;border-color:#ffb45480}.timeline-row.timeline-type-tool{background:#03c3;border-color:#5884ff85}.timeline-row.timeline-type-workflow{background:#7cf2c71a;border-color:#7cf2c766}.timeline-row.timeline-type-file{background:#ff7a6624;border-color:#ff7a6685}.timeline-row.timeline-type-system{background:#96a0be29;border-color:#96a0be73}.timeline-row.timeline-type-error{background:#f545632e;border-color:#f54563a8}.timeline-row-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-dim);margin-bottom:.3rem}.timeline-kind{text-transform:uppercase;letter-spacing:.03em;font-weight:600;color:var(--text-light)}.timeline-content{white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:var(--text-light);line-height:1.45;font-size:.95rem}.timeline-actions{display:flex;justify-content:flex-end;margin-top:.35rem}.tts-btn{min-width:40px;width:40px;height:30px;border-radius:10px;padding:0;line-height:1;font-size:.95rem;background:#11112dd9;border-color:#23c7d08c;color:var(--text-light)}.tts-btn.playing{background:linear-gradient(120deg,#f54563eb,#ff7a66e0);border-color:#f54563cc}.tts-icon{width:14px;height:14px;fill:currentColor}.tts-icon-loading{line-height:1;letter-spacing:.08em;font-size:.95rem}.timeline-md-h1,.timeline-md-h2,.timeline-md-h3,.timeline-md-p{margin:0 0 .25rem;overflow-wrap:anywhere;word-break:break-word}.timeline-md-h1{font-size:1.08rem}.timeline-md-h2{font-size:1rem}.timeline-md-h3{font-size:.93rem}.timeline-md-p{font-size:.95rem}.timeline-md strong{font-weight:700}.timeline-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.timeline-tag{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border-soft);background:#11112dbf;color:var(--text-dim);font-size:.7rem;padding:.15rem .5rem;line-height:1.2}.run-link{margin-top:.35rem;font-size:.76rem;padding:.25rem .65rem;background:#11112dbf}.composer-shell{padding:.92rem;position:static;bottom:auto}.current-session-composer{align-self:end}.composer-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.45rem;font-size:.78rem;color:var(--text-dim)}.composer-shell textarea{min-height:120px;margin-bottom:.45rem}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.composer-send-group{display:flex;align-items:center;gap:.5rem}.filter-toggle{border:1px solid var(--border-strong);border-radius:999px;padding:.35rem .95rem;line-height:1.2;color:var(--text-dim);background:#11112db3}.filter-toggle.on{color:var(--text-light);background:#0033cc40;border-color:#23c7d080}.filter-pane{margin-top:.55rem}.filter-pills{display:flex;flex-wrap:wrap;gap:.45rem}.filter-pill{border:1px solid var(--border-strong);border-radius:999px;font-size:1.05rem;padding:.3rem .85rem;line-height:1.2;color:var(--text-dim);background:#11112db3}.filter-pill.on{color:var(--text-light);background:#0033cc40;border-color:#23c7d080}.send-btn{min-width:88px;background:linear-gradient(120deg,var(--accent),var(--adjacent-coral) 35%,var(--adjacent-amber) 55%,var(--brand-blue));border-color:#f54563a6;color:#fff}.mic-btn{min-width:48px;width:48px;height:42px;background:#11112dd1;border-color:#23c7d0a6;color:var(--text-light);font-size:1.05rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.mic-icon{width:20px;height:20px;fill:currentColor}.mic-stop,.mic-wait{line-height:1;font-size:1.05rem}.mic-btn.recording{background:linear-gradient(120deg,#f54563eb,#ff7a66e0);border-color:#f54563cc}.toolbar,.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.table{width:100%;border-collapse:collapse;background:var(--surface-app);border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow:hidden}.table-scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table-scroll .table{min-width:620px}.details-card{display:grid;gap:.6rem}.detail-row{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:.75rem;align-items:start;padding:.1rem 0}.detail-row span{color:var(--text-dim);font-size:.9rem}.detail-row strong{display:block;overflow-wrap:anywhere;word-break:break-word}.table th,.table td{border:1px solid rgba(35,199,208,.16);padding:.5rem;text-align:left;vertical-align:top}.chip{border-radius:999px;padding:.2rem .6rem;color:#fff;font-size:.82rem}.chip-queued{background:#64748b}.chip-running{background:#4f65f4}.chip-blocked{background:#f97316}.chip-succeeded{background:#16a34a}.chip-failed{background:#dc2626}.chip-cancelled{background:#6b7280}.step,.approval,.event{border:1px solid var(--border-soft);padding:.5rem;margin-bottom:.5rem;background:var(--surface-app);border-radius:var(--radius-md)}.events{max-height:460px;overflow:auto}.event-ERROR{border-left:4px solid #dc2626}.event-WARNING{border-left:4px solid #f59e0b}.event-INFO{border-left:4px solid #0ea5e9}.event-DEBUG{border-left:4px solid #64748b}.form{display:grid;gap:.75rem;max-width:820px}.form label{display:grid;gap:.25rem}.sessions-create-form{max-width:none}.sessions-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:end}.sessions-create-prompt{width:100%}.sessions-create-prompt textarea{width:100%;min-height:96px}.sessions-create-actions{display:flex;justify-content:flex-end}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.error{color:#ff8f9f}@media (max-width: 1120px){.session-controls{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.session-controls,.grid2,.sessions-create-grid{grid-template-columns:1fr}.composer-actions{flex-direction:column;align-items:stretch}.composer-send-group{width:100%}.send-btn{flex:1}.assistant-pane{width:calc(100vw - 16px);right:8px;bottom:8px;height:min(75vh,680px)}}@media (max-width: 720px){.tabs{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.topbar-actions{width:100%;justify-content:space-between}.topbar-actions .btn{flex:1 1 140px}.command-band{flex-direction:column;align-items:stretch;gap:12px}.command-band.is-collapsed{flex-direction:row;align-items:center;justify-content:flex-end}.tab-button{flex:0 0 auto;white-space:nowrap}}@media (max-width: 540px){body{background:radial-gradient(circle at 20% 20%,rgba(0,51,204,.24),transparent 44%),radial-gradient(circle at 82% 18%,rgba(245,69,99,.2),transparent 42%),linear-gradient(160deg,#141433,#0f1028 55%,#11112d)}.card,.command-band{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 8px 22px #090a2247}button,.tab-button,.icon-button,.ghost-btn{transition:none}.shell{padding:20px 16px 24px;min-height:100dvh}.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;overflow:visible;padding-bottom:0}.tab-button{width:100%;text-align:center;white-space:nowrap}.session-top-row{align-items:center;flex-wrap:nowrap}.session-row{align-items:flex-start;flex-wrap:wrap}.session-name{width:100%}.session-actions{width:100%;justify-content:flex-start}.session-actions button{flex:1 1 120px;text-align:center}.detail-row{grid-template-columns:1fr;gap:.2rem}.table-scroll .table{min-width:540px}.tab-button{padding:10px 14px}}