:root{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--bg-surface: #FAFAFA;--border: #E0E0E0;--text-primary: #1A1A1A;--text-secondary: #666666;--text-muted: #999999;--accent: #2563EB;--accent-dim: #1D4ED8;--success: #059669;--error: #DC2626;--chart-1: #2563EB;--chart-2: #059669;--chart-3: #D97706;--chart-4: #DC2626;--chart-5: #7C3AED;--font-display: "DM Serif Display", serif;--font-mono: "DM Mono", monospace;--font-sans: "Instrument Sans", sans-serif;--radius: 2px;--transition: .15s ease;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px}[data-theme=dark]{--bg-primary: #0C0C0C;--bg-secondary: #141414;--bg-surface: #1A1A1A;--border: #2A2A2A;--text-primary: #F0F0F0;--text-secondary: #888888;--text-muted: #444444;--accent: #E8FF00;--accent-dim: #B8CC00;--success: #00E5A0;--error: #FF4444;--chart-1: #E8FF00;--chart-2: #00E5A0;--chart-3: #4488FF;--chart-4: #FF6644;--chart-5: #AA44FF}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-dim)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:var(--font-sans);font-size:14px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);outline:none;transition:border-color var(--transition)}input:focus,textarea:focus,select:focus{border-color:var(--accent)}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);background:var(--bg-primary);height:56px;flex-shrink:0}.header__logo{font-family:var(--font-display);font-size:20px;color:var(--text-primary);letter-spacing:-.5px}.header__logo span{color:var(--accent)}.header__nav{display:flex;align-items:center;gap:var(--space-6)}.header__nav-link{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--text-secondary);transition:color var(--transition);text-transform:uppercase;letter-spacing:.5px}.header__nav-link:hover,.header__nav-link--active{color:var(--text-primary)}.header__actions{display:flex;align-items:center;gap:var(--space-4)}.model-selector{position:relative}.model-selector__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);transition:all var(--transition)}.model-selector__trigger:hover{border-color:var(--text-muted);color:var(--text-primary)}.model-selector__dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.model-selector__dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);min-width:160px;z-index:100}.model-selector__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);width:100%;font-size:13px;font-family:var(--font-mono);color:var(--text-secondary);transition:all var(--transition)}.model-selector__option:hover{background:var(--bg-secondary);color:var(--text-primary)}.model-selector__option--active{color:var(--accent)}.profile-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition)}.profile-btn:hover{border-color:var(--accent);color:var(--accent)}.profile-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border);z-index:200;padding:var(--space-6);transform:translate(100%);transition:transform .3s ease}.profile-panel--open{transform:translate(0)}.profile-panel__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199}.profile-panel__name{font-family:var(--font-display);font-size:24px;margin-bottom:var(--space-1)}.profile-panel__email{font-size:13px;color:var(--text-secondary);margin-bottom:var(--space-6)}.profile-panel__section{margin-bottom:var(--space-6)}.profile-panel__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-2)}.profile-panel__value{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.profile-panel__store{display:inline-block;padding:var(--space-1) var(--space-2);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:12px;margin-right:var(--space-2);margin-bottom:var(--space-2)}.btn-logout{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--error);font-size:13px;font-weight:500;transition:all var(--transition)}.btn-logout:hover{background:var(--error);color:var(--bg-primary);border-color:var(--error)}.chat-input{border-top:1px solid var(--border);background:var(--bg-primary);padding:var(--space-4) var(--space-6);flex-shrink:0}.chat-input__wrapper{display:flex;align-items:flex-end;gap:var(--space-3);max-width:800px;margin:0 auto}.chat-input__textarea{flex:1;resize:none;min-height:48px;max-height:180px;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-sans);font-size:14px;color:var(--text-primary);line-height:1.5;overflow-y:auto}.chat-input__textarea:focus{border-color:var(--accent)}.chat-input__textarea::placeholder{color:var(--text-muted)}.chat-input__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--text-muted);transition:all var(--transition);flex-shrink:0}.chat-input__btn:hover:not(:disabled){color:var(--accent)}.chat-input__btn--submit{background:var(--bg-surface);border:1px solid var(--border)}.chat-input__btn--submit:hover:not(:disabled){background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.chat-input__btn:disabled{opacity:.3;cursor:not-allowed}.chat-input__mic--active{color:var(--error);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.response-area{flex:1;overflow-y:auto;padding:var(--space-6)}.response-area__inner{max-width:800px;margin:0 auto}.suggested-queries{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);max-width:700px;margin:var(--space-16) auto 0}.suggested-queries__title{grid-column:1 / -1;font-family:var(--font-display);font-size:28px;text-align:center;margin-bottom:var(--space-6);color:var(--text-primary)}.suggested-queries__card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:left;line-height:1.4}.suggested-queries__card:hover{border-color:var(--accent);color:var(--text-primary)}.conversation{display:flex;flex-direction:column;gap:var(--space-8)}.conversation__turn{display:flex;flex-direction:column;gap:var(--space-4)}.conversation__question{font-family:var(--font-display);font-size:20px;color:var(--text-primary);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.answer-block{font-family:var(--font-display);font-size:24px;line-height:1.4;color:var(--text-primary);animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.metric-card{background:var(--bg-surface);border-top:2px solid var(--accent);padding:var(--space-4);border-radius:var(--radius)}.metric-card__value{font-family:var(--font-mono);font-size:clamp(18px,2.5vw,32px);font-weight:500;color:var(--accent);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.metric-card__label{font-family:var(--font-sans);font-size:12px;color:var(--text-secondary);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.5px}.metric-card__delta{font-family:var(--font-mono);font-size:12px;margin-top:var(--space-2)}.metric-card__delta--positive{color:var(--success)}.metric-card__delta--negative{color:var(--error)}.chart-block{background:var(--bg-surface);border-radius:var(--radius);padding:var(--space-4)}.chart-block__title{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-4)}.table-block{position:relative}.table-block__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.table-block__title{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.table-block__csv-btn{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition)}.table-block__csv-btn:hover{border-color:var(--accent);color:var(--accent)}.table-viewer{width:100%;overflow-x:auto}.table-viewer table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.table-viewer th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-secondary);font-weight:500;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;background:var(--bg-primary)}.table-viewer th:hover{color:var(--text-primary)}.table-viewer th .sort-arrow{margin-left:var(--space-1);color:var(--accent)}.table-viewer td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap;color:var(--text-primary)}.table-viewer tr:nth-child(2n){background:var(--bg-surface)}.table-viewer tr:hover{background:var(--bg-secondary)}.accordion{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.accordion__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);width:100%;font-size:13px;color:var(--text-muted);transition:color var(--transition)}.accordion__trigger:hover{color:var(--text-secondary)}.accordion__trigger--open{color:var(--text-secondary);border-bottom:1px solid var(--border)}.accordion__content{padding:var(--space-4);background:var(--bg-secondary)}.accordion__content--hidden{display:none}.sql-viewer{position:relative}.sql-viewer__code{font-family:var(--font-mono);font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;color:var(--text-primary)}.sql-viewer__copy{position:absolute;top:var(--space-2);right:var(--space-2);font-size:11px;font-family:var(--font-mono);padding:var(--space-1) var(--space-2);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition)}.sql-viewer__copy:hover{color:var(--accent);border-color:var(--accent)}.insights-list{list-style:none}.insights-list li{padding:var(--space-2) 0;font-size:13px;color:var(--text-secondary);line-height:1.5;animation:fadeInUp .3s ease forwards;opacity:0}.insights-list li:before{content:"•";color:var(--accent);margin-right:var(--space-2)}.insights-list li:nth-child(1){animation-delay:0ms}.insights-list li:nth-child(2){animation-delay:.1s}.insights-list li:nth-child(3){animation-delay:.2s}.insights-list li:nth-child(4){animation-delay:.3s}.insights-list li:nth-child(5){animation-delay:.4s}.step-tracker{display:flex;align-items:center;padding:var(--space-6) 0;min-height:48px}.step-tracker__step{display:flex;align-items:center;gap:var(--space-3);font-size:13px;color:var(--text-muted);animation:fadeInUp .3s ease forwards}.step-tracker__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.step-tracker__icon--loading{color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.context-menu{position:fixed;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);min-width:180px;z-index:300;box-shadow:0 4px 12px #00000080}.context-menu__item{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:13px;color:var(--text-secondary);text-align:left;transition:all var(--transition)}.context-menu__item:hover{background:var(--bg-secondary);color:var(--text-primary)}.error-block{background:var(--bg-surface);border:1px solid var(--error);border-radius:var(--radius);padding:var(--space-4)}.error-block__message{font-size:14px;color:var(--error);margin-bottom:var(--space-3)}.error-block__filters{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin-bottom:var(--space-4)}.error-block__actions{display:flex;gap:var(--space-3)}.btn-retry,.btn-edit{padding:var(--space-2) var(--space-4);font-size:13px;font-weight:500;border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition)}.btn-retry:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.btn-edit:hover{border-color:var(--text-muted);color:var(--text-primary)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.login-form{width:360px}.login-form__logo{font-family:var(--font-display);font-size:32px;text-align:center;margin-bottom:var(--space-2)}.login-form__logo span{color:var(--accent)}.login-form__tagline{text-align:center;font-size:13px;color:var(--text-muted);margin-bottom:var(--space-8)}.login-form__field{margin-bottom:var(--space-4)}.login-form__field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--space-2)}.login-form__field input{width:100%}.login-form__error{font-size:13px;color:var(--error);margin-bottom:var(--space-3)}.btn-login{width:100%;padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--bg-primary);font-size:14px;font-weight:600;border-radius:var(--radius);transition:all var(--transition)}.btn-login:hover{background:var(--accent-dim)}.btn-login:disabled{opacity:.5;cursor:not-allowed}.history-page{display:flex;flex:1;overflow:hidden}.history-page__sidebar{width:360px;border-right:1px solid var(--border);overflow-y:auto;flex-shrink:0}.history-page__content{flex:1;overflow-y:auto;padding:var(--space-6)}.history-page__empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:14px;color:var(--text-muted)}.history-group__label{padding:var(--space-3) var(--space-6);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-primary);position:sticky;top:0;z-index:1}.history-card{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition);position:relative}.history-card:hover{background:var(--bg-secondary)}.history-card--active{background:var(--bg-surface);border-left:2px solid var(--accent)}.history-card__question{font-size:13px;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.history-card__time{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.history-card__model{font-family:var(--font-mono);font-size:10px;padding:1px var(--space-2);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted)}.history-card__delete{position:absolute;top:var(--space-4);right:var(--space-4);opacity:0;transition:opacity var(--transition);color:var(--text-muted);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.history-card:hover .history-card__delete{opacity:1}.history-card__delete:hover{color:var(--error)}.mobile-nav-btn,.mobile-nav{display:none}.footer{padding:var(--space-2) var(--space-6);border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);text-align:center;font-family:var(--font-mono);flex-shrink:0}@media (max-width: 768px){.header__nav{display:none}.mobile-nav-btn{display:flex}.mobile-nav{display:flex;flex-direction:column;position:fixed;top:56px;left:0;right:0;background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:150;padding:var(--space-4);gap:var(--space-3)}.suggested-queries{grid-template-columns:1fr}.metric-cards{grid-template-columns:1fr;overflow-x:auto;flex-wrap:nowrap;display:flex}.metric-card{min-width:180px}.history-page{flex-direction:column}.history-page__sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--border)}.profile-panel{width:100%}}