:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e5e7eb;background-color:#0f172a}html{width:100%;min-height:100%}body{margin:0;width:100%;min-height:100vh;min-width:320px}#root{width:100%;min-height:100vh}*,*:before,*:after{box-sizing:border-box}button,textarea,input{font:inherit}img,svg,video,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f172a;color:#e5e7eb}#root{min-height:100vh}.app-shell{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:24px;background:radial-gradient(circle at top,rgba(59,130,246,.18),transparent 30%),linear-gradient(180deg,#0f172a,#111827)}.chat-container{width:100%;max-width:1040px;height:90vh;display:flex;flex-direction:column;background:#0f172ae6;border:1px solid rgba(148,163,184,.18);border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;border-bottom:1px solid rgba(148,163,184,.14);background:#ffffff08}.brand-area{display:flex;align-items:center;gap:14px}.brand-logo{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 10px 25px #2563eb59}.brand-text h1{margin:0 0 4px;font-size:1.55rem;color:#f8fafc}.brand-text p{margin:0;color:#94a3b8;line-height:1.45}.status-indicator-wrapper{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(148,163,184,.12);white-space:nowrap}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot-checking{background:#f59e0b;box-shadow:0 0 10px #f59e0b99}.status-dot-online{background:#22c55e;box-shadow:0 0 10px #22c55e99}.status-dot-offline{background:#ef4444;box-shadow:0 0 10px #ef444499}.status-text{font-size:.88rem;color:#cbd5e1}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:18px}.empty-state{margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;background:#0f172a8c;border:1px dashed rgba(148,163,184,.18);border-radius:20px;padding:32px 24px}.empty-state-icon{font-size:2.2rem;margin-bottom:12px}.empty-state h2{margin:0 0 10px;color:#f8fafc}.empty-state p{margin:0;max-width:620px;color:#94a3b8;line-height:1.6}.suggested-section{margin-top:24px;width:100%}.suggested-section h3{margin:0 0 12px;font-size:1rem;color:#cbd5e1}.suggested-chips,.suggested-inline{display:flex;flex-wrap:wrap;gap:10px}.suggested-inline{margin-bottom:14px}.suggested-chip{border:1px solid rgba(148,163,184,.16);background:#1e293be6;color:#e2e8f0;border-radius:999px;padding:10px 14px;font-size:.92rem;cursor:pointer;transition:all .15s ease}.suggested-chip:hover:not(:disabled){background:#334155f2;border-color:#60a5fa73;transform:translateY(-1px)}.suggested-chip:disabled{opacity:.7;cursor:not-allowed}.suggested-chip-small{padding:8px 12px;font-size:.85rem}.message-row{display:flex}.message-row-user{justify-content:flex-end}.message-row-assistant{justify-content:flex-start}.message-bubble{max-width:76%;padding:14px 16px;border-radius:18px;line-height:1.55;white-space:pre-line}.message-user{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-bottom-right-radius:6px}.message-assistant{background:#1e293bf2;color:#e2e8f0;border:1px solid rgba(148,163,184,.12);border-bottom-left-radius:6px}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.message-role{font-size:.82rem;font-weight:700;opacity:.95}.message-content{font-size:.98rem}.source-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.source-badge-sql{background:#22c55e24;color:#86efac;border:1px solid rgba(34,197,94,.24)}.source-badge-llm{background:#3b82f624;color:#93c5fd;border:1px solid rgba(59,130,246,.24)}.source-badge-rag{background:#a855f724;color:#d8b4fe;border:1px solid rgba(168,85,247,.24)}.typing-indicator{display:flex;gap:6px;align-items:center;min-height:24px}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#93c5fd;display:inline-block;animation:blink 1.2s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{transform:scale(.7);opacity:.45}40%{transform:scale(1);opacity:1}}.chat-input-area{padding:18px 24px 24px;border-top:1px solid rgba(148,163,184,.14);background:#ffffff08}.chat-form{display:flex;flex-direction:column;gap:12px}.chat-textarea{width:100%;resize:none;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:#0f172af2;color:#f8fafc;padding:14px 16px;font-size:1rem;outline:none}.chat-textarea:focus{border-color:#60a5facc;box-shadow:0 0 0 3px #3b82f626}.chat-textarea::placeholder{color:#64748b}.chat-actions{display:flex;justify-content:flex-end}.send-button{border:none;border-radius:12px;padding:12px 18px;font-size:.95rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transition:transform .15s ease,opacity .15s ease}.send-button:hover:not(:disabled){transform:translateY(-1px)}.send-button:disabled{opacity:.7;cursor:not-allowed}.error-box{margin-bottom:12px;padding:12px 14px;border-radius:12px;background:#7f1d1d59;border:1px solid rgba(248,113,113,.35);color:#fecaca}@media(max-width:900px){.chat-header{flex-direction:column;align-items:flex-start}.status-indicator-wrapper{align-self:flex-start}.message-bubble{max-width:88%}}@media(max-width:768px){.app-shell{padding:12px}.chat-container{height:94vh;border-radius:16px}.chat-header,.chat-messages,.chat-input-area{padding-left:16px;padding-right:16px}.brand-text h1{font-size:1.25rem}.brand-text p{font-size:.92rem}.message-meta{flex-direction:column;align-items:flex-start}}.source-badge-docs{background:#a855f724;color:#d8b4fe;border:1px solid rgba(168,85,247,.24)}.docs-sources{margin-top:16px;padding-top:12px;border-top:1px solid rgba(148,163,184,.12)}.docs-sources h4{margin:0 0 10px;font-size:.92rem;color:#cbd5e1}.docs-source-card{margin-bottom:10px;padding:12px;border-radius:12px;background:#0f172a8c;border:1px solid rgba(148,163,184,.1)}.docs-source-header{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px;font-size:.84rem;color:#cbd5e1}.docs-source-card p{margin:0;font-size:.9rem;color:#e2e8f0;line-height:1.5}