@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.query-input-wrapper{position:fixed;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,var(--bg-primary) 60%,transparent);z-index:50;transition:left var(--transition-base)}.main-content.sidebar-open .query-input-wrapper{left:var(--sidebar-width)}.query-input-form{max-width:900px;margin:0 auto}.query-input-container{display:flex;align-items:flex-end;gap:12px;background:var(--bg-primary);border:1px solid var(--border);padding:12px 16px;transition:all var(--transition-fast);box-shadow:var(--shadow-lg)}.query-input-container:focus-within{border-color:var(--primary);box-shadow:var(--shadow-xl)}.input-icon{width:24px;height:24px;flex-shrink:0;color:var(--text-muted);margin-bottom:4px}.input-icon svg{width:100%;height:100%}.query-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-display);font-size:1rem;color:var(--text-primary);resize:none;line-height:1.5;max-height:200px}.query-input::placeholder{color:var(--text-muted)}.query-input:disabled{opacity:.5;cursor:not-allowed}.submit-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;box-shadow:var(--shadow-sm)}.submit-btn svg{width:20px;height:20px;color:var(--text-muted);transition:color var(--transition-fast)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn.active:not(:disabled){background:var(--primary);border-color:transparent;box-shadow:var(--shadow-md)}.submit-btn.active:not(:disabled) svg{color:#fff}.submit-btn.active:not(:disabled):hover{background:var(--primary-hover);box-shadow:var(--shadow-lg)}.submit-spinner{width:20px;height:20px;border:2px solid var(--text-muted);border-top-color:var(--primary);animation:spin .8s linear infinite}.input-hints{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px}.hint-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.hint-item kbd{display:inline-block;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--border);font-family:var(--font-mono);font-size:.7rem}@media (max-width: 768px){.query-input-wrapper{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.main-content.sidebar-open .query-input-wrapper{left:0}.query-input-container{padding:10px 12px;gap:10px}.input-icon{width:20px;height:20px;margin-bottom:2px}.query-input{font-size:16px;max-height:120px}.submit-btn{width:44px;height:44px}.input-hints{display:none}}@media (max-width: 480px){.query-input-wrapper{padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.query-input-container{padding:8px 10px;gap:8px}.submit-btn{width:40px;height:40px}.submit-btn svg{width:18px;height:18px}}@media (pointer: coarse){.submit-btn{min-width:44px;min-height:44px}}.auto-chart{padding:16px;background:var(--bg-primary);border-radius:8px;width:100%;height:100%;display:flex;flex-direction:column}.auto-chart.compact{padding:8px}.auto-chart>div{flex:1;min-height:0}.chart-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:.9rem}.metric-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.metric-value{font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--cyan) 0%,var(--violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.metric-label{font-size:1rem;color:var(--text-secondary);margin-top:8px;text-transform:capitalize}.chart-tooltip{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:12px;box-shadow:0 4px 12px #0000004d}.chart-tooltip-label{color:var(--text-secondary);font-size:.75rem;margin-bottom:4px;font-weight:600}.chart-tooltip-value{color:var(--text-primary);font-size:.875rem;margin:2px 0}.recharts-legend-item-text{color:var(--text-secondary)!important;font-size:10px!important}.recharts-default-legend{margin-top:4px!important;padding:0!important}.recharts-legend-wrapper{padding:0!important}.recharts-legend-item{margin-right:8px!important}.card-content .recharts-legend-wrapper{bottom:0!important}.card-content .recharts-default-legend{margin-top:2px!important}@media (max-width: 768px){.metric-value{font-size:2.25rem}.metric-card{padding:24px 16px}}.results-container{margin-top:16px;background:var(--bg-primary);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-md)}.results-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap}.results-tabs{display:flex;gap:4px;background:var(--bg-secondary);padding:4px;border:1px solid var(--border)}.results-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;font-family:var(--font-display);font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.results-tab:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.results-tab.active{background:var(--bg-elevated);color:var(--cyan)}.results-tab svg{flex-shrink:0}.results-actions{display:flex;align-items:center;gap:12px}.export-dropdown-container{position:relative}.export-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);font-family:var(--font-display);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.export-btn:hover{background:var(--bg-elevated);border-color:var(--cyan-dim);color:var(--text-primary)}.export-dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.export-dropdown{position:absolute;right:0;top:calc(100% + 4px);min-width:180px;background:var(--bg-primary);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:101;overflow:hidden}.export-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:transparent;border:none;font-family:var(--font-display);font-size:.85rem;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.export-dropdown button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.export-dropdown button svg{color:var(--text-muted);flex-shrink:0}.pin-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);font-family:var(--font-display);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.pin-btn:hover{background:var(--bg-elevated);border-color:var(--violet-dim, rgba(139, 92, 246, .4));color:var(--violet)}.pin-btn:hover svg{color:var(--violet)}.pin-btn.pinned{background:linear-gradient(135deg,#8b5cf626,#00d4ff26);border-color:var(--violet);color:var(--violet)}.pin-btn.pinned svg{color:var(--violet)}.results-chart{padding:16px;min-height:350px}.results-table-wrapper{overflow-x:auto;max-height:400px;-webkit-overflow-scrolling:touch}.results-table{width:100%;border-collapse:collapse;font-size:.85rem}.results-table th{position:sticky;top:0;background:var(--bg-tertiary);padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.results-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-primary);white-space:nowrap}.results-table tr:hover td{background:var(--bg-secondary)}.results-sql{padding:16px;background:var(--bg-primary)}.results-sql pre{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word;margin:0}@media (max-width: 768px){.results-header{flex-direction:column;align-items:flex-start;gap:12px}.results-tabs{width:100%;justify-content:center}.results-actions{width:100%;justify-content:space-between}.results-tab{padding:8px 12px;font-size:.75rem}.results-table-wrapper{max-height:300px}.results-table th,.results-table td{padding:10px 12px;font-size:.75rem}}@media (max-width: 480px){.results-tabs{flex-wrap:wrap}.results-tab span,.export-btn span{display:none}}.analysis-panel{margin-top:0;display:flex;flex-direction:column;gap:24px}.analysis-summary{display:flex;align-items:flex-start;gap:16px;padding:24px 28px;background:var(--bg-primary);border:1px solid var(--primary-dim);border-left:4px solid var(--primary);box-shadow:var(--shadow-md)}.summary-icon{flex-shrink:0;width:22px;height:22px;color:var(--primary);margin-top:2px}.summary-icon svg{width:100%;height:100%}.summary-text{font-size:1.0625rem;line-height:1.7;color:var(--text-primary);margin:0;font-weight:400}.data-highlights{display:flex;gap:14px;flex-wrap:wrap;padding:4px 0}.metric-card{display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border);min-width:140px;box-shadow:var(--shadow-md)}.metric-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.metric-value{font-size:1.5rem;font-weight:600;color:var(--text-primary);font-family:var(--font-mono);letter-spacing:-.02em}.analysis-section{background:var(--bg-primary);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-md)}.section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.section-header:hover{background:var(--bg-tertiary)}.section-title{display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.section-title svg{width:18px;height:18px;color:var(--primary)}.insight-count,.concern-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;background:var(--primary);font-size:.7rem;font-weight:600;color:#fff}.chevron{width:18px;height:18px;color:var(--text-muted);transition:transform var(--transition-base)}.chevron.expanded{transform:rotate(180deg)}.section-content{padding:8px 20px 20px;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--border-subtle)}.insight-card{padding:18px 20px;background:var(--bg-secondary);border-left:4px solid var(--border);box-shadow:var(--shadow-sm)}.insight-card.importance-high{border-left-color:var(--error);background:var(--error-subtle)}.insight-card.importance-medium{border-left-color:var(--warning);background:var(--warning-subtle)}.insight-card.importance-low{border-left-color:var(--success);background:var(--success-subtle)}.insight-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.insight-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.importance-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px}.importance-badge.high{background:#dc26261f;color:var(--error)}.importance-badge.medium{background:#d977061f;color:var(--warning)}.importance-badge.low{background:#0596691f;color:var(--success)}.insight-description{font-size:.9rem;line-height:1.7;color:var(--text-secondary);margin:0}.context-text{font-size:.9375rem;line-height:1.8;color:var(--text-secondary);margin:0}.concerns-section .section-title svg{color:var(--warning)}.concern-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--bg-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.concern-card.concern-data_quality{border-color:#d977064d;background:var(--warning-subtle)}.concern-card.concern-limitation{border-color:var(--border)}.concern-card.concern-anomaly{border-color:#dc26264d;background:var(--error-subtle)}.concern-icon{flex-shrink:0;width:20px;height:20px;color:var(--warning);margin-top:1px}.concern-icon svg{width:100%;height:100%}.concern-content{flex:1}.concern-type{display:block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px}.concern-description{font-size:.875rem;line-height:1.6;color:var(--text-secondary);margin:0}.recommendation-card{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.recommendation-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700}.recommendation-content{flex:1}.recommendation-action{font-size:.9375rem;font-weight:500;color:var(--text-primary);margin:0 0 6px;line-height:1.5}.recommendation-rationale{font-size:.8125rem;color:var(--text-muted);margin:0;line-height:1.5}.related-questions{display:flex;flex-direction:column;gap:10px}.related-question-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);font-size:.875rem;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);line-height:1.5;box-shadow:var(--shadow-sm)}.related-question-btn svg{flex-shrink:0;width:16px;height:16px;color:var(--primary)}.related-question-btn:hover{background:var(--bg-primary);border-color:var(--primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.analysis-panel{gap:16px}.analysis-summary{padding:16px 18px}.summary-text{font-size:1rem}.data-highlights{gap:10px}.metric-card{padding:14px 16px;min-width:110px;box-shadow:var(--shadow-sm)}.metric-value{font-size:1.25rem}.section-header{padding:14px 16px}.section-content{padding:6px 16px 16px;gap:12px}.insight-card,.concern-card,.recommendation-card{padding:14px 16px}.related-question-btn{padding:12px 14px;font-size:.85rem}}.chat-history{display:flex;flex-direction:column;gap:0;max-width:800px;margin:0 auto;padding:0 16px}.chat-history .message{padding:28px 0;border-bottom:1px solid var(--border-subtle);margin-bottom:0;max-width:100%}.chat-history .message:last-child{border-bottom:none}.chat-history .message.user{padding:20px 0}.chat-history .message.user .message-bubble{display:inline-block;max-width:85%}.chat-history .message.assistant{flex-direction:column;align-items:flex-start;gap:16px}.chat-history .message.assistant .message-avatar{display:none}.chat-history .message.assistant .message-content{max-width:100%;width:100%}@media (max-width: 768px){.chat-history{padding:0 8px}.chat-history .message{padding:20px 0}.chat-history .message.user{padding:16px 0}}@media (max-width: 480px){.chat-history .message{padding:16px 0}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:200}.sidebar-overlay.visible{opacity:1;visibility:visible}@media (min-width: 769px){.sidebar-overlay{display:none}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:300;transform:translate(-100%);transition:transform var(--transition-base);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:16px;border-bottom:1px solid var(--border)}.new-chat-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:var(--primary);border:none;font-family:var(--font-display);font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.new-chat-btn svg{width:18px;height:18px}.new-chat-btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-lg)}.new-chat-btn:active{box-shadow:var(--shadow-sm)}.sidebar-content{flex:1;overflow-y:auto;padding:16px}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{width:48px;height:48px;margin-bottom:16px;color:var(--text-muted);opacity:.5}.empty-icon svg{width:100%;height:100%}.empty-text{font-size:.95rem;color:var(--text-secondary);margin-bottom:4px}.empty-subtext{font-size:.85rem;color:var(--text-muted)}.conversations-section{margin-bottom:24px}.section-title{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;padding-left:8px}.conversation-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:all var(--transition-fast);margin-bottom:4px}.conversation-item:hover{background:var(--bg-tertiary)}.conversation-item.active{background:var(--bg-elevated);border:1px solid var(--border)}.conversation-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);flex-shrink:0}.conversation-icon svg{width:16px;height:16px;color:var(--text-muted)}.conversation-item.active .conversation-icon svg{color:var(--primary)}.conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.conversation-title{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-date{font-size:.75rem;color:var(--text-muted)}.conversation-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;cursor:pointer;opacity:0;transition:all var(--transition-fast)}.conversation-delete svg{width:14px;height:14px;color:var(--text-muted)}.conversation-item:hover .conversation-delete{opacity:1}.conversation-delete:hover{background:var(--error)}.conversation-delete:hover svg{color:#fff}.sidebar-footer{padding:16px;border-top:1px solid var(--border);background:var(--bg-primary)}.data-source-info{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border);margin-bottom:16px;box-shadow:var(--shadow-sm)}.data-source-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.data-source-icon svg{width:18px;height:18px;color:var(--primary)}.data-source-details{display:flex;flex-direction:column;gap:2px}.data-source-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.data-source-name{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.powered-by{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.powered-brand{font-weight:600;color:var(--primary)}@media (max-width: 768px){.sidebar-overlay.visible{background:#000000b3}.sidebar{width:85%;max-width:320px;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left)}.sidebar-header{padding:12px}.new-chat-btn{padding:12px 16px;font-size:.9rem;min-height:48px}.sidebar-content{padding:12px}.empty-state{padding:32px 16px}.empty-icon{width:40px;height:40px}.conversation-item{padding:14px 12px;min-height:56px}.conversation-icon{width:36px;height:36px}.conversation-title{font-size:.875rem}.conversation-delete{opacity:.7;width:36px;height:36px}.sidebar-footer{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.data-source-info{padding:10px;margin-bottom:12px}.data-source-icon{width:32px;height:32px}.powered-by{font-size:.7rem}}@media (max-width: 480px){.sidebar{width:90%;max-width:300px}.conversation-item{padding:12px 10px}.section-title{font-size:.65rem}}.header{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 24px;background:var(--bg-primary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:16px}.menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.menu-toggle svg{width:20px;height:20px;color:var(--text-secondary);transition:color var(--transition-fast)}.menu-toggle:hover{background:var(--bg-tertiary);border-color:var(--primary)}.menu-toggle:hover svg{color:var(--primary)}.header-brand{display:flex;align-items:center;gap:12px}.header-logo{width:36px;height:36px}.header-logo svg{width:100%;height:100%}.header-title{display:flex;align-items:baseline;gap:6px}.header-name{font-size:1.25rem;font-weight:700;color:var(--primary)}.header-product{font-size:1rem;font-weight:500;color:var(--text-secondary)}.header-center{display:flex;align-items:center}.header-nav{display:flex;gap:4px;padding:4px;background:var(--bg-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.nav-tab{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;font-family:var(--font-display);font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.nav-tab svg{width:16px;height:16px}.nav-tab:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.nav-tab.active{background:var(--primary-subtle);color:var(--primary)}.nav-tab.active svg{color:var(--primary)}.nav-badge{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--accent);font-size:.7rem;font-weight:600;color:#fff}.connection-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.status-text{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:8px}.header-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.header-btn svg{width:20px;height:20px;color:var(--text-muted);transition:color var(--transition-fast)}.header-btn:hover{background:var(--bg-tertiary);border-color:var(--border)}.header-btn:hover svg{color:var(--text-primary)}.new-query-btn{width:auto;padding:0 16px;gap:8px;background:var(--primary-subtle);border:1px solid var(--primary-dim);box-shadow:var(--shadow-sm)}.new-query-btn svg{color:var(--primary)}.new-query-btn .btn-label{font-size:.875rem;font-weight:500;color:var(--primary)}.new-query-btn:hover{background:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-md)}.new-query-btn:hover svg,.new-query-btn:hover .btn-label{color:#fff}.data-assets-btn{width:auto;padding:0 14px;gap:8px;background:var(--bg-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.data-assets-btn svg{color:var(--text-muted)}.data-assets-btn .btn-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.data-assets-btn:hover{background:var(--bg-tertiary);border-color:var(--border-bright)}.data-assets-btn:hover svg,.data-assets-btn:hover .btn-label{color:var(--text-primary)}.logout-btn:hover{background:#ef444426;border-color:var(--error)}.logout-btn:hover svg{color:var(--error)}@media (max-width: 768px){.header{padding:0 12px;height:var(--header-height);padding-top:env(safe-area-inset-top)}.header-left{gap:10px}.menu-toggle{width:44px;height:44px}.header-logo{width:28px;height:28px}.header-brand{gap:8px}.header-center{position:absolute;left:50%;transform:translate(-50%)}.header-nav{padding:3px}.nav-tab{padding:6px 10px;gap:6px}.nav-tab span:not(.nav-badge){display:none}.nav-tab svg{width:18px;height:18px}.header-title{display:none}.header-right{gap:4px}.header-btn{width:44px;height:44px}.new-query-btn{width:44px;padding:0}.new-query-btn .btn-label{display:none}.data-assets-btn{width:44px;padding:0}.data-assets-btn .btn-label{display:none}}@media (max-width: 480px){.header{padding:0 8px}.header-logo{width:24px;height:24px}.menu-toggle,.header-btn{width:40px;height:40px}.header-btn svg{width:18px;height:18px}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;width:100vw;position:relative;z-index:1;padding:20px}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:48px 40px;width:100%;max-width:420px;position:relative;z-index:10;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-icon{width:64px;height:64px;margin:0 auto 24px;color:var(--primary);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-icon svg{width:100%;height:100%}.login-title{font-size:1.75rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.login-subtitle{font-size:.95rem;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .input-icon{position:absolute;left:16px;width:20px;height:20px;color:var(--text-muted);pointer-events:none}.password-input{width:100%;padding:16px 16px 16px 48px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;font-family:var(--font-display);font-size:1rem;color:var(--text-primary);outline:none;transition:all var(--transition-fast)}.password-input::placeholder{color:var(--text-muted)}.password-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.password-input:disabled{opacity:.6;cursor:not-allowed}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid var(--error);border-radius:10px;font-size:.875rem;color:var(--error)}.error-message svg{width:18px;height:18px;flex-shrink:0}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:var(--primary);border:none;border-radius:12px;font-family:var(--font-display);font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.login-btn:hover:not(:disabled){transform:translateY(-2px);background:var(--primary-hover);box-shadow:var(--shadow-lg)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn svg{width:20px;height:20px}.login-btn .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:32px;text-align:center;font-size:.8rem;color:var(--text-muted)}.brand-text{font-weight:600;color:var(--primary)}@media (max-width: 768px){.login-container{padding:16px}.login-card{padding:32px 24px;border-radius:16px}.login-icon{width:56px;height:56px;margin-bottom:20px}.login-title{font-size:1.5rem}.login-subtitle{font-size:.9rem}.password-input{padding:14px 14px 14px 44px;font-size:16px}.login-btn{padding:14px 20px;min-height:52px}}@media (max-width: 480px){.login-card{padding:28px 20px}.login-icon{width:48px;height:48px}.login-title{font-size:1.35rem}}.sample-questions{max-width:700px;margin:0 auto;width:100%}.sample-label{font-size:.875rem;color:var(--text-muted);margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:.1em}.category-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:24px;font-family:var(--font-display);font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.category-btn:hover{background:var(--bg-elevated);border-color:var(--border-bright);color:var(--text-primary)}.category-btn.active{background:linear-gradient(135deg,var(--cyan) 0%,var(--violet) 100%);border-color:transparent;color:#fff}.category-icon{font-size:1rem}.category-questions{display:flex;flex-direction:column;gap:10px;animation:fadeIn .2s ease}.question-btn{padding:14px 20px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;font-family:var(--font-display);font-size:.9rem;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.question-btn:hover{background:var(--bg-elevated);border-color:var(--cyan-dim);color:var(--cyan);transform:translate(4px)}.featured-questions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media (max-width: 768px){.category-buttons{gap:8px}.category-btn{padding:8px 14px;font-size:.85rem}.category-label{display:none}.category-icon{font-size:1.2rem}.question-btn{padding:12px 16px;font-size:.85rem}}@media (max-width: 480px){.category-btn{padding:10px 12px}.featured-questions{flex-direction:column;align-items:stretch}.featured-questions .example-chip{text-align:left}}.query-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;animation:fadeIn .3s ease}.loading-spinner{position:relative;width:64px;height:64px;margin-bottom:24px}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--border);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.loading-stage-label{font-size:1rem;color:var(--cyan);margin-bottom:16px;text-align:center;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.loading-progress-dots{display:flex;gap:8px}.progress-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:all .3s ease}.progress-dot.active{background:var(--cyan)}.progress-dot.current{transform:scale(1.25);box-shadow:0 0 8px var(--cyan)}@media (max-width: 768px){.query-loading-state{padding:32px 16px}.loading-spinner{width:48px;height:48px}.spinner-icon{font-size:1.25rem}.loading-stage-label{font-size:.9rem}.progress-dot{width:6px;height:6px}}.data-assets-panel{position:fixed;top:0;right:0;width:380px;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;z-index:200;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.panel-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.panel-title svg{width:20px;height:20px;color:var(--cyan)}.panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-fast)}.panel-close svg{width:18px;height:18px;color:var(--text-muted)}.panel-close:hover{background:var(--bg-tertiary)}.panel-close:hover svg{color:var(--text-primary)}.panel-search{display:flex;align-items:center;gap:10px;margin:16px 20px;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;transition:all var(--transition-fast)}.panel-search:focus-within{border-color:var(--cyan-dim)}.panel-search svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.panel-search input{flex:1;background:transparent;border:none;outline:none;font-size:.9rem;color:var(--text-primary)}.panel-search input::placeholder{color:var(--text-muted)}.panel-content{flex:1;overflow-y:auto;padding:0 12px}.asset-category{margin-bottom:8px}.category-header{display:flex;align-items:center;width:100%;padding:12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all var(--transition-fast);text-align:left}.category-header:hover,.category-header.expanded{background:var(--bg-tertiary)}.category-icon{font-size:1.2rem;margin-right:10px}.category-name{flex:1;font-size:.95rem;font-weight:500;color:var(--text-primary)}.category-count{font-size:.75rem;color:var(--text-muted);margin-right:8px}.category-header .chevron{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-fast)}.category-header.expanded .chevron{transform:rotate(180deg)}.category-tables{padding-left:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.table-item{margin:4px 0}.table-header{display:flex;align-items:center;width:100%;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);text-align:left}.table-header:hover{background:var(--bg-elevated);border-color:var(--border)}.table-header.expanded{background:var(--bg-elevated);border-color:var(--cyan-dim)}.table-info{flex:1;display:flex;flex-direction:column;gap:2px}.table-name{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--cyan)}.table-description{font-size:.75rem;color:var(--text-muted)}.table-rows{font-size:.7rem;color:var(--text-muted);padding:4px 8px;background:var(--bg-tertiary);border-radius:12px}.table-details{margin:8px 0 8px 12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;animation:fadeIn .2s ease}.columns-header{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.columns-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.column-chip{font-family:var(--font-mono);font-size:.75rem;padding:4px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary)}.use-table-btn{width:100%;padding:8px 12px;background:linear-gradient(135deg,#00d4ff26,#8b5cf626);border:1px solid var(--cyan-dim);border-radius:6px;font-size:.8rem;font-weight:500;color:var(--cyan);cursor:pointer;transition:all var(--transition-fast)}.use-table-btn:hover{background:linear-gradient(135deg,#00d4ff40,#8b5cf640);border-color:var(--cyan)}.panel-footer{padding:16px 20px;border-top:1px solid var(--border)}.data-source{display:flex;align-items:center;gap:8px;font-size:.8rem}.source-label{color:var(--text-muted)}.source-name{font-family:var(--font-mono);color:var(--success)}@media (max-width: 768px){.data-assets-panel{width:100%;max-width:100%}}@media (max-width: 480px){.panel-header{padding:16px}.panel-search{margin:12px 16px}.panel-content{padding:0 8px}.category-tables{padding-left:12px}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height;-webkit-user-select:none;user-select:none}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dashboard{padding:12px;max-width:100%;margin:0;min-height:calc(100vh - 80px)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:12px}.dashboard-title{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.dashboard-title svg{width:28px;height:28px;color:var(--cyan)}.dashboard-header-right{display:flex;align-items:center;gap:16px}.dashboard-hint{font-size:.8rem;color:var(--text-muted);font-style:italic}.dashboard-count{font-size:.875rem;color:var(--text-muted);padding:6px 12px;background:var(--bg-tertiary);border-radius:16px}.dashboard-grid-layout{min-height:400px}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:border-color .2s,box-shadow .2s}.dashboard-card:hover{border-color:var(--cyan-dim);box-shadow:0 4px 20px #0000004d}.card-header{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--border);gap:8px;flex-shrink:0}.card-drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;cursor:grab;flex-shrink:0;opacity:.4;transition:opacity .2s}.card-drag-handle:hover{opacity:1}.card-drag-handle:active{cursor:grabbing}.card-drag-handle svg{width:16px;height:16px;color:var(--text-muted)}.card-query{flex:1;font-size:.85rem;font-weight:500;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-actions{display:flex;gap:2px;flex-shrink:0}.card-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.card-action-btn svg{width:14px;height:14px;color:var(--text-muted)}.card-action-btn:hover{background:var(--bg-tertiary)}.card-action-btn:hover svg{color:var(--text-primary)}.card-action-btn.unpin-btn:hover{background:#ef444426}.card-action-btn.unpin-btn:hover svg{color:var(--error)}.card-content{flex:1;padding:8px;display:flex;flex-direction:column;overflow:hidden;min-height:0}.card-content .auto-chart{flex:1;display:flex;flex-direction:column;min-height:0}.card-content .auto-chart .recharts-responsive-container{flex:1;min-height:0}.card-table-preview{width:100%;height:100%;overflow:auto}.card-table-preview table{width:100%;border-collapse:collapse;font-size:.75rem}.card-table-preview th,.card-table-preview td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--border)}.card-table-preview th{font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);position:sticky;top:0;white-space:nowrap}.card-table-preview td{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.table-more{text-align:center;padding:8px;font-size:.75rem;color:var(--text-muted)}.card-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-tertiary);font-size:.7rem;color:var(--text-muted);flex-shrink:0}.card-rows{font-family:var(--font-mono)}.react-grid-item{transition:none!important}.react-grid-item.cssTransforms{transition:transform .2s ease!important}.react-grid-item.react-draggable-dragging{transition:none!important;z-index:100;box-shadow:0 8px 32px #0006}.react-grid-item.resizing{z-index:100}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;background:transparent}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-right:2px solid var(--cyan-dim);border-bottom:2px solid var(--cyan-dim);opacity:0;transition:opacity .2s}.react-grid-item:hover>.react-resizable-handle:after{opacity:1}.react-grid-item>.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize}.react-grid-item>.react-resizable-handle-sw:after{right:auto;left:4px;border-right:none;border-left:2px solid var(--cyan-dim)}.react-grid-item>.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize}.react-grid-item>.react-resizable-handle-ne:after{bottom:auto;top:4px;border-bottom:none;border-top:2px solid var(--cyan-dim)}.react-grid-item>.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize}.react-grid-item>.react-resizable-handle-nw:after{bottom:auto;right:auto;top:4px;left:4px;border-bottom:none;border-right:none;border-top:2px solid var(--cyan-dim);border-left:2px solid var(--cyan-dim)}.react-grid-placeholder{background:var(--cyan)!important;opacity:.15!important;border-radius:16px!important}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:48px 24px}.empty-icon{width:80px;height:80px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#00d4ff1a,#8b5cf61a);border-radius:20px}.empty-icon svg{width:100%;height:100%;color:var(--cyan)}.empty-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.empty-subtitle{font-size:1rem;color:var(--text-muted);line-height:1.6}.dashboard-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:300;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border);gap:16px}.modal-query{flex:1;font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.4}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s;flex-shrink:0}.modal-close svg{width:18px;height:18px;color:var(--text-muted)}.modal-close:hover{background:var(--bg-tertiary);border-color:var(--border-bright)}.modal-close:hover svg{color:var(--text-primary)}.modal-body{flex:1;padding:24px;overflow-y:auto;min-height:300px}.modal-table{overflow-x:auto}.modal-table table{width:100%;border-collapse:collapse;font-size:.85rem}.modal-table th,.modal-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.modal-table th{font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);position:sticky;top:0}.modal-table td{color:var(--text-muted)}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--border);background:var(--bg-tertiary);font-size:.875rem;color:var(--text-muted)}.modal-run-btn{padding:8px 16px;background:linear-gradient(135deg,var(--cyan) 0%,var(--violet) 100%);border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.modal-run-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00d4ff4d}@media (max-width: 768px){.dashboard{padding:8px}.dashboard-header{margin-bottom:8px}.dashboard-title{font-size:1.25rem}.dashboard-title svg{width:24px;height:24px}.dashboard-hint{display:none}.modal-content{max-height:90vh}.modal-body{padding:16px}}@media (max-width: 480px){.dashboard{padding:12px}.card-header{padding:10px 12px}.card-content{padding:6px}.empty-icon{width:60px;height:60px}.empty-title{font-size:1.25rem}.empty-subtitle{font-size:.9rem}}:root{--primary: #0F766E;--primary-hover: #0D9488;--primary-subtle: rgba(15, 118, 110, .08);--primary-dim: rgba(15, 118, 110, .2);--accent: #4F46E5;--accent-subtle: rgba(79, 70, 229, .08);--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-tertiary: #F3F4F6;--bg-elevated: #FFFFFF;--bg-page: #F9FAFB;--border: #E5E7EB;--border-bright: #D1D5DB;--border-subtle: #F3F4F6;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--success: #059669;--success-subtle: rgba(5, 150, 105, .1);--warning: #D97706;--warning-subtle: rgba(217, 119, 6, .1);--error: #DC2626;--error-subtle: rgba(220, 38, 38, .1);--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--sidebar-width: 280px;--header-height: 64px;--input-height: 80px;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);background:var(--bg-page);color:var(--text-primary);line-height:1.6;overflow:hidden}.app-container{display:flex;height:100vh;width:100vw;position:relative;overflow:hidden;background:var(--bg-page)}.background-grid,.background-glow{display:none}.main-content{flex:1;display:flex;flex-direction:column;height:100vh;position:relative;z-index:1;margin-left:0;transition:margin-left var(--transition-base)}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.chat-container{flex:1;overflow-y:auto;padding:32px 24px;padding-bottom:calc(var(--input-height) + 48px);scroll-behavior:smooth;background:var(--bg-primary)}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:transparent}.chat-container::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;max-width:720px;margin:0 auto;text-align:center;padding:48px 24px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.welcome-icon{width:64px;height:64px;margin-bottom:24px;color:var(--primary)}.welcome-icon svg{width:100%;height:100%}.welcome-title{font-size:2rem;font-weight:600;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.02em}.welcome-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:480px;margin-bottom:40px;line-height:1.6}.example-queries{width:100%;max-width:640px}.example-label{font-size:.8rem;color:var(--text-muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.example-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.example-chip{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px 18px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-display);box-shadow:var(--shadow-sm)}.example-chip:hover{background:var(--bg-primary);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md)}.message{display:flex;gap:16px;margin-bottom:32px;max-width:800px;margin-left:auto;margin-right:auto;animation:messageSlide .25s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.message.user .message-avatar{background:var(--accent-subtle);color:var(--accent)}.message.assistant .message-avatar{background:var(--primary-subtle);color:var(--primary)}.message-content{flex:1;max-width:calc(100% - 52px)}.message.user .message-content{text-align:right}.message-bubble{display:inline-block;padding:16px 20px;max-width:100%;box-shadow:var(--shadow-sm)}.message.user .message-bubble{background:var(--primary);color:var(--text-inverse);box-shadow:var(--shadow-md)}.message.assistant .message-bubble{background:var(--bg-primary);border:1px solid var(--border);box-shadow:var(--shadow-md)}.message.assistant .message-bubble.assistant-response{background:var(--bg-primary);padding:24px 28px}.message.assistant.error .message-bubble{border-color:var(--error);background:var(--error-subtle)}.message-text{font-size:.9375rem;line-height:1.7;color:inherit}.message.user .message-text{color:var(--text-inverse)}.markdown-content{font-size:.9375rem;line-height:1.8;color:var(--text-primary)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:1.5em;margin-bottom:.75em;font-weight:600;color:var(--text-primary);line-height:1.3}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content h2{font-size:1.25rem;padding-bottom:.5em;border-bottom:1px solid var(--border)}.markdown-content h3{font-size:1.1rem}.markdown-content p{margin-bottom:1em}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul,.markdown-content ol{margin:1em 0;padding-left:1.5em}.markdown-content li{margin-bottom:.5em}.markdown-content strong{font-weight:600;color:var(--text-primary)}.markdown-content code{background:var(--bg-tertiary);padding:.2em .4em;font-family:var(--font-mono);font-size:.875em}.markdown-content pre{background:var(--bg-secondary);border:1px solid var(--border);padding:16px;overflow-x:auto;margin:1em 0}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:3px solid var(--primary);padding-left:1em;margin:1em 0;color:var(--text-secondary)}.message-timestamp{display:block;font-size:.75rem;color:var(--text-muted);margin-top:12px}.sql-preview{margin-top:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.sql-preview-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.sql-preview-label{font-family:var(--font-mono);font-size:.7rem;color:var(--primary);text-transform:uppercase;letter-spacing:.08em;font-weight:500;display:flex;align-items:center;gap:8px}.sql-preview-actions{display:flex;gap:6px}.sql-preview-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:.7rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-mono)}.sql-preview-btn:hover{background:var(--bg-primary);border-color:var(--primary);color:var(--primary)}.sql-preview-code{padding:14px;overflow-x:auto;background:var(--bg-secondary)}.sql-preview-code pre{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.sql-preview-code .keyword{color:var(--accent)}.sql-preview-code .function{color:var(--primary)}.sql-preview-code .string{color:var(--success)}.sql-preview-code .number{color:var(--warning)}.results-container{margin-top:20px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.results-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.results-label{font-size:.7rem;color:var(--success);text-transform:uppercase;letter-spacing:.08em;font-weight:500;display:flex;align-items:center;gap:8px}.results-count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.results-table-wrapper{overflow-x:auto;max-height:400px}.results-table{width:100%;border-collapse:collapse;font-size:.8rem}.results-table th{position:sticky;top:0;background:var(--bg-secondary);padding:10px 14px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.results-table td{padding:10px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);white-space:nowrap}.results-table tr:hover td{background:var(--bg-tertiary)}.results-table td.null{color:var(--text-muted);font-style:italic}.loading-indicator{display:flex;align-items:center;gap:16px;padding:24px;max-width:800px;margin:0 auto}.loading-avatar{width:36px;height:36px;border-radius:var(--radius-md);background:var(--primary-subtle);color:var(--primary);display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-content{flex:1}.loading-dots{display:flex;gap:5px}.loading-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);animation:bounce 1.4s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.loading-text{margin-top:8px;font-size:.8rem;color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 1024px){.welcome-screen{padding:32px 20px}.example-chips{gap:10px}}@media (max-width: 768px){:root{--sidebar-width: 100%;--header-height: 56px;--input-height: 70px}html{font-size:15px}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-container,.main-content{height:100dvh}.main-content.sidebar-open{margin-left:0}.chat-container{padding:16px;padding-bottom:calc(var(--input-height) + 32px)}.welcome-screen{padding:60px 16px 24px;justify-content:flex-start}.welcome-icon{width:60px;height:60px;margin-bottom:24px}.welcome-title{font-size:1.5rem;margin-bottom:12px}.welcome-subtitle{font-size:1rem;margin-bottom:32px}.example-label{font-size:.75rem;margin-bottom:12px}.example-chips{gap:8px}.example-chip{font-size:.8rem;padding:10px 14px;border-radius:20px}.message{gap:12px;margin-bottom:16px}.message-avatar{width:32px;height:32px;border-radius:10px;font-size:1rem}.message-content{max-width:calc(100% - 44px)}.message-bubble{padding:12px 16px;border-radius:14px}.message-text{font-size:.9rem;line-height:1.6}.sql-preview{margin-top:12px;border-radius:10px}.sql-preview-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.sql-preview-label{font-size:.7rem}.sql-preview-actions{gap:6px}.sql-preview-btn{padding:6px 10px;font-size:.7rem;min-height:32px}.sql-preview-code{padding:12px}.sql-preview-code pre{font-size:.75rem;line-height:1.5}.results-container{margin-top:12px;border-radius:10px}.results-header{padding:10px 12px;flex-wrap:wrap;gap:8px}.results-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.results-count{font-size:.7rem}.results-table-wrapper{max-height:350px}.results-table{font-size:.75rem}.results-table th{padding:10px 12px;font-size:.65rem}.results-table td{padding:10px 12px;white-space:normal;word-break:break-word;max-width:200px}.loading-indicator{padding:16px;gap:12px}.loading-avatar{width:32px;height:32px;border-radius:10px}.loading-text{font-size:.8rem}}@media (max-width: 480px){:root{--header-height: 52px}html{font-size:14px}.welcome-screen{padding:40px 12px 20px}.welcome-icon{width:48px;height:48px;margin-bottom:20px}.welcome-title{font-size:1.35rem}.welcome-subtitle{font-size:.9rem;margin-bottom:24px}.example-chip{font-size:.75rem;padding:8px 12px}.message-bubble{padding:10px 14px}.results-table td{max-width:150px}}@media (pointer: coarse){.example-chip{min-height:44px;display:flex;align-items:center}.sql-preview-btn{min-height:44px;min-width:44px}.conversation-item{min-height:48px}.conversation-delete{min-width:44px;min-height:44px}}