:root{--bg: #0f1419;--panel: #1a2332;--panel-2: #243044;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-2: #22c55e;--danger: #f87171;--warn: #fbbf24;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:radial-gradient(1200px 600px at 10% -10%,#1e3a5f 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#14532d33 0%,transparent 50%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-rows:52px 1fr;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:#0f1419d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-weight:700;letter-spacing:.02em}.brand span{color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:12px}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-header .spend-chip{text-transform:none;letter-spacing:0}.spend-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;color:#bbf7d0;background:#14532d66;border:1px solid #22c55e55;white-space:nowrap}.spend-chip.header-spend{color:#fde68a;background:#713f1266;border-color:#f59e0b55}.main{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(380px,1fr);min-height:0}.panel{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--border)}.panel:last-child{border-right:none}.panel-header{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.chat-log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.msg{max-width:92%;padding:10px 12px;border-radius:10px;line-height:1.45;font-size:14px}.msg.user{align-self:flex-end;background:#0ea5e933;border:1px solid #0ea5e955;white-space:pre-wrap}.msg.assistant{align-self:flex-start;background:var(--panel);border:1px solid var(--border)}.msg .meta{margin-top:8px;font-size:11px;color:var(--muted)}.msg.streaming{border-color:#38bdf866}.activity{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;padding:8px 10px;border-radius:8px;background:#0b1220aa;border:1px solid #33415566}.activity-step{display:grid;grid-template-columns:10px 1fr;gap:8px;align-items:start;font-size:12px}.activity-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#64748b}.activity-step.running .activity-dot{background:#38bdf8;box-shadow:0 0 #38bdf866;animation:pulse-dot 1.2s ease-out infinite}.activity-step.done .activity-dot{background:#34d399}.activity-step.error .activity-dot{background:#f87171}.activity-label{color:#e2e8f0;font-weight:500}.activity-detail{margin-top:2px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;word-break:break-word}.typing{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.typing-dot{width:5px;height:5px;border-radius:50%;background:#94a3b8;animation:typing-bounce 1s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.caret{display:inline-block;width:7px;height:1em;margin-left:2px;vertical-align:text-bottom;background:#38bdf8;animation:blink 1s step-end infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #38bdf866}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes typing-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes blink{50%{opacity:0}}.msg .md>:first-child{margin-top:0}.msg .md>:last-child{margin-bottom:0}.msg .md p,.msg .md ul,.msg .md ol,.msg .md pre,.msg .md table,.msg .md blockquote{margin:.55em 0}.msg .md h1,.msg .md h2,.msg .md h3,.msg .md h4{margin:.7em 0 .35em;font-size:1.05em;font-weight:650;line-height:1.3}.msg .md ul,.msg .md ol{padding-left:1.35em}.msg .md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:#ffffff12;padding:.1em .35em;border-radius:4px}.msg .md pre{overflow:auto;padding:10px 12px;border-radius:8px;background:#0005;border:1px solid var(--border)}.msg .md pre code{background:none;padding:0}.msg .md table{width:100%;border-collapse:collapse;font-size:12.5px;display:block;overflow-x:auto}.msg .md th,.msg .md td{border:1px solid var(--border);padding:5px 8px;text-align:left;white-space:nowrap}.msg .md th{background:#ffffff0d;font-weight:600}.msg .md a{color:#7dd3fc}.composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid var(--border);background:#1a2332e6}.composer textarea{resize:vertical;min-height:64px;max-height:180px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px}.composer button,.tabs button,.settings button,.ghost-btn{background:var(--accent);color:#082f49;border:none;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer}.composer button:disabled{opacity:.5;cursor:not-allowed}.tabs{display:flex;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border)}.tabs button{background:transparent;color:var(--muted);border:1px solid transparent;padding:6px 10px;font-size:13px}.tabs button.active{color:var(--text);border-color:var(--border);background:var(--panel-2)}.side-body{flex:1;overflow:auto;padding:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:10px}.card h3{margin:0 0 8px;font-size:13px;color:var(--accent)}.muted{color:var(--muted);font-size:12px}pre.json{margin:0;white-space:pre-wrap;word-break:break-word;font-size:11px;font-family:IBM Plex Mono,Consolas,monospace;color:#cbd5e1}.settings label{display:grid;gap:4px;margin-bottom:10px;font-size:12px;color:var(--muted)}.settings select,.settings input{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px}.warn{color:var(--warn);font-size:12px;margin:8px 0}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#0ea5e922;border:1px solid #0ea5e955;color:var(--accent);font-size:11px;margin-right:6px}.chart-box{position:relative;width:100%;height:320px;background:#0b1220;border-radius:8px;border:1px solid var(--border);padding:8px}.code-area{width:100%;min-height:180px;background:#0b1220;color:#e2e8f0;border:1px solid var(--border);border-radius:8px;padding:10px;font-family:IBM Plex Mono,Consolas,monospace;font-size:12px}.row{display:flex;gap:8px;align-items:center;margin:8px 0}.ghost-btn{background:transparent;color:var(--text);border:1px solid var(--border)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--muted)}.status-dot.ok{background:var(--accent-2)}.status-dot.bad{background:var(--danger)}.meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.meta-row .meta{margin-top:0;flex:1;min-width:180px}.link-btn{appearance:none;border:1px solid #38bdf855;background:#0c4a6e55;color:#7dd3fc;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.link-btn:hover{background:#0c4a6e99}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#020617cc;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(960px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:#0f172a;border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 80px #0008;overflow:hidden}.modal-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0 0 4px;font-size:16px}.modal-close{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:8px;padding:6px 10px;cursor:pointer}.modal-body{overflow:auto;padding:14px 16px 20px;display:flex;flex-direction:column;gap:14px}.io-section h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.io-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}.io-stats>div{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#0b1220}.io-stats strong{font-size:15px}.io-msg{margin-bottom:8px;border:1px solid #33415566;border-radius:8px;padding:6px 8px;background:#0b1220aa}.io-msg summary{cursor:pointer;font-size:12px;margin-bottom:6px}.role-tag{display:inline-block;padding:1px 6px;border-radius:4px;font-weight:650;font-size:11px;text-transform:uppercase}.role-system{background:#33415566;color:#cbd5e1}.role-user{background:#0ea5e933;color:#7dd3fc}.role-assistant{background:#22c55e33;color:#86efac}.role-tool{background:#a78bfa33;color:#c4b5fd}.io-block{margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.4;max-height:360px;overflow:auto;padding:8px 10px;border-radius:6px;background:#020617;border:1px solid #1e293b}.login-page{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:min(400px,100%);display:grid;gap:12px;padding:28px 24px;border:1px solid var(--border);border-radius:12px;background:#1a2332eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 50px #0006}.login-brand{font-size:1.35rem;font-weight:700}.login-brand span{color:var(--accent)}.login-sub{margin:0 0 4px;color:var(--muted);font-size:.92rem}.login-card label{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}.login-card input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0f172a;color:var(--text)}.login-btn{margin-top:4px;padding:10px 14px;border:0;border-radius:8px;background:var(--accent);color:#0f172a;font-weight:600;cursor:pointer}.login-btn:disabled{opacity:.6;cursor:wait}.login-error{color:var(--danger);font-size:.88rem;line-height:1.35}