:root{--brand-primary-dark:#0f172a;--brand-primary-medium:#334155;--brand-primary-bright:#0ea5e9;--brand-accent-teal:#14b8a6;--brand-accent-amber:#f59e0b;--brand-accent-rose:#f43f5e;--brand-neutral-light:#94a3b8;--color-primary:#0ea5e9;--color-primary-hover:#0284c7;--color-primary-active:#0369a1;--color-primary-light:#0ea5e91f;--color-primary-muted:#0ea5e933;--color-secondary:#14b8a6;--color-secondary-hover:#0d9488;--color-secondary-active:#0f766e;--color-secondary-light:#14b8a61f;--color-accent:#14b8a6;--color-accent-hover:#0d9488;--color-accent-light:#14b8a61f;--color-success:#10b981;--color-success-hover:#059669;--color-success-light:#10b9811f;--color-success-dark:#047857;--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-light:#f59e0b1f;--color-warning-dark:#b45309;--color-error:#f43f5e;--color-error-hover:#e11d48;--color-error-light:#f43f5e1f;--color-error-dark:#be123c;--color-info:#0ea5e9;--color-info-hover:#0284c7;--color-info-light:#0ea5e91f;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-dark:#0f172a;--color-bg-dark-secondary:#1e293b;--color-bg-overlay:#0f172abf;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-text-on-dark:#ffffffe6;--color-text-on-primary:#fff;--color-border-primary:#e2e8f0;--color-border-secondary:#cbd5e1;--color-border-hover:#0ea5e9;--color-border-focus:#0ea5e9;--color-border-on-dark:#ffffff1a;--color-border-on-dark-subtle:#ffffff0d;--color-sidebar-bg:linear-gradient(180deg,#0f172a,#1e293b);--color-sidebar-text:#ffffffbf;--color-sidebar-text-active:#fff;--color-sidebar-item-hover:#0ea5e91f;--color-sidebar-item-active:#0ea5e933;--color-btn-primary-bg:#0ea5e9;--color-btn-primary-hover:#0284c7;--color-btn-primary-active:#0369a1;--color-btn-primary-text:#fff;--color-btn-secondary-bg:#fff;--color-btn-secondary-border:#0ea5e9;--color-btn-secondary-text:#0ea5e9;--color-btn-secondary-hover-bg:#0ea5e9;--color-btn-secondary-hover-text:#fff;--color-btn-danger-bg:#f43f5e;--color-btn-danger-hover:#e11d48;--color-btn-danger-text:#fff;--color-input-bg:#fff;--color-input-border:#cbd5e1;--color-input-border-hover:#0ea5e9;--color-input-border-focus:#0ea5e9;--color-input-text:#0f172a;--color-input-placeholder:#94a3b8;--color-input-disabled-bg:#f1f5f9;--color-input-disabled-text:#64748b;--color-card-bg:#fff;--color-card-border:#e2e8f0;--color-card-hover-border:#0ea5e9;--color-card-shadow:#00000014;--color-card-shadow-hover:#0ea5e926;--color-modal-overlay:#0f172a99;--color-modal-bg:#fff;--color-modal-header-border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-primary:0 4px 14px #0ea5e959;--shadow-primary-lg:0 6px 20px #0ea5e966;--shadow-glow:0 0 20px #0ea5e94d;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px}@media (prefers-contrast:high){:root{--color-primary:#0284c7;--color-border-primary:#64748b;--color-text-secondary:#334155}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-family:Instrument Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-light);color:var(--color-text-primary)}.dashboard-container{background-color:var(--color-bg-secondary);display:flex;height:100vh;overflow:hidden}.dashboard-sidebar{background:var(--color-sidebar-bg);box-shadow:var(--shadow-lg);color:var(--color-text-inverse);display:flex;flex-direction:column;position:relative;transition:width var(--transition-base);width:280px;z-index:100}.dashboard-sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid var(--color-border-on-dark);display:flex;justify-content:center;padding:24px 20px;position:relative}.sidebar-logo{flex-direction:column;gap:8px;text-align:center;width:100%}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow);color:#fff;font-size:24px;font-weight:700;height:48px;justify-content:center;width:48px}.logo-title{color:var(--color-text-inverse);font-size:18px;font-weight:700;letter-spacing:-.02em}.logo-subtitle,.logo-title{margin:0;white-space:nowrap}.logo-subtitle{color:var(--color-sidebar-text);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.collapse-button{align-items:center;background:var(--color-sidebar-item-active);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px;z-index:10}.collapse-button:hover{background:#fff3;transform:scale(1.05)}.dashboard-sidebar.collapsed .sidebar-header{align-items:center;display:flex;justify-content:center;padding:24px 10px}.dashboard-sidebar.collapsed .collapse-button{position:static}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px 0}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-sidebar-text);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin:4px 12px;outline:none;padding:14px 20px;text-align:left;transition:all .2s ease;width:calc(100% - 24px)}.dashboard-sidebar.collapsed .nav-item{justify-content:center;margin:4px auto;padding:14px;width:48px}.nav-item:hover{background:var(--color-sidebar-item-hover);color:var(--color-sidebar-text-active);transform:translateX(4px)}.dashboard-sidebar.collapsed .nav-item:hover{transform:translateX(0) scale(1.05)}.nav-item.active{background:var(--color-sidebar-item-active);box-shadow:var(--shadow-glow);color:var(--color-sidebar-text-active)}.nav-icon{flex-shrink:0}.nav-label{white-space:nowrap}.dashboard-sidebar.collapsed .nav-label{display:none}.sidebar-footer{border-top:1px solid var(--color-border-on-dark);padding:20px}.account-info{background:#ffffff0d;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:12px}.account-badge{color:var(--color-secondary);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.account-id{font-family:JetBrains Mono,monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-id,.settings-button{color:var(--color-sidebar-text)}.settings-button{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.dashboard-sidebar.collapsed .settings-button{justify-content:center;padding:12px}.settings-button:hover{background:var(--color-sidebar-item-hover);border-color:#ffffff40;color:var(--color-sidebar-text-active)}.dashboard-sidebar.collapsed .settings-button span{display:none}.dashboard-main{background-color:var(--color-bg-primary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.dashboard-content{flex:1 1;height:100%;overflow:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width:1024px){.dashboard-sidebar{width:240px}.dashboard-sidebar.collapsed{width:70px}}@media (max-width:768px){.dashboard-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);width:280px;z-index:1000}.dashboard-sidebar.open{transform:translateX(0)}.dashboard-sidebar.collapsed{transform:translateX(-100%);width:280px}.dashboard-main{width:100%}}.dashboard-content>*{animation:fadeIn .3s ease-out}.agent-steps{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin:12px 0;max-height:300px;overflow-y:auto;padding:16px}.agent-steps.single-step{max-height:none;overflow:visible;padding:14px 18px}.agent-step-single{align-items:center;animation:stepPulse 2s ease-in-out infinite;display:flex;gap:12px}@keyframes stepPulse{0%,to{opacity:1}50%{opacity:.7}}.step-content-single{flex:1 1;min-width:0}.step-content-single .step-message{display:flex;flex-direction:column;gap:4px}.step-content-single .step-detail,.step-content-single .step-main{display:block}.agent-steps-header{align-items:center;border-bottom:1px solid var(--color-border-primary);color:var(--color-text-muted);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.agent-steps-header svg{color:var(--color-primary)}.agent-steps-list{display:flex;flex-direction:column;gap:8px}.agent-step{align-items:flex-start;animation:stepFadeIn .3s ease-out;background:#fff;border:1px solid #0000;border-radius:var(--radius-md);display:flex;gap:10px;padding:8px 12px}.agent-step.latest{background:var(--color-primary-light);border-color:var(--color-primary)}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.step-icon{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.step-icon.status{background:#dbeafe;color:#2563eb}.step-icon.thinking{background:#fef3c7;color:#d97706}.step-icon.tool_call{background:#e9d5ff;color:#9333ea}.step-icon.tool_result{background:#d1fae5;color:#059669}.step-icon.tool_error{background:#fee2e2;color:#dc2626}.step-icon.complete{background:#d1fae5;color:#059669}.step-icon.persisted{background:#dbeafe;color:#2563eb}.step-icon.error{background:#fee2e2;color:#dc2626}.step-icon-spin{animation:spin 1s linear infinite}.step-message{color:var(--color-text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:4px;line-height:1.5;min-width:0}.step-main{font-weight:500}.step-detail{color:var(--color-text-muted);font-size:12px;font-weight:400;margin-top:2px}.step-detail.error{color:#b91c1c}.step-message.status .step-main{color:#2563eb}.step-message.thinking .step-main{color:#92400e;font-style:italic}.step-message.tool-call .step-main{color:#7c3aed}.step-message.tool-result .step-main{color:#059669}.step-message.tool-error .step-main{color:#dc2626}.step-message.complete .step-main{color:#059669;font-weight:600}.step-message.persisted .step-main{color:#2563eb}.step-message.error .step-main{color:#dc2626}.agent-steps::-webkit-scrollbar{width:6px}.agent-steps::-webkit-scrollbar-track{background:#0000}.agent-steps::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:3px}.agent-steps::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.agent-step.processing{background:#0000;border:1px dashed var(--color-border-primary)}.conversations-page{background-color:var(--color-bg-secondary);margin:0 auto;max-width:1800px;min-height:100vh;padding:32px 40px}.page-header{justify-content:space-between;margin-bottom:24px}.header-left,.page-header{align-items:center;display:flex}.header-left{gap:16px}.page-icon{color:var(--color-primary)}.page-header h1{color:var(--color-text-primary);font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.page-subtitle{color:var(--color-text-secondary);font-size:15px;margin:0}.page-subtitle strong{color:var(--color-primary);font-weight:600}.header-actions{display:flex;gap:12px}.new-conversation-button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.new-conversation-button:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.refresh-icon-btn{align-items:center;background:#fff;border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:all .25s ease;width:44px}.refresh-icon-btn:hover:not(:disabled){background:var(--color-primary);box-shadow:var(--shadow-primary);color:#fff;transform:rotate(180deg)}.refresh-icon-btn:disabled{cursor:not-allowed;opacity:.5}.conversations-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:380px 1fr;height:calc(100vh - 180px);transition:grid-template-columns .3s ease}.conversations-layout.sidebar-collapsed{grid-template-columns:60px 1fr}.conversations-sidebar{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.conversations-sidebar,.sidebar-collapse-btn{border:1px solid var(--color-border-primary);display:flex}.sidebar-collapse-btn{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;height:36px;justify-content:center;margin-left:8px;transition:all .2s ease;width:36px}.sidebar-collapse-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.collapsed-sidebar-content{align-items:center;display:flex;flex-direction:column;height:100%;padding:12px 8px}.sidebar-expand-btn{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-bottom:16px;transition:all .2s ease;width:40px}.sidebar-expand-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.collapsed-conversations{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:0 8px}.collapsed-conversation-item{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.collapsed-conversation-item:hover{box-shadow:var(--shadow-primary);transform:scale(1.1)}.collapsed-conversation-item.active{box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-primary)}.search-container{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;gap:8px;padding:12px 16px}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:var(--color-text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:14px;outline:none;padding:10px 12px 10px 40px;transition:all .2s ease;width:100%}.search-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.conversations-list{flex:1 1;overflow-y:auto;padding:8px}.conversation-item{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;margin-bottom:6px;padding:14px;transition:all .2s ease}.conversation-item:hover{background:var(--color-bg-secondary);border-color:var(--color-border-primary)}.conversation-item.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.conversation-item.active:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0,var(--color-primary-active) 100%)}.conversation-avatar,.conversation-item.active .conversation-date,.conversation-item.active .conversation-name,.conversation-item.active .conversation-preview{color:var(--color-text-inverse)}.conversation-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;text-transform:uppercase;width:40px}.conversation-item.active .conversation-avatar{background:#fff3}.conversation-info{flex:1 1;min-width:0}.conversation-name{color:var(--color-text-primary);font-size:15px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-date{color:var(--color-text-tertiary);font-size:12px;margin-bottom:6px}.conversation-preview{color:var(--color-text-secondary);font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-conversations{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-conversations svg{margin-bottom:16px;opacity:.5}.conversation-details{background:var(--color-card-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.customer-info-header{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border-primary);padding:20px 24px}.header-title-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.customer-details h2{color:var(--color-text-primary);font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0}.response-mode-toggle{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;gap:4px;padding:4px}.mode-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:32px}.mode-icon-btn:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.mode-icon-btn.active{background:var(--color-primary);box-shadow:0 2px 4px #00000026;color:#fff}.mode-icon-btn.active:hover{background:var(--color-primary-hover)}.conversation-timestamp{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:6px;margin-bottom:8px}.conversation-timestamp svg{flex-shrink:0}.conversation-ids-header{color:var(--color-text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.conversation-ids-header .separator{color:var(--color-border-secondary);margin:0 8px}.messages-container{background:linear-gradient(to bottom,var(--color-bg-secondary) 0,var(--color-bg-primary) 100%);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.message-input-container{background:var(--color-card-bg);border-top:2px solid var(--color-border-primary);display:flex;gap:12px;padding:16px 24px}.message-input{background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-full);flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.message-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.message-input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.send-button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:50%;box-shadow:var(--shadow-primary);color:var(--color-text-inverse);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s ease;width:48px}.send-button:hover:not(:disabled){box-shadow:var(--shadow-primary-lg);transform:scale(1.08)}.send-button:disabled{background:var(--color-neutral-300);box-shadow:none;cursor:not-allowed;opacity:.6}.send-button .spinning{animation:spin 1s linear infinite}.follow-up-button-container{position:relative}.follow-up-trigger-btn{align-items:center;background:var(--color-card-bg);border:2px solid var(--color-border-primary);border-radius:50%;color:var(--color-neutral-400);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s ease;width:44px}.follow-up-trigger-btn:hover:not(:disabled){border-color:var(--color-secondary);color:var(--color-secondary);transform:scale(1.05)}.follow-up-trigger-btn.has-suggestions{background:#00d1b21a;border-color:var(--color-secondary);color:var(--color-secondary)}.follow-up-trigger-btn.has-suggestions:hover{background:#00d1b233}.follow-up-trigger-btn:disabled{cursor:not-allowed;opacity:.4}.follow-up-popup{animation:popupSlide .2s ease-out;background:var(--color-card-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);bottom:100%;box-shadow:var(--shadow-lg);margin-bottom:12px;position:absolute;right:-60px;width:400px;z-index:100}@keyframes popupSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.follow-up-popup-header{align-items:center;border-bottom:1px solid var(--color-border-primary);color:var(--color-secondary);display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 16px}.follow-up-popup-list{max-height:300px;overflow-y:auto;padding:8px}.follow-up-popup-item{background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:block;font-size:13px;line-height:1.5;margin-bottom:4px;padding:12px 14px;text-align:left;transition:all .15s ease;width:100%}.follow-up-popup-item:last-child{margin-bottom:0}.follow-up-popup-item:hover{background:var(--color-bg-secondary);border-color:var(--color-secondary);color:var(--color-secondary)}.message{animation:messageSlide .3s ease-out;border-radius:var(--radius-lg);box-sizing:border-box;display:flex;flex-direction:column;max-width:70%;min-width:0;padding:14px 18px;position:relative}@keyframes messageSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-bottom-right-radius:var(--radius-sm);box-shadow:var(--shadow-primary);color:var(--color-text-inverse)}.agent-message{align-self:flex-start;background:var(--color-card-bg);border:1px solid var(--color-border-primary);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.system-message{align-self:center;background:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark);font-size:13px;max-width:60%;padding:10px 16px;text-align:center}.message-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.message-source{align-items:center;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase}.user-message .message-source{color:#ffffffe6}.agent-message .message-source{color:var(--color-primary)}.response-type-icon{flex-shrink:0;opacity:.7}.agent-message .response-type-icon{color:var(--color-secondary)}.message-timestamp{align-items:center;display:flex;font-size:10px;gap:4px}.user-message .message-timestamp{color:#ffffffbf}.agent-message .message-timestamp{color:var(--color-text-muted)}.message-body{word-wrap:break-word;font-size:14px;line-height:1.65;position:relative;word-break:break-word}.collapse-fade-overlay{background:linear-gradient(to bottom,#0000,var(--color-card-bg));bottom:0;height:80px;left:0;pointer-events:none;position:absolute;right:0}.toggle-buttons-row{box-sizing:border-box;display:flex;gap:8px;margin-top:12px;overflow:hidden;width:100%}.sql-toggle-btn{align-items:center;background:var(--color-bg-dark);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-secondary);cursor:pointer;display:inline-flex;flex:1 1;font-size:11px;font-weight:500;gap:6px;justify-content:center;min-width:0;overflow:hidden;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.sql-toggle-btn .btn-text{overflow:hidden;text-overflow:ellipsis}.sql-toggle-btn .btn-chevron{flex-shrink:0}.sql-toggle-btn:hover:not(:disabled){background:var(--color-bg-dark-secondary);border-color:var(--color-secondary)}.sql-toggle-btn.active{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-bg-dark)}.sql-toggle-btn.active:hover{background:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.sql-toggle-btn:disabled{background:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-neutral-400);cursor:not-allowed;opacity:.5}.message-body .md-paragraph{margin:0 0 12px}.message-body .md-paragraph:last-child{margin-bottom:0}.message-body .md-strong{color:inherit;font-weight:700}.message-body .md-em{font-style:italic}.message-body .md-list{margin:12px 0;padding-left:24px}.message-body .md-list-ordered{list-style-type:decimal}.message-body .md-list-item{line-height:1.5;margin:6px 0}.message-body .md-heading{color:inherit;font-weight:700;margin:16px 0 8px}.message-body .md-code-inline{background:var(--color-primary-light);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px;padding:2px 6px}.message-body .md-code-block{font-family:JetBrains Mono,monospace}.message-body .md-code-block,.message-body pre{background:var(--color-bg-dark);border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:13px;margin:12px 0;overflow-x:auto;padding:12px}.message-body code{background:var(--color-primary-light);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px;padding:2px 6px}.agent-message .message-body .md-code-inline,.agent-message .message-body code{background:var(--color-primary-light);color:var(--color-primary)}.user-message .message-body code{background:#fff3;color:#fff}.expand-collapse-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:12px;padding:8px 14px;transition:all .2s ease}.expand-collapse-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.agent-message .expand-collapse-btn{background:var(--color-bg-secondary)}.user-message .expand-collapse-btn{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}.user-message .expand-collapse-btn:hover{background:#ffffff40;border-color:#ffffff80;color:#fff}.message-meta{border-top:1px solid #00000014;display:flex;flex-wrap:wrap;font-size:11px;gap:12px;margin-top:12px;padding-top:12px}.agent-message .message-meta{border-top-color:var(--color-border-primary);color:var(--color-text-tertiary)}.user-message .message-meta{border-top-color:#fff3;color:#fffc}.message-meta span{align-items:center;display:flex;gap:4px}.sql-preview{background:var(--color-bg-dark);border-radius:var(--radius-md);margin-top:8px;overflow:hidden}.sql-preview pre{background:#0000;color:var(--color-secondary);font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;margin:0;overflow-x:auto;padding:14px}.data-preview{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-top:8px;max-width:100%;overflow-x:auto}.data-preview table{border-collapse:collapse;font-size:12px;min-width:-webkit-max-content;min-width:max-content}.data-preview th{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:600;text-align:left}.data-preview td,.data-preview th{border-bottom:1px solid var(--color-border-primary);padding:10px 14px;white-space:nowrap}.data-preview td{color:var(--color-text-primary)}.data-preview tr:last-child td{border-bottom:none}.data-preview tr:hover td{background:var(--color-primary-light)}.visualization-wrapper{background:var(--color-card-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-top:8px;overflow:hidden}.visualization-container{padding:12px 14px 8px}.viz-title{color:var(--color-text-primary);font-size:13px;font-weight:600;margin:0 0 2px}.viz-description{color:var(--color-text-muted);font-size:11px;margin:0 0 8px}.viz-chart{width:100%}.viz-tooltip{background:var(--color-bg-dark);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:-webkit-max-content;min-width:max-content;padding:10px 14px;pointer-events:none;white-space:nowrap;z-index:1000}.viz-tooltip-label{color:var(--color-text-primary);font-size:13px;font-weight:600;line-height:1.3;margin:0 0 6px;padding:0;white-space:nowrap}.viz-tooltip p,.viz-tooltip-item{font-size:12px;line-height:1.4;margin:0;padding:2px 0;white-space:nowrap}.viz-tooltip p:first-child:not(.viz-tooltip-label){margin-top:0}.viz-no-data{align-items:center;color:var(--color-text-muted);display:flex;height:200px;justify-content:center}.viz-table-container{overflow-x:auto}.viz-table{border-collapse:collapse;font-size:12px;min-width:-webkit-max-content;min-width:max-content;width:100%}.viz-table th{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-weight:600;text-align:left}.viz-table td,.viz-table th{border-bottom:1px solid var(--color-border-primary);padding:10px 14px;white-space:nowrap}.viz-table td{color:var(--color-text-primary)}.viz-table tr:hover td{background:var(--color-primary-light)}.viz-table-footer{border-top:1px solid var(--color-border-primary);color:var(--color-text-muted);font-size:12px;padding:8px 14px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0d}.recharts-legend-item-text{color:var(--color-text-muted)!important;font-size:12px}.recharts-pie-label-text{fill:var(--color-text-muted);font-size:11px}.details-loading,.no-messages,.no-selection{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.no-messages svg,.no-selection svg{color:var(--color-primary);margin-bottom:16px;opacity:.3}.no-selection h3{color:var(--color-text-primary);font-size:20px;margin:0 0 8px}.no-selection p{font-size:14px;margin:0}.error-state,.loading-state{height:60vh}.error-state h3,.loading-state h3{color:var(--color-text-primary);font-size:22px;margin:0 0 8px}.error-state p,.loading-state p{color:var(--color-text-muted);font-size:14px;margin:0}.error-message{color:var(--color-error)!important;font-weight:600;margin:16px 0!important}.error-details{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin:16px 0;max-width:600px;padding:16px}.error-details p{font-weight:600;margin:0 0 8px}.error-details code{color:var(--color-text-primary);font-family:JetBrains Mono,monospace;font-size:12px;word-break:break-all}.retry-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:12px 24px;transition:all .2s ease}.retry-button:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.conversations-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:8px}.conversations-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#0000}.conversations-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:4px}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-modal-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:var(--color-modal-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0}.modal-close{border:none;color:var(--color-text-secondary)}.modal-close:hover{background:var(--color-error-light);color:var(--color-error)}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-description{color:var(--color-text-secondary);font-size:14px;margin:0 0 20px}.modal-description strong{color:var(--color-primary);font-weight:600}.modal-textarea{border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);font-family:inherit;font-size:14px;margin-bottom:20px;min-height:120px;outline:none;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.modal-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.modal-textarea:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.modal-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.modal-button.primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);box-shadow:var(--shadow-primary);color:var(--color-text-inverse)}.modal-button.primary:hover:not(:disabled){box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.modal-button.primary:disabled{background:var(--color-neutral-300);box-shadow:none;cursor:not-allowed;opacity:.6}.modal-button.secondary{background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);color:var(--color-text-primary)}.modal-button.secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.modal-button.secondary:disabled{cursor:not-allowed;opacity:.6}.follow-up-suggestions{border-top:1px solid var(--color-border-primary);margin-top:16px;padding-top:16px}.follow-up-label{color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.follow-up-buttons{display:flex;flex-wrap:wrap;gap:8px}.follow-up-btn{background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .2s ease}.follow-up-btn:hover{background:var(--color-primary);color:#fff}.typing-indicator{align-items:center;align-self:flex-start;animation:messageSlide .3s ease-out;background:var(--color-card-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;gap:8px;padding:14px 18px}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typingBounce 1.4s ease-in-out infinite;background:var(--color-primary);border-radius:50%;height:8px;width:8px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.typing-text{color:var(--color-text-muted);font-size:13px;font-style:italic}.agent-activity-container{align-self:flex-start;animation:messageSlide .3s ease-out;display:flex;flex-direction:column;gap:12px;max-width:600px;width:100%}.cancel-streaming-btn{align-items:center;align-self:flex-start;background:#0000;border:1px solid #ef4444;border-radius:var(--radius-md);color:#ef4444;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .15s ease}.cancel-streaming-btn:hover{background:#fef2f2}.cancel-streaming-btn svg{flex-shrink:0}@media (max-width:1200px){.sql-toggle-btn .btn-text{display:none}.sql-toggle-btn{gap:4px;padding:10px 14px}.sql-toggle-btn svg:first-child{height:16px;width:16px}}@media (max-width:768px){.conversations-layout{height:auto}.conversations-layout,.conversations-layout.sidebar-collapsed{grid-template-columns:1fr}.conversations-sidebar{max-height:300px}.conversations-sidebar.collapsed{max-height:80px}.collapsed-conversations{flex-direction:row;flex-wrap:wrap;justify-content:center}.sidebar-collapse-btn{right:8px;top:8px}}.data-preview,.sql-preview,.visualization-wrapper{position:relative}.fullscreen-btn-corner{align-items:center;background:#0006;border:1px solid #ffffff26;border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:.6;padding:0;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:5}.data-preview:hover .fullscreen-btn-corner,.sql-preview:hover .fullscreen-btn-corner,.visualization-wrapper:hover .fullscreen-btn-corner{opacity:1}.fullscreen-btn-corner:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;opacity:1;transform:scale(1.1)}.fullscreen-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:40px;position:fixed;right:0;top:0;z-index:1000}.fullscreen-modal{animation:modalSlideUp .25s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:0 25px 80px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:90vw;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.fullscreen-modal-header{background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);justify-content:space-between;padding:20px 24px}.fullscreen-close-btn{align-items:center;background:#0000;border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.fullscreen-close-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.fullscreen-modal-body{flex:1 1;overflow:auto;padding:24px}.fullscreen-sql{background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow-x:auto;padding:20px}.fullscreen-sql pre{color:var(--color-secondary);font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.fullscreen-data{overflow-x:auto}.fullscreen-data table{border-collapse:collapse;font-size:13px;width:100%}.fullscreen-data th{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border-primary);color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.fullscreen-data td{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:12px;padding:10px 16px;white-space:nowrap}.fullscreen-data tr:hover td{background:#00d1b20d}.fullscreen-data-info{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);color:var(--color-text-muted);font-size:12px;padding:12px 16px;text-align:center}.fullscreen-viz{display:flex;flex-direction:column;height:100%}.fullscreen-viz-description{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px;padding:12px 16px}.fullscreen-viz-chart{background:var(--color-bg-secondary);border-radius:var(--radius-lg);flex:1 1;min-height:500px;padding:20px}@media (max-width:768px){.fullscreen-modal-overlay{padding:20px}.fullscreen-modal{max-height:95vh;max-width:100%}.fullscreen-modal-header{padding:16px}.fullscreen-modal-header h3{font-size:16px}.fullscreen-modal-body{padding:16px}.fullscreen-viz-chart{min-height:300px}}.forecast-guided-page{margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.guided-header{border-bottom:1px solid var(--color-border-primary);justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.guided-header,.header-content{align-items:center;display:flex}.header-content{gap:14px}.header-icon{align-items:center;background:var(--color-primary);border-radius:12px;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.header-text h1{color:var(--color-text-primary);font-size:22px;font-weight:600;margin:0 0 2px}.header-text p{margin:0}.header-text p,.reset-btn{color:var(--color-text-muted);font-size:13px}.reset-btn{align-items:center;background:#0000;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.reset-btn:hover{border-color:var(--color-text-muted);color:var(--color-text-secondary)}.wizard-layout{align-items:stretch;display:flex;gap:16px}.wizard-sidebar{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);flex-shrink:0;padding:0 12px;width:72px}.sidebar-step-row,.wizard-sidebar{align-items:center;display:flex;flex-direction:column}.sidebar-step-row{min-height:84px;width:100%}.sidebar-step-row:last-child{min-height:72px}.sidebar-step-row.expanded{flex:1 1}.sidebar-step{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;height:72px;justify-content:center;padding:0;transition:all .15s ease;width:100%}.sidebar-step:hover .sidebar-step-circle:not(.valid){background:var(--color-primary-light);border-color:var(--color-primary)}.sidebar-step-circle{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:50%;color:var(--color-text-muted);display:flex;height:40px;justify-content:center;transition:all .15s ease;width:40px}.sidebar-step.active .sidebar-step-circle:not(.valid){border-color:var(--color-primary);color:var(--color-primary)}.sidebar-step-circle.valid{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sidebar-connector{background:var(--color-border-primary);flex:1 1;min-height:12px;width:2px}.sidebar-connector.completed{background:var(--color-primary)}.wizard-cards{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.step-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.step-card.expanded{border-color:var(--color-primary);box-shadow:0 4px 16px #7c3aed14}.step-card.completed:not(.expanded){background:var(--color-bg-secondary)}.step-card-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;min-height:72px;padding:16px 20px;text-align:left;transition:all .15s ease;width:100%}.step-card.collapsed .step-card-header:hover{background:var(--color-bg-secondary)}.step-card-header-left{align-items:center;display:flex;gap:14px}.step-card-icon{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-muted);display:flex;height:40px;justify-content:center;width:40px}.step-card-icon.valid{background:var(--color-primary);color:#fff}.step-card-info h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.step-card-info p{color:var(--color-text-muted);font-size:13px;margin:4px 0 0}.step-card-header-right{align-items:center;display:flex;gap:12px}.step-summary-badge{background:var(--color-primary);border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.expand-icon{color:var(--color-text-muted);transition:transform .2s ease}.expand-icon.rotated{transform:rotate(90deg)}.step-card-content{border-top:1px solid var(--color-border-primary);padding:0 20px 20px}.step-circle{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:50%;color:var(--color-text-muted);display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.step-content{padding-top:16px}.step-header-icon{align-items:center;background:var(--color-bg-secondary);border-radius:10px;color:var(--color-primary);display:flex;height:40px;justify-content:center;width:40px}.step-header-text h2{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0 0 2px}.step-header-text p{color:var(--color-text-muted);font-size:13px;margin:0}.timeframe-step{display:flex;flex-direction:column;gap:36px}.timeframe-section{display:flex;flex-direction:column;gap:12px}.section-header-row{align-items:center;display:flex;justify-content:space-between}.timeframe-section h4{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.required-badge{background:#7c3aed14;border-radius:var(--radius-full);color:var(--color-primary);font-size:9px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.section-description{color:var(--color-text-muted);font-size:13px;margin:0}.period-options-grid{display:flex;flex-wrap:wrap;gap:8px}.period-chip{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 16px;transition:all .15s ease}.period-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.period-chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.period-chip .chip-label{white-space:nowrap}.period-chip .rec-dot{background:var(--color-secondary);border-radius:50%;height:6px;width:6px}.custom-date-range{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;gap:12px;margin-top:8px;padding:16px}.date-input-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.date-input-group label{color:var(--color-text-muted);font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.date-input-group input{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:13px;outline:none;padding:10px 12px;transition:all .15s ease}.date-input-group input:focus{border-color:var(--color-primary)}.date-separator{font-size:14px;margin-top:18px}.factors-step,.targets-step{display:flex;flex-direction:column;gap:24px}.selection-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding-bottom:16px}.selection-header p{color:var(--color-text-muted);font-size:13px;margin:0}.selected-count{align-items:center;display:flex}.count-badge{background:var(--color-primary);border-radius:var(--radius-full);color:#fff;font-size:12px;font-weight:600;padding:5px 12px}.count-empty{color:var(--color-text-muted);font-size:12px}.categories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.constraint-category,.metric-category{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden}.constraint-category h4,.metric-category h4{background:#0000;border-bottom:1px solid var(--color-border-primary);font-weight:600;justify-content:space-between;letter-spacing:.5px;margin:0;padding:10px 12px;text-transform:uppercase}.category-count,.constraint-category h4,.metric-category h4{align-items:center;color:var(--color-text-muted);display:flex;font-size:10px}.category-count{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:9px;font-weight:500;height:18px;justify-content:center;min-width:28px;padding:0 6px}.constraint-category .constraint-grid,.metric-category .metric-grid{background:var(--color-bg-primary);padding:8px}.metric-grid{display:flex;flex-direction:column;gap:6px}.metric-option{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:all .15s ease}.metric-option.selected,.metric-option:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.metric-option-icon{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-sm);color:var(--color-primary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.metric-option-content{flex:1 1;min-width:0}.metric-label{color:var(--color-text-primary);font-size:13px;font-weight:500}.metric-description{display:none}.metric-option-check{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:20px;justify-content:center;opacity:0;transform:scale(.8);transition:all .15s ease;width:20px}.metric-option.selected .metric-option-check{opacity:1;transform:scale(1)}.constraints-step{display:flex;flex-direction:column;gap:16px}.no-constraints-option{margin-bottom:8px}.none-option-btn{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:all .15s ease;width:100%}.none-option-btn.selected,.none-option-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.none-option-check{align-items:center;background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:50%;color:#0000;display:flex;height:24px;justify-content:center;transition:all .15s ease;width:24px}.none-option-btn.selected .none-option-check{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.none-option-content{display:flex;flex-direction:column;gap:2px}.none-option-label{color:var(--color-text-primary);font-size:14px;font-weight:600}.none-option-description{color:var(--color-text-muted);font-size:12px}.constraint-grid{display:flex;flex-direction:column;gap:6px}.constraint-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;gap:10px;padding:8px 10px;transition:all .15s ease}.constraint-card.has-value{background:var(--color-primary-light);border-color:var(--color-primary)}.constraint-header{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.constraint-icon-wrapper{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-sm);color:var(--color-primary);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.constraint-info{flex:1 1;min-width:0}.constraint-label{color:var(--color-text-primary);font-size:13px;font-weight:500}.constraint-description{display:none}.constraint-clear{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .15s ease;width:20px}.constraint-clear:hover{color:#ef4444}.constraint-input{flex-shrink:0;width:140px}.constraint-input .input-wrapper{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);display:flex;overflow:hidden;transition:all .15s ease}.constraint-input .input-wrapper:focus-within{border-color:var(--color-primary)}.constraint-input .input-prefix,.constraint-input .input-suffix{color:var(--color-text-muted);font-size:12px;font-weight:500;padding:0 8px}.constraint-input input{-moz-appearance:textfield;background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:13px;outline:none;padding:8px 10px;width:100%}.constraint-input input::-webkit-inner-spin-button,.constraint-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.constraint-input input::placeholder{color:var(--color-text-muted);font-size:12px}.review-step{display:flex;flex-direction:column;gap:20px}.review-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.review-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden}.review-card-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;gap:8px;padding:12px 14px}.review-card-header h4,.review-card-header svg{color:var(--color-text-muted)}.review-card-header h4{flex:1 1;font-size:12px;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase}.edit-btn{background:#0000;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:11px;font-weight:500;padding:3px 8px;transition:all .15s ease}.edit-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.review-card-content{padding:14px}.review-item{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.review-item:not(:last-child){border-bottom:1px solid var(--color-border-primary)}.review-label{color:var(--color-text-muted);font-size:12px}.review-value{color:var(--color-text-primary);font-size:13px;font-weight:600}.review-tags{display:flex;flex-wrap:wrap;gap:6px}.review-tag{background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:12px;font-weight:500;padding:4px 10px}.review-constraints{display:flex;flex-direction:column;gap:6px}.review-constraint{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:6px}.review-constraint strong{color:var(--color-text-primary)}.no-constraints{color:var(--color-text-muted);font-size:12px}.generated-prompt{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:16px 18px}.prompt-header{align-items:center;display:flex;gap:8px;margin-bottom:10px}.prompt-header svg{color:var(--color-primary)}.prompt-header h4{color:var(--color-text-muted);font-size:12px;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase}.prompt-text{color:var(--color-text-secondary);font-size:13px;line-height:1.6;margin:0}.wizard-navigation{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);justify-content:space-between;margin-left:88px;margin-top:20px;padding:16px 20px}.nav-btn,.wizard-navigation{align-items:center;display:flex}.nav-btn{border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;gap:6px;padding:10px 20px;transition:all .15s ease}.nav-btn.prev{background:#0000;border:1px solid var(--color-border-primary);color:var(--color-text-muted)}.nav-btn.prev:hover:not(:disabled){border-color:var(--color-text-muted);color:var(--color-text-secondary)}.nav-btn.next{background:var(--color-text-primary);border:none;color:#fff}.nav-btn.next:hover:not(:disabled){opacity:.9}.nav-btn.run{background:var(--color-primary);border:none;color:#fff;padding:10px 24px}.nav-btn.run:hover:not(:disabled){opacity:.9}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.nav-btn .spinning{animation:spin 1s linear infinite}.step-indicator{font-size:12px}.forecast-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.forecast-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:50%;color:var(--color-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.modal-close:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.modal-loading{padding:80px 40px;text-align:center}.loading-animation{height:120px;margin:0 auto 32px;position:relative;width:120px}.loading-circles{bottom:0;left:0;position:absolute;right:0;top:0}.loading-circle{animation:pulse-ring 2s ease-in-out infinite;border:3px solid #0000;border-radius:50%;height:100%;position:absolute;width:100%}.loading-circle:first-child{animation-delay:0s;border-top-color:var(--color-primary)}.loading-circle:nth-child(2){animation-delay:.3s;border-right-color:var(--color-secondary)}.loading-circle:nth-child(3){animation-delay:.6s;border-bottom-color:var(--color-primary)}@keyframes pulse-ring{0%{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:.7;transform:rotate(180deg) scale(1.1)}to{opacity:1;transform:rotate(1turn) scale(1)}}.loading-icon{color:var(--color-primary);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal-loading h2{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.modal-loading p{color:var(--color-text-muted);font-size:15px;margin:0}.modal-error{padding:80px 40px;text-align:center}.error-icon{color:#ef4444;margin-bottom:24px}.modal-error h2{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.modal-error p{color:var(--color-text-muted);font-size:15px;margin:0 0 32px}.btn-retry{display:inline-flex}.modal-success{padding:32px}.modal-header-success{align-items:center;display:flex;gap:16px;margin-bottom:24px}.success-icon{flex-shrink:0}.modal-header-success h2{color:var(--color-text-primary);font-size:22px;font-weight:700;margin:0 0 4px}.modal-header-success p{color:var(--color-text-muted);font-size:14px;margin:0}.scenario-overview{align-items:stretch;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;gap:16px;margin-bottom:24px;padding:20px}.scenario-side{flex:1 1}.scenario-side h4{align-items:center;color:var(--color-text-muted);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.scenario-side:first-child h4 svg{color:var(--color-secondary)}.scenario-side:last-child h4 svg{color:var(--color-primary)}.scenario-items{display:flex;flex-direction:column;gap:8px}.scenario-item{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-md);display:flex;font-size:13px;justify-content:space-between;padding:10px 14px}.scenario-label{color:var(--color-text-primary);font-weight:500}.scenario-value{color:var(--color-secondary);font-weight:600}.scenario-predicted,.scenario-value.target{color:var(--color-primary)}.scenario-predicted{align-items:center;background:var(--color-primary-light);border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.scenario-predicted svg{flex-shrink:0}.scenario-arrow{align-items:center;color:var(--color-text-muted);display:flex;justify-content:center}.scenario-empty{color:var(--color-text-muted);font-size:13px;font-style:italic}.response-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;gap:10px;padding:16px 24px}.response-header svg{color:var(--color-primary)}.response-header h3{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0}.response-data-preview{border-top:1px solid var(--color-border-primary);padding:20px 24px}.response-data-preview h4{color:var(--color-text-muted);font-size:13px;font-weight:600;margin:0 0 12px}.data-table-wrapper{overflow-x:auto}.data-preview-table{font-size:12px}.data-preview-table td,.data-preview-table th{border-bottom:1px solid var(--color-border-primary);padding:8px 12px;text-align:left}.data-preview-table th{background:var(--color-bg-secondary);font-size:10px;letter-spacing:.5px}.data-preview-table td{color:var(--color-text-secondary)}.modal-response{background:var(--color-card-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-bottom:24px;overflow:hidden}.response-content{color:var(--color-text-secondary);font-size:14px;line-height:1.7;padding:24px}.response-visualization{border-top:1px solid var(--color-border-primary);padding:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-download{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-download:hover{background:var(--color-bg-primary);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:1200px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.wizard-layout{flex-direction:column}.wizard-sidebar{display:flex;flex-direction:row;justify-content:center;margin-bottom:16px;overflow-x:auto;padding:12px 16px;position:static;width:100%}.sidebar-step-row{align-items:center;flex-direction:row;min-height:auto;width:auto}.sidebar-step-row.expanded{flex:none}.sidebar-step{height:auto;padding:4px;width:auto}.sidebar-connector{flex:none;height:2px;margin:0 8px;min-height:auto;width:24px}}@media (max-width:768px){.forecast-guided-page{padding:16px}.guided-header{align-items:flex-start;flex-direction:column;gap:16px}.wizard-sidebar{display:none}.step-card-content{padding:0 16px 16px}.wizard-navigation{flex-direction:column;gap:16px;margin-left:0}.nav-btn{justify-content:center;width:100%}.step-indicator{order:-1}.period-options-grid{flex-direction:column}.period-chip{justify-content:center}.scenario-overview{flex-direction:column}.scenario-arrow{padding:8px 0;transform:rotate(90deg)}.modal-actions{flex-direction:column}.btn-download{justify-content:center}.categories-grid,.review-grid{grid-template-columns:1fr}}.schema-page{background-color:var(--color-bg-secondary);margin:0 auto;max-width:1200px;min-height:100vh;padding:32px 40px}.schema-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.schema-page .header-left{align-items:center;display:flex;gap:16px}.schema-page .page-icon{color:var(--color-primary)}.schema-page h1{color:var(--color-text-primary);font-size:32px;font-weight:700;margin:0 0 4px}.schema-page .page-subtitle{color:var(--color-text-secondary);font-size:15px;margin:0}.schema-page .refresh-icon-btn{align-items:center;background:#fff;border:2px solid var(--color-primary);border-radius:50%;color:var(--color-primary);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;transition:all .25s ease;width:44px}.schema-page .refresh-icon-btn:hover{background:var(--color-primary);color:#fff;transform:rotate(180deg)}.schema-content{display:flex;flex-direction:column;gap:16px}.schema-page .search-container{margin-bottom:8px;position:relative}.schema-page .search-icon{color:var(--color-text-muted);left:16px;position:absolute;top:50%;transform:translateY(-50%)}.schema-page .search-input{background:var(--color-card-bg);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:14px;outline:none;padding:12px 12px 12px 44px;transition:all .2s ease;width:100%}.schema-page .search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.tables-list{display:flex;flex-direction:column;gap:12px}.table-card{background:var(--color-card-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.table-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.table-header{background:var(--color-bg-secondary);cursor:pointer;display:flex;flex-direction:column;padding:16px 20px;transition:background .2s ease}.table-header:hover{background:var(--color-bg-tertiary)}.table-header-main{justify-content:space-between;width:100%}.table-header-main,.table-info{align-items:center;display:flex}.table-info{gap:10px}.table-info svg{color:var(--color-text-muted)}.table-icon{color:var(--color-primary)!important}.table-name{color:var(--color-text-primary);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600}.column-count{background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:12px;margin-left:8px;padding:3px 10px}.table-description-row{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-left:48px}.table-description{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.table-metadata{align-items:center;border-top:1px dashed var(--color-border-primary);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.table-metadata:empty{border:none;display:none;margin:0;padding:0}.metadata-item{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted);display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px}.metadata-item.metadata-source{background:linear-gradient(135deg,#00d1b21f,#00d1b214);color:var(--color-secondary);font-weight:600}.metadata-item.metadata-category{background:linear-gradient(135deg,#6366f11f,#8b5cf614);color:#6366f1}.metadata-item.metadata-date{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:-.02em}.columns-list{border-top:1px solid var(--color-border-primary)}.columns-header{grid-template-columns:200px 120px 1fr}.column-row:hover{background:var(--color-primary-light)}.col-name{align-items:center;color:var(--color-text-primary);display:flex;font-family:JetBrains Mono,monospace;gap:8px;min-width:0;overflow:hidden}.col-name svg{color:var(--color-text-muted);flex-shrink:0}.col-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-type{color:var(--color-secondary);font-family:JetBrains Mono,monospace;font-size:12px}.col-desc{color:var(--color-text-secondary);min-width:0;overflow:hidden}.col-desc-empty{color:var(--color-text-muted);font-size:12px;font-style:italic}.col-category,.col-subcategory{align-items:center;display:flex}.category-badge,.subcategory-badge{border-radius:var(--radius-full);display:inline-block;font-size:10px;font-weight:500;max-width:100%;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.category-empty{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.col-category-select,.col-subcategory-select{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:11px;padding:4px 6px;width:100%}.col-category-select:disabled,.col-subcategory-select:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.no-tables{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-tables svg{margin-bottom:16px;opacity:.5}.schema-page .error-state,.schema-page .loading-state{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center;text-align:center}.schema-page .loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary);margin-bottom:16px}.schema-page .error-icon{color:var(--color-error);margin-bottom:16px}.schema-page .error-message{color:var(--color-error);font-weight:600}.schema-page .retry-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-top:16px;padding:12px 24px;transition:all .2s ease}.schema-page .retry-button:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.schema-page .header-actions{align-items:center;display:flex;gap:12px}.btn-add-table{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-add-table:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.edit-table-form,.table-actions{align-items:center;display:flex;gap:8px}.edit-table-form{flex:1 1;max-width:500px}.edit-input{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);flex:1 1;font-size:13px;outline:none;padding:8px 12px;transition:all .2s ease}.edit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.edit-select{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;min-width:100px;outline:none;padding:6px 10px}.edit-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.btn-icon{transition:all .2s ease}.btn-icon.btn-danger:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-cancel-small,.btn-save-small{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.btn-save-small{background:var(--color-secondary);color:#fff}.btn-save-small:hover:not(:disabled){background:var(--color-secondary-hover)}.btn-save-small:disabled{cursor:not-allowed;opacity:.5}.btn-cancel-small{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-muted)}.btn-cancel-small:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.columns-header{grid-gap:16px;background:var(--color-bg-tertiary);color:var(--color-text-muted);display:grid;font-size:11px;font-weight:600;gap:16px;grid-template-columns:200px 120px 1fr 80px;letter-spacing:.05em;padding:12px 20px;text-transform:uppercase}.column-row{grid-gap:12px;align-items:center;border-top:1px solid var(--color-border-primary);display:grid;font-size:13px;gap:12px;grid-template-columns:200px 1fr 110px 140px 70px;padding:10px 16px;transition:background .2s ease}.col-actions{align-items:center;display:flex;gap:4px;justify-content:flex-end}.add-column-row{border-top:1px solid var(--color-border-primary);padding:12px 20px}.btn-add-column{align-items:center;background:#0000;border:1px dashed var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-add-column:hover{background:var(--color-primary-light);border-color:var(--color-primary);border-style:solid;color:var(--color-primary)}.schema-page .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.delete-modal-icon{color:#ef4444}.delete-modal p{margin:0 0 8px}.delete-warning{color:#ef4444!important;font-weight:500;margin-bottom:24px!important}.btn-cancel:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}.btn-delete{background:#ef4444}.btn-delete:hover:not(:disabled){background:#dc2626}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.create-modal{animation:modalSlideIn .2s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;overflow:hidden;width:100%}.create-modal-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:20px 24px}.create-modal-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.create-modal-header h3 svg{color:var(--color-primary)}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.create-modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;margin-bottom:6px}.form-input{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.form-input:focus{background:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;resize:vertical;transition:all .2s ease;width:100%}.form-textarea:focus{background:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-select{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;font-size:14px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-select:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.7}.form-hint{color:var(--color-warning);font-style:italic}.form-hint,.form-hint-info{font-size:12px;margin:6px 0 0}.form-hint-info{color:var(--color-text-muted)}.form-input.mono{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace}.create-modal-actions{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-create{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-create:hover:not(:disabled){box-shadow:var(--shadow-primary-lg);transform:translateY(-1px)}.btn-create:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.toast{align-items:center;animation:toastSlideIn .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 20px;position:fixed;right:24px;top:24px;z-index:2000}.toast.success{border-left:4px solid var(--color-secondary);color:var(--color-text-primary)}.toast.success svg{color:var(--color-secondary)}.toast.error{border-left:4px solid #ef4444;color:var(--color-text-primary)}.toast.error svg{color:#ef4444}.schema-tabs{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;gap:4px;margin-bottom:24px;padding:4px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.tab-btn:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.tab-btn.active{background:var(--color-primary);box-shadow:var(--shadow-primary);color:#fff}.tab-btn svg{flex-shrink:0}.tab-count{background:#0000001a;border-radius:var(--radius-full);font-size:12px;font-weight:600;padding:2px 8px}.tab-btn.active .tab-count{background:#fff3}.content-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.content-header .search-container{flex:1 1;margin-bottom:0;max-width:400px}.content-actions{display:flex;gap:8px}.btn-add{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.btn-add:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-1px)}.btn-refresh{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-refresh:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.datasources-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.datasource-card{background:var(--color-card-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;gap:16px;padding:20px;transition:all .2s ease}.datasource-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.datasource-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary-light) 0,#00d1b21a 100%);border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.datasource-info{flex:1 1;min-width:0}.datasource-info h4{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datasource-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:13px;margin:0 0 8px;overflow:hidden}.datasource-meta{color:var(--color-text-muted);display:flex;font-size:12px;gap:16px}.datasource-meta span{align-items:center;display:flex;gap:4px}.datasource-actions{display:flex;flex-direction:column;gap:4px}.upload-modal{max-width:520px}.upload-zone{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:16px;min-height:140px;padding:32px;transition:all .2s ease}.upload-zone:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.upload-zone svg{color:var(--color-text-muted);margin-bottom:12px}.upload-zone p{color:var(--color-text-primary);font-size:14px;font-weight:500;margin:0 0 4px}.upload-hint{color:var(--color-text-muted);font-size:12px}.upload-file-info{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-file-info svg{color:var(--color-primary);margin-bottom:0}.file-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.file-size{color:var(--color-text-muted);font-size:12px}.multi-file-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px;max-width:400px}.multi-file-item{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;max-width:150px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.tags-list{display:flex;flex-direction:column;gap:12px}.tag-card{background:var(--color-card-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.tag-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.tag-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);justify-content:space-between;padding:16px 20px}.tag-header,.tag-name{align-items:center;display:flex}.tag-name{color:var(--color-text-primary);font-size:15px;font-weight:600;gap:10px}.tag-name svg{color:var(--color-secondary)}.tag-actions{display:flex;gap:4px}.tag-body{padding:16px 20px}.tag-source{align-items:center;display:flex;font-size:13px;gap:8px;margin-bottom:12px}.source-label{color:var(--color-text-muted)}.tag-source code{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-primary);font-family:JetBrains Mono,monospace;font-size:12px;padding:4px 10px}.tag-rules-preview{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.rule-preview{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:flex;font-size:12px;gap:8px;padding:6px 10px}.rule-condition{color:var(--color-text-secondary)}.rule-preview svg{color:var(--color-text-muted)}.rule-output{color:var(--color-secondary);font-weight:600}.more-rules{color:var(--color-text-muted);font-size:11px;font-style:italic}.tag-default{align-items:center;display:flex;font-size:12px;gap:8px}.default-label{color:var(--color-text-muted)}.default-value{color:var(--color-text-primary);font-weight:500}.tag-modal{max-width:650px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.rules-section{border-top:1px solid var(--color-border-primary);margin-top:16px;padding-top:16px}.rules-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.rules-header h4{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0}.btn-add-rule{align-items:center;background:#0000;border:1px dashed var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-add-rule:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.rules-list{display:flex;flex-direction:column;gap:8px}.rule-row{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;gap:8px;padding:10px 12px}.rule-priority{color:var(--color-text-muted);font-size:11px;font-weight:700;width:24px}.rule-select{cursor:pointer;min-width:100px}.rule-input,.rule-select{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:12px;padding:6px 10px}.rule-input{flex:1 1;min-width:80px}.rule-input.output{background:#00d1b21a;border-color:var(--color-secondary)}.rule-arrow{flex-shrink:0}.btn-remove-rule,.rule-arrow{color:var(--color-text-muted)}.btn-remove-rule{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.btn-remove-rule:hover:not(:disabled){background:#ef44441a;color:#ef4444}.btn-remove-rule:disabled{cursor:not-allowed;opacity:.3}.preview-modal{animation:modalSlideIn .2s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;overflow:hidden;width:100%}.preview-content{max-height:400px;overflow-y:auto;padding:20px}.preview-table{border-collapse:collapse;width:100%}.preview-table th{background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:11px;font-weight:600;text-align:left;text-transform:uppercase}.preview-table td,.preview-table th{border-bottom:1px solid var(--color-border-primary);padding:10px 12px}.preview-table td{font-size:13px}.tag-value{background:#00d1b21a;border-radius:var(--radius-full);color:var(--color-secondary);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.no-preview{color:var(--color-text-muted);padding:40px;text-align:center}.details-modal{animation:modalSlideIn .2s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:800px;overflow:hidden;width:100%}.details-content{max-height:500px;overflow-y:auto;padding:20px}.details-meta{background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;gap:24px;margin-bottom:20px;padding:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{color:var(--color-text-muted);font-size:11px;font-weight:600;text-transform:uppercase}.meta-value{font-size:16px}.details-columns h4,.meta-value{color:var(--color-text-primary);font-weight:600}.details-columns h4{font-size:14px;margin:0 0 12px}.profiling-table{border-collapse:collapse;font-size:12px;width:100%}.profiling-table th{background:var(--color-bg-tertiary);color:var(--color-text-muted);font-weight:600;text-align:left;white-space:nowrap}.profiling-table td,.profiling-table th{border-bottom:1px solid var(--color-border-primary);padding:10px 12px}.profiling-table td{color:var(--color-text-secondary)}.col-name-cell{align-items:center;color:var(--color-text-primary)!important;display:flex;font-family:JetBrains Mono,monospace;gap:6px}.col-name-cell svg{color:var(--color-text-muted)}.col-type-cell{color:var(--color-secondary)!important;font-family:JetBrains Mono,monospace}.sample-values{color:var(--color-text-muted)!important;font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:var(--color-text-muted);margin-bottom:16px;opacity:.4}.empty-state h3{color:var(--color-text-primary);font-size:18px;margin:0 0 8px}.empty-state p{margin:0 0 20px}.empty-state p,.loading-inline{color:var(--color-text-muted);font-size:14px}.loading-inline{align-items:center;display:flex;gap:12px;justify-content:center;padding:60px}.btn-upload{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140}.btn-upload:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98159}.btn-secondary{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);box-shadow:none;color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-bg-tertiary);box-shadow:none;transform:none}.tags-info-box{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f133;border-radius:var(--radius-lg);margin-bottom:24px;padding:16px 20px}.tags-info-box h4{align-items:center;color:#6366f1;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 8px}.tags-info-box p{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.tags-info-box code{background:#6366f126;color:#6366f1;font-size:12px;padding:2px 6px}.tag-table-name,.tags-info-box code{border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace}.tag-table-name{background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:11px;font-weight:400;padding:3px 8px}.tag-info-banner{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:12px 16px}.tag-info-banner svg{color:#6366f1;flex-shrink:0}.tag-info-banner code{background:#6366f126;border-radius:var(--radius-sm);color:#6366f1;font-family:JetBrains Mono,monospace;font-size:12px;padding:2px 6px}.rules-hint{margin:0 0 12px}.rule-label,.rules-hint{color:var(--color-text-muted);font-size:12px}.rule-label{font-weight:500}.preview-info{font-size:13px;margin:0 0 16px}.delete-info,.preview-info{color:var(--color-text-muted)}.delete-info{font-size:12px;font-style:italic;margin:8px 0 0}.tag-modal-large{max-width:900px}.tag-steps{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);gap:12px;justify-content:center;padding:16px 20px}.tag-step,.tag-steps{align-items:center;display:flex}.tag-step{gap:8px;opacity:.5;transition:all .2s ease}.tag-step.active{opacity:1}.step-number{align-items:center;background:var(--color-bg-tertiary);border-radius:50%;color:var(--color-text-muted);display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.tag-step.active .step-number{background:var(--color-primary);color:#fff}.step-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.tag-step.active .step-label{color:var(--color-text-primary)}.step-connector{background:var(--color-border-primary);height:2px;width:40px}.tag-config-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 280px}.tag-config-main{min-width:0}.tag-config-sidebar{border-left:1px solid var(--color-border-primary);padding-left:24px}.distinct-values-panel{background:var(--color-bg-secondary);border-radius:var(--radius-md);max-height:400px;overflow-y:auto;padding:16px;position:-webkit-sticky;position:sticky;top:0}.distinct-values-panel h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 12px}.distinct-values-panel h4 svg{color:var(--color-text-muted)}.distinct-empty{font-style:italic;padding:20px 10px;text-align:center}.distinct-empty,.distinct-loading{color:var(--color-text-muted);font-size:12px}.distinct-loading{align-items:center;display:flex;gap:8px;justify-content:center;padding:20px}.distinct-stats{border-bottom:1px solid var(--color-border-primary);color:var(--color-primary);font-size:11px;font-weight:600;margin-bottom:10px;padding-bottom:10px}.distinct-list{display:flex;flex-direction:column;gap:4px}.distinct-item{align-items:center;background:var(--color-bg-primary);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:6px 8px}.distinct-item code{color:var(--color-text-primary);font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.distinct-count{background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:10px;padding:2px 6px}.distinct-more{color:var(--color-text-muted);font-size:11px;font-style:italic;padding:8px;text-align:center}.mapping-preview-content{display:flex;flex-direction:column;gap:20px}.preview-header-info{align-items:flex-start;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;gap:20px;justify-content:space-between;padding:16px}.preview-summary h4{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.preview-summary p{color:var(--color-text-muted);font-size:13px;margin:0}.preview-summary code{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-primary);font-size:12px;padding:2px 6px}.coverage-stats{display:flex;gap:20px}.coverage-stat{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:2px;padding:8px 16px}.coverage-stat .stat-value{color:var(--color-primary);font-size:18px;font-weight:700}.coverage-stat .stat-label{color:var(--color-text-muted);font-size:10px;font-weight:500;text-transform:uppercase}.mapping-table-container{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);max-height:350px;overflow-y:auto}.mapping-preview-table{border-collapse:collapse;font-size:13px;width:100%}.mapping-preview-table th{background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:11px;font-weight:600;padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.mapping-preview-table td{border-bottom:1px solid var(--color-border-primary);padding:10px 14px}.mapping-preview-table tr:last-child td{border-bottom:none}.mapping-preview-table tr.default-row{background:#9ca3af0d}.mapping-preview-table code{color:var(--color-text-primary);font-size:12px}.tag-value-badge{background:#00d1b21a;border-radius:var(--radius-full);color:var(--color-secondary);display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.tag-value-badge.default{background:#9ca3af26;color:var(--color-text-muted)}.mapping-preview-table .row-count{color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:12px}.mapping-preview-table .rule-matched{color:var(--color-text-muted);font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-preview{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-preview:hover:not(:disabled){box-shadow:0 4px 12px #6366f159;transform:translateY(-1px)}.btn-preview:disabled{cursor:not-allowed;opacity:.5}.btn-back{padding:10px 20px}.column-type-info{align-items:center;display:flex;gap:8px;margin-bottom:10px}.column-type-badge{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-radius:var(--radius-full);color:#6366f1;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.column-type-label{color:var(--color-text-muted);font-size:11px}.rules-loading{align-items:center;color:var(--color-text-muted);display:flex;font-size:13px;gap:8px;justify-content:center;padding:30px}.rule-no-input{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:12px;font-style:italic;padding:6px 10px}.rule-date-range{align-items:center;display:flex;gap:6px}.date-range-separator{color:var(--color-text-muted);font-size:12px}.rule-input-date{min-width:130px}.rule-input-year{width:80px}.rule-select-value{min-width:120px}@media (max-width:768px){.tag-config-layout{grid-template-columns:1fr}.tag-config-sidebar{border-left:none;border-top:1px solid var(--color-border-primary);padding-left:0;padding-top:20px}.coverage-stats,.rule-date-range,.rule-row{flex-wrap:wrap}}.table-preview-modal{animation:modalSlideIn .2s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:80vh;max-width:900px;width:100%}.table-preview-content,.table-preview-modal{display:flex;flex-direction:column;overflow:hidden}.table-preview-content{flex:1 1;padding:20px}.table-preview-loading{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:60px}.table-preview-wrapper{display:flex;flex-direction:column;gap:12px;height:100%}.table-preview-info{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-muted);display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.preview-time{color:var(--color-secondary);font-family:JetBrains Mono,monospace}.table-preview-scroll{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);max-height:400px;overflow:auto}.data-preview-table{border-collapse:collapse;font-size:13px;width:100%}.data-preview-table th{background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:11px;font-weight:600;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.data-preview-table td,.data-preview-table th{border-bottom:1px solid var(--color-border-primary);padding:10px 14px;white-space:nowrap}.data-preview-table td{color:var(--color-text-primary);font-family:JetBrains Mono,monospace;font-size:12px;max-width:300px;overflow:hidden;text-overflow:ellipsis}.data-preview-table tr:hover td{background:var(--color-primary-light)}.null-value{color:var(--color-text-muted);font-size:11px;font-style:italic}.preview-error{color:var(--color-error)}.manual-edit-toolbar{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.btn-manual-edit{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.btn-manual-edit:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-manual-edit.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#0000;color:#fff}.btn-manual-edit.active:hover{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.manual-edit-count{background:#f59e0b1a;border-radius:var(--radius-full);color:#f59e0b;font-size:12px;font-weight:600;padding:4px 10px}.manual-edit-hint{color:var(--color-text-muted);font-size:11px;font-style:italic;margin-left:auto}.tag-value-cell.editable{cursor:pointer;transition:background .15s ease}.tag-value-cell.editable:hover{background:#f59e0b14}.manual-override-row{background:#f59e0b0a!important}.manual-override-row:hover{background:#f59e0b14!important}.tag-edit-inline{align-items:center;display:flex;gap:6px}.tag-edit-input{background:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--color-primary-light);color:var(--color-text-primary);font-size:12px;font-weight:600;min-width:140px;outline:none;padding:6px 10px}.tag-edit-input:focus{border-color:var(--color-primary)}.tag-edit-select{-webkit-appearance:none;appearance:none;background:var(--color-bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:2px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--color-primary-light);color:var(--color-text-primary);cursor:pointer;font-size:12px;font-weight:600;min-width:160px;outline:none;padding:6px 28px 6px 10px}.tag-edit-select:focus{border-color:var(--color-primary)}.tag-edit-select option{font-size:13px;padding:8px}.tag-edit-select option[value=__custom__]{border-top:1px solid var(--color-border-primary);color:var(--color-primary);font-style:italic}.btn-tag-cancel,.btn-tag-save{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.btn-tag-save{background:var(--color-secondary);color:#fff}.btn-tag-save:hover:not(:disabled){background:var(--color-secondary-hover);transform:scale(1.05)}.btn-tag-save:disabled{cursor:not-allowed;opacity:.4}.btn-tag-cancel{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.btn-tag-cancel:hover{background:#ef44441a;color:#ef4444}.tag-value-badge.manual{background:linear-gradient(135deg,#f59e0b26,#d9770626);border:1px solid #f59e0b4d;color:#b45309}.tag-value-badge .manual-indicator{margin-left:4px;opacity:.7}.rule-manual{color:#f59e0b;font-style:italic;font-weight:600}.delete-info-warning{align-items:flex-start;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:var(--radius-md);color:#b45309;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:12px;text-align:left}.delete-info-warning svg{flex-shrink:0;margin-top:2px}.csv-upload-wizard{max-width:1100px;width:95%}.csv-upload-wizard .create-modal-body{max-height:60vh;overflow-y:auto}.csv-upload-steps{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);gap:8px;justify-content:center;padding:16px 24px}.csv-step,.csv-upload-steps{align-items:center;display:flex}.csv-step{gap:6px;opacity:.4;transition:all .2s ease}.csv-step.active{opacity:1}.csv-step.completed{opacity:.8}.csv-step .step-number{align-items:center;background:var(--color-bg-tertiary);border-radius:50%;color:var(--color-text-muted);display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;transition:all .2s ease;width:24px}.csv-step.active .step-number{background:var(--color-primary);color:#fff}.csv-step.completed .step-number{background:var(--color-secondary);color:#fff}.csv-step .step-label{color:var(--color-text-muted);font-size:12px;font-weight:500}.csv-step.active .step-label{color:var(--color-text-primary);font-weight:600}.csv-upload-steps .step-connector{background:var(--color-border-primary);height:2px;width:20px}.csv-step-content{display:flex;flex-direction:column;gap:20px}.csv-step-content .upload-zone{margin-bottom:0;transition:all .2s ease}.csv-step-content .upload-zone.dragging{background:var(--color-primary-light);border-color:var(--color-primary);border-style:solid;transform:scale(1.01)}.csv-step-content .upload-zone.dragging .dragging-icon{animation:bounce .5s ease infinite;color:var(--color-primary)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.btn-change-file{background:#0000;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:all .2s ease}.btn-change-file:hover{border-color:var(--color-primary);color:var(--color-primary)}.category-selection-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:16px}.category-selection-section h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.category-selection-section .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.category-selection-section .form-group{margin-bottom:0}.categories-loading{background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:13px;gap:8px;padding:10px 14px}.categories-loading,.vertical-hint{align-items:center;color:var(--color-text-muted);display:flex}.vertical-hint{font-size:12px;gap:6px;margin:12px 0 0}.vertical-hint svg{color:var(--color-primary)}@media (max-width:600px){.category-selection-section .form-row{grid-template-columns:1fr}}.form-hint-error{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:4px;margin-top:6px}.required-indicator{color:#ef4444;font-weight:600}.input-error{background:#ef44440d!important;border-color:#ef4444!important}.input-error:focus{box-shadow:0 0 0 3px #ef444426!important}.csv-preview-step{gap:16px}.preview-summary-bar{background:linear-gradient(135deg,var(--color-primary-light) 0,#6366f114 100%);border:1px solid #00d1b233;border-radius:var(--radius-md);display:flex;gap:24px;padding:16px 20px}.preview-stat{display:flex;flex-direction:column;gap:2px}.preview-stat .stat-value{color:var(--color-primary);font-size:20px;font-weight:700}.preview-stat .stat-label{color:var(--color-text-muted);font-size:11px;font-weight:500;text-transform:uppercase}.csv-sample-data h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.csv-sample-data h4 svg{color:var(--color-text-muted)}.sample-data-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.btn-fullscreen{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.btn-fullscreen:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.sample-data-table-wrapper{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);max-height:280px;overflow-x:auto}.sample-data-table{border-collapse:collapse;font-size:12px;width:100%}.sample-data-table th{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary);padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.sample-data-table th .th-column-name{color:var(--color-text-primary);display:block;font-size:12px;font-weight:600;margin-bottom:2px}.sample-data-table th .th-column-type{color:var(--color-secondary);display:block;font-size:10px;font-weight:400;text-transform:lowercase}.sample-data-table td{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:11px;max-width:200px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.ai-analysis-prompt{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f133;border-radius:var(--radius-md);padding:16px}.ai-prompt-header{align-items:center;color:#6366f1;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.ai-prompt-header svg{color:#6366f1}.ai-analysis-prompt p{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0 0 12px}.ai-analysis-prompt .form-group{margin-bottom:0}.csv-analysis-step{gap:16px}.analysis-description-box{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:16px}.analysis-description-box h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.analysis-warnings{background:#fbbf2414;border:1px solid #fbbf2433;border-radius:var(--radius-md);padding:12px 16px}.analysis-warnings h4{align-items:center;color:#b45309;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 10px}.warning-item{align-items:flex-start;border-bottom:1px solid #fbbf2426;color:#92400e;display:flex;font-size:13px;gap:8px;padding:8px 0}.warning-item:last-child{border-bottom:none;padding-bottom:0}.warning-item svg{flex-shrink:0;margin-top:2px}.analysis-recommendations{background:#10b98114;border:1px solid #10b98133;border-radius:var(--radius-md);padding:12px 16px}.analysis-recommendations h4{align-items:center;color:#059669;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 0 10px}.recommendation-item{align-items:flex-start;color:#047857;display:flex;font-size:13px;gap:8px;padding:6px 0}.recommendation-item svg{color:#10b981;flex-shrink:0;margin-top:2px}.analysis-fields-preview h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.fields-preview-list{display:flex;flex-direction:column;gap:8px}.field-preview-item{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:12px 16px;transition:all .2s ease}.field-preview-item.excluded{background:var(--color-bg-tertiary);opacity:.5}.field-preview-item.pii-field{background:#fbbf240d;border-color:#fbbf2466}.field-preview-header{align-items:center;display:flex;gap:12px}.field-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.field-checkbox input{cursor:pointer;height:16px;width:16px}.field-name{color:var(--color-text-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.field-type-badge{background:var(--color-bg-tertiary);color:var(--color-secondary);font-size:11px;font-weight:500}.field-type-badge,.pii-badge{border-radius:var(--radius-sm);padding:3px 8px}.pii-badge{align-items:center;background:#fbbf2433;color:#b45309;display:flex;font-size:10px;font-weight:600;gap:4px}.field-description{color:var(--color-text-muted);font-size:12px;line-height:1.4;margin:8px 0 0 24px}.csv-configure-step{gap:16px}.configure-fields-section{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden}.configure-fields-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:12px 16px}.configure-fields-header h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0}.fields-header-right{align-items:center;display:flex;gap:16px}.fields-missing-desc{align-items:center;color:#ef4444;display:flex;font-size:12px;font-weight:500;gap:4px}.fields-count{color:var(--color-text-muted);font-size:12px}.configure-fields-list{max-height:300px;overflow-y:auto}.configure-field-row{grid-gap:12px;align-items:center;border-bottom:1px solid var(--color-border-primary);display:grid;gap:12px;grid-template-columns:36px 180px 90px 1fr 130px 180px auto;padding:10px 16px;transition:background .15s ease}.configure-field-row:hover{background:var(--color-primary-light)}.configure-field-header-row{border-bottom:2px solid var(--color-border-primary);position:-webkit-sticky;position:sticky;top:0;z-index:10}.configure-field-header-row,.configure-field-header-row:hover{background:var(--color-bg-tertiary)}.field-header-label{color:var(--color-text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.configure-field-row.excluded{background:var(--color-bg-tertiary);opacity:.6}.configure-field-row.missing-desc{background:#ef444408}.configure-field-row.missing-desc:hover{background:#ef44440f}.configure-field-row:last-child{border-bottom:none}.field-select-col input{cursor:pointer;height:16px;width:16px}.field-name-col{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.field-name-col .field-name{color:var(--color-text-primary);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.field-name-col .field-name,.field-original{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-original{color:var(--color-text-muted);font-size:10px}.field-type-col .field-type-select{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px;padding:6px 8px;width:100%}.field-type-select:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.field-desc-col{min-width:0}.field-desc-col .field-desc-input{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:12px;padding:6px 10px;width:100%}.field-desc-input:disabled{background:var(--color-bg-tertiary)}.field-category-col,.field-subcategory-col{min-width:0}.field-category-select,.field-subcategory-select{-webkit-appearance:none;appearance:none;background:var(--color-bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:11px;padding:6px 24px 6px 8px;text-overflow:ellipsis;width:100%}.field-category-select:focus,.field-subcategory-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #00d1b21a;outline:none}.field-category-select:disabled,.field-subcategory-select:disabled{background:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.field-desc-input:focus{border-color:var(--color-primary);outline:none}.field-pii-col{flex-shrink:0}.csv-success-step{padding:40px 20px;text-align:center}.success-icon{color:var(--color-secondary);margin-bottom:16px}.csv-success-step h3{color:var(--color-text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.success-table-name{margin:0 0 24px}.success-table-name code{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-primary);font-family:JetBrains Mono,monospace;font-size:18px;padding:8px 16px}.success-stats{display:flex;gap:32px;justify-content:center;margin-bottom:24px}.success-stat{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:4px;padding:16px 24px}.success-stat .stat-value{color:var(--color-primary);font-size:24px;font-weight:700}.success-stat .stat-label{color:var(--color-text-muted);font-size:11px;font-weight:500;text-transform:uppercase}.success-catalog-note{align-items:center;color:var(--color-secondary);display:flex;font-size:14px;gap:8px;justify-content:center;margin:0}.action-group{display:flex;gap:8px}.btn-back{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.btn-back:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-ai{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f140}.btn-ai:hover:not(:disabled){box-shadow:0 4px 12px #6366f159}.fullscreen-modal-overlay{z-index:1100}.fullscreen-preview-modal{animation:modalSlideIn .2s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:90vh;max-height:90vh;max-width:1400px;overflow:hidden;width:95vw}.fullscreen-modal-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-shrink:0;gap:16px;padding:16px 24px}.fullscreen-modal-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.fullscreen-modal-header h3 svg{color:var(--color-primary)}.fullscreen-header-stats{align-items:center;color:var(--color-text-muted);display:flex;font-size:13px;gap:8px;margin-left:auto;margin-right:16px}.fullscreen-preview-content{flex:1 1;overflow:auto;padding:0}.fullscreen-data-table{border-collapse:collapse;font-size:13px;width:100%}.fullscreen-data-table th{background:var(--color-bg-tertiary);border-bottom:2px solid var(--color-border-primary);padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:1}.fullscreen-data-table th .th-column-name{color:var(--color-text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:2px}.fullscreen-data-table th .th-column-type{color:var(--color-secondary);display:block;font-size:11px;font-weight:400;text-transform:lowercase}.fullscreen-data-table td{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:12px;padding:10px 16px;white-space:nowrap}.fullscreen-data-table tr:hover td{background:var(--color-primary-light)}.fullscreen-modal-footer{align-items:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 24px}.preview-note{color:var(--color-text-muted);font-size:13px}@media (max-width:768px){.csv-upload-wizard{margin:10px;max-width:100%;width:100%}.csv-upload-steps{flex-wrap:wrap;gap:4px}.csv-step .step-label{display:none}.csv-upload-steps .step-connector{width:10px}.preview-summary-bar{flex-wrap:wrap;gap:16px}.configure-field-row{gap:8px;grid-template-columns:30px 1fr}.field-category-col,.field-desc-col,.field-name-col,.field-pii-col,.field-subcategory-col,.field-type-col{grid-column:2}.field-category-col,.field-subcategory-col{display:flex;gap:8px}.field-category-select,.field-subcategory-select{flex:1 1}.success-stats{flex-direction:column;gap:12px}.fullscreen-preview-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.fullscreen-modal-footer{flex-direction:column;gap:12px;text-align:center}}.ai-summaries-page{background:var(--color-bg-secondary);display:flex;flex-direction:column;height:100%;overflow:hidden}.ai-summaries-page .page-header{align-items:center;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:24px 32px}.ai-summaries-page .header-left{align-items:center;display:flex;gap:16px}.ai-summaries-page .page-icon{background:linear-gradient(135deg,var(--color-primary-light) 0,#6366f114 100%);border-radius:var(--radius-lg);color:var(--color-primary);padding:12px}.ai-summaries-page h1{color:var(--color-text-primary);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}.ai-summaries-page .page-subtitle{color:var(--color-text-muted);font-size:14px;margin:4px 0 0}.ai-summaries-page .header-actions{display:flex;gap:12px}.btn-history,.btn-reset{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-history:hover,.btn-reset:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}.history-badge{background:var(--color-primary);border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 7px;text-align:center}.summaries-content{display:flex;flex:1 1;overflow:hidden}.selection-panel{background:var(--color-bg-primary);border-right:1px solid var(--color-border-primary);display:flex;flex-direction:column;max-width:420px;min-width:320px;overflow:hidden;width:380px}.selection-panel>.selection-step{border-bottom:1px solid var(--color-border-primary)}.selection-panel>.selection-step:last-of-type{border-bottom:none}.selection-step{flex-shrink:0}.selection-step.disabled{opacity:.5;pointer-events:none}.step-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px 20px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.step-header.clickable:hover{background:var(--color-bg-tertiary)}.step-header.active{background:linear-gradient(90deg,var(--color-primary-light) 0,#0000 100%)}.step-indicator{align-items:center;background:var(--color-bg-tertiary);border-radius:50%;color:var(--color-text-muted);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;transition:all .2s ease;width:28px}.step-header.active .step-indicator{background:var(--color-primary);color:#fff}.step-header.complete .step-indicator{background:var(--color-secondary);color:#fff}.step-number{font-size:12px}.step-icon{color:var(--color-text-muted);flex-shrink:0}.step-header.active .step-icon{color:var(--color-primary)}.step-title{color:var(--color-text-primary);flex:1 1;font-size:14px;font-weight:600}.step-header>svg:last-child{color:var(--color-text-muted)}.step-content{animation:slideDown .2s ease-out;padding:0 20px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.step-description{color:var(--color-text-muted);font-size:13px;margin:0 0 12px}.options-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding-right:4px}.options-list.checkable{max-height:180px}.options-list.filters{max-height:220px}.empty-options{background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:13px;padding:20px;text-align:center}.option-item{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:12px 14px;text-align:left;transition:all .15s ease;width:100%}.option-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.option-item.selected{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.option-item svg{color:var(--color-text-muted);flex-shrink:0}.option-item .check-icon,.option-item.selected svg{color:var(--color-primary)}.option-item .check-icon{margin-left:auto}.option-checkbox{align-items:flex-start;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .15s ease}.option-checkbox:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary-muted)}.option-checkbox.selected{background:var(--color-primary-light);border-color:var(--color-primary-muted)}.option-checkbox input{accent-color:var(--color-primary);cursor:pointer;margin-top:2px}.option-checkbox svg{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.option-info{display:flex;flex-direction:column;gap:2px;min-width:0}.option-name{color:var(--color-text-primary);font-size:13px;font-weight:500}.option-desc{color:var(--color-text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-all-row{display:flex;justify-content:flex-end;margin-bottom:10px}.btn-select-all{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.btn-select-all:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn-select-all.active{background:var(--color-secondary-light);border-color:var(--color-secondary);color:var(--color-secondary)}.selection-info{background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-top:12px;padding:12px}.info-label{color:var(--color-text-muted);display:block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.info-tags{display:flex;flex-wrap:wrap;gap:6px}.info-tag{border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:JetBrains Mono,monospace;font-size:11px;padding:4px 10px}.filter-group,.info-tag{background:var(--color-bg-secondary)}.filter-group{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:12px}.filter-header{align-items:center;color:var(--color-text-primary);display:flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:10px}.filter-header svg{color:var(--color-secondary)}.filter-select{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:12px;min-height:80px;padding:8px;width:100%}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.filter-hint{color:var(--color-text-muted);display:block;font-size:11px;font-style:italic;margin-top:6px}.date-range-group{margin-bottom:16px}.date-range-group:last-child{margin-bottom:0}.date-label{color:var(--color-text-primary);display:block;font-size:12px;font-weight:600;margin-bottom:8px}.date-inputs{align-items:center;display:flex;gap:10px}.date-input{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-size:13px;padding:10px 12px}.date-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.date-separator{color:var(--color-text-muted);font-size:12px}.btn-next-step{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:12px;padding:10px;transition:all .2s ease;width:100%}.btn-next-step:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.generate-section{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);margin-top:auto;padding:20px}.btn-generate{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,#6366f1 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.btn-generate:hover:not(:disabled){box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-generate .spinning{animation:spin 1s linear infinite}.results-panel{display:flex;flex:1 1;overflow:hidden;position:relative}.history-sidebar{animation:slideIn .2s ease-out;background:var(--color-bg-primary);border-right:1px solid var(--color-border-primary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:320px;z-index:10}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.history-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:16px 20px}.history-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:16px;font-weight:600;gap:10px;margin:0}.history-header h3 svg{color:var(--color-primary)}.btn-close-history{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-close-history:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.history-list{flex:1 1;overflow-y:auto;padding:12px}.empty-history{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-history svg{margin-bottom:12px;opacity:.3}.empty-history p{font-size:14px;margin:0}.history-item{align-items:flex-start;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;gap:10px;margin-bottom:8px;padding:12px;transition:all .15s ease}.history-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary-muted)}.history-item.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.history-item-content{cursor:pointer;flex:1 1;min-width:0}.history-title{color:var(--color-text-primary);display:block;font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-meta{color:var(--color-text-muted);display:block;font-size:11px}.history-period{color:var(--color-text-secondary);display:block;font-family:JetBrains Mono,monospace;font-size:11px;margin-top:4px}.history-actions{display:flex;flex-shrink:0;gap:4px}.btn-icon{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.btn-icon:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-icon.btn-danger:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.results-content{background:var(--color-bg-secondary);flex:1 1;overflow-y:auto;padding:24px}.results-empty{flex-direction:column;height:100%;padding:40px;text-align:center}.empty-illustration,.results-empty{align-items:center;display:flex;justify-content:center}.empty-illustration{background:linear-gradient(135deg,var(--color-primary-light) 0,#6366f114 100%);border-radius:50%;height:120px;margin-bottom:24px;width:120px}.empty-illustration svg{color:var(--color-primary);opacity:.6}.results-empty h3{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0 0 12px}.results-empty p{color:var(--color-text-muted);font-size:14px;line-height:1.6;margin:0 0 32px;max-width:400px}.quick-start-steps{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.quick-step{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;gap:10px;padding:12px 16px}.quick-step .step-num{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.quick-step span:last-child{color:var(--color-text-secondary);font-size:13px}.results-loading{align-items:center;display:flex;flex-direction:column;padding:40px 24px}.streaming-indicator{align-items:center;background:linear-gradient(135deg,var(--color-primary-light) 0,#6366f114 100%);border-radius:var(--radius-lg);display:flex;gap:12px;margin-bottom:24px;padding:16px 24px}.streaming-indicator span,.streaming-indicator svg{color:var(--color-primary)}.streaming-indicator span{font-size:14px;font-weight:500}.streaming-indicator .pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.streaming-preview{animation:fadeIn .3s ease-out;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);max-width:900px;padding:24px;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.results-display{animation:fadeIn .3s ease-out;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;overflow:hidden}.results-header{align-items:center;background:linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;padding:20px 32px}.results-header h2{align-items:center;color:var(--color-text-primary);display:flex;font-size:18px;font-weight:700;gap:12px;margin:0}.results-header h2 svg{background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);padding:6px}.results-meta{display:flex;flex-wrap:wrap;gap:12px}.results-meta .meta-item{align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;font-size:12px;gap:6px;padding:6px 12px}.results-meta .meta-item svg{color:var(--color-primary)}.results-body{max-height:none;overflow-y:auto;padding:28px 32px}.markdown-content{color:var(--color-text-primary);font-size:14px;line-height:1.7}.markdown-content .summary-h1{border-bottom:3px solid var(--color-primary);color:var(--color-primary);font-size:24px;font-weight:700;margin:0 0 20px;padding-bottom:12px}.markdown-content .summary-h2{background:linear-gradient(90deg,var(--color-primary-light) 0,#0000 100%);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-primary);font-size:18px;font-weight:700;margin:28px 0 16px;padding:12px 16px}.markdown-content .summary-h3{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:20px 0 12px}.markdown-content .summary-h4{color:var(--color-text-secondary);font-size:14px;font-weight:600;margin:16px 0 8px}.markdown-content h1{font-size:24px;margin:0 0 16px}.markdown-content h1,.markdown-content h2{color:var(--color-text-primary);font-weight:700}.markdown-content h2{border-bottom:1px solid var(--color-border-primary);font-size:20px;margin:24px 0 12px;padding-bottom:8px}.markdown-content h3{font-size:16px;margin:20px 0 10px}.markdown-content h3,.markdown-content strong{color:var(--color-text-primary);font-weight:600}.markdown-content em{font-style:italic}.summary-table-wrapper{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;margin:20px 0;overflow-x:auto}.summary-table{background:var(--color-bg-primary);border-collapse:collapse;font-size:13px;width:100%}.summary-table thead{background:linear-gradient(180deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%)}.summary-table th{border-bottom:2px solid var(--color-primary);color:var(--color-text-primary);font-size:11px;font-weight:600;letter-spacing:.05em;padding:14px 16px;text-transform:uppercase;white-space:nowrap}.summary-table td{border-bottom:1px solid var(--color-border-primary);color:var(--color-text-secondary);padding:12px 16px}.summary-table tbody tr:last-child td{border-bottom:none}.summary-table tbody tr:hover{background:var(--color-bg-hover)}.summary-table tbody tr:nth-child(2n){background:var(--color-bg-tertiary)}.summary-table tbody tr:nth-child(2n):hover{background:var(--color-bg-hover)}.summary-table .positive{color:var(--color-secondary);font-weight:600}.summary-table .negative{color:var(--color-error);font-weight:600}.summary-table strong{color:var(--color-primary);font-weight:600}.summary-list{list-style:none;margin:16px 0;padding-left:0}.summary-list-item{background:var(--color-bg-tertiary);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);margin:8px 0;padding:10px 12px 10px 28px;position:relative}.summary-list-item:before{color:var(--color-primary);content:"•";font-weight:700;left:12px;position:absolute}.summary-code-block{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #ffffff14;border-radius:var(--radius-lg);margin:16px 0;overflow-x:auto;padding:16px 20px}.summary-code-block code{background:none;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;padding:0}.summary-inline-code{background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-secondary);font-family:JetBrains Mono,monospace;font-size:12px;padding:3px 8px}.summary-hr{background:linear-gradient(90deg,#0000,var(--color-border-primary),#0000);border:none;height:2px;margin:28px 0}.markdown-content code{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-secondary);font-family:JetBrains Mono,monospace;font-size:13px;padding:2px 6px}.markdown-content pre{background:var(--color-bg-dark);border-radius:var(--radius-md);margin:16px 0;overflow-x:auto;padding:16px}.markdown-content pre code{background:none;color:var(--color-text-on-dark);padding:0}.markdown-content ol,.markdown-content ul{margin:12px 0;padding-left:24px}.markdown-content li{margin:6px 0}.results-visualization{background:var(--color-bg-primary);border-top:1px solid var(--color-border-primary);padding:24px 32px}.results-visualization h4{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}.results-visualization h4 svg{color:var(--color-primary)}.results-visualization .visualization-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);min-height:300px;padding:20px}.results-sql{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);padding:20px 32px 24px}.results-sql h4{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.05em;margin:0 0 14px;text-transform:uppercase}.results-sql h4 svg{color:var(--color-text-muted)}.sql-code{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #ffffff14;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.6;margin:0;overflow-x:auto;padding:18px 20px}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary);margin-bottom:16px}.loading-state p{color:var(--color-text-muted);font-size:14px}.error-icon{color:var(--color-error);margin-bottom:16px}.error-state h3{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.error-message{color:var(--color-error);font-size:14px;margin-bottom:20px}.btn-retry{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-retry:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}.ai-summaries-page .toast{align-items:center;animation:toastSlideIn .3s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 20px;position:fixed;right:24px;top:24px;z-index:2000}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.ai-summaries-page .toast.success{border-left:4px solid var(--color-secondary);color:var(--color-text-primary)}.ai-summaries-page .toast.success svg{color:var(--color-secondary)}.ai-summaries-page .toast.error{border-left:4px solid var(--color-error);color:var(--color-text-primary)}.ai-summaries-page .toast.error svg{color:var(--color-error)}.ai-summaries-page .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-modal-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:modalSlideIn .2s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:420px;padding:32px;text-align:center;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-icon{color:var(--color-error);margin-bottom:16px}.delete-modal h3{color:var(--color-text-primary);font-size:20px;font-weight:700;margin:0 0 12px}.delete-modal p{color:var(--color-text-secondary);font-size:14px;margin:0 0 24px}.delete-modal-actions{display:flex;gap:12px;justify-content:center}.btn-cancel{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-cancel:hover{background:var(--color-bg-tertiary)}.btn-delete{align-items:center;background:var(--color-error);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-delete:hover{background:var(--color-error-hover)}@media (max-width:1200px){.selection-panel{min-width:300px;width:340px}}@media (max-width:992px){.summaries-content{flex-direction:column}.selection-panel{border-bottom:1px solid var(--color-border-primary);border-right:none;max-height:50vh;max-width:none;overflow-y:auto;width:100%}.results-panel{min-height:50vh}.history-sidebar{max-width:320px;width:100%}}@media (max-width:768px){.ai-summaries-page .page-header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.ai-summaries-page .header-actions{justify-content:flex-start;width:100%}.quick-start-steps{flex-direction:column;gap:10px}.quick-step{justify-content:flex-start;width:100%}.date-inputs{flex-direction:column;gap:8px}.date-separator{display:none}}.history-list::-webkit-scrollbar,.options-list::-webkit-scrollbar,.results-body::-webkit-scrollbar,.selection-panel::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track,.options-list::-webkit-scrollbar-track,.results-body::-webkit-scrollbar-track,.selection-panel::-webkit-scrollbar-track{background:#0000}.history-list::-webkit-scrollbar-thumb,.options-list::-webkit-scrollbar-thumb,.results-body::-webkit-scrollbar-thumb,.selection-panel::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover,.options-list::-webkit-scrollbar-thumb:hover,.results-body::-webkit-scrollbar-thumb:hover,.selection-panel::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.settings-page{background-color:var(--color-bg-secondary);margin:0 auto;max-width:900px;min-height:100vh;padding:32px 40px}.settings-page .page-header{margin-bottom:32px}.settings-page .page-header h1{color:var(--color-text-primary);font-size:32px;font-weight:700;margin:0 0 4px}.settings-page .page-subtitle{color:var(--color-text-secondary);font-size:15px;margin:0}.settings-page .page-icon{color:var(--color-primary)}.settings-page .header-left{align-items:center;display:flex;gap:16px}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-card{background:var(--color-card-bg);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;gap:12px;padding:20px 24px}.card-header svg{color:var(--color-primary)}.card-header h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.card-body{padding:24px}.status-checking,.status-connected,.status-error{align-items:center;border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:16px;padding:16px}.status-checking{background:var(--color-info-light);color:var(--color-info)}.status-connected{background:var(--color-success-light);color:var(--color-success)}.status-error{background:var(--color-error-light);color:var(--color-error)}.status-details{display:flex;flex-direction:column;gap:4px}.status-label{font-size:14px;font-weight:600}.status-info{font-size:12px;opacity:.9}.check-button{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.check-button:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.check-button:disabled{cursor:not-allowed;opacity:.6}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.form-group label svg{color:var(--color-text-muted)}.form-group input{background:var(--color-bg-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:JetBrains Mono,monospace;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group input::placeholder,.form-help{color:var(--color-text-muted)}.form-help{font-size:12px;margin:8px 0 0}.settings-actions{display:flex;justify-content:flex-end}.save-button{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-primary);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.save-button:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-2px)}.save-button.saved{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-hover) 100%);box-shadow:0 4px 14px #10b98159}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root{min-height:100vh}*{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease}.preload *{transition:none!important}html{scroll-behavior:smooth}:focus:not(:focus-visible){outline:none}@media print{.dashboard-sidebar{display:none}.dashboard-main{margin-left:0!important}}
/*# sourceMappingURL=main.f1747332.css.map*/