:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #eef1f5;--border: #d9dee6;--text: #1b2330;--text-muted: #5b6675;--primary: #2f6df6;--primary-hover: #1f57d6;--primary-contrast: #ffffff;--brand: #2f6df6;--accent: #2f6df6;--danger: #d64545;--danger-bg: #fdeaea;--warn: #b8860b;--warn-bg: #fff6e0;--ok: #1f9d57;--ok-bg: #e6f6ec;--user-bubble: #e7eefb;--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .06);--radius: 10px}[data-theme=dark]{--bg: #0f141b;--surface: #161d27;--surface-2: #1d2632;--border: #2a3441;--text: #e6ebf2;--text-muted: #93a0b1;--primary: #4f86ff;--primary-hover: #6a99ff;--primary-contrast: #0f141b;--brand: #4f86ff;--accent: #4f86ff;--danger: # f87171;--danger: #f87171;--danger-bg: #3a1f1f;--warn: #e0b34d;--warn-bg: #332a14;--ok: #4ad88a;--ok-bg: #15301f;--user-bubble: #1e2a40;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}.topbar .brand .brand-logo{height:26px;max-width:160px;width:auto;object-fit:contain;display:block}.topbar .brand .version{font-size:11px;font-weight:500;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:1px 7px;border-radius:999px}.topbar nav{display:flex;gap:4px;margin-left:8px}.topbar nav a{padding:6px 12px;border-radius:8px;color:var(--text-muted);font-weight:500}.topbar nav a:hover{background:var(--surface-2);color:var(--text)}.topbar nav a.active{background:var(--surface-2);color:var(--text)}.topbar .spacer{flex:1}.topbar .controls{display:flex;align-items:center;gap:8px}.content{flex:1;width:100%;max-width:920px;margin:0 auto;padding:22px 18px 48px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:8px;transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button.icon{padding:6px 10px;font-size:13px}input[type=text],input[type=email],input[type=password],select,textarea{font:inherit;width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:9px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary)}textarea{resize:vertical;min-height:56px}label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:5px}.field{margin-bottom:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}h1{font-size:22px;margin:0 0 16px}h2{font-size:16px;margin:0 0 12px}.muted{color:var(--text-muted)}.empty{text-align:center;color:var(--text-muted);padding:32px 12px}.alert{border-radius:8px;padding:10px 13px;font-size:14px;margin-bottom:12px}.alert.error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.alert.ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok)}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;border:1px solid var(--border)}.badge.uploaded{background:var(--surface-2);color:var(--text-muted)}.badge.processing{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.badge.indexed{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.badge.failed{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);font-size:14px}.table th{color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:18px}.login-card{width:100%;max-width:360px}.login-card .brand-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.login-card .tagline{color:var(--text-muted);font-size:13px;margin-bottom:18px}.chat-list{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.msg{max-width:88%;padding:11px 14px;border-radius:12px;border:1px solid var(--border);white-space:pre-wrap;word-break:break-word}.msg .role{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.msg.user{align-self:flex-end;background:var(--user-bubble)}.msg.assistant{align-self:flex-start;background:var(--surface)}.msg.noinfo{align-self:flex-start;background:var(--warn-bg);border-color:var(--warn);color:var(--text)}.served-tag{display:inline-block;font-size:11px;color:var(--text-muted);margin-top:8px;border:1px solid var(--border);border-radius:999px;padding:1px 8px}.feedback{margin-top:10px;padding-top:8px;border-top:1px dashed var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:8px}.feedback .feedback-prompt{font-size:12px;color:var(--text-muted)}.feedback .feedback-actions{display:flex;gap:6px}.feedback .fb-btn{font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}.feedback .fb-btn:hover:not(:disabled){border-color:var(--text-muted)}.feedback .fb-btn:disabled{opacity:.6;cursor:default}.feedback .fb-btn.up.active{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}.feedback .fb-btn.down.active{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.feedback .feedback-comment{display:flex;gap:6px;flex-basis:100%}.feedback .feedback-comment input{flex:1;font-size:13px;padding:4px 8px}.feedback.done{font-size:12px;color:var(--ok)}.feedback .feedback-error{flex-basis:100%;font-size:12px;color:var(--danger)}.sources{margin-top:10px;border-top:1px dashed var(--border);padding-top:8px}.sources .sources-title{font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.source-item{font-size:13px;margin-bottom:6px;display:flex;gap:6px}.source-item .n{font-weight:700;color:var(--primary);flex-shrink:0}.source-item .loc{color:var(--text-muted)}.composer{display:flex;flex-direction:column;gap:10px;position:sticky;bottom:0;background:var(--bg);padding-top:8px}.composer .row{display:flex;gap:10px;align-items:flex-end}.composer .row textarea{flex:1}.composer .opts{display:flex;gap:10px;align-items:center}.composer .opts input{max-width:220px}.conv-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-bottom:10px}.conv-item .meta{min-width:0}.conv-item .title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item .sub{font-size:12px;color:var(--text-muted)}.upload-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:8px}.upload-row .grow{flex:1;min-width:160px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.topbar{flex-wrap:wrap;gap:8px}.topbar nav{order:3;width:100%;margin-left:0}.msg,.composer .opts input{max-width:100%}.tpl-grid{grid-template-columns:1fr}.chat-header{flex-wrap:wrap;gap:8px}}.tpl-tabs{display:flex;gap:8px;margin:14px 0 18px;flex-wrap:wrap}.tpl-tab{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:7px 16px;font-size:14px;cursor:pointer}.tpl-tab:hover{border-color:var(--primary)}.tpl-tab.active{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.tpl-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.tpl-card h2{margin:0 0 8px}.tpl-card .tpl-desc{color:var(--text-muted);font-size:14px;margin:0 0 12px;flex:1}.tpl-card .tpl-hints{margin-bottom:14px}.tpl-card .tpl-hints-title{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.tpl-card .tpl-hints ul{margin:0;padding-left:18px;font-size:13px;color:var(--text-muted)}.tpl-card .tpl-start{align-self:flex-start}.prof-actions{display:flex;gap:8px;flex-shrink:0}button.icon.danger{color:var(--danger);border-color:var(--danger)}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-header h1{margin:0}.chat-actions{display:flex;gap:8px}.tpl-context{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;margin:12px 0}.tpl-context .tpl-context-label{font-weight:600;color:var(--text-muted)}.suggestions{margin:8px 0 12px}.suggestions .suggestions-title{font-size:13px;font-weight:600;margin-bottom:2px}.suggestions .suggestions-hint{font-size:12px;margin-bottom:8px}.suggestions .chips{display:flex;flex-wrap:wrap;gap:8px}.suggestions .chip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;text-align:left;max-width:100%}.suggestions .chip:hover:not(:disabled){border-color:var(--primary);background:var(--surface-2)}.suggestions .chip:disabled{opacity:.6;cursor:default}.footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 18px;border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13px}.footer .footer-brand{font-weight:600}.footer .footer-support a{color:var(--brand)}.account-plan-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.account-plan-name{font-size:22px;font-weight:700;color:var(--text)}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 24px}.usage-item{min-width:0}.usage-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px}.usage-name{font-weight:600;color:var(--text)}.usage-value{font-size:13px;color:var(--text-muted);white-space:nowrap}.usage-track{height:10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);overflow:hidden;position:relative}.usage-fill{height:100%;border-radius:999px;background:var(--primary);transition:width .3s ease;min-width:0}.usage-fill.warn{background:var(--warn)}.usage-fill.danger{background:var(--danger)}.usage-fill.unlimited{width:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-muted);background:var(--surface-2)}.feature-badges{display:flex;flex-wrap:wrap;gap:10px}.feature-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);font-size:13px}.feature-badge.on{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.feature-badge.off{background:var(--surface-2);color:var(--text-muted)}.feature-badge .feature-mark{font-weight:700}.upgrade-card p{margin:0 0 14px}a.upgrade-cta{display:inline-block;text-decoration:none;padding:9px 18px;border-radius:var(--radius);background:var(--primary);color:var(--primary-contrast);border:1px solid var(--primary);font-weight:600}a.upgrade-cta:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.usage-mini{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.1;padding:4px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);text-decoration:none;color:var(--text-muted);font-size:11px;margin-right:8px}.usage-mini:hover{border-color:var(--primary)}.usage-mini .usage-mini-label{text-transform:uppercase;letter-spacing:.03em;font-size:10px}.usage-mini .usage-mini-value{font-weight:700;font-size:13px;color:var(--text)}.usage-mini.warn{border-color:var(--warn)}.usage-mini.warn .usage-mini-value{color:var(--warn)}.usage-mini.danger{border-color:var(--danger)}.usage-mini.danger .usage-mini-value{color:var(--danger)}.docs-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.docs-filter{display:flex;align-items:center;gap:8px}.docs-filter select{width:auto;min-width:160px;padding:6px 9px}.doc-tags{display:inline-flex;flex-wrap:wrap;gap:5px}.doc-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.row-actions{display:inline-flex;gap:6px;flex-wrap:wrap}.row-actions .icon{font-size:12px;padding:5px 9px}.icon.danger-text{color:var(--danger)}.icon.danger-text:hover:not(:disabled){border-color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c128c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:440px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.gdpr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.danger-zone{border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-bg);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.danger-zone-label{font-weight:600;color:var(--danger);font-size:14px}.danger-btn{background:var(--danger);color:#fff;border:1px solid var(--danger);border-radius:8px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.danger-btn:hover:not(:disabled){filter:brightness(.93)}.danger-btn:disabled{opacity:.6;cursor:default}.trend-chart{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:8px}.trend-col{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;height:100%}.trend-val{font-size:12px;font-weight:600;color:var(--text);margin-bottom:4px}.trend-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.trend-bar{width:60%;min-height:4px;background:var(--brand);border-radius:4px 4px 0 0;transition:height .25s ease}.trend-label{font-size:11px;color:var(--text-muted);margin-top:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-pending{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted)}.stream-cursor{display:inline-block;width:7px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--brand);animation:stream-blink 1s steps(2,start) infinite}@keyframes stream-blink{to{visibility:hidden}}