:root,[data-theme=light]{--primary:#0073bb;--dark:#ffffff;--darker:#f8f9fa;--accent:#e8ecf1;--success:#27700E;--bg:#f0f2f5;--card:#ffffff;--text:#1a1a2e;--muted:#666;--border:#ddd;--header:#0073bb}[data-theme=dark]{--primary:#0073bb;--dark:#1a1a2e;--darker:#16213e;--accent:#0f3460;--success:#27700E;--bg:#0a0a1a;--card:#1e1e3a;--text:#e0e0e0;--muted:#888;--border:#2a2a4a;--header:#0073bb}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;background:var(--bg);color:var(--text)}button{font-family:inherit}button:active{opacity:.75}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#888}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-body{display:flex;flex:1;min-height:0;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-header{background:var(--header);padding:8px 24px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);flex-shrink:0}.app-logo{height:28px;width:auto;border-radius:6px;vertical-align:middle;margin-right:6px}.app-header .title{font-size:18px;color:#fff;font-weight:600}.app-header .title .title-sub{font-size:.6em;font-weight:500;opacity:.85;margin-left:6px}.app-header .title .env-tag{font-size:.62em;font-weight:600;opacity:.9;margin-left:4px}.status-pill{display:flex;align-items:center;gap:6px;font-size:12px;color:#fff;font-weight:500;margin-right:4px}.status-dot{width:10px;height:10px;background:#00b894;border-radius:50%;display:inline-block;box-shadow:0 0 6px #00b894;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.header-user{font-size:13px;font-weight:600;color:#fff;margin-left:12px}.header-spacer{flex:1}.datasource-select{margin-left:6px;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.5);background:#005a94;color:#fff;font-size:12px;cursor:pointer;font-weight:500}.theme-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 6px;margin-left:8px}.ds-modal{background:var(--card);border-radius:12px;padding:24px;max-width:400px;text-align:center;box-shadow:0 4px 20px #0000004d}.ds-modal-msg{font-size:16px;margin-bottom:16px;color:var(--text)}.ds-modal button{padding:8px 24px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px}.sidebar{width:var(--sidebar-w,240px);flex-shrink:0;background:var(--dark);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.resizer{width:6px;flex-shrink:0;cursor:col-resize;background:var(--border);transition:background .12s}.resizer:hover,.resizer:active{background:var(--primary)}.sidebar-top{padding:12px 16px}.sidebar-user-display{font-size:14px;font-weight:500;color:var(--muted);margin-bottom:12px}.sidebar .resp.nav{display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px;border-radius:6px;margin:2px 0;color:var(--text);text-decoration:none}.sidebar .resp.nav:hover{background:var(--card)}.sidebar .resp.nav .nav-text{font-weight:700}.sidebar-favorites{font-size:12px;padding:4px 0}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding:12px 16px;flex:1;display:flex;flex-direction:column;overflow:hidden}.recents-search{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:13px;outline:none;margin:4px 0 8px}.recents-search:focus{border-color:var(--primary)}.sidebar-recents{flex:1;overflow-y:auto;font-size:12px}.sidebar .resp.recent{cursor:pointer;padding:8px 10px;border-radius:6px;margin:2px 0;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar .resp.recent:hover{background:var(--card)}.fav{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:2px 0}.fav .link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:13px;text-align:left;padding:4px 6px;flex:1;overflow:hidden;text-overflow:ellipsis}.fav .link:hover{text-decoration:underline}.fav button[aria-label^=Remove]{background:none;border:none;color:var(--muted);cursor:pointer;font-size:13px}.muted{color:var(--muted);font-size:13px;padding:2px 6px}.chat-view{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.scroll-nav{position:absolute;right:22px;bottom:96px;display:flex;flex-direction:column;gap:8px;z-index:20}.scroll-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--panel,#fff);color:var(--text);font-size:18px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0000002e;display:flex;align-items:center;justify-content:center;transition:filter .15s,transform .15s}.scroll-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.messages{flex:1;overflow-y:auto;padding:20px}.message{margin-bottom:16px;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message .label{font-size:11px;color:var(--muted);margin-bottom:4px;display:flex;align-items:center;gap:4px}.message.user .label{justify-content:flex-end}.assistant-logo{height:18px;width:auto;border-radius:4px}.message .bubble{font-size:14px;line-height:1.6}.message.user .bubble{background:var(--primary);color:#fff;border-radius:16px 16px 4px;padding:10px 16px;max-width:70%;margin-left:auto;width:fit-content}.message.assistant .bubble{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:4px 16px 16px;padding:16px;max-width:100%;overflow-x:auto}.bubble.thinking{color:var(--muted);font-style:italic}.message.assistant .bubble h1,.message.assistant .bubble h2{font-size:16px;margin:14px 0 8px;border-bottom:1px solid var(--border);padding-bottom:4px}.message.assistant .bubble h3,.message.assistant .bubble h4{font-size:14px;color:var(--primary);margin:12px 0 6px}.message.assistant .bubble p{margin:6px 0}.message.assistant .bubble ul,.message.assistant .bubble ol{margin:6px 0 6px 22px}.message.assistant .bubble li{margin:3px 0}.message.assistant .bubble a{color:#0984e3}.message.assistant .bubble code{background:var(--darker);padding:2px 6px;border-radius:3px;font-size:12px;color:var(--success)}.message.assistant .bubble pre{background:var(--darker);padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0;border:1px solid var(--border)}.message.assistant .bubble pre code{background:none;padding:0;color:var(--text)}.message.assistant .bubble table{border-collapse:collapse;width:100%;margin:10px 0;font-size:12px;border:1px solid var(--border)}.message.assistant .bubble th{background:var(--primary);color:#fff;padding:10px 12px;text-align:left;font-weight:600;white-space:nowrap;border:1px solid var(--border)}.message.assistant .bubble td{border:1px solid var(--border);padding:8px 12px}.message.assistant .bubble tr:hover{background:#0073bb14}.msg-actions{display:flex;gap:6px;margin-top:8px}.msg-actions button{background:none;border:none;padding:4px 8px;cursor:pointer;font-size:13px;color:var(--muted);border-radius:4px}.msg-actions button:hover{background:var(--darker)}.input-area{border-top:2px solid #0984e3;padding:16px 24px;background:var(--dark);display:flex;gap:12px;flex-shrink:0}.input-area input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:24px;font-size:14px;outline:none;background:var(--card);color:var(--text)}.input-area input:focus{border-color:var(--primary)}.input-area input::placeholder{color:var(--muted)}.input-area button{padding:12px 22px;background:var(--primary);color:#fff;border:none;border-radius:24px;font-size:14px;cursor:pointer}.input-area button:disabled{background:var(--border);cursor:not-allowed}.suggestions{padding:24px 4px}.suggestions>p,.suggestions h4{color:var(--muted);margin-bottom:12px;font-size:14px}.suggestion-tiles{display:flex;flex-wrap:wrap;gap:10px}.tile{background:var(--card);border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:10px;font-size:13px;cursor:pointer;text-align:left;box-shadow:0 1px 3px #0000000f;transition:transform .12s,border-color .12s}.tile:hover{transform:translateY(-2px);border-color:var(--primary)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center}.stats-panel{position:relative;background:var(--card);color:var(--text);border-radius:12px;padding:24px;width:700px;max-width:95%;box-shadow:0 8px 30px #00000059}.upload-panel{position:relative;background:var(--card);color:var(--text);border-radius:12px;padding:24px;width:420px;max-width:92%;text-align:center;box-shadow:0 8px 30px #00000059}.upload-panel h3,.stats-panel h3{margin-bottom:14px}.stats-panel .row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.upload-panel button,.stats-panel button{background:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px}.stats-panel .row button{background:none;color:var(--muted);font-size:20px;padding:0 6px}.bar{width:100%;height:8px;background:var(--accent);border-radius:4px;overflow:hidden;margin:12px 0}.bar-fill{height:100%;background:#00b894;border-radius:4px;transition:width .3s}.admin-portal{padding:24px;max-width:1200px;margin:0 auto;color:var(--text)}.admin-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-head h2{font-size:20px}.admin-head h2 small{font-size:.6em;opacity:.7}.admin-back{color:var(--primary);text-decoration:none;font-size:13px}.admin-back:hover{text-decoration:underline}.admin-section{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 20px;margin-bottom:20px}.admin-section h3{font-size:15px;margin-bottom:12px}.admin-section h4{font-size:13px;margin:16px 0 8px;color:var(--muted)}.admin-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.admin-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.admin-controls input,.admin-controls select{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--dark);color:var(--text);font-size:13px}.admin-controls button,.admin-actions button{background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px}.admin-controls button:hover,.admin-actions button:hover{filter:brightness(1.08)}.admin-actions{display:flex;gap:6px}.stat-cards{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.stat-cards .card{background:var(--dark);border:1px solid var(--border);border-radius:10px;padding:14px 22px;min-width:120px;text-align:center}.stat-num{font-size:24px;font-weight:700;color:var(--primary)}.stat-lbl{font-size:12px;color:var(--muted);margin-top:2px}.admin-portal table{border-collapse:collapse;width:100%;font-size:13px;margin-top:6px}.admin-portal th{background:var(--primary);color:#fff;padding:8px 12px;text-align:left}.admin-portal td{border:1px solid var(--border);padding:8px 12px}.admin-portal td.muted{color:var(--muted);text-align:center}.add-user-btn{background:#1e7e34!important;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px}.add-user-btn:hover{filter:brightness(1.1)}.fb-counts{display:flex;gap:12px;justify-content:center}.fb-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:18px;font-weight:700}.fb-link:hover{text-decoration:underline}.chat-export-bar{display:flex;gap:8px;justify-content:flex-end;padding:8px 20px 0}.chat-export-bar button{background:var(--accent);color:var(--text);border:1px solid var(--border);padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer}.chat-export-bar button:hover{border-color:var(--primary)}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;background:var(--bg);color:var(--text);text-align:center;padding:20px}.login-logo{display:block;max-width:150px;width:150px;height:auto;border-radius:12px;margin-bottom:12px}.login-title{font-size:24px;font-weight:600}.login-screen button{padding:14px 40px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;box-shadow:0 2px 8px #0073bb4d}.login-screen button:hover{filter:brightness(1.08)}.welcome{padding:8px 0}.welcome .message.assistant .bubble{max-width:none}.suggested-label{margin-top:12px!important}.suggested-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{background:var(--card);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer}.chip:hover{border-color:var(--primary)}.cat-tiles{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0}.cat-tile{width:96px;height:96px;background:var(--card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 1px 3px #0000000f;transition:transform .12s,border-color .12s}.cat-tile:hover{transform:translateY(-2px);border-color:var(--primary)}.cat-icon{font-size:26px}.cat-name{font-size:12px;font-weight:600;text-align:center;color:var(--text);line-height:1.2}.cat-prompts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 16px}.send-btn{width:44px;height:44px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.disclaimer-bar{background:var(--darker);border-top:1px solid var(--border);color:var(--muted);font-size:12px;padding:8px 24px;text-align:right;flex-shrink:0}.disclaimer-fixed{position:fixed;bottom:0;left:0;right:0;z-index:50}.signing-in{display:flex;align-items:center;justify-content:center;height:100vh;font-size:16px;color:var(--text)}.sidebar .resp.recent{display:flex;align-items:center;gap:6px}.recent-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recent-del{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;opacity:0;padding:0 4px}.sidebar .resp.recent:hover .recent-del{opacity:1}.recent-del:hover{color:#e17055}.pin-query{background:none;border:none;color:var(--primary);cursor:pointer;font-size:12px;padding:6px;text-align:left}.pin-query:hover{text-decoration:underline}.stats-summary{margin-top:12px;font-size:12px;color:var(--muted)}.chart-wrap{position:relative;height:300px;max-width:640px;margin:12px 0;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px}.chart-wrap canvas{max-height:284px}.pending-status{color:var(--muted);font-style:italic;display:inline-flex;align-items:center}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top:2px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.followups{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.followups-label{font-size:13px;color:var(--text);font-weight:700;flex-basis:100%}.followup-link{background:var(--primary);border:none;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;border-radius:20px;text-align:left;line-height:1.25;white-space:normal}.followup-link:hover{filter:brightness(.92);text-decoration:none}.stats-chart-wrap{position:relative;height:230px;margin:8px 0}.recent-item{margin:1px 0}.recent-row{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;cursor:pointer}.recent-row:hover{background:var(--card)}.recent-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--text)}.recent-menu-btn{flex-shrink:0;background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;padding:0 4px;opacity:.55}.recent-row:hover .recent-menu-btn{opacity:1}.recent-menu-inline{display:flex;gap:6px;padding:4px 10px 8px}.recent-menu-inline button{background:var(--accent);border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer;color:var(--text);font-size:11px}.recent-menu-inline button:hover{border-color:var(--primary)}.nav-toggle{display:none;background:none;border:none;color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:2px 8px;margin-right:4px}.nav-backdrop{display:none}@media (max-width:768px){.nav-toggle{display:inline-flex;align-items:center}.app-body{position:relative}.resizer{display:none}.sidebar{position:absolute;top:0;left:0;bottom:0;z-index:200;width:80%;max-width:300px;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 12px #0000004d}.app-body.nav-open .sidebar{transform:translate(0)}.app-body.nav-open .nav-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:150}.app-main{width:100%;min-width:0}.messages{padding:12px}.chat-export-bar{padding:8px 12px 0}.input-area{padding:12px}.disclaimer-bar{padding:8px 12px}.message.user .bubble{max-width:85%}.cat-tile{width:84px;height:84px}}