*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-body:#f4f7f9;--bg-panel:#fff;--bg-chat:#fafcfd;--border:#e2e8f0;--border-focus:#00509e;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--primary:#003b75;--primary-hover:#002855;--user-msg:#e2e8f0;--bot-msg-border:#cbd5e1;--accent-light:#e0f2fe;--accent-text:#0284c7;--mono:"JetBrains Mono", monospace;--sans:"Inter", system-ui, sans-serif}html,body{height:100vh;overflow:hidden}body{font-family:var(--sans);background:var(--bg-body);color:var(--text-main);flex-direction:column;display:flex}#app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;height:56px;padding:0 24px;display:flex}.logos{align-items:center;gap:12px;display:flex}.logo-divider{background:var(--border);width:1px;height:24px;margin:0 8px}.topbar-title{color:var(--primary);margin-left:20px;font-size:16px;font-weight:600}.demo-banner{color:#9a3412;background:#fff7ed;border-bottom:1px solid #fdba74;flex-shrink:0;align-items:center;gap:10px;padding:8px 24px;font-size:12.5px;line-height:1.4;display:flex}.demo-banner svg{flex-shrink:0}.app-layout{flex:1;min-height:0;display:flex;overflow:hidden}.sidebar-left{background:var(--bg-body);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;display:flex}.section-header{align-items:center;gap:8px;padding:20px 20px 12px;font-size:14px;font-weight:600;display:flex}.section-header svg{color:var(--text-muted);width:16px;height:16px}.doc-list{flex-direction:column;flex:1;gap:4px;padding:8px 12px;display:flex;overflow-y:auto}.empty-docs{text-align:center;color:var(--text-muted);padding:30px 20px;font-size:13px;line-height:1.5}.doc-item{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:12px;transition:background .15s;display:flex}.doc-item:hover{background:#eaeff4}.doc-checkbox{border:1px solid var(--text-muted);background:var(--bg-panel);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.doc-item.selected .doc-checkbox{background:var(--primary);border-color:var(--primary)}.doc-item.highlighted{background:var(--accent-light);box-shadow:0 0 0 2px var(--accent-text)}.doc-item.selected .doc-checkbox svg{stroke:#fff;width:10px;height:10px}.doc-item{position:relative}.doc-remove-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:background .15s,color .15s;display:flex}.doc-remove-btn:hover{color:#dc2626;background:#fee2e2}.doc-info{min-width:0}.doc-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.doc-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.sidebar-footer{background:var(--bg-body);border-top:1px solid var(--border);padding:16px}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:13px;font-weight:600;transition:background .15s;display:flex}textarea.is-disabled{color:var(--text-muted);cursor:not-allowed;opacity:.8;background:#f1f5f9}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.chat-area{background:var(--bg-chat);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.sys-notice{border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;margin:24px auto 0;padding:10px 24px;font-size:12px;font-weight:600;display:flex}.messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:24px;padding:24px 40px;display:flex;overflow-y:auto}.chat-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.chat-empty-state svg{width:48px;height:48px;color:var(--border);margin-bottom:16px}.chat-empty-state h3{color:var(--text-main);margin-bottom:8px;font-size:18px}.chat-empty-state p{max-width:400px;font-size:14px;line-height:1.5}.msg-user{background:var(--user-msg);max-width:75%;color:var(--text-main);border-radius:12px 12px 2px;flex-shrink:0;align-self:flex-end;padding:14px 18px;font-size:14px;line-height:1.5;position:relative}.msg-time{color:var(--text-muted);text-align:right;margin-top:6px;font-size:11px}.msg-bot{background:var(--bg-panel);border:1px solid var(--bot-msg-border);border-radius:2px 12px 12px;flex-shrink:0;align-self:flex-start;width:100%;max-width:800px;overflow:hidden;box-shadow:0 2px 4px #00000005}.msg-bot-header{border-bottom:1px solid var(--border);background:#f8fafc;align-items:center;gap:12px;padding:12px 18px;display:flex}.bot-icon{background:var(--primary);color:#fff;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.msg-bot-title{flex:1;font-size:14px;font-weight:600}.confidence{background:var(--accent-light);color:var(--accent-text);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.msg-bot-body{color:#334155;padding:18px;font-size:14px;line-height:1.6}.msg-bot-body p{margin-bottom:12px}.msg-bot-body ul{margin-bottom:12px;margin-left:20px}.msg-bot-body li{margin-bottom:6px}.sources-container{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.sources-title{color:var(--text-light);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.source-cards{flex-wrap:wrap;gap:12px;display:flex}.source-card{border:1px solid var(--border);cursor:pointer;background:#f8fafc;border-radius:6px;flex:1;min-width:200px;padding:10px 12px;transition:border-color .15s,background .15s}.source-card:hover{border-color:var(--accent-text);background:var(--accent-light)}.source-name{color:var(--primary);align-items:center;gap:4px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.source-excerpt{color:var(--text-muted);font-size:11px;font-family:var(--sans);font-style:italic}.input-wrapper{background:var(--bg-chat);border-top:1px solid var(--border);flex-shrink:0;padding:20px 40px 24px}.input-box{background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;align-items:center;padding:8px 16px;transition:border-color .15s;display:flex;box-shadow:0 2px 6px #00000005}.input-box:focus-within{border-color:var(--border-focus)}.input-box input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:14px}.input-actions{align-items:center;gap:8px;display:flex}.icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.icon-btn:hover{color:var(--primary);background:#f1f5f9}.btn-send{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;transition:background .15s;display:flex}.btn-send:hover{background:var(--primary-hover)}.btn-send:disabled{background:var(--text-light);cursor:not-allowed}.footer-text{text-align:center;color:var(--text-light);margin-top:12px;font-size:11px}.loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}