*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg-card:#1a1d27;--bg-input:#12141c;--border:#2a2d3a;--border-focus:#6366f1;--text:#e2e4ed;--text-muted:#8b8fa3;--accent:#6366f1;--accent-hover:#818cf8;--success:#22c55e;--error:#ef4444;--radius:10px}@media (prefers-color-scheme:light){:root{--bg:#f5f6fa;--bg-card:#fff;--bg-input:#f0f1f6;--border:#dfe1ea;--text:#1a1d27;--text-muted:#6b6f80}}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;min-height:100vh;display:flex}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--border-focus)}.btn{border-radius:var(--radius);cursor:pointer;border:none;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.outline{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn.outline:hover:not(:disabled){background:#6366f114}.btn.sm{padding:6px 14px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.status-box{border-radius:var(--radius);padding:12px 16px;font-size:13px;line-height:1.5}.status-box.error{color:var(--error);background:#ef44441a;border:1px solid #ef44444d}.status-box.success{color:var(--success);background:#22c55e1a;border:1px solid #22c55e4d}.spinner{vertical-align:middle;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}.btn.outline .spinner{border-color:#6366f159;border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.login-page{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:380px;padding:32px}.login-logo{align-items:center;gap:10px;margin-bottom:6px;display:flex}.login-logo-mark{background:var(--accent);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:flex}.login-logo-text{letter-spacing:-.3px;font-size:19px;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:13px}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.login-submit{width:100%;margin-top:4px}.login-api-url{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;word-break:break-all;margin-top:20px;padding-top:16px;font-size:11px}.login-api-url .dot{background:var(--success);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.login-api-url.missing .dot{background:var(--error)}.chat-page{flex-direction:column;flex:1;height:100vh;display:flex}.chat-head{border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.chat-head-left{align-items:center;gap:10px;min-width:0;display:flex}.chat-head-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.chat-head-role{font-size:14px;font-weight:700}.chat-head-x{color:var(--text-muted);font-size:12px}.chat-head-tables{color:var(--text-muted);margin-top:2px;font-size:11px}.chat-body{flex-direction:column;flex:1;gap:14px;width:100%;max-width:780px;margin:0 auto;padding:20px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--text-muted);margin:auto;font-size:14px}.chat-msg{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:80%;padding:11px 14px;font-size:14px;line-height:1.55}.chat-msg.user{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-msg.assistant{background:var(--bg-card);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.chat-msg.error{color:var(--error);border-color:#ef444466}.chat-msg.md>:first-child{margin-top:0}.chat-msg.md>:last-child{margin-bottom:0}.chat-msg.md p{margin:0 0 8px}.chat-msg.md ul,.chat-msg.md ol{margin:0 0 8px;padding-left:18px}.chat-msg.md li{margin:2px 0}.chat-msg.md code{background:#7f7f7f33;border-radius:4px;padding:1px 5px;font-family:Cascadia Code,Fira Code,monospace;font-size:12px}.chat-msg.md pre{background:#7f7f7f26;border-radius:6px;margin:0 0 8px;padding:8px 10px;overflow-x:auto}.chat-msg.md pre code{background:0 0;padding:0}.chat-msg.md a{color:var(--accent-hover)}.chat-msg.md h1,.chat-msg.md h2,.chat-msg.md h3{margin:10px 0 6px;font-size:15px;font-weight:700}.chat-msg.md table{border-collapse:collapse;margin:0 0 8px;font-size:12px}.chat-msg.md th,.chat-msg.md td{border:1px solid var(--border);text-align:left;padding:3px 8px}.chat-msg.md blockquote{border-left:3px solid var(--border);color:var(--text-muted);margin:0 0 8px;padding-left:10px}.tool-calls{flex-direction:column;align-self:flex-start;gap:6px;max-width:90%;display:flex}.tool-call{background:var(--bg);border:1px solid var(--border);border-radius:8px}.tool-call summary{cursor:pointer;color:var(--text-muted);padding:6px 10px;font-family:Cascadia Code,Fira Code,monospace;font-size:11px;list-style:none}.tool-call summary::-webkit-details-marker{display:none}.tool-call[open] summary{border-bottom:1px solid var(--border);color:var(--accent)}.tool-call pre{max-height:220px;color:var(--text-muted);white-space:pre-wrap;word-break:break-word;margin:0;padding:8px 10px;font-family:Cascadia Code,Fira Code,monospace;font-size:11px;overflow:auto}.chat-thinking{color:var(--text-muted);align-self:flex-start;padding:4px 0;font-size:13px}.chat-input-bar{border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0;padding:14px 20px}.chat-input-row{gap:8px;max-width:780px;margin:0 auto;display:flex}.chat-input-row .input{flex:1}