@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cabinet+Grotesk:wght@400;500;700;800&family=JetBrains+Mono:wght@400;500&display=swap);:root{--color-primary:#2f3349;--color-secondary:#37352f;--color-accent:#0f62fe;--color-accent-light:#e6f0ff;--color-accent-dark:#0b4fd1;--color-success:#198038;--color-warning:#ff8c00;--color-error:#da1e28;--color-background:#fff;--color-surface:#f7f6f3;--color-border:#e9e5db;--color-text-primary:#37352f;--color-text-secondary:#6c6c6c;--color-text-tertiary:#9ca3af;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-code-bg:#374151;--color-toast-bg:#1f2937;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-background);color:#37352f;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:1.5;margin:0}h1{font-size:28px}h1,h2{color:#2f3349;color:var(--color-primary);font-weight:600;margin:0}h2{font-size:24px}h3{color:#2f3349;color:var(--color-primary);font-size:20px;font-weight:500;margin:0}.caption{color:#6c6c6c;color:var(--color-text-secondary);font-size:12px;font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{border:none;cursor:pointer;font-family:inherit;font-size:14px;outline:none;transition:all .2s ease}a{color:#0f62fe;color:var(--color-accent);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}[data-theme=dark]{--color-primary:#f7f6f3;--color-secondary:#e9e5db;--color-accent:#4a9eff;--color-accent-light:#1a2332;--color-accent-dark:#6bb6ff;--color-success:#42d392;--color-warning:#ffab47;--color-error:#ff6b6b;--color-background:#1a1a1a;--color-surface:#2a2a2a;--color-border:#3a3a3a;--color-text-primary:#f7f6f3;--color-text-secondary:#a0a0a0;--color-text-tertiary:#6b7280;--color-error-bg:#2a1a1a;--color-error-border:#4a2a2a;--color-success-bg:#1a2a1f;--color-success-border:#2a4a35;--color-warning-bg:#2a2519;--color-warning-text:#ffab47;--color-info-bg:#1a2332;--color-info-border:#2a3a5a;--color-code-bg:#4a4a4a;--color-toast-bg:#3a3a3a}@media (prefers-color-scheme:dark){[data-theme=auto]{--color-primary:#f7f6f3;--color-secondary:#e9e5db;--color-accent:#4a9eff;--color-accent-light:#1a2332;--color-accent-dark:#6bb6ff;--color-success:#42d392;--color-warning:#ffab47;--color-error:#ff6b6b;--color-background:#1a1a1a;--color-surface:#2a2a2a;--color-border:#3a3a3a;--color-text-primary:#f7f6f3;--color-text-secondary:#a0a0a0;--color-error-bg:#2a1a1a;--color-error-border:#4a2a2a;--color-success-bg:#1a2a1f;--color-success-border:#2a4a35;--color-warning-bg:#2a2519;--color-warning-text:#ffab47;--color-info-bg:#1a2332;--color-info-border:#2a3a5a;--color-code-bg:#4a4a4a;--color-toast-bg:#3a3a3a}}body.theme-transitioning :not(.loading-spinner):not([class*=spinner]):not([class*=loader]){transition:background-color .3s ease,color .3s ease,border-color .3s ease}:not(.loading-spinner):not([class*=spinner]):not([class*=loader]){transition:none}.clickable,[role=button],a,button,input,select,textarea{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease,opacity .15s ease}input,select,textarea{background-color:#fff;background-color:var(--color-background);border:1px solid #e9e5db;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--radius-sm);color:#37352f;color:var(--color-text-primary);font-family:inherit;font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:#0f62fe;border-color:var(--color-accent);box-shadow:0 0 0 2px #0f62fe1a;outline:none}.btn-primary{background:#0f62fe;background:var(--color-accent);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.btn-primary:hover:not(:disabled){background:#0b4fd1;background:var(--color-accent-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;background:var(--color-background);border:1px solid #e9e5db;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-md);color:#37352f;color:var(--color-text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.btn-secondary:hover:not(:disabled){background-color:#f7f6f3;background-color:var(--color-surface)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.auth-form{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.5rem}.auth-header{margin-bottom:1.25rem;text-align:center}.auth-header h1{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.auth-header p{color:#64748b;font-size:.813rem;margin:0}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:.813rem;margin-bottom:.875rem;padding:.5rem .75rem}.google-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem .875rem;transition:all .15s ease;width:100%}.google-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.google-btn:disabled{cursor:not-allowed;opacity:.6}.google-btn svg{flex-shrink:0;height:18px;width:18px}.divider{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;margin:.875rem 0}.divider:after,.divider:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.divider span{padding:0 .5rem}.form-group{margin-bottom:.75rem}.form-group label{color:#374151;font-size:.813rem;margin-bottom:.25rem}.form-group input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#0f172a;font-size:.875rem;padding:.5rem .75rem;transition:all .15s ease;width:100%}.form-group input::placeholder{color:#94a3b8}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.field-error{color:#dc2626;display:block;font-size:.75rem;margin-top:.25rem}.submit-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.25rem;padding:.625rem .875rem;transition:background-color .15s ease;width:100%}.submit-btn:hover:not(:disabled){background:#2563eb}.submit-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.forgot-password-link{margin-top:.625rem;text-align:center}.forgot-password-link a{color:#64748b;font-size:.813rem;text-decoration:none}.forgot-password-link a:hover{color:#3b82f6}.auth-toggle{border-top:1px solid #f1f5f9;margin-top:.75rem;padding-top:.75rem;text-align:center}.auth-toggle p{color:#64748b;font-size:.813rem;margin:0}.auth-toggle button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:inherit;font-weight:500;padding:0}.auth-toggle button:hover{color:#2563eb;text-decoration:underline}@media (max-width:480px){.auth-form{padding:1.25rem}}.auth-page{align-items:center;background-color:#f8fafc;display:flex;justify-content:center;min-height:100vh;padding:1.5rem 1rem}.auth-container{max-width:380px;width:100%}.auth-brand{margin-bottom:1.5rem;text-align:center}.auth-brand h1{color:#0f172a;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.auth-brand p{margin:0}.auth-brand p,.loading-spinner{color:#64748b;font-size:.875rem}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:200px}@media (max-width:480px){.auth-page{padding:1rem}.auth-brand h1{font-size:1.375rem}}.auth-callback-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.auth-callback-page:before{animation:float 30s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='1.5' fill='%2364748b' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}.auth-error-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;overflow:hidden;padding:3rem;position:relative;text-align:center;width:100%;z-index:1}.auth-error-container:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#dc2626 50%,#ef4444);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{background-position:200% 0}50%{background-position:-200% 0}}.auth-error-icon{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:50%;box-shadow:0 8px 25px -5px #dc262633;color:#dc2626;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.auth-error-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#374151);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin:0 0 1rem}.auth-error-message{background:linear-gradient(135deg,#fef2f2,#fef7f7);border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:1.1rem;font-weight:500;line-height:1.6;margin:0 0 2rem;padding:1rem 1.25rem;position:relative}.auth-error-message:before{background:#dc2626;border-radius:4px 0 0 4px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.auth-error-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:.9rem;line-height:1.6;margin:1.5rem 0 2rem;padding:1.25rem;text-align:left}.auth-error-details p{color:#475569;font-weight:600;margin:0 0 .75rem}.auth-error-details ul{list-style-type:disc;margin:0;padding-left:1.25rem}.auth-error-details li{margin-bottom:.25rem}.auth-error-actions{display:flex;flex-direction:column;gap:1rem}.auth-retry-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 8px 25px -5px #3b82f64d;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;letter-spacing:.025em;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-retry-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 15px 35px -5px #3b82f666;transform:translateY(-2px)}.auth-support-link{color:#64748b;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s ease}.auth-support-link:hover{color:#475569;text-decoration:underline}.auth-loading-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;padding:3rem;position:relative;text-align:center;width:100%;z-index:1}.auth-loading-text h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#374151);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin:0 0 .5rem}.auth-loading-text p{color:#64748b;font-size:1rem;line-height:1.6;margin:0 0 2rem}.auth-loading-steps{margin:0 auto;max-width:300px;text-align:left}.auth-loading-steps .step{border-left:3px solid #e2e8f0;color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:.5rem;padding:.75rem 0 .75rem 1rem;transition:all .3s ease}.auth-loading-steps .step.active{border-left-color:#3b82f6;color:#3b82f6}.auth-loading-spinner{animation:spin 1s linear infinite;border:3px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}@media (max-width:640px){.auth-callback-page{padding:1rem}.auth-error-container{padding:2rem}.auth-error-title{font-size:1.5rem}.auth-error-message{font-size:1rem}}.error-icon,.success-icon{display:flex;justify-content:center;margin-bottom:.75rem}.reset-steps{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.813rem;margin-bottom:.875rem;padding:.875rem}.reset-steps p{color:#374151;margin:0 0 .5rem}.reset-steps ol,.reset-steps ul{color:#64748b;margin:0;padding-left:1.25rem}.reset-steps li{margin-bottom:.25rem}.reset-steps li:last-child{margin-bottom:0}.security-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#92400e;font-size:.75rem;margin-bottom:.875rem;padding:.625rem .875rem;text-align:center}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:2.5rem;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.625rem}.password-toggle-btn:hover{color:#64748b}.password-strength{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.strength-bars{display:flex;flex:1 1;gap:.25rem}.strength-bar{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;transition:background-color .2s ease}.strength-text{font-size:.75rem;font-weight:500;min-width:50px;text-align:right}.redirect-notice{margin-bottom:.875rem;text-align:center}.redirect-notice p{color:#64748b;font-size:.813rem;margin:0 0 .625rem}.progress-bar{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden}.progress-fill{animation:progress 3s linear forwards;background:linear-gradient(90deg,#3b82f6,#10b981);height:100%}@keyframes progress{0%{width:0}to{width:100%}}.spinner{animation:spin .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}.invite-acceptance-page{align-items:center;background:var(--color-surface);display:flex;font-family:inherit;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.invite-error,.invite-loading,.invite-signin-required,.invite-success{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:440px;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;width:100%}.invite-header{margin-bottom:var(--spacing-xl)}.invite-header-icon{background:var(--color-accent-light);border-radius:50%;color:var(--color-accent);height:56px;margin:0 auto var(--spacing-md);width:56px}.invite-header-icon.success{background:#1980381a;color:var(--color-success)}.invite-header h1{color:var(--color-primary);font-size:24px;font-weight:600;margin:0}.invite-loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:32px;margin:0 auto var(--spacing-md);width:32px}.invite-loading h2{color:var(--color-primary);font-size:18px;font-weight:600;margin:0 0 var(--spacing-sm)}.invite-loading p{color:var(--color-text-secondary);font-size:14px;margin:0}.invite-error-icon{align-items:center;background:#da1e281a;border-radius:50%;color:var(--color-error);display:flex;height:56px;justify-content:center;margin:0 auto var(--spacing-md);width:56px}.invite-error h2{color:var(--color-primary);font-size:20px;font-weight:600;margin:0 0 var(--spacing-sm)}.invite-error-message{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-bottom:var(--spacing-xl)}.invite-error-actions{display:flex;justify-content:center}.invite-details{margin-bottom:var(--spacing-xl)}.invite-workspace-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.workspace-badge{background:var(--color-primary);color:#fff;font-size:13px;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md)}.role-badge,.workspace-badge{align-items:center;border-radius:100px;display:inline-flex;font-weight:500}.role-badge{background:var(--color-accent-light);color:var(--color-accent);font-size:12px;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.invitation-summary{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-md)}.invitation-summary p{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin:0}.invitation-summary strong{color:var(--color-text-primary);font-weight:500}.invite-signin-message{align-items:flex-start;background:var(--color-accent-light);border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);text-align:left}.invite-signin-message svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.invite-signin-message h3{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.invite-signin-message p{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.invite-signin-message strong{color:var(--color-text-primary);font-weight:500;word-break:break-all}.workspace-features{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:left}.workspace-features h3{color:var(--color-text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-sm);text-transform:uppercase}.workspace-features ul{color:var(--color-text-secondary);margin:0;padding-left:var(--spacing-md)}.workspace-features li{font-size:13px;line-height:1.5;margin-bottom:var(--spacing-xs)}.workspace-features li:last-child{margin-bottom:0}.invite-actions{margin-bottom:var(--spacing-md)}.btn-large{align-items:center;display:inline-flex;font-size:14px;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl)}.btn-spinner{animation:spin .8s linear infinite;height:16px;width:16px}.invite-footer{border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.invited-by{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:13px;gap:var(--spacing-xs);justify-content:center}@media (max-width:640px){.invite-acceptance-page{align-items:flex-start;padding:var(--spacing-md);padding-top:var(--spacing-2xl)}.invite-error,.invite-loading,.invite-signin-required,.invite-success{padding:var(--spacing-xl) var(--spacing-md)}.invite-header h1{font-size:20px}.invite-workspace-info{flex-direction:column;gap:var(--spacing-xs)}.invite-signin-message{align-items:center;flex-direction:column;text-align:center}.btn-large{justify-content:center;width:100%}}.workspace-switcher{margin-bottom:1.5rem;position:relative}.workspace-trigger{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:flex;font-weight:500;gap:.625rem;padding:.5rem .625rem;transition:all .2s ease;width:100%}.workspace-trigger:hover{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 2px 8px #0000000f}.workspace-trigger.open{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.workspace-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#0f62fe);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.813rem;font-weight:600;height:36px;justify-content:center;width:36px}.workspace-info{flex:1 1;min-width:0}.workspace-details{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;min-width:0}.workspace-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600;line-height:1.2;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-meta{align-items:center;display:flex;font-size:.6875rem;font-weight:400;gap:.375rem;line-height:1;opacity:.8}.workspace-dot,.workspace-meta{color:var(--color-text-secondary)}.workspace-dot{font-weight:700;opacity:.4}.workspace-arrow{color:var(--color-text-secondary);flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.workspace-arrow.open{color:var(--color-accent);transform:rotate(180deg)}.workspace-menu{animation:ws-dropdown-enter .18s ease-out;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 30px #0000001f;left:0;max-height:480px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + .375rem);z-index:100}@keyframes ws-dropdown-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.workspace-list{padding:.375rem}.workspace-item{align-items:center;background:none;border:none;border-left:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.625rem;margin-bottom:2px;padding:.5rem .625rem;position:relative;text-align:left;transition:all .15s ease;width:100%}.workspace-item:last-child{margin-bottom:0}.workspace-item:hover{background:var(--color-surface)}.workspace-item.active{background:var(--color-accent-light);border-left-color:#3b82f6}.workspace-item.switching{cursor:not-allowed;opacity:.6}.workspace-item-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#0f62fe);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.6875rem;font-weight:600;height:30px;justify-content:center;letter-spacing:.02em;width:30px}.workspace-item-info{display:flex;flex:1 1;flex-direction:column;gap:.1875rem;min-width:0}.workspace-item-name{color:var(--color-text-primary);font-size:.8125rem;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-item-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.6875rem;font-weight:400;gap:.25rem;opacity:.7}.workspace-item-actions{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.workspace-current-check{color:#3b82f6}.workspace-switching-spinner{animation:ws-spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:16px;width:16px}@keyframes ws-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.workspace-more-hint{color:var(--color-text-secondary);font-size:.6875rem;font-weight:500;opacity:.6;padding:.25rem 1rem .375rem;text-align:center}.workspace-menu-divider{background:var(--color-border);height:1px;margin:0}.workspace-all-link{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:.625rem .875rem;text-align:left;transition:background .15s ease;width:100%}.workspace-all-link:hover{background:var(--color-surface)}.workspace-all-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.workspace-all-link:hover .workspace-all-label{color:var(--color-text-primary)}.workspace-all-arrow{color:var(--color-text-secondary);opacity:.5;transition:all .15s ease}.workspace-all-link:hover .workspace-all-arrow{color:var(--color-accent);opacity:1;transform:translateX(2px)}.workspace-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:.8125rem;font-weight:500;justify-content:space-between;margin:.375rem;padding:.625rem .75rem}.workspace-error,.workspace-error-close{align-items:center;color:#dc2626;display:flex}.workspace-error-close{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.25rem;height:24px;justify-content:center;transition:background-color .2s ease;width:24px}.workspace-error-close:hover{background:#dc26261a}@media (max-width:1024px){.workspace-trigger{border-radius:12px;justify-content:center;padding:.5rem}.workspace-arrow,.workspace-info{display:none}.workspace-avatar{border-radius:10px;font-size:.75rem;height:36px;width:36px}.workspace-menu{left:0;right:auto;width:280px}}@media (max-width:768px){.workspace-switcher{display:none}}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:calc(100vh - 64px);left:0;overflow-y:auto;padding:0;padding-bottom:var(--spacing-sm);position:fixed;top:64px;transition:width .3s ease;width:240px}.sidebar.collapsed{width:64px}.sidebar.collapsed .sidebar-chevron,.sidebar.collapsed .sidebar-label,.sidebar.collapsed .sidebar-sublabel{display:none}.sidebar.collapsed .sidebar-icon,.sidebar.collapsed .sidebar-subicon{margin-right:0}.sidebar-nav{flex:1 1;padding:var(--spacing-md) 0}.sidebar-progress{background-color:initial;border-radius:var(--radius-lg);cursor:pointer;margin:auto var(--spacing-md) var(--spacing-lg);padding:10px 12px;transition:all .15s ease}.sidebar-progress:hover{background-color:var(--color-surface)}.sidebar-progress .sidebar-progress-track{align-items:center;background-color:var(--color-border);border-radius:2px;display:flex;height:4px;justify-content:space-between;position:relative}.sidebar-progress .sidebar-progress-fill{background-color:var(--color-accent);border-radius:2px;bottom:0;left:0;position:absolute;top:0;transition:width .3s ease}.sidebar-progress .sidebar-progress-node{align-items:center;background-color:var(--color-border);border-radius:50%;display:flex;height:12px;justify-content:center;position:relative;transition:all .15s ease;width:12px;z-index:1}.sidebar-progress .sidebar-progress-node.done{background-color:var(--color-accent)}.sidebar-progress .sidebar-progress-node.done svg{color:#fff}.sidebar-progress-percent{color:var(--color-accent);display:block;font-size:11px;font-weight:600;margin-top:6px;text-align:center}.sidebar-item{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.sidebar-item:hover{background-color:#0000000a;color:var(--color-text-primary)}.sidebar-item.active{background-color:#0f62fe14;color:var(--color-accent);font-weight:600}.sidebar-item.active:before{background-color:var(--color-accent);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.sidebar-item.expandable{justify-content:space-between}.sidebar-item-group{margin-bottom:4px}.sidebar-icon{color:currentColor;flex-shrink:0;margin-right:var(--spacing-md)}.sidebar-label{flex:1 1;font-size:14px}.sidebar-chevron{color:currentColor;transition:transform .2s ease}.sidebar-submenu{background-color:initial;margin-left:calc(var(--spacing-lg) + 20px);padding-left:0}.sidebar-subitem{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:400;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .15s ease}.sidebar-subitem:hover{background-color:#0000000a;color:var(--color-text-primary)}.sidebar-subitem.active{background-color:initial;color:var(--color-accent);font-weight:500}.sidebar-subicon{color:currentColor;flex-shrink:0;margin-right:var(--spacing-sm)}.sidebar-sublabel{font-size:13px}@media (max-width:1024px){.sidebar{width:64px}.sidebar .sidebar-chevron,.sidebar .sidebar-label,.sidebar .sidebar-sublabel{display:none}.sidebar .sidebar-icon,.sidebar .sidebar-subicon{margin-right:0}.sidebar .sidebar-item{justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.sidebar .sidebar-submenu{margin-left:0;padding-left:0}.sidebar .sidebar-subitem{justify-content:center;padding:var(--spacing-sm)}.sidebar .sidebar-progress{margin:auto var(--spacing-sm) var(--spacing-md);padding:8px}.sidebar .sidebar-progress-track{flex-direction:column;gap:4px;height:auto;width:4px}.sidebar .sidebar-progress-fill{display:none}.sidebar .sidebar-progress-node{height:8px;width:8px}.sidebar .sidebar-progress-percent{display:none}}@media (max-width:768px){.sidebar,.sidebar-progress{display:none}}.data-source-logo{align-items:center;display:flex;gap:8px;transition:all .2s ease}.data-source-logo.small{gap:4px}.data-source-logo.large{gap:12px}.data-source-logo.xl{gap:16px}.logo-image{border-radius:4px;object-fit:contain;transition:transform .2s ease,box-shadow .2s ease}.logo-image:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.logo-fallback{align-items:center;display:flex;justify-content:center;transition:transform .2s ease}.logo-fallback:hover{transform:scale(1.05)}.logo-fallback svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-text{font-size:14px;font-weight:600;white-space:nowrap}.data-source-logo.small .logo-text{font-size:12px;font-weight:500}.data-source-logo.large .logo-text{font-size:16px;font-weight:700}.data-source-logo.xl .logo-text{font-size:18px;font-weight:700}.logo-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center;transition:transform .2s ease}.logo-placeholder:hover{transform:scale(1.05)}.data-source-logo.small .logo-placeholder{border-radius:4px;font-size:10px;font-weight:600}.data-source-logo.large .logo-placeholder{border-radius:8px;font-size:18px}.data-source-logo.xl .logo-placeholder{border-radius:10px;font-size:24px}.data-source-logo.google-ads:hover .logo-fallback svg,.data-source-logo.google-ads:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(66,133,244,.3))}.data-source-logo.facebook-ads:hover .logo-fallback svg,.data-source-logo.facebook-ads:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(24,119,242,.3))}.data-source-logo.linkedin-ads:hover .logo-fallback svg,.data-source-logo.linkedin-ads:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(10,102,194,.3))}.data-source-logo.google-analytics:hover .logo-fallback svg,.data-source-logo.google-analytics:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(249,171,0,.3))}.data-source-logo.tiktok-ads:hover .logo-fallback svg,.data-source-logo.tiktok-ads:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(255,0,80,.3))}.data-source-logo.twitter-ads:hover .logo-fallback svg,.data-source-logo.twitter-ads:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.data-source-logo.shopify:hover .logo-fallback svg,.data-source-logo.shopify:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(122,181,92,.3))}.data-source-logo.hubspot:hover .logo-fallback svg,.data-source-logo.hubspot:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(255,122,89,.3))}.data-source-logo.salesforce:hover .logo-fallback svg,.data-source-logo.salesforce:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(0,161,224,.3))}.data-source-logo.mailchimp:hover .logo-fallback svg,.data-source-logo.mailchimp:hover .logo-image{filter:drop-shadow(0 4px 12px rgba(255,224,27,.3))}.data-source-logo.wordmark{align-items:center;flex-direction:column;text-align:center}.data-source-logo.wordmark.small{gap:2px}.data-source-logo.wordmark.large{gap:8px}.data-source-logo.wordmark.xl{gap:12px}.data-source-logo.icon .logo-text{display:none}.logo-image[src=""]{animation:pulse 1.5s ease-in-out infinite;opacity:.5}@media (max-width:768px){.data-source-logo.large,.data-source-logo.xl{transform:scale(.9)}.data-source-logo.full .logo-text{font-size:12px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme:dark){.data-source-logo.twitter-ads .logo-fallback svg rect{fill:#fff}.data-source-logo.twitter-ads .logo-fallback svg path{fill:#000}}:root{--notif-critical:#e54d2e;--notif-warning:#f76b15;--notif-error:#e5484d;--notif-success:#30a46c;--notif-bg:#fafaf9;--notif-card-bg:#fff;--notif-header-bg:linear-gradient(180deg,#f5f5f4,#fafaf9);--notif-font-display:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--notif-shadow-sm:0 1px 2px #0000000a,0 1px 3px #0000000f;--notif-shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;--notif-shadow-lg:0 20px 40px -12px #00000026,0 0 1px #0000000d;--notif-shadow-glow:0 0 0 3px #e54d2e1f}.notif-bell{background:#0000;border:1.5px solid #0000;border-radius:10px;color:#78716c;cursor:pointer;height:38px;margin-right:6px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:38px}.notif-bell,.notif-bell-icon{align-items:center;display:flex;justify-content:center}.notif-bell-icon{transition:transform .2s cubic-bezier(.4,0,.2,1)}.notif-bell:hover{background:#f5f5f4;border-color:#e7e5e4;color:#44403c}.notif-bell:hover .notif-bell-icon{transform:rotate(-8deg) scale(1.05)}.notif-bell.active{background:#f5f5f4;border-color:#d6d3d1;color:#1c1917}.notif-bell:focus{outline:none}.notif-bell:focus-visible{box-shadow:0 0 0 2px #fafaf9,0 0 0 4px #a8a29e}.notif-bell.has-notifications{color:#44403c}.notif-bell.has-notifications:hover{background:#e54d2e0a;border-color:#e54d2e33}.notif-bell-badge{position:absolute;right:3px;top:3px}.badge-count,.notif-bell-badge{align-items:center;display:flex;justify-content:center}.badge-count{border-radius:8px;box-shadow:0 1px 3px #e54d2e4d;color:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--notif-font-display);font-size:10px;font-weight:600;height:17px;letter-spacing:-.02em;min-width:17px;padding:0 5px;position:relative;z-index:2}.badge-count,.badge-ping{background:#e54d2e;background:var(--notif-critical)}.badge-ping{animation:badgePing 2s cubic-bezier(0,0,.2,1) infinite;border-radius:10px;inset:-2px;opacity:0;position:absolute}@keyframes badgePing{0%{opacity:.4;transform:scale(1)}75%,to{opacity:0;transform:scale(1.6)}}.notif-overlay{animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c19174d;inset:0;position:fixed;z-index:999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.notif-slider{animation:sliderEnter .3s cubic-bezier(.32,.72,0,1);background:#fafaf9;background:var(--notif-bg);border-left:1px solid #e7e5e4;bottom:0;box-shadow:0 20px 40px -12px #00000026,0 0 1px #0000000d;box-shadow:var(--notif-shadow-lg);display:flex;flex-direction:column;max-width:calc(100vw - 20px);position:fixed;right:0;top:0;width:400px;z-index:1000}@keyframes sliderEnter{0%{opacity:.8;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notif-slider-header{align-items:center;background:linear-gradient(180deg,#f5f5f4,#fafaf9);background:var(--notif-header-bg);border-bottom:1px solid #e7e5e4;display:flex;justify-content:space-between;padding:18px 20px}.notif-header-content{align-items:center;display:flex;gap:12px}.notif-header-icon{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:10px;color:#e54d2e;color:var(--notif-critical);display:flex;height:36px;justify-content:center;width:36px}.notif-header-text h2{color:#1c1917;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--notif-font-display);font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.notif-header-text p{color:#78716c;font-size:12px;letter-spacing:.01em;margin:2px 0 0}.notif-close-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#a8a29e;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.notif-close-btn:hover{background:#fff;border-color:#e7e5e4;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;box-shadow:var(--notif-shadow-sm);color:#57534e}.notif-slider-body{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:0}.notif-slider-body::-webkit-scrollbar{width:6px}.notif-slider-body::-webkit-scrollbar-track{background:#0000}.notif-slider-body::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:3px}.notif-slider-body::-webkit-scrollbar-thumb:hover{background:#a8a29e}.notif-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 40px}.notif-loading-spinner{height:40px;position:relative;width:40px}.spinner-ring{animation:spinnerRotate 1s cubic-bezier(.5,0,.5,1) infinite;border:2px solid #e7e5e4;border-radius:50%;border-top-color:#78716c;inset:0;position:absolute}.spinner-ring:nth-child(2){animation-delay:-.15s;border-top-color:#a8a29e;inset:4px}.spinner-ring:nth-child(3){animation-delay:-.3s;border-top-color:#d6d3d1;inset:8px}@keyframes spinnerRotate{to{transform:rotate(1turn)}}.notif-loading p{color:#78716c;font-size:13px;letter-spacing:.01em;margin:0}.notif-empty{flex-direction:column;padding:80px 40px;text-align:center}.notif-empty,.notif-empty-icon{align-items:center;display:flex;justify-content:center}.notif-empty-icon{color:#30a46c;color:var(--notif-success);height:80px;margin-bottom:20px;position:relative;width:80px}.notif-empty-icon svg{position:relative;z-index:2}.empty-icon-glow{animation:glowPulse 3s ease-in-out infinite;background:radial-gradient(circle,#30a46c1f 0,#0000 70%);border-radius:50%;inset:8px;position:absolute}@keyframes glowPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.notif-empty h3{color:#1c1917;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--notif-font-display);font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.notif-empty p{color:#78716c;font-size:13px;line-height:1.5;margin:0;max-width:220px}.notif-error-list{display:flex;flex-direction:column;gap:10px;padding:12px}.notif-error-card{animation:cardEnter .35s cubic-bezier(.32,.72,0,1) backwards;background:#fff;background:var(--notif-card-bg);border:1px solid #e7e5e4;border-radius:12px;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f;box-shadow:var(--notif-shadow-sm);cursor:pointer;display:flex;overflow:hidden;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes cardEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notif-error-card:hover{border-color:#d6d3d1;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;box-shadow:var(--notif-shadow-md);transform:translateY(-1px)}.notif-error-card:active{transform:translateY(0)}.notif-error-card.resolved{opacity:.5;pointer-events:none;transform:scale(.98)}.notif-error-indicator{background:#e5484d;background:var(--error-accent,var(--notif-error));flex-shrink:0;width:4px}.notif-error-content{flex:1 1;min-width:0;padding:14px 16px}.notif-error-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.notif-error-source{align-items:center;display:flex;gap:10px;min-width:0}.notif-source-icon{align-items:center;background:#f5f5f4;border:1px solid #e7e5e4;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notif-source-info{display:flex;flex-direction:column;min-width:0}.notif-source-name{color:#1c1917;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--notif-font-display);font-size:14px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-error-code{letter-spacing:.04em;margin-top:1px;text-transform:uppercase}.notif-error-code,.notif-error-time{color:#a8a29e;font-size:11px;font-weight:500}.notif-error-time{background:#f5f5f4;border-radius:6px;flex-shrink:0;letter-spacing:.02em;padding:3px 8px}.notif-error-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#57534e;display:-webkit-box;font-size:13px;line-height:1.55;margin:0 0 12px;overflow:hidden}.notif-error-resolution{background:linear-gradient(135deg,#fafaf9,#f5f5f4);border:1px solid #e7e5e4;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px 12px}.resolution-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:6px;padding:0}.resolution-chevron{color:#30a46c;color:var(--notif-success);transition:transform .2s ease}.resolution-chevron.expanded{transform:rotate(90deg)}.resolution-label{background:#30a46c1a;border-radius:4px;color:#30a46c;color:var(--notif-success);flex-shrink:0;font-size:11px;font-weight:600;padding:3px 6px}.resolution-text{color:#57534e;font-size:12px;line-height:1.5;padding-left:20px}.notif-bulk-toolbar{border-bottom:1px solid #f5f5f4;display:flex;justify-content:flex-end;padding:8px 16px}.notif-resolve-all-btn{align-items:center;background:#0000;border:1px solid #e7e5e4;border-radius:6px;color:#78716c;cursor:pointer;display:inline-flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--notif-font-display);font-size:12px;font-weight:500;gap:5px;padding:5px 10px;transition:all .15s ease}.notif-resolve-all-btn:hover:not(:disabled){background:#30a46c0f;border-color:#30a46c4d;color:#30a46c;color:var(--notif-success)}.notif-resolve-all-btn:disabled{cursor:not-allowed;opacity:.5}.notif-error-actions{align-items:center;display:flex;gap:10px;justify-content:space-between}.notif-resolve-btn{align-items:center;background:#30a46c14;border:1px solid #30a46c33;border-radius:7px;color:#30a46c;color:var(--notif-success);cursor:pointer;display:inline-flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--notif-font-display);font-size:12px;font-weight:600;gap:5px;padding:7px 12px;transition:all .15s ease}.notif-resolve-btn:hover:not(:disabled){background:#30a46c;background:var(--notif-success);border-color:#30a46c;border-color:var(--notif-success);box-shadow:0 2px 8px #30a46c40;color:#fff}.notif-resolve-btn:active:not(:disabled){transform:scale(.97)}.notif-resolve-btn:disabled{cursor:not-allowed;opacity:.5}.notif-resolve-btn.resolving{background:#f5f5f4;border-color:#e7e5e4;color:#78716c}.notif-view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#78716c;cursor:pointer;display:inline-flex;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--notif-font-display);font-size:12px;font-weight:500;gap:4px;padding:7px 10px;transition:all .15s ease}.notif-view-btn:hover{background:#f5f5f4;color:#1c1917}.notif-view-btn svg{transition:transform .15s ease}.notif-view-btn:hover svg{transform:translateX(2px)}@media (max-width:480px){.notif-slider{border-left:none;max-width:100%;width:100%}.notif-error-list{gap:8px;padding:10px}.notif-error-content{padding:12px 14px}.notif-error-actions{align-items:stretch;flex-direction:column;gap:8px}.notif-resolve-btn,.notif-view-btn{justify-content:center;padding:10px}}@media (prefers-reduced-motion:reduce){.badge-ping,.empty-icon-glow,.notif-bell-icon,.notif-error-card,.notif-overlay,.notif-slider{animation:none;transition:none}.notif-error-card{opacity:1;transform:none}}.app-header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);height:64px;justify-content:space-between;left:0;padding:0 var(--spacing-lg);position:fixed;right:0;top:0;z-index:900}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:0}.logo{color:var(--color-primary);flex-shrink:0;font-size:20px;font-weight:600;width:160px}.breadcrumbs{align-items:center;display:flex;gap:var(--spacing-sm);margin-left:calc(60px - var(--spacing-lg));padding-left:var(--spacing-lg)}.breadcrumb-link,.breadcrumbs{color:var(--color-text-secondary)}.breadcrumb-link{text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--color-accent)}.breadcrumb-text{color:var(--color-text-primary);font-weight:500}.header-right{align-items:center;display:flex}.profile-dropdown{position:relative}.profile-trigger{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.profile-trigger:hover{background-color:var(--color-surface)}.profile-avatar{align-items:center;background-color:var(--color-surface);color:var(--color-text-secondary);display:flex;justify-content:center}.profile-avatar,.profile-avatar-img{border-radius:50%;height:32px;width:32px}.profile-avatar-img{object-fit:cover}.profile-name{color:var(--color-text-primary);font-weight:500}.profile-arrow{color:var(--color-text-secondary);font-size:10px;transition:transform .2s ease}.profile-arrow.open{transform:rotate(180deg)}.profile-menu{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001a;margin-top:8px;min-width:220px;position:absolute;right:0;top:100%;z-index:100}.profile-info{align-items:center;border-bottom:1px solid var(--color-border);gap:var(--spacing-sm);padding:var(--spacing-md)}.profile-info-avatar{align-items:center;background-color:#be185d;color:#fff;display:flex;font-size:.875rem;font-weight:600;justify-content:center}.profile-info-avatar,.profile-info-avatar-img{border-radius:50%;flex-shrink:0;height:40px;width:40px}.profile-info-avatar-img{object-fit:cover}.profile-info-details{flex:1 1;min-width:0}.profile-info-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.profile-info-email,.profile-info-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-info-email{color:var(--color-text-secondary);font-size:.75rem}.profile-menu-divider{background:var(--color-border);height:1px;margin:var(--spacing-sm) 0}.profile-menu-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color .2s ease;width:100%}.profile-menu-item:hover{background-color:var(--color-surface)}.profile-menu-item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}@media (max-width:1024px){.breadcrumbs{margin-left:-116px}.logo{font-size:18px;width:140px}}@media (max-width:768px){.app-header{padding:0 var(--spacing-md)}.breadcrumbs{margin-left:0;padding-left:0}.logo{font-size:16px;margin-right:var(--spacing-md);width:auto}.profile-name{display:none}.profile-trigger{padding:var(--spacing-sm)}}@media (max-width:480px){.breadcrumbs{display:none}.logo{font-size:15px}}.home-page{background-color:var(--color-background);min-height:100%}.home-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px}.home-spinner{animation:home-spin .8s linear infinite!important;aspect-ratio:1/1;border:3px solid var(--color-border)!important;border-radius:50%!important;border-top-color:var(--color-accent)!important;box-sizing:border-box;flex-shrink:0;height:40px!important;min-height:40px;min-width:40px;transition:none!important;width:40px!important}@keyframes home-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.welcome-content h1{color:var(--color-text-primary);font-size:26px;font-weight:600;margin:0 0 4px}.welcome-subtitle{color:var(--color-text-secondary);font-size:14px;margin:0}.setup-progress-banner{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg)}.setup-progress-steps{align-items:center;display:flex;gap:0;justify-content:center}.setup-progress-step{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);min-width:160px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease}.setup-progress-step:hover:not(:disabled){background-color:var(--color-background)}.setup-progress-step:disabled{cursor:default}.setup-progress-step .step-node{align-items:center;background-color:var(--color-border);border-radius:50%;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:28px;justify-content:center;transition:all .15s ease;width:28px}.setup-progress-step.current .step-node{box-shadow:0 0 0 4px #0f62fe26}.setup-progress-step.completed .step-node,.setup-progress-step.current .step-node{background-color:var(--color-accent);color:#fff}.setup-progress-step.locked .step-node{background-color:var(--color-border);color:var(--color-text-secondary);opacity:.5}.setup-progress-step .step-info{align-items:flex-start;display:flex;flex-direction:column;gap:1px}.setup-progress-step .step-label{color:var(--color-text-primary);font-size:13px;font-weight:600}.setup-progress-step.locked .step-label{color:var(--color-text-secondary);opacity:.6}.setup-progress-step .step-status{color:var(--color-text-secondary);font-size:11px}.setup-progress-step.current .step-status{color:var(--color-accent);font-weight:500}.setup-progress-step.locked .step-status{opacity:.5}.setup-progress-step .step-arrow{color:var(--color-accent);margin-left:auto}.step-connector{background-color:var(--color-border);flex-shrink:0;height:2px;transition:background-color .3s ease;width:40px}.step-connector.active{background-color:var(--color-accent)}.flow-container{grid-gap:0;align-items:stretch;display:grid;gap:0;grid-template-columns:1fr 240px 1fr;margin-bottom:var(--spacing-xl)}.flow-column{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.column-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.column-header,.column-title{align-items:center;display:flex}.column-title{color:var(--color-text-primary);font-size:14px;font-weight:600;gap:var(--spacing-sm)}.column-count{background-color:var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:12px;font-weight:600;padding:2px 8px}.flow-cards{display:flex;flex-direction:column;gap:8px;padding:var(--spacing-sm)}.flow-card{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;display:flex;height:48px;justify-content:space-between;padding:12px;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.flow-card:hover{background-color:var(--color-surface);border-color:var(--color-accent)}.flow-card-main{align-items:center;display:flex;gap:var(--spacing-sm)}.flow-card-info,.flow-card-main{flex:1 1;min-width:0}.flow-card-name{color:var(--color-text-primary);display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-card-type{color:var(--color-text-secondary);display:block;font-size:11px;margin-top:1px;text-transform:capitalize}.flow-card-empty{border-color:var(--color-border);border-style:dashed;height:80px;justify-content:center}.flow-card-empty:hover{background-color:var(--color-accent-light);border-color:var(--color-accent)}.empty-card-content{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:13px;gap:var(--spacing-xs)}.empty-icon{align-items:center;border-radius:50%;color:var(--color-accent);display:flex;height:32px;width:32px}.empty-icon,.flow-card-more{background-color:var(--color-surface);justify-content:center}.flow-card-more{color:var(--color-text-secondary);font-size:12px;gap:var(--spacing-xs);height:40px}.column-footer,.flow-card-more:hover{color:var(--color-accent)}.column-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color .2s ease}.column-footer:hover{background-color:var(--color-surface)}.status-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.status-indicator.status-active{background-color:#1980381f}.status-indicator.status-error{background-color:#da1e281f;color:var(--color-error)}.status-indicator.status-warning{background-color:#ff8c001f}.status-indicator.status-inactive{background-color:var(--color-border)}.status-dot{background-color:var(--color-success);border-radius:50%;height:8px;width:8px}.status-dot.warning{background-color:var(--color-warning)}.status-dot.inactive{background-color:var(--color-text-secondary);opacity:.5}.flow-center{align-self:stretch;min-height:350px;position:relative}.flow-svg{color:var(--color-text-primary);overflow:visible}.hub-label-text{font-family:inherit;font-size:13px;font-weight:600}.hub-status-text{font-family:inherit;font-size:11px;font-weight:500}.reports-section{margin-bottom:var(--spacing-xl)}.section-title{color:var(--color-text-primary);gap:var(--spacing-sm)}.section-title h2{font-size:16px;font-weight:600;margin:0}.section-link{align-items:center;color:var(--color-accent);display:flex;font-size:13px;font-weight:500;gap:4px;text-decoration:none}.section-link:hover{text-decoration:underline}.reports-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.report-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.report-card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000000f}.report-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.report-icon-wrapper{align-items:center;background:var(--color-accent);border-radius:var(--radius-md);color:#fff;display:flex;height:36px;justify-content:center;width:36px}.report-views{background-color:var(--color-surface);border-radius:10px;color:var(--color-text-secondary);font-size:11px;padding:2px 8px}.report-name{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-source{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:var(--spacing-xs)}.report-card-empty{align-items:center;border-style:dashed;display:flex;grid-column:span 3;justify-content:center;min-height:140px}.report-card-empty:hover{background-color:var(--color-accent-light);border-color:var(--color-accent)}.report-empty-content{max-width:280px;text-align:center}.report-empty-icon{align-items:center;background-color:var(--color-surface);border-radius:var(--radius-md);color:var(--color-accent);display:flex;height:48px;justify-content:center;margin:0 auto var(--spacing-md);width:48px}.report-empty-content h3{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.report-empty-content p{color:var(--color-text-secondary);font-size:13px;margin:0 0 var(--spacing-md) 0}.report-cta{align-items:center;color:var(--color-accent);display:inline-flex;font-size:13px;font-weight:500;gap:4px}@media (max-width:1100px){.flow-container{grid-template-columns:1fr 180px 1fr}}@media (max-width:900px){.flow-container{gap:var(--spacing-md);grid-template-columns:1fr 1fr}.flow-center{display:none}.reports-grid{grid-template-columns:repeat(2,1fr)}.report-card-empty{grid-column:span 2}.setup-progress-steps{flex-wrap:wrap;gap:var(--spacing-sm)}.step-connector{display:none}.setup-progress-step{flex:1 1;justify-content:center;min-width:140px}}@media (max-width:768px){.welcome-section{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.welcome-content h1{font-size:22px}.flow-container,.reports-grid{grid-template-columns:1fr}.report-card-empty{grid-column:span 1}.setup-progress-banner{padding:var(--spacing-sm) var(--spacing-md)}.setup-progress-steps{align-items:stretch;flex-direction:column}.setup-progress-step{justify-content:flex-start;min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.welcome-content h1{font-size:20px}.column-header{padding:var(--spacing-sm) var(--spacing-md)}.flow-card{padding:8px 10px}.setup-guide{padding:var(--spacing-md)}}.home-reports-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-xl)}.home-reports-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-height:240px;transition:border-color .15s ease,box-shadow .15s ease}.home-reports-card:hover{border-color:var(--color-text-tertiary);box-shadow:0 1px 3px #0f12180a}.home-reports-card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:8px;justify-content:space-between;padding:14px 16px}.home-reports-card-title{align-items:center;color:var(--color-text-primary);display:flex;gap:8px}.home-reports-card-title svg{color:var(--color-accent)}.home-reports-card-title h3{font-size:14px;font-weight:600;margin:0}.home-reports-card-count{font-feature-settings:"tnum";background:var(--color-surface);border-radius:999px;color:var(--color-text-secondary);font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;padding:2px 7px}.home-reports-card-actions{align-items:center;display:inline-flex;gap:10px}.home-reports-card-cta{align-items:center;background:var(--color-accent-light);border-radius:999px;color:var(--color-accent);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px;text-decoration:none;transition:filter .1s ease}.home-reports-card-cta:hover{filter:brightness(.97)}.home-reports-card-link{align-items:center;color:var(--color-accent);display:inline-flex;font-size:12px;font-weight:500;gap:4px;text-decoration:none}.home-reports-card-link:hover{text-decoration:underline}.home-reports-card-body{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:4px 8px 8px}.home-reports-list{display:flex;flex-direction:column;gap:1px;list-style:none;margin:0;padding:0}.home-reports-row-item{align-items:center;border-radius:var(--radius-sm);color:inherit;display:flex;gap:10px;padding:10px;text-decoration:none;transition:background .1s ease}.home-reports-row-item:hover{background:var(--color-surface)}.home-reports-row-icon{align-items:center;background:var(--color-accent-light);border-radius:var(--radius-sm);color:var(--color-accent);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.home-reports-row-body{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.home-reports-row-title{color:var(--color-text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-reports-row-meta{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.home-reports-row-dot{margin:0 4px}.home-reports-row-chev{color:var(--color-text-tertiary);flex-shrink:0;opacity:0;transition:opacity .1s ease}.home-reports-row-item:hover .home-reports-row-chev{opacity:1}.home-reports-empty{align-items:center;border:1px dashed #0000;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;margin:8px;padding:28px 16px;text-align:center;text-decoration:none;transition:border-color .15s ease,color .15s ease}.home-reports-empty:hover{border-color:var(--color-accent);color:var(--color-accent)}.home-reports-empty svg{color:var(--color-text-tertiary)}.home-reports-empty:hover svg{color:var(--color-accent)}.home-reports-empty p{color:var(--color-text-primary);font-size:13px;font-weight:500;margin:0}.home-reports-empty-cta{align-items:center;color:var(--color-accent);display:inline-flex;font-size:12px;font-weight:600;gap:4px}@media (max-width:900px){.home-reports-row{grid-template-columns:1fr}}.landing-header{left:0;padding:20px 0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.landing-header.scrolled{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;box-shadow:0 1px 0 #0000000d;padding:14px 0}.landing-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1240px;padding:0 40px}.landing-logo{align-items:center;color:#0f172a;display:flex;font-size:18px;font-weight:600;gap:12px;letter-spacing:-.02em;text-decoration:none}.landing-logo svg{color:#0f172a}.landing-nav{align-items:center;display:flex;gap:36px}.nav-link{color:#64748b;font-size:15px;font-weight:500;position:relative;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#0f172a;opacity:1}.nav-link:after{background:#0f172a;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.nav-link:hover:after{width:100%}.landing-header-actions{align-items:center;display:flex;gap:24px}.login-link{color:#64748b;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s ease}.login-link:hover{color:#0f172a;opacity:1}.cta-button{align-items:center;background:#0f172a;border-radius:8px;color:#fff;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.cta-button:hover{background:#1e293b;opacity:1;transform:translateY(-1px)}.cta-button svg{transition:transform .2s ease}.cta-button:hover svg{transform:translateX(3px)}@media (max-width:900px){.landing-nav{display:none}}@media (max-width:600px){.landing-header-inner{padding:0 20px}.login-link{display:none}.cta-button{font-size:14px;padding:10px 18px}.landing-logo span{display:none}}.flow-visual{background:var(--color-background);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;padding:24px}.flow-visual__svg{display:block;height:auto;max-height:280px;width:100%}.source-card-bg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.04));transition:all .2s ease}.source-card-bg:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.08))}.dest-card-bg{filter:drop-shadow(0 4px 12px rgba(102,157,246,.2));transition:filter .3s ease}.dest-card-bg:hover{filter:drop-shadow(0 6px 16px rgba(102,157,246,.25))}.source-label{align-items:center;display:flex;gap:8px;height:24px}.source-label img{flex-shrink:0}.source-label span{color:var(--color-text-primary);font-family:Cabinet Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600;white-space:nowrap}.dest-label{align-items:center;display:flex;flex-direction:column;gap:6px;height:80px;justify-content:center;text-align:center}.dest-label img{flex-shrink:0}.dest-label span{color:var(--color-text-primary);font-family:Cabinet Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:700}.flow-path{stroke-dasharray:500;stroke-dashoffset:500;animation:draw-path 1.5s ease forwards}@keyframes draw-path{to{stroke-dashoffset:0}}.flow-dot{filter:drop-shadow(0 0 3px currentColor)}@media (max-width:600px){.flow-visual{padding:16px 12px}.flow-visual__svg{max-height:220px}.source-label span{font-size:11px}.dest-label span{font-size:12px}}.landing{--text:#0a0a0b;--text-muted:#71717a;--bg:#fafafa;--bg-elevated:#fff;--border:#e4e4e7;--primary:#6366f1;--primary-dark:#4f46e5;--accent:#8b5cf6;--success:#10b981;--gradient:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);--color-primary:#2f3349;--color-secondary:#37352f;--color-accent:#0f62fe;--color-accent-light:#e6f0ff;--color-accent-dark:#0b4fd1;--color-background:#fff;--color-surface:#f7f6f3;--color-border:#e9e5db;--color-text-primary:#37352f;--color-text-secondary:#6c6c6c;--color-text-tertiary:#9ca3af;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:Cabinet Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2)}}@keyframes data-stream{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100%)}}@keyframes bar-grow{0%{height:0}to{height:var(--height)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes scroll-hint{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(8px)}}@keyframes sync-ring{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.1s}.reveal:nth-child(3){transition-delay:.2s}.reveal:nth-child(4){transition-delay:.3s}.btn{border-radius:12px;font-size:15px;font-weight:600;gap:10px;padding:14px 28px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn svg{height:18px;transition:transform .3s ease;width:18px}.btn--primary{background:var(--gradient);box-shadow:0 4px 20px #6366f166}.btn--primary:hover{box-shadow:0 8px 30px #6366f180;opacity:1;transform:translateY(-2px)}.btn--primary:hover svg{transform:translateX(4px)}.btn--ghost{background:#0000;border:1px solid var(--border);color:var(--text)}.btn--ghost:hover{background:var(--bg-elevated);border-color:var(--text);opacity:1}.btn--white{background:#fff;box-shadow:0 4px 20px #00000026;color:var(--primary)}.btn--white:hover{box-shadow:0 8px 30px #0003;opacity:1;transform:translateY(-2px) scale(1.02)}.btn--large{font-size:16px;padding:18px 36px}.btn--large svg{height:20px;width:20px}.section__label{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:100px;color:var(--primary);display:inline-block;font-size:13px;font-weight:600;letter-spacing:.1em;margin-bottom:24px;padding:8px 16px;text-transform:uppercase}.section__title{color:var(--text);font-size:clamp(36px,6vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0}.text--strike{color:var(--text-muted);position:relative}.text--strike:after{background:#ef4444;border-radius:2px;content:"";height:4px;left:-4px;position:absolute;right:-4px;top:50%;transform:rotate(-2deg)}.hero{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative}.hero__bg{inset:0;overflow:hidden;position:absolute;z-index:0}.hero__gradient{background:radial-gradient(circle,#6366f126 0,#8b5cf61a 40%,#0000 70%);filter:blur(60px);height:60%;left:20%;position:absolute;top:-20%;transition:transform .3s ease-out;width:60%;will-change:transform}.hero__grid{background-image:linear-gradient(#6366f108 1px,#0000 0),linear-gradient(90deg,#6366f108 1px,#0000 0);background-size:80px 80px;inset:0;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,#0000 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,#0000 100%);position:absolute}.hero__glow{animation:glow-pulse 4s ease-in-out infinite;background:radial-gradient(ellipse at center bottom,#8b5cf614 0,#0000 70%);bottom:0;height:400px;left:50%;position:absolute;transform:translateX(-50%);width:120%}.hero__container{grid-gap:80px;align-items:center;display:grid;flex:1 1;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;position:relative;z-index:1}.hero__content{max-width:600px}.hero__eyebrow{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:100px;box-shadow:0 2px 8px #0000000a;color:var(--text-muted);display:inline-flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:32px;padding:10px 18px}.eyebrow__dot{animation:pulse-ring 2s ease-out infinite;background:var(--success);border-radius:50%;box-shadow:0 0 12px #10b98199;height:8px;width:8px}.hero__title{font-size:clamp(48px,7vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:0 0 24px}.hero__title--accent{-webkit-text-fill-color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--text-muted);font-size:19px;line-height:1.6;margin:0 0 40px}.hero__ctas{display:flex;gap:16px;margin-bottom:48px}.hero__proof{align-items:center;display:flex;gap:16px}.proof__avatars{display:flex}.proof__avatar{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:3px solid var(--bg);border-radius:50%;height:40px;margin-left:calc(1 > 1 ? -12px : 0);margin-left:calc(var(--i, 1) > 1 ? -12px : 0);overflow:hidden;width:40px}.avatar__placeholder{background:linear-gradient(135deg,hsl(40,70%,70%),hsl(70,60%,60%));background:linear-gradient(135deg,hsl(calc(var(--i, 1)*40),70%,70%) 0,hsl(calc(var(--i, 1)*40 + 30),60%,60%) 100%);height:100%;width:100%}.proof__text{color:var(--text-muted);font-size:14px}.proof__text strong{color:var(--text);font-weight:700}.hero__visual{margin:0 auto;max-width:1100px;position:relative;width:100%}.hero__visual .data-flow{box-shadow:0 4px 6px #0000000d,0 20px 40px #0000001a,0 40px 80px #00000026}.visual__window{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 6px #00000005,0 12px 24px #0000000a,0 24px 48px #0000000f;overflow:hidden;transform:rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.visual__window:hover{transform:rotateY(0deg) rotateX(0deg)}.window__bar{align-items:center;background:linear-gradient(180deg,#fafafa,#f4f4f5);border-bottom:1px solid var(--border);display:flex;gap:16px;padding:14px 18px}.window__dots{display:flex;gap:8px}.window__dots span{border-radius:50%;height:12px;width:12px}.window__dots span:first-child{background:#ff5f57}.window__dots span:nth-child(2){background:#febc2e}.window__dots span:nth-child(3){background:#28c840}.window__title{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12px}.window__content{display:flex;flex-direction:column;gap:16px;padding:20px}.dashboard{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.dashboard__metric{background:var(--bg);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.dashboard__metric--highlight{align-items:center;background:var(--gradient);color:#fff;flex-direction:row;grid-column:span 3}.dashboard__metric--highlight .metric__label{color:#fffc}.metric__icon{align-items:center;background:#fff3;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.metric__icon svg{height:20px;width:20px}.metric__data{flex:1 1}.metric__value{display:block;font-size:24px;font-weight:700}.metric__label{color:var(--text-muted);font-size:12px}.metric__badge{background:#fff3;border-radius:100px;font-size:12px;font-weight:600;padding:4px 10px}.dashboard__chart{background:var(--bg);border-radius:12px;grid-column:span 3;padding:16px}.chart__header{color:var(--text-muted);display:flex;font-size:13px;justify-content:space-between;margin-bottom:16px}.chart__period{color:var(--primary);font-weight:500}.chart__bars{gap:8px;height:80px}.chart__bar-wrapper,.chart__bars{align-items:flex-end;display:flex}.chart__bar-wrapper{flex:1 1;height:100%}.chart__bar{animation:bar-grow 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay);background:var(--gradient);border-radius:4px;height:0;width:100%}.window__data-stream{background:#18181b;border-radius:8px;height:120px;overflow:hidden;padding:12px;position:relative}.data-row{animation:data-stream 4s linear infinite;animation-delay:var(--delay);display:flex;font-family:JetBrains Mono,monospace;font-size:11px;gap:12px;padding:4px 0}.data-row__time{color:#71717a}.data-row__source{color:#a78bfa}.data-row__count{color:#34d399}.visual__floaters{inset:0;pointer-events:none;position:absolute}.floater{animation:float 6s ease-in-out infinite;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001a;padding:12px;position:absolute}.floater--1{animation-delay:0s;left:-40px;top:-20px}.floater--2{animation-delay:1s;right:-30px;top:40%}.floater--3{animation-delay:2s;bottom:20px;left:20%}.hero__scroll-indicator{bottom:40px;left:50%;position:absolute;transform:translateX(-50%)}.scroll__mouse{border:2px solid var(--border);border-radius:12px;display:flex;height:40px;justify-content:center;padding-top:8px;width:24px}.scroll__wheel{animation:scroll-hint 2s ease-in-out infinite;background:var(--primary);border-radius:2px;height:8px;width:4px}.marquee{background:var(--bg-elevated);border-bottom:1px solid var(--border);border-top:1px solid var(--border);overflow:hidden;padding:40px 0;position:relative}.marquee__content{display:flex}.marquee__track{animation:marquee 30s linear infinite;display:flex;gap:48px}.marquee__item{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-shrink:0;opacity:.7;padding:16px 24px;transition:all .3s ease}.marquee__item:hover{opacity:1;transform:scale(1.05)}.marquee__fade{bottom:0;pointer-events:none;position:absolute;top:0;width:150px;z-index:2}.marquee__fade--left{background:linear-gradient(90deg,var(--bg-elevated) 0,#0000 100%);left:0}.marquee__fade--right{background:linear-gradient(-90deg,var(--bg-elevated) 0,#0000 100%);right:0}.problem{background:var(--bg);padding:140px 24px}.problem__container{margin:0 auto;max-width:1200px}.problem__header{margin-bottom:80px;text-align:center}.problem__grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:80px}.problem__card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:40px 32px;position:relative;transition:all .3s ease}.problem__card:hover{box-shadow:0 20px 40px #00000014;transform:translateY(-8px)}.card__number{-webkit-text-stroke:1px var(--border);color:var(--bg);font-family:JetBrains Mono,monospace;font-size:48px;font-weight:700;position:absolute;right:24px;top:24px}.problem__card h3{color:var(--text);font-size:22px;font-weight:700;margin-bottom:12px}.problem__card p{color:var(--text-muted);font-size:16px;line-height:1.6;margin:0}.solution{margin:0 auto;max-width:900px}.solution__card{align-items:center;background:var(--gradient);border-radius:24px;color:#fff;display:flex;gap:32px;padding:48px}.solution__icon{align-items:center;background:#fff3;border-radius:16px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.solution__icon svg{height:32px;width:32px}.solution__content{flex:1 1}.solution__content h3{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}.solution__content p{font-size:17px;margin:0;opacity:.9}.solution__card .btn{flex-shrink:0}.how{background:linear-gradient(180deg,var(--bg-elevated) 0,var(--bg) 100%);padding:140px 24px}.how__container{margin:0 auto;max-width:1000px}.how__header{margin-bottom:100px;text-align:center}.how__steps{display:flex;flex-direction:column;gap:0}.step{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;padding:60px 0}.step:nth-child(odd){direction:rtl}.step:nth-child(odd)>*{direction:ltr}.step__visual{position:relative}.step__number{align-items:center;background:var(--gradient);border-radius:16px;box-shadow:0 8px 24px #6366f14d;color:#fff;display:flex;font-size:24px;font-weight:800;height:56px;justify-content:center;left:-20px;position:absolute;top:-20px;width:56px;z-index:2}.step__demo{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #0000000f;padding:32px}.step__demo--oauth{display:flex;justify-content:center}.oauth-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #0000000f;display:inline-flex;font-size:15px;font-weight:500;gap:12px;padding:16px 28px}.step__demo--destination{display:flex;flex-direction:column;gap:12px}.dest-card{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:12px;display:flex;font-size:15px;font-weight:500;gap:12px;padding:16px}.dest-card--selected{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-color:var(--primary)}.dest-card .check{color:var(--primary);height:20px;margin-left:auto;width:20px}.step__demo--sql{background:#18181b;padding:24px}.step__demo--sql pre{margin:0}.step__demo--sql code{color:#e4e4e7;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.7}.step__demo--sql .kw{color:#f472b6}.step__demo--sql .fn{color:#67e8f9}.step__demo--sql .num{color:#fcd34d}.step__content h3{color:var(--text);font-size:28px;font-weight:700;margin-bottom:16px}.step__content p{color:var(--text-muted);font-size:17px;line-height:1.6;margin:0}.step__connector{display:flex;height:80px;justify-content:center}.step__connector svg{height:100%;width:24px}.features{background:var(--bg);padding:140px 24px}.features__container{margin:0 auto;max-width:1200px}.features__header{margin-bottom:80px;text-align:center}.bento{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto}.bento__card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;overflow:hidden;padding:40px;transition:all .3s ease}.bento__card:hover{box-shadow:0 20px 40px #00000014;transform:translateY(-4px)}.bento__card--large{display:flex;flex-direction:column;grid-column:span 2;grid-row:span 2}.bento__card--wide{align-items:center;display:flex;gap:48px;grid-column:span 3}.bento__content{flex:1 1}.bento__icon{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:14px;color:var(--primary);display:flex;height:48px;justify-content:center;margin-bottom:24px;width:48px}.bento__icon svg{height:24px;width:24px}.bento__card h3{color:var(--text);font-size:22px;font-weight:700;margin-bottom:12px}.bento__card p{color:var(--text-muted);font-size:16px;line-height:1.6;margin:0}.bento__visual{margin-top:auto}.bento__visual--sync{display:flex;justify-content:center;padding-top:40px}.sync-animation{height:120px;position:relative;width:120px}.sync-ring{border:2px solid var(--primary);border-radius:50%;inset:0;opacity:0;position:absolute}.sync-ring--1{animation:sync-ring 3s ease-out infinite}.sync-ring--2{animation:sync-ring 3s ease-out 1s infinite}.sync-ring--3{animation:sync-ring 3s ease-out 2s infinite}.sync-center{align-items:center;background:var(--gradient);border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}.sync-center svg{height:24px;width:24px}.bento__visual--terminal{flex:1 1;max-width:400px}.terminal{background:#18181b;border-radius:12px;padding:20px}.terminal__line{display:flex;font-family:JetBrains Mono,monospace;font-size:13px;gap:12px;padding:4px 0}.terminal__prompt{color:var(--primary)}.terminal__text{color:#a1a1aa}.terminal__line--strike{opacity:.5;text-decoration:line-through}.cta{padding:80px 24px}.cta__container{background:var(--gradient);border-radius:32px;margin:0 auto;max-width:1000px;overflow:hidden;padding:80px;position:relative}.cta__bg{inset:0;overflow:hidden;position:absolute}.cta__shape{background:#ffffff1a;border-radius:50%;position:absolute}.cta__shape--1{height:400px;right:-100px;top:-200px;width:400px}.cta__shape--2{bottom:-150px;height:300px;left:-100px;width:300px}.cta__content{color:#fff;position:relative;text-align:center}.cta__content h2{font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.cta__content>p{font-size:20px;margin-bottom:40px;opacity:.9}.cta__actions{margin-bottom:24px}.cta__note{font-size:14px;margin:0;opacity:.7}.footer{background:var(--bg-elevated);border-top:1px solid var(--border);padding:80px 24px 40px}.footer__container{display:flex;gap:80px;justify-content:space-between;margin:0 auto 60px;max-width:1200px}.footer__brand{max-width:280px}.footer__logo{align-items:center;color:var(--text);display:flex;font-size:20px;font-weight:700;gap:12px;margin-bottom:16px}.footer__logo svg{color:var(--primary)}.footer__brand p{color:var(--text-muted);font-size:15px;margin:0}.footer__links{display:flex;gap:80px}.footer__col h4{color:var(--text);font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:20px;text-transform:uppercase}.footer__col a{color:var(--text-muted);display:block;font-size:15px;margin-bottom:12px;text-decoration:none;transition:color .2s ease}.footer__col a:hover{color:var(--primary);opacity:1}.footer__bottom{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding-top:32px}.footer__bottom p{color:var(--text-muted);font-size:14px;margin:0}.footer__legal{display:flex;gap:24px}.footer__legal a{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s ease}.footer__legal a:hover{color:var(--primary);opacity:1}@media (max-width:1024px){.hero__container{gap:60px;grid-template-columns:1fr;text-align:center}.hero__content{max-width:100%}.hero__ctas,.hero__proof{justify-content:center}.visual__window{transform:none}.visual__floaters{display:none}.problem__grid{margin-left:auto;margin-right:auto;max-width:500px}.problem__grid,.step{grid-template-columns:1fr}.step{gap:40px;text-align:center}.step:nth-child(odd){direction:ltr}.step__number{left:50%;transform:translateX(-50%)}.bento{grid-template-columns:1fr}.bento__card--large,.bento__card--wide{grid-column:span 1;grid-row:span 1}.bento__card--wide,.solution__card{flex-direction:column;text-align:center}.footer__container{flex-direction:column;gap:48px}.footer__links{flex-wrap:wrap;gap:48px}}@media (max-width:768px){.hero{padding:100px 20px 60px}.hero__ctas{flex-direction:column;width:100%}.hero__ctas .btn{justify-content:center;width:100%}.dashboard{grid-template-columns:1fr}.dashboard__chart,.dashboard__metric--highlight{grid-column:span 1}.features,.how,.problem{padding:100px 20px}.cta__container{border-radius:24px;padding:48px 24px}.footer{padding:60px 20px 32px}.footer__bottom{flex-direction:column;gap:16px;text-align:center}}@media (max-width:480px){.hero__title{font-size:36px}.section__title{font-size:32px}.step__demo{padding:20px}.bento__card{padding:28px}}.features.features--compact{padding:80px 24px 64px;scroll-margin-top:80px}.features--compact .features__header{margin-bottom:40px}.bento-v5{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.bento-v5__card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:24px 20px;transition:transform .3s ease,box-shadow .3s ease}.bento-v5__card:hover{box-shadow:0 12px 32px #0000000f;transform:translateY(-4px)}.bento-v5__card--tall{grid-row:span 1}.bento-v5__card--wide{grid-column:span 2}.bento-v5__wide-inner{align-items:center;display:flex;gap:32px}.bento-v5__wide-text{flex:1 1}.bento-v5__card .bento__icon{height:36px;margin-bottom:8px;width:36px}.bento-v5__card .bento__icon svg{height:20px;width:20px}.bento-v5__card h3{color:var(--text);font-size:17px;font-weight:700;margin-bottom:6px}.bento-v5__card p{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0}.integrations-section{background:var(--bg-elevated);border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:48px 0 0;scroll-margin-top:80px}.integrations-section__header{margin-bottom:32px;text-align:center}.integrations-section .marquee{background:#0000;border:none;padding:0 0 48px}@media (max-width:1024px){.features.features--compact{padding:48px 20px}.bento-v5{grid-template-columns:1fr}.bento-v5__card--wide{grid-column:span 1}.bento-v5__wide-inner{flex-direction:column;gap:24px;text-align:center}}.status-badge-wrapper{display:flex;flex-direction:column;gap:4px}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.status-badge__dot{border-radius:50%;height:8px;width:8px}.status-badge__text{text-transform:capitalize}.status-badge--enabled{background-color:initial;color:var(--color-success)}.status-badge--enabled .status-badge__dot{background-color:var(--color-success)}.status-badge--disabled{background-color:#6c6c6c1a;color:var(--color-text-secondary)}.status-badge--disabled .status-badge__dot{background-color:var(--color-text-secondary)}.status-badge--syncing{background-color:#0f62fe1a;color:var(--color-accent)}.status-badge--syncing .status-badge__dot{animation:pulse 1.5s ease-in-out infinite;background-color:var(--color-accent)}.status-badge--error{background-color:initial;color:var(--color-error)}.status-badge--error .status-badge__dot{background-color:var(--color-error)}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.status-badge__error-info{display:flex;flex-direction:column;gap:4px;margin-top:2px}.error-code-badge{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border-radius:4px;color:#dc2626;color:var(--color-error,#dc2626);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;width:fit-content}.error-preview-text{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:12px;line-height:1.4;max-width:200px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:var(--spacing-sm);justify-content:center;outline:none;transition:background-color .15s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--small{font-size:13px;padding:.375rem .75rem}.btn--medium{font-size:14px;padding:.5rem 1rem}.btn--large{font-size:15px;padding:.625rem 1.25rem}.btn--primary{background-color:var(--color-accent);color:#fff}.btn--primary:active:not(:disabled),.btn--primary:hover:not(:disabled){background-color:var(--color-accent-dark)}.btn--secondary{background-color:var(--color-background);border:1px solid var(--color-border);color:var(--color-accent)}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent)}.btn--secondary:active:not(:disabled),.btn--secondary:hover:not(:disabled){background-color:var(--color-surface)}.btn--danger{background-color:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background-color:#b91c1c;background-color:var(--color-error-dark,#b91c1c)}.btn--danger:active:not(:disabled){background-color:#991b1b;background-color:var(--color-error-dark,#991b1b)}.btn--ghost{background-color:initial;color:var(--color-text-primary)}.btn--ghost:active:not(:disabled),.btn--ghost:hover:not(:disabled){background-color:var(--color-surface)}.btn__icon{align-items:center;display:flex;justify-content:center}.view-toggle{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:0;padding:2px}@media (max-width:768px){.view-toggle{justify-content:center;width:100%}}.sort-dropdown-container{align-items:center;display:flex;gap:var(--spacing-sm)}.sort-dropdown{position:relative}.sort-dropdown-trigger{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;white-space:nowrap}.sort-dropdown-trigger:hover{background-color:var(--color-surface);border-color:var(--color-accent)}.sort-dropdown-label{color:var(--color-text-secondary);font-weight:500}.sort-dropdown-value{font-weight:600}.sort-dropdown-icon{color:var(--color-text-secondary);transition:transform .2s ease}.sort-dropdown-icon.open{transform:rotate(180deg)}.sort-dropdown-menu{animation:slideDown .15s ease-out;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);left:0;min-width:180px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}.sort-dropdown-item{background:none;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:background-color .15s ease;width:100%}.sort-dropdown-item:last-child{border-bottom:none}.sort-dropdown-item:hover{background-color:var(--color-surface)}.sort-dropdown-item.active{background-color:var(--color-accent-light);color:var(--color-accent);font-weight:600}.sort-order-toggle{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;min-width:48px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.sort-order-toggle:hover{background-color:var(--color-surface);border-color:var(--color-accent)}.sort-order-toggle:active{transform:scale(.98)}.sort-order-arrow{color:var(--color-text-secondary);font-size:18px;line-height:1;transition:color .2s ease}.sort-order-toggle:hover .sort-order-arrow{color:var(--color-accent)}@media (max-width:768px){.sort-dropdown-container{flex-wrap:wrap;width:100%}.sort-dropdown{flex:1 1;min-width:0}.sort-dropdown-trigger{width:100%}.sort-order-toggle{flex-shrink:0}}.sources-page{background-color:var(--color-background)}.sources-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.sources-header h1{color:var(--color-primary);font-size:28px;font-weight:600;margin:0}.sources-header-actions{align-items:center;display:flex;gap:var(--spacing-md)}.sources-scheduler-status{margin-right:var(--spacing-sm)}.error-indicator-button{align-items:center;background-color:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.error-indicator-button:hover{background-color:var(--color-error-border);border-color:var(--color-error)}.error-indicator-button .error-count{background-color:var(--color-error);border-radius:10px;color:#fff;font-size:11px;font-weight:600;min-width:18px;padding:2px 6px;text-align:center}.sources-controls{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.sources-count{font-size:14px;font-weight:500;margin-left:auto}.sources-table th:first-child{width:25%}.sources-table th:nth-child(2){width:12%}.sources-table th:nth-child(3){width:10%}.sources-table th:nth-child(4),.sources-table th:nth-child(5){width:18%}.sources-table th:nth-child(6){width:17%}.source-subtitle{color:var(--color-text-secondary);font-size:12px}.source-icon{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.source-name-cell{min-width:200px}.source-type,.sync-time{color:var(--color-text-secondary)}.sync-time-content{align-items:center;display:flex;gap:var(--spacing-xs)}.time-icon{color:var(--color-text-secondary);flex-shrink:0}.sync-time-tooltip:hover .time-icon,.sync-time-tooltip:hover svg{color:var(--color-accent)}.rows-synced{color:var(--color-text-primary);font-weight:500}.next-sync{color:var(--color-text-secondary)}.destination{color:var(--color-text-primary);font-weight:500}.active-jobs-badge{background-color:var(--color-accent);border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:600;padding:2px 6px}.actions-cell{text-align:right;width:120px}.actions-cell button{gap:4px}.sources-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.source-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:border-color .2s ease,box-shadow .2s ease}.source-card:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000000f}.source-card-header{align-items:flex-start;display:flex;justify-content:space-between}.source-card-logo{align-items:center;border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.source-card-body{flex:1 1}.source-card-name{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.source-card-type{color:var(--color-text-secondary);font-size:14px;margin:0 0 var(--spacing-sm) 0}.source-card-category{background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-size:12px;padding:2px 8px}.source-card-error{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--color-error-border,#fecaca);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.source-card-error .error-code-badge{background:#dc26261a;border-radius:4px;color:#dc2626;color:var(--color-error,#dc2626);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase;width:fit-content}.source-card-error .error-preview{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:12px;line-height:1.4;margin:0}.source-card-footer{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding-top:var(--spacing-md)}.source-card-sync{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:var(--spacing-xs)}.sources-list{background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:1px;overflow:hidden}.source-list-item{align-items:center;background-color:var(--color-background);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .15s ease}.source-list-item:hover{background-color:var(--color-surface)}.source-list-left{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md);min-width:0}.source-list-logo{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.source-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.source-list-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.source-list-name,.source-list-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-list-type{color:var(--color-text-secondary);font-size:12px}.source-list-center{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-lg)}.source-list-sync{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:var(--spacing-xs)}.source-list-right{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md);margin-left:var(--spacing-lg)}@media (max-width:1024px){.sources-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.sources-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.sources-header h1{font-size:24px}.sources-controls{padding:var(--spacing-md)}.control-row{flex-wrap:wrap}.search-container{max-width:none;min-width:100%;width:100%}.sources-count{margin-left:0;margin-top:var(--spacing-sm);text-align:center;width:100%}.sources-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.sources-table{min-width:700px}.sources-table td,.sources-table th{font-size:13px;padding:var(--spacing-sm) var(--spacing-md)}.sources-grid{gap:var(--spacing-md);grid-template-columns:1fr}.source-list-item{flex-wrap:wrap;gap:var(--spacing-md)}.source-list-center{justify-content:flex-start;order:3;width:100%}.source-list-right{margin-left:0}}@media (max-width:480px){.sources-header h1{font-size:20px}.source-card{padding:var(--spacing-md)}.source-card-name{font-size:15px}.empty-state,.error-state,.loading-state{min-height:200px;padding:var(--spacing-xl) var(--spacing-md)}}.ui-modal-overlay{align-items:center;animation:ui-modal-fadeIn .15s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}@keyframes ui-modal-fadeIn{0%{opacity:0}to{opacity:1}}.ui-modal-container{animation:ui-modal-slideUp .2s ease;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 20px 40px -12px #0003;max-height:calc(100vh - 2rem);max-width:440px;overflow-y:auto;position:relative;width:100%}@keyframes ui-modal-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ui-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.ui-modal-header h2,.ui-modal-header h3{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0}.ui-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .15s ease;width:32px}.ui-modal-close:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.ui-modal-close-absolute{align-items:center;background:var(--color-surface);border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.375rem;position:absolute;right:.875rem;top:.875rem;transition:all .15s ease;z-index:1}.ui-modal-close-absolute:hover{background-color:var(--color-border);color:var(--color-text-primary)}.ui-modal-body{padding:1.5rem}.ui-modal-footer{border-top:1px solid var(--color-border);display:flex;gap:.625rem;justify-content:flex-end;padding:1rem 1.5rem}@media (max-width:480px){.ui-modal-container{margin:.5rem}.ui-modal-body,.ui-modal-header{padding:1rem}.ui-modal-footer{flex-direction:column;padding:1rem}.ui-modal-footer button{width:100%}}.delete-modal-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;padding:1.25rem 1.25rem 0}.delete-modal-icon{align-items:center;background:var(--color-error-bg);border-radius:8px;color:#dc2626;color:var(--color-error,#dc2626);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.delete-modal-title{color:var(--color-text-primary);flex:1 1;font-size:1.05rem;font-weight:600;margin:0;min-width:0;padding-top:.375rem}.delete-modal-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:.25rem 0 0;width:100%}.delete-modal-centered .delete-modal-header{align-items:center;flex-direction:column;text-align:center}.delete-modal-centered .delete-modal-icon{background:#ef444414;border-radius:50%;height:52px;margin-bottom:.25rem;width:52px}.delete-modal-centered .delete-modal-title{padding-top:0}.delete-modal-body{padding:1rem 1.25rem}.delete-modal-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:.875rem;margin-bottom:.875rem;padding:.625rem .875rem;word-break:break-word}.delete-modal-warning{align-items:center;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:6px;color:#dc2626;color:var(--color-error,#dc2626);display:flex;font-size:.75rem;gap:.5rem;margin-bottom:1rem;padding:.625rem .875rem}.delete-modal-warning svg{flex-shrink:0}.delete-modal-confirm{display:flex;flex-direction:column;gap:.375rem}.delete-modal-confirm label{color:var(--color-text-primary);font-size:.813rem}.delete-modal-confirm label strong{color:#dc2626;color:var(--color-error,#dc2626)}.delete-modal-confirm input{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-size:.875rem;padding:.5rem .75rem;transition:border-color .15s ease;width:100%}.delete-modal-confirm input:focus{border-color:#dc2626;border-color:var(--color-error,#dc2626);box-shadow:0 0 0 2px #dc26261a;outline:none}.delete-modal-confirm input:disabled{background:var(--color-surface);cursor:not-allowed}.delete-modal-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:6px;color:#dc2626;color:var(--color-error,#dc2626);font-size:.75rem;margin-top:.75rem;padding:.5rem .75rem}.delete-modal-footer{border-top:1px solid var(--color-border);display:flex;gap:.5rem;padding:1rem 1.25rem}.delete-modal-btn{border-radius:6px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .15s ease}.delete-modal-btn.cancel{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary)}.delete-modal-btn.cancel:hover:not(:disabled){background:var(--color-surface)}.delete-modal-btn.confirm{background:#dc2626;background:var(--color-error,#dc2626);border:none;color:#fff}.delete-modal-btn.confirm:hover:not(:disabled){opacity:.9}.delete-modal-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.delete-modal-body,.delete-modal-header{padding-left:1rem;padding-right:1rem}.delete-modal-footer{flex-direction:column-reverse;padding:1rem}}.confirm-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.confirm-modal{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 24px #00000026;max-width:420px;width:100%}.confirm-modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:.75rem;padding:1rem 1.25rem}.confirm-modal-icon{align-items:center;background:#2563eb14;background:var(--color-info-bg,#2563eb14);border-radius:8px;color:#2563eb;color:var(--color-accent,#2563eb);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.confirm-modal-title{color:var(--color-text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0}.confirm-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:background-color .15s ease;width:32px}.confirm-modal-close:hover{background:var(--color-surface);color:var(--color-text-primary)}.confirm-modal-body{padding:1.25rem}.confirm-modal-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1rem}.confirm-modal-changes{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.confirm-modal-change-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.75rem 1rem}.confirm-modal-change-item:last-child{border-bottom:none}.change-label{color:var(--color-text-secondary);font-size:.875rem}.change-value{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.confirm-modal-footer{border-top:1px solid var(--color-border);display:flex;gap:.5rem;padding:1rem 1.25rem}.confirm-modal-btn{border-radius:6px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .15s ease}.confirm-modal-btn.cancel{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary)}.confirm-modal-btn.cancel:hover:not(:disabled){background:var(--color-surface)}.confirm-modal-btn.confirm{background:#2563eb;background:var(--color-accent,#2563eb);border:none;color:#fff}.confirm-modal-btn.confirm:hover:not(:disabled){opacity:.9}.confirm-modal-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.confirm-modal{margin:.5rem}.confirm-modal-body,.confirm-modal-footer,.confirm-modal-header{padding:1rem}.confirm-modal-footer{flex-direction:column-reverse}}.schema-two-panel{border:1px solid var(--color-border);border-radius:8px;display:flex;height:500px;overflow:hidden}.schema-panel{background:var(--color-background);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.schema-panel:first-child{border-right:1px solid var(--color-border)}.schema-panel-header{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border);display:flex;gap:10px;padding:14px 16px}.schema-panel-title{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px}.schema-panel-count{color:var(--color-text-tertiary);font-size:12px}.schema-filter{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:12px 16px;position:relative}.schema-filter-icon{color:var(--color-text-tertiary);left:28px;position:absolute;top:50%;transform:translateY(-50%)}.schema-filter-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:14px;padding:8px 12px 8px 36px;transition:border-color .15s ease;width:100%}.schema-filter-input:focus{border-color:var(--schema-accent-color,var(--color-accent));box-shadow:0 0 0 2px #0f62fe1a;outline:none}.schema-filter-input::placeholder{color:var(--color-text-tertiary)}.schema-list{flex:1 1;min-height:0;overflow-y:auto}.schema-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .15s ease}.schema-item:last-child{border-bottom:none}.schema-item:hover{background-color:var(--color-surface)}.schema-item.active{background-color:var(--color-accent-light)}.schema-checkbox{accent-color:var(--color-text-tertiary);accent-color:var(--schema-accent-color,var(--color-text-tertiary));cursor:default;flex-shrink:0;height:18px;opacity:.6;pointer-events:none;width:18px}.schema-item-name{color:var(--color-text-primary);flex:1 1;font-size:14px;font-weight:400}.schema-item-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.schema-item-info .schema-item-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schema-item-meta{color:var(--color-text-tertiary);font-size:11px;margin-top:1px}.schema-item-chevron{color:var(--color-text-tertiary);flex-shrink:0}.schema-empty-panel{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:14px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.schema-list::-webkit-scrollbar{width:6px}.schema-list::-webkit-scrollbar-track{background:#0000}.schema-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.schema-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@media (max-width:768px){.schema-two-panel{flex-direction:column;height:auto;max-height:600px}.schema-panel:first-child{border-bottom:1px solid var(--color-border);border-right:none}.schema-panel{flex:none;height:300px}}.source-detail-page{background-color:var(--color-background)}.actions-dropdown{position:relative}.dropdown-menu{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-lg);margin-top:.5rem;min-width:160px;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background:var(--color-border)}.dropdown-item:first-child{border-radius:6px 6px 0 0}.dropdown-item:last-child{border-radius:0 0 6px 6px}.delete-confirm-modal{background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:400px;width:100%}.delete-confirm-modal .modal-header{background:var(--color-surface);border-bottom:2px solid var(--color-border);padding:1.5rem}.delete-confirm-modal .modal-header h3{color:var(--color-text-primary);font-weight:600;margin:0}.delete-confirm-modal .modal-content{padding:1.5rem}.delete-confirm-modal .modal-content p{color:var(--color-text-primary);margin:0 0 1rem}.delete-confirm-modal .modal-content .warning-text{color:var(--color-error);font-size:.875rem;font-weight:500}.delete-confirm-modal .modal-footer{background:var(--color-surface);border-top:2px solid var(--color-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.error-banner{border:2px solid var(--color-error-border);color:var(--color-error)}.connection-error-banner{align-items:flex-start;background:#fef2f2;background:var(--color-error-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--color-error-border,#fecaca);border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.connection-error-banner>svg{color:#dc2626;color:var(--color-error,#dc2626);flex-shrink:0;margin-top:2px}.error-banner-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.error-banner-content .error-code-badge{background:#dc262626;border-radius:4px;color:#dc2626;color:var(--color-error,#dc2626);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase;width:fit-content}.error-banner-content p{color:#374151;color:var(--color-text-primary,#374151);font-size:14px;line-height:1.5;margin:0}.connection-error-banner .banner-reauth{flex-shrink:0;margin-left:auto}.dismiss-error{color:var(--color-error)}.dismiss-error:hover{background-color:var(--color-error-border)}.source-detail-logo{border-radius:var(--radius-md);flex-shrink:0;height:48px;object-fit:contain;width:48px}.detail-info-text{flex:1 1}.source-detail-title{align-items:center;cursor:text;display:inline-flex;gap:8px}.source-detail-title-edit-btn{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:inline-flex;justify-content:center;opacity:0;padding:4px;transition:opacity .1s ease}.source-detail-title:hover .source-detail-title-edit-btn{opacity:1}.source-detail-title-edit-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.source-detail-title-edit{margin:0 0 var(--spacing-xs) 0}.source-detail-title-edit input{background:var(--color-background);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:24px;font-weight:600;max-width:360px;outline:none;padding:4px 10px;width:100%}.source-detail-title-edit input:disabled{opacity:.6}.detail-info h1{margin:0 0 var(--spacing-sm) 0}.info-row{gap:var(--spacing-md)}.sync-link-button{align-items:center;background:#0000;border:none;color:var(--color-accent);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.375rem;padding:0;text-decoration:none;transition:all .2s ease}.sync-link-button:hover:not(:disabled){color:var(--color-accent-dark);text-decoration:underline}.sync-link-button:disabled{cursor:not-allowed;opacity:.5}.sync-link-button svg{flex-shrink:0;vertical-align:middle}.hs-setup-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg)}.hs-setup-content{align-items:center;display:flex;gap:var(--spacing-lg)}.hs-setup-icon{align-items:center;background:#fff0ec;border-radius:var(--radius-md);color:#ff7a59;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}[data-theme=dark] .hs-setup-icon{background:#ff7a591f}@media (prefers-color-scheme:dark){[data-theme=auto] .hs-setup-icon{background:#ff7a591f}}.hs-setup-text{flex:1 1}.hs-setup-text h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 4px}.hs-setup-text p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.hs-setup-action{flex-shrink:0;text-decoration:none}.ga-reports-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;padding:var(--spacing-lg)}.ga-reports-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.ga-reports-title{align-items:center;display:flex;gap:10px;min-width:0}.ga-reports-title h3{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0}.ga-reports-count{color:var(--color-text-secondary);font-size:13px}.ga-reports-badge{align-items:center;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:999px;color:#15803d;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}[data-theme=dark] .ga-reports-badge{background:#22c55e29;border-color:#22c55e66;color:#4ade80}@media (prefers-color-scheme:dark){[data-theme=auto] .ga-reports-badge{background:#22c55e29;border-color:#22c55e66;color:#4ade80}}.ga-reports-edit{align-items:center;color:var(--color-accent);display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;gap:2px;text-decoration:none}.ga-reports-edit:hover{text-decoration:underline}.ga-reports-chips{display:flex;flex-wrap:wrap;gap:6px}.ga-reports-chip{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-primary);display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.ga-reports-chip.is-more{background:#0000;border-style:dashed;color:var(--color-text-secondary)}.ga-reports-footer{align-items:center;border-top:1px solid var(--color-border);color:var(--color-text-secondary);display:inline-flex;font-size:11px;gap:5px;padding-top:8px}.ga-reports-footer svg{flex-shrink:0}@media (max-width:480px){.ga-reports-header{align-items:flex-start;flex-direction:column;gap:8px}}.hs-config-summary{align-items:center;display:flex;justify-content:space-between}.hs-config-stats{align-items:center;display:flex;gap:var(--spacing-sm)}.hs-config-stat{color:var(--color-text-primary);font-size:14px;font-weight:500}.hs-config-separator{color:var(--color-text-secondary)}.hs-config-edit{color:var(--color-accent);font-size:14px;font-weight:500;text-decoration:none}.hs-config-edit:hover{text-decoration:underline}@media (max-width:480px){.hs-setup-content{flex-direction:column;text-align:center}.hs-config-summary{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}.edit-settings-button,.reauthorize-button{align-items:center;background:var(--color-accent);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.375rem;margin-left:auto;padding:.5rem 1rem;transition:all .2s ease}.edit-settings-button{background:var(--color-text-secondary)}.edit-settings-button:hover{background:var(--color-text-tertiary)}.reauthorize-button:hover:not(:disabled){background:var(--color-accent-dark)}.reauthorize-button:disabled{cursor:not-allowed;opacity:.5}.detail-tabs{border-bottom:2px solid var(--color-border);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.detail-tabs .tab{margin-bottom:-2px;padding:var(--spacing-md) 0}.tab-list{display:flex;gap:var(--spacing-xl)}.tab-button{background:none;border:none;border-bottom:2px solid #0000;padding:var(--spacing-md) 0}.tab-button.active{border-bottom-color:var(--color-accent);color:var(--color-accent)}.overview-tab{display:flex;flex-direction:column;gap:var(--spacing-xl)}.sync-volume-section{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.sync-volume-section h3{color:var(--color-primary);font-size:18px;font-weight:600;margin:0 0 var(--spacing-md) 0}.sync-stats{margin-bottom:var(--spacing-lg)}.stat-item{align-items:baseline;display:flex;gap:var(--spacing-sm)}.stat-value{color:var(--color-primary);font-size:24px;font-weight:600}.stat-label{font-size:14px}.chart-container{margin-top:var(--spacing-lg)}.sync-history-section{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.sync-history-section h3{color:var(--color-primary);font-size:18px;font-weight:600;margin:0 0 var(--spacing-lg) 0}.sync-history-table{border-collapse:collapse;width:100%}.sync-history-table th{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.sync-history-table td,.sync-history-table th{border-bottom:1px solid var(--color-border);padding:var(--spacing-md)}.sync-history-table td{font-size:14px}.sync-history-table tr:last-child td{border-bottom:none}.sync-status{align-items:center;display:flex;font-weight:500;gap:var(--spacing-xs)}.sync-status--completed,.sync-status--success{color:var(--color-success)}.sync-status--partial{color:var(--color-warning)}.sync-status--error,.sync-status--failed{color:var(--color-error)}.sync-status--running{color:var(--color-accent)}.sync-status--pending{color:var(--color-text-secondary)}.sync-progress-info{display:flex;flex-direction:column;gap:2px}.sync-progress-text{font-size:13px;font-weight:500}.sync-progress-detail{color:var(--color-text-secondary);font-size:12px;font-weight:400}.live-record-count{color:var(--color-accent);font-weight:500}.error-code-mini{background:#dc26261a;border-radius:4px;color:#dc2626;color:var(--color-error,#dc2626);font-size:10px;font-weight:600;letter-spacing:.3px;margin-left:8px;padding:2px 6px;text-transform:uppercase}.schema-section{background-color:var(--color-background)}.schema-description{color:var(--color-text-secondary);font-size:13px;margin:0 0 var(--spacing-md) 0}.schema-tables{display:flex;flex-direction:column;gap:var(--spacing-xl)}.schema-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-lg)}.schema-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.schema-table h4{color:var(--color-primary);font-size:16px;font-weight:600;margin:0}.table-row-count{color:var(--color-text-secondary);font-size:14px;font-weight:500}.schema-columns-table{border-collapse:collapse;width:100%}.schema-columns-table thead th{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase}.schema-columns-table tbody td,.schema-columns-table thead th{border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md)}.schema-columns-table tbody td{font-size:14px}.schema-columns-table tbody tr:last-child td{border-bottom:none}.schema-columns-table .column-name{color:var(--color-text-primary);font-family:Monaco,Menlo,monospace;font-weight:500}.schema-columns-table .column-type{color:var(--color-text-secondary);font-family:Monaco,Menlo,monospace}.settings-group{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg)}.settings-group h3{color:var(--color-primary);font-size:18px;font-weight:600;margin:0 0 var(--spacing-lg) 0}.settings-item{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.settings-item:last-child{margin-bottom:0}.settings-item label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.settings-input,.settings-select{background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.settings-input:focus,.settings-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #0f62fe1a;outline:none}.settings-input[readonly]{background-color:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed}.settings-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.danger-zone{background-color:var(--color-error-bg);border:2px solid var(--color-error-border)}.danger-zone h3{color:var(--color-error)}.danger-actions{align-items:center;gap:var(--spacing-lg);justify-content:space-between}.danger-description{flex:1 1}.danger-description strong{color:var(--color-error);display:block;font-size:14px;margin-bottom:var(--spacing-xs)}.danger-description p{color:var(--color-text-secondary);font-size:13px;margin:0}.form-group{gap:var(--spacing-sm)}.sync-info-box{grid-gap:var(--spacing-md);background:var(--color-info-bg);border:2px solid var(--color-info-border);border-radius:var(--radius-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.sync-info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sync-info-label{color:var(--color-accent);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sync-info-value{color:var(--color-text-primary);font-size:16px;font-weight:600}.settings-help-text{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:var(--spacing-xs) 0 0 0}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-sm);-webkit-user-select:none;user-select:none}.settings-checkbox{accent-color:var(--color-accent);cursor:pointer;height:18px;width:18px}.success-message{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-sm);color:var(--color-success);margin-top:var(--spacing-md);padding:var(--spacing-md)}.form-group label{color:var(--color-text-primary)}.form-input,.form-select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.form-input:focus,.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #0f62fe1a;outline:none}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-md)}.toggle-input{display:none}.toggle-switch{background-color:var(--color-border);border-radius:12px;height:24px;position:relative;transition:background-color .2s ease;width:44px}.toggle-switch:after{background-color:#fff;border-radius:50%;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.toggle-input:checked+.toggle-switch{background-color:var(--color-accent)}.toggle-input:checked+.toggle-switch:after{transform:translateX(20px)}.toggle-text{color:var(--color-text-primary);font-weight:500}.form-actions{margin-top:var(--spacing-md)}.form-actions,.schema-container{display:flex;gap:var(--spacing-md)}.schema-container{flex-direction:column}.schema-table-box{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;transition:all .2s ease}.schema-table-box:hover{box-shadow:0 1px 3px #00000014}.schema-table-box.expanded{box-shadow:0 2px 6px #0000001a}.schema-box-content{align-items:flex-start;display:flex;transition:all .2s ease}.table-name-section{align-items:center;align-self:stretch;background:var(--color-background);cursor:pointer;display:flex;flex:1 1;gap:12px;min-width:0;padding:14px 18px;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.schema-table-box.expanded .table-name-section{align-self:flex-start;background-color:var(--color-surface);border-right:1px solid var(--color-border);flex:0 0 380px}.table-name-section:hover{background-color:var(--color-surface)}.chevron-icon{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .2s ease,color .15s ease}.chevron-icon.rotated{color:var(--color-accent);transform:rotate(90deg)}.table-name{flex:1 1;font-family:Monaco,Courier New,monospace;font-size:14px}.schema-table-box.expanded .table-name,.table-name{color:var(--color-text-primary);font-weight:500}.columns-section{animation:slideIn .25s ease;background-color:var(--color-background);flex:1 1;min-width:0}@keyframes slideIn{0%{opacity:0}to{opacity:1}}.columns-list{max-height:500px;overflow-y:auto;padding:6px 0}.column-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:10px 18px;transition:background-color .12s ease}.column-item:last-child{border-bottom:none}.column-item:hover{background-color:var(--color-surface)}.col-name{color:var(--color-text-primary);font-size:13px;font-weight:400}.col-name,.col-type{font-family:Monaco,Courier New,monospace}.col-type{background-color:var(--color-surface);border-radius:3px;color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.columns-list::-webkit-scrollbar{width:5px}.columns-list::-webkit-scrollbar-track{background:#0000}.columns-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.columns-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.connection-errors-section{background-color:var(--color-error-bg);border:2px solid var(--color-error-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.connection-errors-section h3{align-items:center;color:var(--color-error);display:flex;font-size:16px;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0}.errors-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.error-item{background:var(--color-background);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);padding:var(--spacing-md)}.error-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.error-type-badge{border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.error-time{color:var(--color-text-secondary);font-size:12px}.error-message{color:var(--color-text-primary);font-size:14px;max-height:4.5em;overflow:hidden;word-break:break-word}.error-message,.error-resolution{line-height:1.5;margin:0 0 var(--spacing-sm) 0}.error-resolution{background:var(--color-surface);border-radius:4px;color:var(--color-text-secondary);font-size:13px;padding:var(--spacing-sm)}.error-resolution strong{color:var(--color-text-primary)}.sync-history-table tr.clickable{cursor:pointer;transition:background-color .15s ease}.sync-history-table tr.clickable:hover td{background:var(--color-surface)}.view-error-hint{color:var(--color-error);display:block;font-size:11px;margin-top:4px;opacity:.8}.slider-overlay{background:#0000004d;left:0;z-index:999}.slider-overlay,.sync-detail-slider{bottom:0;position:fixed;right:0;top:0}.sync-detail-slider{animation:sliderSlideIn .2s ease;background:var(--color-background);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;max-width:90vw;width:420px;z-index:1000}@keyframes sliderSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.slider-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px 20px}.slider-header-title{align-items:center;display:flex;gap:12px}.slider-source-logo{height:24px;object-fit:contain;width:24px}.slider-header h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.slider-close{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;padding:4px;transition:all .15s ease}.slider-close:hover{background:var(--color-border);color:var(--color-text-primary)}.slider-content{flex:1 1;overflow-y:auto;padding:20px}.slider-section{margin-bottom:24px}.slider-section h4{color:var(--color-text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.slider-row{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:10px 0}.slider-row:last-child{border-bottom:none}.slider-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.slider-value{color:var(--color-text-primary);font-size:13px;text-align:right}.slider-section.error-section{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:8px;margin-top:8px;padding:16px}.slider-section.error-section h4{color:var(--color-error);margin-bottom:8px}.slider-error-code{background:#dc262626;border-radius:4px;color:#dc2626;color:var(--color-error,#dc2626);display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:2px 8px;text-transform:uppercase}.error-detail-box{color:var(--color-error);font-size:13px;line-height:1.5;word-break:break-word}.fix-section{border-top:1px solid var(--color-error-border);margin-top:12px;padding-top:12px}.fix-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:0;transition:color .15s ease}.fix-toggle,.fix-toggle:hover{color:var(--color-error)}.fix-chevron{transition:transform .2s ease}.fix-chevron.expanded{transform:rotate(90deg)}.fix-content{background:var(--color-error-bg);border-radius:6px;color:var(--color-error);font-size:13px;line-height:1.5;margin-top:10px;padding:12px}.fix-content.visible-by-default{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success);margin-top:0}.resolution-section{border-top:1px solid var(--color-error-border);margin-top:12px;padding-top:12px}.resolution-title{color:var(--color-success)!important;margin-bottom:8px!important}.resolution-box{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:8px;padding:12px 16px}.resolution-box p{color:var(--color-success);font-size:13px;line-height:1.5;margin:0}.sync-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.sync-history-header h3{color:var(--color-primary);font-size:18px;font-weight:600;margin:0}.sync-history-count{color:var(--color-text-secondary);font-size:13px;font-weight:500}.pagination-btn:hover:not(:disabled){border-color:var(--color-border)}.sync-time-picker{width:140px}input[type=time].settings-input{cursor:pointer}input[type=time].settings-input::-webkit-calendar-picker-indicator{cursor:pointer}.sync-time-tooltip{align-items:center;cursor:pointer;display:inline-flex;margin-right:var(--spacing-xs);position:relative}.sync-time-tooltip .time-icon{color:var(--color-text-secondary);transition:color .15s ease}.sync-time-tooltip:hover .time-icon{color:var(--color-accent)}.sync-time-tooltip:after{background:#1f2937;border-radius:4px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;margin-bottom:4px;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .1s ease,visibility .1s ease;visibility:hidden;white-space:nowrap;z-index:1000}.sync-time-tooltip:hover:after{opacity:1;visibility:visible}.technical-details{font-size:13px;margin-top:12px}.technical-details summary{color:var(--color-text-secondary);cursor:pointer;font-weight:500;padding:4px 0;-webkit-user-select:none;user-select:none}.technical-details summary:hover{color:var(--color-accent)}.technical-details[open] summary{margin-bottom:8px}.raw-error{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-family:Monaco,Menlo,monospace;font-size:12px;margin:0;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.destinations-page{background-color:var(--color-background)}.destinations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.destinations-header h1{color:var(--color-primary);font-size:28px;font-weight:600;margin:0}.destinations-controls{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.search-container{flex:1 1;max-width:400px;min-width:280px;position:relative}.search-input{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 36px;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #0f62fe1a;outline:none}.search-icon{color:var(--color-text-secondary);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.filter-dropdowns{display:flex;gap:var(--spacing-md)}.filter-dropdown{position:relative}.filter-select{appearance:none;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:14px;min-width:120px;padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.filter-select:focus,.filter-select:hover{border-color:var(--color-accent)}.filter-select:focus{box-shadow:0 0 0 2px #0f62fe1a;outline:none}.dropdown-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.destinations-count{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin-left:auto}.destinations-table-container{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.destinations-table{border-collapse:collapse;width:100%}.destinations-table thead{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.destinations-table th{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.destinations-table tbody tr{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .15s ease}.destinations-table tbody tr:last-child{border-bottom:none}.destinations-table tbody tr:hover{background-color:var(--color-surface)}.destinations-table td{font-size:14px;padding:var(--spacing-md)}.destination-info{align-items:center;display:flex;gap:var(--spacing-md)}.destination-info>div{display:flex;flex-direction:column;gap:2px}.destination-icon{font-size:14px;height:32px;width:32px}.destination-icon,.destination-icon-small{align-items:center;border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;font-weight:600;justify-content:center}.destination-icon-small{font-size:10px;height:24px;width:24px}.destination-icon-large{align-items:center;border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.destination-icon-img{flex-shrink:0}.destination-name{color:var(--color-text-primary);font-weight:500}.destination-subtitle{color:var(--color-text-secondary);font-size:12px}.destination-name-cell{min-width:200px}.destination-type-cell{font-family:monospace;font-size:12px}.destination-connection,.destination-type-cell{color:var(--color-text-secondary)}.destination-config{max-width:200px}.config-value{display:block;font-family:monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-value,.created-date{color:var(--color-text-secondary)}.created-date{font-size:13px}.destinations-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.destination-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-lg);transition:border-color .2s ease,box-shadow .2s ease}.destination-card:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000000f}.destination-card-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.destination-card-info h3{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.destination-type{color:var(--color-text-secondary);font-size:13px;margin:0}.destination-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.destination-detail{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.destination-detail:last-of-type{border-bottom:none}.detail-label{color:var(--color-text-secondary);font-size:13px}.detail-value{color:var(--color-text-primary);font-size:13px}.destination-status{border-top:1px solid var(--color-border);margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.destinations-list{background-color:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1px;overflow:hidden}.destination-list-item{align-items:center;background-color:var(--color-background);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .15s ease}.destination-list-item:hover{background-color:var(--color-surface)}.destination-list-left{align-items:center;display:flex;flex:1 1;gap:var(--spacing-md);min-width:0}.destination-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.destination-list-name{color:var(--color-text-primary);font-size:14px;font-weight:500}.destination-list-name,.destination-list-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.destination-list-type{color:var(--color-text-secondary);font-size:12px}.destination-list-center{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-lg)}.destination-list-config{color:var(--color-text-secondary);font-family:monospace;font-size:12px}.destination-list-right{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-md);margin-left:var(--spacing-lg)}.destination-list-created{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:var(--spacing-xs)}.empty-state,.error-state,.loading-state{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.empty-state p,.error-state p,.loading-state p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.error-state p{margin-bottom:var(--spacing-md)}.empty-state h3{font-size:16px}.empty-icon{color:var(--color-text-tertiary)}@media (max-width:1024px){.destinations-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.destinations-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.destinations-header h1{font-size:24px}.destinations-controls{padding:var(--spacing-md)}.control-row{flex-wrap:wrap}.search-container{max-width:none;min-width:100%;width:100%}.destinations-count{margin-left:0;margin-top:var(--spacing-sm);text-align:center;width:100%}.destinations-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.destinations-table{min-width:600px}.destinations-table td,.destinations-table th{font-size:13px;padding:var(--spacing-sm) var(--spacing-md)}.destinations-grid{gap:var(--spacing-md);grid-template-columns:1fr}.destination-list-item{flex-wrap:wrap;gap:var(--spacing-md)}.destination-list-center{justify-content:flex-start;order:3;width:100%}.destination-list-right{margin-left:0}}@media (max-width:480px){.destinations-header h1{font-size:20px}.destination-card{padding:var(--spacing-md)}.destination-card-info h3{font-size:16px}.empty-state,.error-state,.loading-state{min-height:200px;padding:var(--spacing-xl) var(--spacing-md)}}.pagination-btn:hover:not(:disabled){border-color:#d1d5db}.page{background-color:var(--color-background)}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{color:var(--color-primary);font-size:28px;font-weight:600;margin:0 0 var(--spacing-sm) 0}.page-header p{color:var(--color-text-secondary);font-size:16px;line-height:1.5;margin:0}.page-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.empty-state{color:var(--color-text-secondary);margin:0 auto;max-width:400px;padding:var(--spacing-xl) 0}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.empty-state h3{font-size:20px;font-weight:600;margin:0 0 var(--spacing-sm) 0}.empty-state p{margin:0}.team-settings-header{align-items:flex-start;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.team-header-content{align-items:center;display:flex;gap:1rem}.team-header-icon{align-items:center;background:var(--color-accent-light);border-radius:12px;color:var(--color-accent);display:flex;justify-content:center;padding:.75rem}.team-header-text h2{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.team-header-text p{color:var(--color-text-secondary);font-size:1rem;font-weight:500;margin:0}.team-invite-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 15px -3px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.team-invite-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px -5px #3b82f666;transform:translateY(-2px)}.team-overview{margin-bottom:2rem}.team-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.team-stat-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all .2s ease}.team-stat-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.team-stat-icon{align-items:center;background:var(--color-accent-light);border-radius:var(--radius-md);color:var(--color-accent);display:flex;justify-content:center;padding:var(--spacing-sm)}.team-stat-content{display:flex;flex-direction:column}.team-stat-number{color:var(--color-primary);font-size:24px;font-weight:600;margin-bottom:var(--spacing-xs)}.team-stat-label{color:var(--color-text-secondary);font-size:12px;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.team-content{margin-bottom:2rem}.team-info-section{margin-top:2rem}.team-info-card{align-items:flex-start;background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;display:flex;gap:1.5rem;padding:2rem}.team-info-icon{align-items:center;background:var(--color-accent-light);border-radius:12px;color:var(--color-accent);display:flex;flex-shrink:0;justify-content:center;padding:1rem}.team-info-content h4{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 1rem}.team-info-content p{color:var(--color-text-secondary);font-size:1rem;font-weight:500;line-height:1.6;margin:0 0 1.5rem}.team-features{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.team-feature{align-items:center;color:var(--color-success);display:flex;font-size:.875rem;font-weight:600;padding:.5rem 0}@media (max-width:768px){.team-settings-header{align-items:stretch;flex-direction:column;gap:1rem}.team-stats{grid-template-columns:1fr}.team-info-card{flex-direction:column;padding:1.5rem}.team-features{grid-template-columns:1fr}}.card,.page-container{background-color:var(--color-background)}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card h3{color:var(--color-primary);font-size:18px;font-weight:600;margin:0 0 var(--spacing-md) 0}.card p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.catalog-page{background-color:var(--color-background)}.catalog-header{margin-bottom:var(--spacing-xl)}.catalog-header h1{color:var(--color-primary);font-size:32px;font-weight:600;letter-spacing:-.02em;margin:0 0 var(--spacing-sm) 0}.catalog-header p{color:var(--color-text-secondary);font-size:15px;line-height:1.5;margin:0}.catalog-filters{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.catalog-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.catalog-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.tab-button{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease;white-space:nowrap}.tab-button:hover{background-color:var(--color-surface);border-color:var(--color-accent);color:var(--color-text-primary)}.tab-button.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.catalog-search{flex:1 1;min-width:280px;position:relative}.catalog-search .search-input{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:14px;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;transition:all .2s ease;width:100%}.catalog-search .search-input::placeholder{color:var(--color-text-secondary)}.catalog-search .search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0f62fe1a;outline:none}.catalog-search .search-icon{color:var(--color-text-secondary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.catalog-sort,.sort-toggle-button{align-items:center;display:flex}.sort-toggle-button{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:13px;font-weight:500;gap:6px;justify-content:center;min-width:72px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.sort-toggle-button:hover{background-color:var(--color-surface);border-color:var(--color-accent);color:var(--color-text-primary)}.sort-toggle-button:active{transform:scale(.98)}.sort-label{font-size:13px;letter-spacing:.02em}.sort-toggle-button svg{color:var(--color-text-secondary);transition:color .2s ease}.sort-toggle-button:hover svg{color:var(--color-accent)}.catalog-view-toggle{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;gap:0;padding:2px}.view-toggle-button{align-items:center;background:none;border:none;border-radius:calc(var(--radius-sm) - 2px);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.view-toggle-button:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.view-toggle-button.active{background-color:var(--color-accent);color:#fff}.catalog-content .empty-state,.catalog-content .error-state,.catalog-content .loading-state{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;min-height:320px;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.catalog-content .empty-state p,.catalog-content .error-state p,.catalog-content .loading-state p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.catalog-content .empty-state h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.catalog-content .empty-state .empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--spacing-md)}.catalog-content .error-state p,.loading-spinner{margin-bottom:var(--spacing-md)}.loading-spinner{animation:spin 1s linear infinite;color:var(--color-accent)}.catalog-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:2px}.catalog-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg);transition:border-color .2s ease,box-shadow .2s ease}.catalog-card:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000000f}.catalog-card.disabled{opacity:.5}.catalog-card.disabled:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.catalog-card-header{align-items:flex-start;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);position:relative}.catalog-source-icon,.catalog-source-logo{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.catalog-card-title{flex:1 1;min-width:0}.catalog-card-title h3{color:var(--color-text-primary);font-size:17px;font-weight:600;line-height:1.3;margin:0 0 var(--spacing-xs) 0}.catalog-card-category{background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:inline-block;font-size:12px;padding:3px 8px}.api-key-badge,.oauth-badge,.password-badge,.token-badge{border-radius:var(--radius-sm);font-size:10px;font-weight:500;letter-spacing:.03em;padding:3px 8px;position:absolute;right:0;text-transform:uppercase;top:0}.oauth-badge{background-color:var(--color-accent-light);color:var(--color-accent)}.api-key-badge{background-color:#05966914;color:#059669}.token-badge{background-color:#d9770614;color:#d97706}.password-badge{background-color:#7c3aed14;color:#7c3aed}.custom-badge{background-color:#6b728014;color:#6b7280}.default-badge{color:var(--color-text-tertiary)}.catalog-table td .api-key-badge,.catalog-table td .custom-badge,.catalog-table td .default-badge,.catalog-table td .oauth-badge,.catalog-table td .password-badge,.catalog-table td .token-badge{position:static}.catalog-card-description{color:var(--color-text-secondary);flex:1 1;font-size:14px;line-height:1.6;margin:0}.catalog-table-container{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.catalog-table{border-collapse:collapse;width:100%}.catalog-table thead{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.catalog-table th{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;padding:var(--spacing-md) var(--spacing-lg);text-align:left;text-transform:uppercase;white-space:nowrap}.catalog-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.catalog-table tbody tr:last-child{border-bottom:none}.catalog-table tbody tr:hover{background-color:var(--color-surface)}.catalog-table tbody tr.disabled{opacity:.5}.catalog-table tbody tr.disabled:hover{background-color:initial}.catalog-table td{color:var(--color-text-primary);font-size:14px;padding:var(--spacing-md) var(--spacing-lg);vertical-align:middle}.catalog-table-name{min-width:200px}.catalog-table-name-content{align-items:center;display:flex;font-weight:500;gap:var(--spacing-sm)}.catalog-table-icon,.catalog-table-logo{border-radius:var(--radius-sm);flex-shrink:0;height:32px;width:32px}.catalog-table-description{color:var(--color-text-secondary);line-height:1.5;max-width:500px}.catalog-pagination-controls{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-lg) 0 var(--spacing-sm) 0}.catalog-pagination-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease}.catalog-pagination-btn:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-accent)}.catalog-pagination-btn:disabled{background:var(--color-surface);cursor:not-allowed;opacity:.5}.catalog-pagination-info{color:var(--color-text-secondary);font-size:13px;font-weight:500;min-width:100px;text-align:center}@media (max-width:1024px){.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.catalog-table-description{max-width:300px}}@media (max-width:768px){.catalog-header h1{font-size:24px}.catalog-filters{padding:var(--spacing-md)}.catalog-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;width:100%}.catalog-tabs::-webkit-scrollbar{display:none}.tab-button{font-size:13px;padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.catalog-controls{flex-direction:column;gap:var(--spacing-sm);width:100%}.catalog-search{min-width:100%;order:1;width:100%}.catalog-sort{order:2}.catalog-view-toggle{order:3}.catalog-sort,.catalog-view-toggle{flex-shrink:0}.catalog-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.catalog-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.catalog-table{min-width:600px}.catalog-table td,.catalog-table th{font-size:13px;padding:var(--spacing-sm) var(--spacing-md)}.catalog-table-description{font-size:12px;max-width:200px}.api-key-badge,.oauth-badge,.password-badge,.token-badge{font-size:9px;padding:2px 6px}.catalog-pagination-controls{gap:var(--spacing-sm);padding:var(--spacing-md) 0 var(--spacing-xs) 0}.catalog-pagination-btn{font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}.catalog-pagination-info{font-size:12px;min-width:80px}}@media (max-width:600px){.catalog-controls{flex-direction:row;flex-wrap:wrap}.catalog-search{order:1;width:100%}.catalog-sort{flex:1 1;order:2}.catalog-view-toggle{order:3}.sort-toggle-button{width:100%}.catalog-grid{grid-template-columns:1fr}}@media (max-width:480px){.catalog-header{margin-bottom:var(--spacing-lg)}.catalog-header h1{font-size:20px}.catalog-header p{font-size:13px}.catalog-filters{gap:var(--spacing-sm)}.catalog-card{padding:var(--spacing-md)}.catalog-source-icon,.catalog-source-logo{height:40px;width:40px}.catalog-card-title h3{font-size:15px}.catalog-card-description{font-size:13px}.catalog-content .empty-state,.catalog-content .error-state,.catalog-content .loading-state{min-height:240px;padding:var(--spacing-xl) var(--spacing-md)}}.connection-name-input{margin-bottom:20px}.connection-name-input .input-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.connection-name-input label{color:var(--color-text-primary);font-size:14px;font-weight:600}.connection-name-input .required{color:var(--color-error)}.connection-name-input .btn-suggestion{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s}.connection-name-input .btn-suggestion:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.connection-name-input .input{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;padding:12px;transition:all .2s;width:100%}.connection-name-input .input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #667eea1a;outline:none}.connection-name-input .input.error{border-color:var(--color-error)}.connection-name-input .input.error:focus{box-shadow:0 0 0 3px #ef44441a}.connection-name-input .input.warning{border-color:var(--color-warning)}.connection-name-input .input.warning:focus{box-shadow:0 0 0 3px #f59e0b1a}.connection-name-input .char-count{color:var(--color-text-secondary);font-size:12px;margin-top:4px;text-align:right}.connection-name-input .validation-messages{border-radius:8px;font-size:13px;margin-top:8px;padding:12px}.connection-name-input .validation-messages.errors{background:var(--color-error-bg);border:1px solid var(--color-error-border)}.connection-name-input .validation-messages.warnings{background:var(--color-warning-bg);border:1px solid var(--color-warning-text)}.connection-name-input .message{align-items:flex-start;display:flex;gap:8px;margin-bottom:6px}.connection-name-input .message:last-child{margin-bottom:0}.connection-name-input .message.error{color:var(--color-error)}.connection-name-input .message.warning{color:var(--color-warning-text)}.connection-name-input .table-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:16px;padding:16px}.connection-name-input .preview-label{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.connection-name-input .preview-name{background:#1f2937;border-radius:6px;color:#10b981;display:block;font-family:Monaco,Courier New,monospace;font-size:13px;margin-bottom:8px;padding:12px;word-break:break-all}.connection-name-input .preview-note{color:var(--color-text-secondary);font-size:11px}.connection-name-input .preview-note code{background:var(--color-border);border-radius:4px;font-size:11px;padding:2px 6px}.connection-name-input .naming-guidelines{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;margin-top:16px;padding:12px}.connection-name-input .naming-guidelines summary{border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-weight:600;padding:4px;transition:background .2s;-webkit-user-select:none;user-select:none}.connection-name-input .naming-guidelines summary:hover{background:var(--color-surface)}.connection-name-input .guidelines-content{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.connection-name-input .tip{background:var(--color-info-bg);border-left:3px solid var(--color-accent);border-radius:6px;color:var(--color-accent);font-size:13px;margin-bottom:16px;padding:12px}.connection-name-input .examples{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:768px){.connection-name-input .examples{grid-template-columns:1fr}}.connection-name-input .bad-examples,.connection-name-input .good-examples{border-radius:8px;padding:12px}.connection-name-input .good-examples{background:var(--color-success-bg);border:1px solid var(--color-success-border)}.connection-name-input .bad-examples{background:var(--color-error-bg);border:1px solid var(--color-error-border)}.connection-name-input .bad-examples strong,.connection-name-input .good-examples strong{display:block;font-size:13px;margin-bottom:12px}.connection-name-input .good-examples strong{color:var(--color-success)}.connection-name-input .bad-examples strong{color:var(--color-error)}.connection-name-input .examples ul{list-style:none;margin:0;padding:0}.connection-name-input .examples li{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.connection-name-input .examples li code{background:var(--color-background);border-radius:4px;flex:1 1;font-size:12px;padding:4px 8px}.connection-name-input .btn-use-example{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 12px;transition:all .2s;white-space:nowrap}.connection-name-input .btn-use-example:hover{background:#059669;transform:translateY(-1px)}.connection-name-input .reason{color:var(--color-text-secondary);font-size:11px;font-style:italic}.source-setup{--theme-color:#1a73e8;--theme-color-hover:color-mix(in srgb,var(--theme-color) 85%,#000);--theme-color-active:color-mix(in srgb,var(--theme-color) 70%,#000);--theme-color-light:color-mix(in srgb,var(--theme-color) 15%,var(--color-background));--theme-color-lighter:color-mix(in srgb,var(--theme-color) 8%,var(--color-background));align-items:flex-start;display:flex;justify-content:center;min-height:calc(100vh - 140px);padding:40px 20px}.source-setup .setup-container{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;box-sizing:border-box;max-width:540px;padding:40px;width:100%}.source-setup .setup-container::-webkit-scrollbar{width:8px}.source-setup .setup-container::-webkit-scrollbar-track{background:var(--color-surface)}.source-setup .setup-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.source-setup .setup-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.source-setup .setup-content{box-sizing:border-box;max-width:100%;padding:0}.source-setup .setup-header{border-bottom:1px solid var(--color-border);margin-bottom:32px;padding-bottom:24px;text-align:center}.source-setup .setup-header h2{color:var(--color-text-primary);font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0 0 12px}.source-setup .setup-header p{color:var(--color-text-secondary);font-size:15px;line-height:1.6;margin:0 auto;max-width:400px}.source-setup .oauth-section{margin:0;max-width:100%;text-align:center}.source-setup .oauth-benefits{background:var(--theme-color-lighter);border:1px solid var(--theme-color-light);border-radius:10px;margin-bottom:28px;padding:24px;text-align:left}.source-setup .oauth-benefits h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:0;margin:0 0 16px}.source-setup .oauth-benefits h3:before{background:var(--theme-color);border-radius:2px;content:"";height:16px;width:4px}.source-setup .oauth-benefits ul{list-style:none;margin:0;padding:0}.source-setup .oauth-benefits li{align-items:flex-start;color:var(--color-text-primary);display:flex;font-size:14px;gap:12px;line-height:1.5;margin-bottom:12px}.source-setup .oauth-benefits li:last-child{margin-bottom:0}.source-setup .oauth-benefits li svg{background:var(--color-success-bg);border-radius:50%;color:var(--color-success);flex-shrink:0;margin-top:2px;padding:3px}.source-setup .oauth-button{align-items:center;background:var(--theme-color);border:none;border-radius:8px;box-shadow:0 1px 3px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:10px;justify-content:center;margin:0 0 20px;max-width:100%;overflow:hidden;padding:14px 24px;position:relative;transition:all .2s ease;width:100%}.source-setup .oauth-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.source-setup .oauth-button:hover:before{left:100%}.source-setup .oauth-button:hover:not(:disabled){background:var(--theme-color-hover);box-shadow:0 4px 12px #00000040;transform:translateY(-1px)}.source-setup .oauth-button:active{background:var(--theme-color-active);transform:translateY(0)}.source-setup .oauth-button:disabled{background:var(--color-border);box-shadow:none;color:var(--color-text-tertiary);cursor:not-allowed;transform:none}.source-setup .oauth-button svg{transition:transform .3s ease}.source-setup .oauth-button:hover:not(:disabled) svg{transform:rotate(15deg) scale(1.1)}.source-setup .oauth-disclaimer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:13px;line-height:1.6;margin:0;padding:14px 16px;text-align:center}.source-setup .setup-form{max-width:none}.source-setup .form-group{margin-bottom:24px}.source-setup .form-group label{color:var(--color-text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.source-setup .form-group input{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-sizing:border-box;color:var(--color-text-primary);font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.source-setup .form-group input:hover{border-color:var(--color-text-tertiary)}.source-setup .form-group input:focus{border-color:var(--theme-color);box-shadow:0 0 0 3px var(--theme-color-lighter);outline:none}.source-setup .form-group small{color:var(--color-text-secondary);display:block;font-size:12px;margin-top:6px}.source-setup .account-selection{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;display:flex;flex-direction:column;max-height:400px;overflow:hidden;overflow-y:auto}.source-setup .account-selection::-webkit-scrollbar{width:8px}.source-setup .account-selection::-webkit-scrollbar-track{background:var(--color-surface)}.source-setup .account-selection::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.source-setup .account-selection::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.source-setup .detected-accounts{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;padding:12px 16px}.source-setup .detected-accounts h4{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.source-setup .accounts-list{flex:1 1;max-height:280px;overflow-y:auto}.source-setup .accounts-list::-webkit-scrollbar{width:8px}.source-setup .accounts-list::-webkit-scrollbar-track{background:var(--color-background)}.source-setup .accounts-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.source-setup .accounts-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.source-setup .account-option{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .15s ease}.source-setup .account-option:last-child{border-bottom:none}.source-setup .account-option:hover{background:var(--theme-color-lighter)}.source-setup .account-option.selected{background:var(--theme-color-light);border-left:3px solid var(--theme-color)}.source-setup .account-option input[type=radio]{accent-color:var(--theme-color);cursor:pointer;flex-shrink:0;height:18px;margin:0;width:18px}.source-setup .account-info{flex:1 1;min-width:0}.source-setup .account-name{color:var(--color-text-primary);font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-setup .account-id{color:var(--color-text-secondary);font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.source-setup .account-badge,.source-setup .inactive-badge{border-radius:4px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:4px;padding:3px 8px;text-transform:uppercase}.source-setup .account-badge.inactive{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.source-setup .account-badge.manager{background:var(--color-warning-bg);border:1px solid var(--color-warning-text);color:var(--color-warning-text)}.source-setup .account-badge.info{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-accent)}.source-setup .account-radio{margin-left:12px}.source-setup .account-radio input[type=radio]{accent-color:var(--theme-color);cursor:pointer;height:18px;width:18px}.source-setup .account-confirmation{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.source-setup .account-confirmation .account-info{flex:1 1}.source-setup .account-confirmation .account-name{color:var(--color-text-primary);font-size:15px;font-weight:500}.source-setup .account-confirmation .account-id{color:var(--color-text-secondary);font-size:13px;margin-top:2px}.source-setup .account-check{color:var(--color-text-secondary);margin-left:12px}.source-setup .manual-entry-toggle{background:none;border:none;color:var(--theme-color);cursor:pointer;font-size:13px;font-weight:500;margin-top:12px;padding:0;text-align:left;text-decoration:none;transition:color .2s ease}.source-setup .manual-entry-toggle:hover{color:var(--theme-color-hover);text-decoration:underline}.source-setup .manual-entry{margin-top:0}.source-setup .manual-entry .form-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:SF Mono,Monaco,Consolas,monospace;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.source-setup .manual-entry .form-input:hover{border-color:var(--color-text-tertiary)}.source-setup .manual-entry .form-input:focus{border-color:var(--theme-color);box-shadow:0 0 0 3px var(--theme-color-lighter);outline:none}.source-setup .manual-entry .form-hint{color:var(--color-text-secondary);display:block;font-size:12px;margin-top:6px}.source-setup .error-message,.source-setup .warning-message{align-items:flex-start;background:var(--color-warning-bg);border:1px solid var(--color-warning-text);border-radius:8px;color:var(--color-warning-text);display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:16px;padding:12px 16px}.source-setup .error-message svg,.source-setup .warning-message svg{flex-shrink:0;margin-top:1px}.source-setup .setup-actions-row{margin-top:20px}.source-setup .setup-actions-row button{align-items:center;background:none;border:none;color:var(--theme-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 0;transition:opacity .2s ease}.source-setup .setup-actions-row button:hover{opacity:.8}.source-setup .setup-actions{display:flex;gap:12px;margin-top:16px}.source-setup .setup-actions button{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.source-setup .setup-actions button.btn--primary{background:var(--theme-color);border:none;box-shadow:0 1px 3px #0003;color:#fff}.source-setup .setup-actions button.btn--primary:hover:not(:disabled){background:var(--theme-color-hover);box-shadow:0 4px 12px #00000040}.source-setup .setup-actions button.btn--primary:disabled{background:var(--color-border);box-shadow:none;color:var(--color-text-tertiary);cursor:not-allowed}.source-setup .setup-actions button.btn--secondary{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary)}.source-setup .setup-actions button.btn--secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-text-tertiary)}.source-setup .finalizing-content{padding:48px 0;text-align:center}.source-setup .finalizing-spinner{display:inline-flex;margin-bottom:24px}.source-setup .finalizing-spinner svg{animation:sourceSetupSpin 1s linear infinite;color:var(--theme-color)}.source-setup .finalizing-content h2{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.source-setup .finalizing-content p{color:var(--color-text-secondary);font-size:14px;margin:0}.source-setup .error-banner,.source-setup .warning-banner{align-items:flex-start;border-radius:8px;display:flex;font-size:14px;gap:12px;line-height:1.5;margin-bottom:20px;padding:14px 16px}.source-setup .error-banner{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.source-setup .warning-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-text);color:var(--color-warning-text)}.source-setup .error-banner svg,.source-setup .warning-banner svg{flex-shrink:0;margin-top:1px}.source-setup .error-banner button,.source-setup .warning-banner button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto;opacity:.7;padding:0;transition:opacity .2s}.source-setup .error-banner button:hover,.source-setup .warning-banner button:hover{opacity:1}.source-setup .spin{animation:sourceSetupSpin 1s linear infinite}@keyframes sourceSetupSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.source-setup{padding:24px 16px}.source-setup .setup-container{padding:28px 24px}.source-setup .setup-header{margin-bottom:24px;padding-bottom:20px}.source-setup .setup-header h2{font-size:22px}.source-setup .setup-header p{font-size:14px}.source-setup .oauth-benefits{margin-bottom:24px;padding:20px 16px}.source-setup .oauth-button{font-size:14px;padding:12px 20px}}.hubspot-config{background-color:var(--color-background);min-height:100vh;padding:var(--spacing-lg)}.config-container{margin:0 auto;max-width:1200px}.config-nav{margin-bottom:var(--spacing-md)}.hubspot-config .back-link{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:14px;gap:var(--spacing-xs);padding:0;text-decoration:none;transition:color .2s ease}.hubspot-config .back-link:hover{color:var(--color-accent)}.config-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg)}.hubspot-config .header-left{display:flex;flex-direction:column;gap:var(--spacing-sm)}.hubspot-config .header-text{align-items:center;display:flex;gap:var(--spacing-md)}.config-header h1{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0}.portal-id{background:var(--color-surface);border-radius:4px;color:var(--color-text-secondary);font-size:13px;padding:4px 10px}.hubspot-config .header-actions{display:flex;gap:var(--spacing-sm)}.error-banner{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error,#dc2626)}.success-banner{align-items:center;background-color:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:8px;color:var(--color-success)}.info-banner,.success-banner{display:flex;font-size:14px;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.info-banner{align-items:flex-start;background-color:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:8px;color:var(--color-accent);line-height:1.5}.info-banner svg{flex-shrink:0;margin-top:2px}.loading-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:80px 20px}.loading-state .spin,.spin{animation:spin 1s linear infinite}.hubspot-config{--schema-accent-color:#ff7a59}.hubspot-config.stripe-theme{--schema-accent-color:#635bff}.hubspot-config .schema-two-panel{height:550px}.hubspot-config .schema-panel:first-child{max-width:400px;min-width:300px}.hubspot-config .schema-panel-header{background:var(--color-surface);justify-content:space-between}.hubspot-config .schema-filter-input:focus{border-color:#ff7a59;border-color:var(--schema-accent-color,#ff7a59);box-shadow:0 0 0 2px color-mix(in srgb,#ff7a59 10%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--schema-accent-color,#ff7a59) 10%,#0000)}.properties-actions{background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:8px;padding:10px 16px}.properties-actions button{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .15s ease}.properties-actions button:hover{background:var(--color-surface);border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.hubspot-config .schema-item.active{border-left:3px solid #ff7a59;border-left:3px solid var(--schema-accent-color,#ff7a59);padding-left:13px}.schema-item.checked{background-color:var(--color-accent-light)}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px}.hubspot-config .schema-checkbox{accent-color:#ff7a59;accent-color:var(--schema-accent-color,#ff7a59);cursor:pointer;opacity:1;pointer-events:none}.schema-item-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.hubspot-config .schema-item-name{align-items:center;display:flex;font-weight:500;gap:6px}.schema-item-count,.schema-item-type{color:var(--color-text-tertiary);font-size:12px}.prop-count-active{color:var(--color-success);font-weight:500}.prop-count-inactive{color:var(--color-text-tertiary)}.schema-item.checked .schema-item-name{color:var(--color-text-primary);font-weight:600}.custom-icon{color:#ff7a59;color:var(--schema-accent-color,#ff7a59)}.property-row{flex-wrap:wrap}.property-badges{display:flex;gap:6px;margin-left:auto}.badge{align-items:center;border-radius:4px;display:inline-flex;font-size:10px;font-weight:500;gap:3px;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.badge-default{background:var(--color-info-bg);color:var(--color-accent)}.badge-custom{background:var(--color-warning-bg);color:var(--color-warning-text)}.config-footer{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-lg);padding:var(--spacing-md) 0}.selection-summary{color:var(--color-text-secondary);font-size:14px}.selection-summary strong{color:var(--color-text-primary);font-weight:600}.validation-hint{color:#dc2626;color:var(--color-error,#dc2626)}@media (max-width:768px){.hubspot-config{padding:var(--spacing-md)}.config-header{align-items:stretch;flex-direction:column}.header-actions{margin-top:var(--spacing-sm)}.hubspot-config .schema-panel:first-child{max-width:none}.hubspot-config .schema-panel{min-height:300px}}.config-panels{border:1px solid var(--color-border);border-radius:8px;display:flex;height:600px;overflow:hidden}.config-panel-left{border-right:1px solid var(--color-border);flex-direction:column;max-width:340px;min-width:280px}.config-panel-left,.config-panel-right{background:var(--color-background);display:flex}.config-panel-right{overflow:hidden}.config-panel-full,.config-panel-right{flex:1 1;flex-direction:column;min-width:0}.config-panel-full{background:var(--color-background);display:flex;overflow:auto}.report-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:12px}.report-search,.report-toolbar{align-items:center;display:flex}.report-search{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;flex:1 1;gap:6px;max-width:420px;min-width:240px;padding:6px 10px}.report-search input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:13px;outline:none}.report-search-clear{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;padding:2px}.report-search-clear:hover{color:var(--color-text-primary)}.property-item-select-all{background:var(--color-surface);font-weight:500}.property-item-select-all .property-name{font-weight:600}.property-checkbox .checkmark .dash{background:#3b82f6;background:var(--color-accent,#3b82f6);border-radius:1px;height:2px;width:8px}.panel-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.panel-header h3{color:var(--color-text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase;white-space:nowrap}.config-header-left h1{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0}.config-subtitle{color:var(--color-text-secondary);font-size:14px;margin:4px 0 0}.config-header-right{align-items:center;display:flex;gap:16px}.config-summary{color:var(--color-text-secondary);font-size:13px;white-space:nowrap}.config-error-banner{align-items:center;background:#fef2f2;background:var(--color-error-bg,#fef2f2);border:1px solid #fecaca;border:1px solid var(--color-error-border,#fecaca);border-radius:8px;color:#dc2626;color:var(--color-error,#dc2626);display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.config-error-banner button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto}.config-success-banner{align-items:center;background:#f0fdf4;background:var(--color-success-bg,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--color-success-border,#bbf7d0);border-radius:8px;color:#16a34a;color:var(--color-success,#16a34a);display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.config-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.object-list{flex:1 1;overflow-y:auto}.category-group{border-bottom:1px solid var(--color-border)}.category-header{align-items:center;background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase;transition:background .15s;-webkit-user-select:none;user-select:none}.category-header:hover{background:var(--color-background)}.category-header svg{color:var(--color-text-tertiary);flex-shrink:0}.category-label{flex:1 1}.category-count{background:var(--color-background);border-radius:10px;color:var(--color-text-tertiary);font-size:11px;font-weight:500;letter-spacing:0;padding:1px 8px;text-transform:none}.object-item.category-item{border-bottom:none;padding-left:30px}.object-item.category-item+.object-item.category-item{border-top:1px solid var(--color-border)}.object-item{align-items:center;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.object-item:hover{background:var(--color-surface)}.object-item.active{background:#eff6ff;background:var(--color-accent-light,#eff6ff);border-left:3px solid #3b82f6;border-left:3px solid var(--color-accent,#3b82f6);padding-left:13px}.object-checkbox{align-items:center;cursor:pointer;display:flex;flex-shrink:0}.object-checkbox input{display:none}.object-checkbox .checkmark{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:4px;display:flex;height:18px;justify-content:center;transition:all .15s;width:18px}.object-checkbox input:checked+.checkmark{background:#3b82f6;background:var(--color-accent,#3b82f6);border-color:#3b82f6;border-color:var(--color-accent,#3b82f6);color:#fff}.object-info{flex:1 1;min-width:0}.object-name{color:var(--color-text-primary);display:block;font-size:14px;font-weight:500}.object-description{display:block;margin-top:2px}.object-count,.object-description{color:var(--color-text-tertiary);font-size:12px}.object-count{background:var(--color-surface);border-radius:10px;flex-shrink:0;padding:2px 8px}.field-section-tabs{background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex}.section-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;text-align:center;transition:all .15s}.section-tab:hover{background:var(--color-background);color:var(--color-text-primary)}.section-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--color-accent,#3b82f6);color:#3b82f6;color:var(--color-accent,#3b82f6)}.field-actions{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px}.field-actions-divider{background:var(--color-border);height:18px;margin:0 2px;width:1px}.field-action-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 12px;transition:all .15s}.field-action-btn:hover:not(:disabled){border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.field-action-btn:disabled{cursor:not-allowed;opacity:.45}.panel-header-actions{align-items:center;display:flex;gap:8px}.field-search{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;display:flex;gap:6px;max-width:220px;min-width:180px;padding:6px 10px}.field-search input{background:#0000;border:none;color:var(--color-text-primary);font-size:13px;outline:none;width:100%}.field-search svg{color:var(--color-text-tertiary);flex-shrink:0}.field-search-clear{align-items:center;background:none;border:none;border-radius:3px;color:var(--color-text-tertiary);cursor:pointer;display:flex;padding:2px}.field-search-clear:hover{background:var(--color-surface);color:var(--color-text-primary)}.field-filter-toggle{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .15s;white-space:nowrap}.field-filter-toggle:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.field-filter-toggle.active{background:#eff6ff;background:var(--color-accent-light,#eff6ff);border-color:#3b82f6;border-color:var(--color-accent,#3b82f6);color:#3b82f6;color:var(--color-accent,#3b82f6)}.property-list{flex:1 1;overflow-y:auto}.property-item{align-items:flex-start;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .15s}.property-checkbox{margin-top:2px}.property-item:last-child{border-bottom:none}.property-item:hover{background:var(--color-surface)}.property-item.selected{background:#eff6ff;background:var(--color-accent-light,#eff6ff)}.property-item.disabled{cursor:not-allowed;opacity:.4}.property-checkbox{align-items:center;cursor:pointer;display:flex;flex-shrink:0}.property-checkbox input{display:none}.property-checkbox .checkmark{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:3px;display:flex;height:16px;justify-content:center;transition:all .15s;width:16px}.property-checkbox input:checked+.checkmark{background:#3b82f6;background:var(--color-accent,#3b82f6);border-color:#3b82f6;border-color:var(--color-accent,#3b82f6);color:#fff}.property-checkbox input:disabled+.checkmark{opacity:.5}.property-info{flex:1 1;min-width:0}.property-name{color:var(--color-text-primary);display:block;font-size:14px;font-weight:600}.property-meta{color:var(--color-text-secondary);display:block;font-size:13px;line-height:1.45;margin-top:3px}.property-type-badge{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-tertiary);flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.4px;margin-top:2px;padding:3px 8px;text-transform:uppercase}.property-type-badge.stats{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.property-type-badge.entity{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.property-type-badge.change{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.property-type-badge.click{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.report-section-header{align-items:baseline;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:14px 16px 8px;position:sticky;top:0;z-index:1}.report-section-header h4{color:var(--color-text-primary);font-size:13px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.report-section-header .section-blurb{color:var(--color-text-tertiary);font-size:12px;font-weight:400}.property-incompatible{color:#f59e0b;color:var(--color-warning,#f59e0b);flex-shrink:0}.panel-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:14px;gap:12px;height:100%;justify-content:center;padding:40px 20px;text-align:center}.panel-empty.small{height:auto;padding:40px 20px}.object-list::-webkit-scrollbar,.property-list::-webkit-scrollbar{width:6px}.object-list::-webkit-scrollbar-track,.property-list::-webkit-scrollbar-track{background:#0000}.object-list::-webkit-scrollbar-thumb,.property-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.bigquery-setup{background:#fff;min-height:100vh;padding:20px}.setup-container{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001a;margin:0 auto;max-width:600px;overflow:hidden}.setup-content{animation:fadeIn .3s ease-in-out;padding:32px}.setup-header{margin-bottom:32px;text-align:center}.setup-header h2{color:#1e293b;font-size:24px;font-weight:600;margin:0 0 8px}.setup-header p{color:#64748b;font-size:16px;line-height:1.5;margin:0}.error-banner{border:1px solid #fecaca;border-radius:8px;gap:12px;margin-bottom:24px;padding:12px 16px}.error-banner button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto;padding:0}.success-message{align-items:center;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;display:flex;font-size:14px;gap:12px;margin-bottom:16px;padding:12px 16px}.connected-details{background:#f8fafc;border-radius:8px;margin-bottom:24px;padding:24px}.detail-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:14px;font-weight:500}.detail-value{color:#1e293b;font-family:monospace;font-size:14px}.success-text{align-items:center;color:#16a34a;display:flex;font-family:inherit;gap:6px}.setup-benefits{background:#f8fafc;border-radius:8px;margin-bottom:24px;padding:24px}.setup-benefits h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.setup-benefits ul{list-style:none;margin:0;padding:0}.setup-benefits li{align-items:center;color:#334155;display:flex;font-size:14px;gap:12px;margin-bottom:12px}.setup-benefits li:last-child{margin-bottom:0}.setup-benefits li svg{color:#22c55e;flex-shrink:0}.setup-form{margin-top:24px}.form-group{margin-bottom:24px}.form-group label{color:#1e293b;display:block;font-size:14px;margin-bottom:8px}.form-group small{color:#64748b;display:block;font-size:12px;margin-top:6px}.input-mode-toggle{background:#f8fafc;background:var(--color-surface,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;display:flex;gap:0;margin-bottom:12px;overflow:hidden}.mode-tab{align-items:center;background:#0000;border:none;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s}.mode-tab:first-child{border-right:1px solid #e2e8f0;border-right:1px solid var(--color-border,#e2e8f0)}.mode-tab:hover:not(.active){background:#f1f5f9;background:var(--color-surface,#f1f5f9);color:#334155;color:var(--color-text-primary,#334155)}.mode-tab.active{background:#fff;background:var(--color-background,#fff);box-shadow:0 1px 3px #0000000f;color:#0f62fe}.file-upload-label{align-items:center;background-color:#fafbfc;border:2px dashed #d1d5db;border-radius:8px;box-sizing:border-box;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:10px;justify-content:center;padding:32px 20px;text-align:center;transition:all .2s;width:100%}.file-upload-label:hover{background-color:#f0f4ff;border-color:#0f62fe;color:#0f62fe}.file-upload-label.dragging{background-color:#e8f0fe;border-color:#0f62fe;border-style:solid;color:#0f62fe}.drop-zone-text{font-size:13px;line-height:1.4}.json-paste-area{background:#fff;background:var(--color-background,#fff);border:1px solid #d1d5db;border:1px solid var(--color-border,#d1d5db);border-radius:8px;box-sizing:border-box;color:#1e293b;color:var(--color-text-primary,#1e293b);font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;min-height:200px;padding:12px 14px;resize:vertical;tab-size:2;transition:border-color .2s,box-shadow .2s;width:100%}.json-paste-area::placeholder{color:#94a3b8;color:var(--color-text-secondary,#94a3b8);font-size:12px}.json-paste-area:focus{border-color:#0f62fe;box-shadow:0 0 0 3px #0f62fe1a;outline:none}.json-paste-area.has-error{border-color:#ef4444;border-color:var(--color-error,#ef4444)}.json-paste-area.has-error:focus{box-shadow:0 0 0 3px #ef44441a}.json-paste-area.valid{border-color:#22c55e;border-color:var(--color-success,#22c55e)}.json-paste-area.valid:focus{box-shadow:0 0 0 3px #22c55e1a}.paste-validation-error,.paste-validation-success{align-items:center;display:flex;font-size:12px;gap:6px;margin-top:6px}.paste-validation-error{color:#ef4444;color:var(--color-error,#ef4444)}.paste-validation-success{color:#22c55e;color:var(--color-success,#22c55e)}.account-info-display{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:16px}.info-row{gap:12px;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-label{color:#64748b;font-size:13px;font-weight:500;min-width:70px}.info-value{color:#1e293b;font-family:monospace;font-size:13px;word-break:break-all}.button-group{margin-top:24px}.connect-button,.test-button{align-items:center;background:#0f62fe;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:16px 24px;transition:all .2s;width:100%}.connect-button:hover:not(:disabled),.test-button:hover:not(:disabled){background:#0f53d9;transform:translateY(-1px)}.connect-button:disabled,.test-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.disconnect-button{background:#fff;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s;width:100%}.disconnect-button:hover:not(:disabled){background:#fef2f2}.disconnect-button:disabled{background:#f5f5f5;border-color:#d1d5db;color:#94a3b8;cursor:not-allowed}.setup-actions{margin-top:24px}.finalizing-content{padding:40px 20px;text-align:center}.finalizing-content svg{color:#0f62fe;margin-bottom:16px}.finalizing-content p{color:#64748b;font-size:16px;margin:0}@media (max-width:768px){.bigquery-setup{padding:16px}.setup-content{padding:24px}.setup-header h2{font-size:20px}.setup-benefits{padding:20px}}.destination-detail-page{background-color:var(--color-background);min-height:100%}.detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.header-nav{gap:var(--spacing-sm)}.back-link,.header-nav{align-items:center;color:var(--color-text-secondary);display:flex}.back-link{gap:var(--spacing-xs);text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--color-accent)}.breadcrumb-separator{color:var(--color-text-secondary)}.current-page{color:var(--color-text-primary);font-weight:500}.error-banner{align-items:center;background-color:#fef2f2;border:2px solid #fecaca;border-radius:var(--radius-md);color:#dc2626;display:flex;font-size:14px;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.error-banner svg{flex-shrink:0}.dismiss-error{align-items:center;background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;margin-left:auto;padding:0;transition:background-color .2s ease;width:24px}.dismiss-error:hover{background-color:#fecaca}.detail-info{margin-bottom:var(--spacing-xl)}.detail-info-header{align-items:center;display:flex;gap:var(--spacing-md)}.detail-info-text h1{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.info-row{align-items:center;display:flex;font-size:14px;gap:var(--spacing-sm)}.info-row,.info-separator,.info-text{color:var(--color-text-secondary)}.detail-tabs{border-bottom:1px solid var(--color-border);display:flex;gap:0;margin-bottom:var(--spacing-lg)}.detail-tabs .tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);margin-bottom:-1px;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.detail-tabs .tab:hover{color:var(--color-text-primary)}.detail-tabs .tab.active{border-bottom-color:var(--color-accent);color:var(--color-accent)}.detail-content{min-height:400px}.sources-section{animation:fadeIn .2s ease}.sources-search-container{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.sources-search{flex:1 1;max-width:320px;position:relative}.sources-search .search-icon{color:var(--color-text-secondary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.sources-search .search-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;padding:8px 12px 8px 36px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.sources-search .search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f11a;outline:none}.sources-count,.sources-search .search-input::placeholder{color:var(--color-text-secondary)}.sources-count{font-size:13px;white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section-header{margin-bottom:var(--spacing-md)}.section-header h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.section-count{color:var(--color-text-secondary);font-size:14px}.empty-state{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state .empty-icon{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);opacity:.5}.empty-state h3{color:var(--color-text-primary);font-size:18px;margin:0 0 var(--spacing-xs) 0}.empty-state p{color:var(--color-text-secondary);font-size:14px;margin:0 0 var(--spacing-lg) 0}.sources-table-container{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.sources-table{border-collapse:collapse;table-layout:fixed;width:100%}.sources-table thead{background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.sources-table th{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.sources-table th:first-child{width:50%}.sources-table th:nth-child(2),.sources-table th:nth-child(3){width:25%}.sources-table tbody tr{border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .15s ease}.sources-table tbody tr:last-child{border-bottom:none}.sources-table tbody tr:hover{background-color:var(--color-surface)}.sources-table td{font-size:14px;padding:var(--spacing-md)}.source-info{align-items:center;display:flex;gap:var(--spacing-md)}.source-info>div{display:flex;flex-direction:column;gap:2px}.source-icon{border-radius:var(--radius-sm);flex-shrink:0;height:32px;object-fit:contain;width:32px}.source-details{display:flex;flex-direction:column;gap:2px}.source-name{color:var(--color-text-primary);font-weight:500}.source-platform{font-size:12px}.last-sync-cell,.source-platform{color:var(--color-text-secondary)}.settings-section{animation:fadeIn .2s ease;display:flex;flex-direction:column;gap:var(--spacing-xl)}.settings-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.settings-card h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0 0 var(--spacing-lg) 0}.settings-grid{grid-gap:var(--spacing-md) var(--spacing-xl);display:grid;gap:var(--spacing-md) var(--spacing-xl);grid-template-columns:repeat(2,1fr)}.setting-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.setting-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.setting-value{color:var(--color-text-primary);font-size:14px;font-weight:500}.setting-value.mono{font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}.disconnect-section{margin-top:var(--spacing-lg)}.disconnect-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.disconnect-content{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between}.disconnect-info h4{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.disconnect-info p{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.error-state,.loading-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-state svg,.loading-state svg{margin-bottom:var(--spacing-md)}.error-state p,.loading-state p{margin:0 0 var(--spacing-lg) 0}.spin{animation:spin 1s linear infinite}.pagination-controls{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-lg) 0 var(--spacing-sm) 0}.pagination-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-text-secondary)}.pagination-btn:disabled{background:var(--color-surface);cursor:not-allowed;opacity:.5}.pagination-info{color:var(--color-text-secondary);font-size:13px;font-weight:500;min-width:100px;text-align:center}@media (max-width:768px){.settings-grid{grid-template-columns:1fr}.danger-content{align-items:flex-start;flex-direction:column}.danger-content button{width:100%}.sources-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.sources-table{min-width:400px}.sources-table td,.sources-table th{font-size:13px;padding:var(--spacing-sm) var(--spacing-md)}.sources-table td:nth-child(3),.sources-table th:nth-child(3){display:none}.detail-info-header{align-items:flex-start;flex-direction:column}.info-row{flex-wrap:wrap}}.reports-layout-page{background:var(--color-surface);bottom:0;display:flex;flex-direction:column;left:240px;margin:0!important;max-width:none!important;padding:0!important;position:fixed;right:0;top:64px}.main-content:has(.reports-layout-page){min-height:0!important;padding:0!important}body:has(.reports-layout-page),html:has(.reports-layout-page){height:100%;overflow:hidden!important}.reports-layout{display:flex;flex:1 1;overflow:hidden;position:relative}.reports-nav-container{background:var(--color-background);border-right:1px solid var(--color-border);flex-shrink:0;overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px}.reports-content{background:var(--color-surface);flex:1 1;min-height:0;overflow:hidden;padding:0;position:relative}.reports-sidebar-toggle{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:50%;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;height:36px;justify-content:center;left:16px;position:absolute;top:8px;transition:all .2s ease;width:36px;z-index:100}.reports-sidebar-toggle:hover{background:var(--color-surface);border-color:var(--color-text-secondary);box-shadow:0 4px 12px #0000001f}.reports-sidebar-toggle svg{color:var(--color-text-primary);transition:transform .3s ease}.reports-layout:not(:has(.reports-nav-container)) .reports-sidebar-toggle svg{transform:rotate(180deg)}@media (max-width:1024px){.reports-layout-page{left:64px}}@media (max-width:768px){.reports-layout-page{left:0}.reports-layout{flex-direction:column}.reports-nav-container{border-bottom:1px solid var(--color-border);border-right:none;max-height:200px;overflow-y:visible;width:100%}.reports-sidebar-toggle{left:12px;top:8px}}.dataql-threadlist{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;height:100%;min-height:0;overflow:hidden;width:220px}.dataql-threadlist-actions{padding:var(--spacing-sm)}.dataql-threadlist-new{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:background .1s ease;width:100%}.dataql-threadlist-new:hover{background:var(--color-surface)}.dataql-threadlist-section-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 16px 4px;text-transform:uppercase}.dataql-threadlist-empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:8px;padding:var(--spacing-lg);text-align:center}.dataql-threadlist-empty p{font-size:12px;margin:0}.dataql-threadlist-items{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding:0 6px var(--spacing-sm)}.dataql-threadlist-item{border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:8px 10px;transition:background .1s ease}.dataql-threadlist-item:hover{background:var(--color-background)}.dataql-threadlist-item:focus-visible{background:var(--color-background);box-shadow:0 0 0 2px var(--color-accent-light)}.dataql-threadlist-item.is-active{background:var(--color-accent-light)}.dataql-threadlist-item-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.dataql-threadlist-item-title{color:var(--color-text-primary);flex:1 1;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-threadlist-item-actions{align-items:center;display:inline-flex;flex-shrink:0;gap:2px;opacity:0;transition:opacity .1s ease}.dataql-threadlist-item:focus-within .dataql-threadlist-item-actions,.dataql-threadlist-item:hover .dataql-threadlist-item-actions{opacity:1}.dataql-threadlist-item-delete,.dataql-threadlist-item-rename{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:4px;transition:all .1s ease}.dataql-threadlist-item-rename:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-threadlist-item-delete:hover{background:var(--color-error-bg);color:var(--color-error)}.dataql-threadlist-item-time{color:var(--color-text-secondary);display:block;font-size:11px;margin-top:2px}.dataql-threadlist-search{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:6px;margin:0 var(--spacing-sm) var(--spacing-sm);padding:6px 10px}.dataql-threadlist-search:focus-within{border-color:var(--color-accent)}.dataql-threadlist-search svg{color:var(--color-text-secondary);flex-shrink:0}.dataql-threadlist-search input,.dataql-threadlist-search input:focus{background:#0000;border:0;box-shadow:none;color:var(--color-text-primary);flex:1 1;font-size:12px;min-width:0;outline:none;padding:0}.dataql-threadlist-search input::placeholder{color:var(--color-text-secondary)}.dataql-threadlist-search-spark{color:var(--color-accent);flex-shrink:0}.dataql-threadlist-search-loader{animation:dataql-threadlist-spin 1s linear infinite;color:var(--color-text-secondary);flex-shrink:0}.dataql-threadlist-search-clear{background:#0000;border:0;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;padding:2px}.dataql-threadlist-search-clear:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-threadlist-group+.dataql-threadlist-group{margin-top:4px}.dataql-threadlist-group-title{color:var(--color-text-secondary);font-size:10px;font-weight:700;letter-spacing:.06em;opacity:.75;padding:8px 10px 2px;text-transform:uppercase}.dataql-threadlist-rename-row{align-items:center;display:flex;gap:4px}.dataql-threadlist-rename-row input{background:var(--color-background);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:13px;min-width:0;outline:none;padding:4px 6px}.dataql-threadlist-rename-cancel,.dataql-threadlist-rename-save{background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;padding:4px}.dataql-threadlist-rename-save:hover{background:var(--color-accent-light);color:var(--color-accent)}.dataql-threadlist-rename-cancel:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-threadlist-footer{border-top:1px solid var(--color-border);flex-shrink:0;padding:var(--spacing-sm)}.dataql-threadlist-refresh{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:6px;justify-content:center;padding:6px 10px;transition:all .1s ease;width:100%}.dataql-threadlist-refresh:hover:not(:disabled){background:var(--color-background);color:var(--color-text-primary)}.dataql-threadlist-refresh:disabled{cursor:not-allowed;opacity:.65}.dataql-threadlist-refresh-spin{animation:dataql-threadlist-spin 1s linear infinite}@keyframes dataql-threadlist-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dataql-threadlist-search-results{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding:0 6px var(--spacing-sm)}.dataql-threadlist-search-result{align-items:flex-start;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;outline:none;padding:7px 10px;transition:background .1s ease}.dataql-threadlist-search-result:hover{background:var(--color-background)}.dataql-threadlist-search-result:focus-visible{background:var(--color-background);box-shadow:0 0 0 2px var(--color-accent-light)}.dataql-threadlist-search-result.is-active{background:var(--color-accent-light)}.dataql-threadlist-search-result-icon{align-items:center;background:var(--color-accent-light);border-radius:var(--radius-sm);color:var(--color-accent);display:inline-flex;flex-shrink:0;height:22px;justify-content:center;margin-top:1px;width:22px}.dataql-threadlist-search-result-body{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.dataql-threadlist-search-result-title{color:var(--color-text-primary);font-size:12px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-threadlist-search-result-meta{color:var(--color-text-secondary);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.dataql-results{background:var(--color-background);overflow:hidden}.dataql-results,.dataql-results-empty{border:1px solid var(--color-border);border-radius:var(--radius-md)}.dataql-results-empty{align-items:center;color:var(--color-text-secondary);display:flex;font-size:13px;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-lg)}.dataql-results-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:8px 12px}.dataql-results-header-left{display:flex}.dataql-results-export,.dataql-results-header-left{align-items:center;color:var(--color-text-secondary);font-size:12px;gap:6px}.dataql-results-export{background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;padding:4px 8px;transition:all .15s ease}.dataql-results-export:hover{background:var(--color-background);color:var(--color-text-primary)}.dataql-results-table-wrapper{max-height:400px;overflow:auto}.dataql-results-table{border-collapse:collapse;font-size:12px;width:100%}.dataql-results-table th,.dataql-results-table thead{background:var(--color-surface)}.dataql-results-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:11px;font-weight:600;padding:8px 12px;position:sticky;text-align:left;top:0;white-space:nowrap}.dataql-results-coltype{color:var(--color-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:400;margin-top:2px;opacity:.7;text-transform:uppercase}.dataql-results-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .1s ease}.dataql-results-table tbody tr:nth-child(2n){background:#00000005}[data-theme=dark] .dataql-results-table tbody tr:nth-child(2n){background:#ffffff05}.dataql-results-table tbody tr:hover{background:var(--color-surface)}.dataql-results-table td{color:var(--color-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;padding:6px 12px;white-space:nowrap}.dataql-results-null{color:var(--color-text-secondary);font-style:italic}.dataql-results-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:8px 12px;text-align:center}.dataql-results-footer button{background:#0000;border:0;color:var(--color-accent);cursor:pointer;font-size:12px}.dataql-results-footer button:hover{text-decoration:underline}.dataql-chart.is-embedded{background:#0000;border:0;border-radius:0}.dataql-chart.is-embedded .dataql-chart-header{background:#0000;border-bottom:0;padding:4px 0}.dataql-chart.is-embedded .dataql-chart-title{display:none}.dataql-chart.is-embedded .dataql-chart-toolbar{opacity:0;pointer-events:none;transition:opacity .15s ease}.dataql-widget:focus-within .dataql-chart.is-embedded .dataql-chart-toolbar,.dataql-widget:hover .dataql-chart.is-embedded .dataql-chart-toolbar{opacity:1;pointer-events:auto}.dataql-chart{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative}.dataql-chart-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;padding:8px 12px}.dataql-chart-title{color:var(--color-text-primary);flex:1 1;font-size:13px;font-weight:600;min-width:120px}.dataql-chart-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.dataql-chart-types{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.dataql-chart-type{align-items:center;background:#0000;border:0;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:4px 8px;transition:all .1s ease}.dataql-chart-type:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-chart-type.is-active{background:var(--color-accent-light);box-shadow:inset 0 0 0 1px var(--color-accent);color:var(--color-accent)}.dataql-chart-types-divider{align-self:center;background:var(--color-border);display:inline-block;height:16px;margin:0 2px;width:1px}.dataql-chart-popover-wrap{display:inline-flex;position:relative}.dataql-chart-palette-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.dataql-chart-palette-btn:hover{background:var(--color-surface)}.dataql-chart-palette-preview{display:inline-flex;gap:2px}.dataql-chart-palette-dot{border-radius:2px;display:inline-block;height:8px;width:8px}.dataql-chart-palette-dot--lg{height:14px;width:14px}.dataql-chart-palette-label{color:var(--color-text-secondary);font-size:11px;white-space:nowrap}.dataql-chart-popover{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:280px;padding:10px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.dataql-chart-popover-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.dataql-chart-palette-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.dataql-chart-palette-card{align-items:flex-start;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:8px;text-align:left;transition:all .1s ease}.dataql-chart-palette-card:hover{background:var(--color-surface);border-color:var(--color-accent)}.dataql-chart-palette-card.is-active{background:var(--color-accent-light);border-color:var(--color-accent)}.dataql-chart-palette-row{display:inline-flex;gap:2px}.dataql-chart-palette-name{color:var(--color-text-primary);font-size:11px}.dataql-chart-format{color:var(--color-text-primary);font-size:12px;padding:4px 8px;text-transform:capitalize}.dataql-chart-format,.dataql-chart-reset{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.dataql-chart-reset{align-items:center;color:var(--color-text-secondary);display:inline-flex;height:26px;justify-content:center;padding:0;width:26px}.dataql-chart-reset:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-chart-swatch-popover{animation:dataql-chart-fade .18s ease-out both;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:220px;padding:10px;position:absolute;right:16px;top:60px;z-index:30}.dataql-chart-swatch-popover-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.dataql-chart-swatch-close{background:#0000;border:0;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:18px;height:22px;line-height:1;padding:0;width:22px}.dataql-chart-swatch-close:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-chart-swatch-help{color:var(--color-text-secondary);font-size:11px;margin:4px 0 8px}.dataql-chart-swatch-popover code{color:var(--color-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:0;text-transform:none}.dataql-chart-swatch-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr)}.dataql-chart-swatch{border:1px solid #00000014;border-radius:4px;cursor:pointer;height:18px;padding:0;width:18px}.dataql-chart-swatch:hover{border-color:var(--color-text-primary);transform:scale(1.15)}.dataql-chart-swatch.is-active{outline:2px solid var(--color-accent);outline-offset:1px;transform:scale(1.1)}.dataql-chart-swatch-clear{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:18px;justify-content:center;padding:0;width:18px}.dataql-chart-swatch-clear:hover{background:var(--color-background);color:var(--color-text-primary)}.dataql-chart-hex-row{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:8px;margin-top:8px;padding-top:8px}.dataql-chart-hex-label{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:11px;gap:6px}.dataql-chart-hex-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;height:26px;padding:0;width:26px}.dataql-chart-hex-text{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;min-width:0;padding:4px 6px;text-transform:uppercase}.dataql-chart-hex-done{background:var(--color-accent);border:0;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px}.dataql-chart-hex-done:hover{background:var(--color-accent-dark)}.dataql-chart-icon-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;transition:all .1s ease;width:26px}.dataql-chart-icon-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-chart-icon-btn.is-active{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-accent)}.dataql-chart-popover--menu{min-width:240px;padding:4px}.dataql-chart-menu-value{color:var(--color-text-secondary);font-size:11px;margin-left:auto;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-chart-menu-arrow{color:var(--color-text-tertiary)!important;flex-shrink:0}.dataql-chart-menu-toggle{margin-left:auto}.dataql-chart-menu-bullet,.dataql-chart-menu-toggle{align-items:center;color:var(--color-accent);display:inline-flex;height:14px;justify-content:center;width:14px}.dataql-chart-menu-bullet{flex-shrink:0}.dataql-chart-menu-divider{background:var(--color-border);height:1px;margin:4px 6px}.dataql-chart-menu-back{align-items:center;background:#0000;border:0;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.04em;margin-bottom:4px;padding:4px 8px 6px;text-align:left;text-transform:uppercase;width:100%}.dataql-chart-menu-back:hover{color:var(--color-text-primary)}.dataql-chart-menu-item.is-active{color:var(--color-accent);font-weight:600}.dataql-chart-palette-grid--menu{gap:2px;grid-template-columns:1fr!important;max-height:320px;overflow-y:auto;padding:0 2px 4px}.dataql-chart-menu-item{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 10px;text-align:left;width:100%}.dataql-chart-menu-item:hover{background:var(--color-surface)}.dataql-chart-menu-item svg{color:var(--color-text-secondary);flex-shrink:0}.dataql-chart-hint{align-items:center;background:var(--color-accent-light);background:var(--color-info-bg,var(--color-accent-light));border:1px solid var(--color-info-border,var(--color-border));border-radius:var(--radius-sm);color:var(--color-text-primary);display:flex;font-size:12px;gap:6px;margin:8px 12px 0;padding:6px 10px}.dataql-chart-hint svg{color:var(--color-accent);flex-shrink:0}.dataql-chart-hint-cta{background:#0000;border:0;color:var(--color-accent);cursor:pointer;font-size:12px;font-weight:600;margin-left:2px;padding:0}.dataql-chart-hint-cta:hover{text-decoration:underline}.dataql-chart-hint-dismiss{background:#0000;border:0;color:var(--color-text-secondary);cursor:pointer;font-size:16px;line-height:1;margin-left:auto;padding:0 4px}.dataql-chart-hint-dismiss:hover{color:var(--color-text-primary)}.dataql-chart-body{animation:dataql-chart-fade .24s ease-out both}@keyframes dataql-chart-fade{0%{opacity:.4;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.dataql-chart-download{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:11px;gap:4px;padding:4px 8px}.dataql-chart-download:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-chart-body{background:var(--color-background);padding:12px 8px 8px}.dataql-chart-footer{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;gap:12px;justify-content:space-between;padding:6px 12px}.dataql-chart-footer,.dataql-chart-footer-hint{color:var(--color-text-secondary);font-size:11px}.dataql-chart-footer-hint{opacity:.85}@media (max-width:600px){.dataql-chart-footer-hint{display:none}}.dataql-chart-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:13px;padding:12px}.dataql-chart-empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;padding:24px;text-align:center}.recharts-default-legend{margin:0!important;padding:0!important}.recharts-legend-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex!important;gap:6px;margin:0 14px 4px 0!important;padding:2px 4px;transition:background .1s ease,color .1s ease}.recharts-legend-item:hover{background:var(--color-surface)}.recharts-legend-item-text{color:var(--color-text-primary)!important;font-family:inherit;font-size:12px!important}.recharts-legend-item .recharts-surface{border-radius:2px;flex-shrink:0;height:10px!important;width:10px!important}.dataql-metric{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex:1 1 180px;flex-direction:column;gap:4px;max-width:280px;min-width:180px;padding:14px 16px}.dataql-metric-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:space-between;letter-spacing:.04em;text-transform:uppercase}.dataql-metric-menu{letter-spacing:normal;position:relative;text-transform:none}.dataql-metric-menu-btn{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;opacity:.55;padding:2px;transition:opacity .1s ease}.dataql-metric:hover .dataql-metric-menu-btn{opacity:1}.dataql-metric-menu-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-metric-menu-pop{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:170px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.dataql-metric-menu-pop button{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 8px;text-align:left;width:100%}.dataql-metric-menu-pop button:hover{background:var(--color-surface)}.dataql-metric-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px}.dataql-metric-value{color:var(--color-text-primary);font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1.1}.dataql-metric-delta{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:12px;font-weight:600;gap:2px;padding:2px 6px}.dataql-metric-delta--good{background:var(--color-success-bg);color:var(--color-success)}.dataql-metric-delta--bad{background:var(--color-error-bg);color:var(--color-error)}.dataql-metric-delta--neutral{background:var(--color-surface);color:var(--color-text-secondary)}.dataql-metric-delta-label{font-weight:400;margin-left:2px;opacity:.85}.dataql-metric-sparkline{margin-bottom:2px;margin-top:4px;pointer-events:none}.dataql-metric-sublabel{color:var(--color-text-secondary);font-size:11px;margin-top:2px}.dataql-metric-error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error);flex:1 1 100%;padding:10px 12px}.dataql-metric-row-wrap{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.dataql-table.is-embedded{background:#0000;border:0;border-radius:0}.dataql-table.is-embedded .dataql-table-header{background:#0000;border-bottom:0;padding:4px 0 8px}.dataql-table.is-embedded .dataql-table-title{display:none}.dataql-table{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dataql-table-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:8px 12px}.dataql-table-title{color:var(--color-text-primary);font-size:13px;font-weight:600}.dataql-table-actions{align-items:center;display:flex;gap:10px}.dataql-table-menu{position:relative}.dataql-table-menu-pop{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:170px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.dataql-table-menu-pop button{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 8px;text-align:left;width:100%}.dataql-table-menu-pop button:hover{background:var(--color-surface)}.dataql-table-count,.dataql-table-csv{color:var(--color-text-secondary);font-size:11px}.dataql-table-csv{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;gap:4px;padding:4px 8px}.dataql-table-csv:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-table-scroll{max-height:480px;overflow:auto}.dataql-table table{border-collapse:collapse;font-size:13px;width:100%}.dataql-table thead{z-index:1}.dataql-table thead,.dataql-table-header-cell{background:var(--color-surface);position:sticky;top:0}.dataql-table-header-cell{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 12px;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.dataql-table-header-cell:hover{background:var(--color-background);color:var(--color-text-primary)}.dataql-table-header-cell.is-sorted{color:var(--color-accent)}.dataql-table-sort-icon{margin-left:6px;opacity:.7;vertical-align:-1px}.dataql-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .1s ease}.dataql-table tbody tr:nth-child(2n){background:rgba(0,0,0,.015)}[data-theme=dark] .dataql-table tbody tr:nth-child(2n){background:#ffffff05}.dataql-table tbody tr:hover{background:var(--color-surface)}.dataql-table-cell{color:var(--color-text-primary);padding:8px 12px;white-space:nowrap}.dataql-table-cell.is-value{color:var(--color-text-primary);font-weight:600}.dataql-table-cell--left{text-align:left}.dataql-table-cell--center{text-align:center}.dataql-table-cell--right{font-feature-settings:"tnum";font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}.dataql-table-cell--right.is-value{font-family:inherit;font-size:13px}.dataql-table-null{color:var(--color-text-secondary);font-style:italic;opacity:.7}.dataql-table-pagination{align-items:center;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:center;padding:8px 12px}.dataql-table-page-btn{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:12px;padding:4px 10px}.dataql-table-page-btn:hover:not(:disabled){background:var(--color-surface)}.dataql-table-page-btn:disabled{cursor:not-allowed;opacity:.5}.dataql-table-page-info{color:var(--color-text-secondary);font-size:11px}.dataql-table-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:13px;padding:12px}.dataql-table-empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;padding:24px;text-align:center}.dataql-step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dataql-step.is-error{border-color:var(--color-error-border)}.dataql-step-header{align-items:center;background:#0000;border:0;color:var(--color-text-primary);cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-align:left;transition:background .1s ease;width:100%}.dataql-step-header:hover{background:var(--color-background)}.dataql-step-tool-icon{align-items:center;color:var(--color-accent);display:inline-flex}.dataql-step-name{font-size:12px;font-weight:600;white-space:nowrap}.dataql-step-purpose{color:var(--color-text-secondary);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-step-result{margin-left:auto}.dataql-step-result,.dataql-step-time{color:var(--color-text-secondary);flex-shrink:0;font-size:11px}.dataql-step-time{align-items:center;display:inline-flex;gap:2px}.dataql-step-chevron{color:var(--color-text-secondary);display:inline-flex;flex-shrink:0}.dataql-step-spin{animation:dataql-spin 1s linear infinite;color:var(--color-accent)}@keyframes dataql-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dataql-step-success{color:var(--color-success)}.dataql-step-error{color:var(--color-error)}.dataql-step-pending{background:var(--color-text-secondary);border-radius:50%;display:inline-block;height:8px;width:8px}.dataql-step-body{border-top:1px solid var(--color-border)}.dataql-step-tabs{background:var(--color-background);display:flex;gap:4px;padding:6px 12px}.dataql-step-tab{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .1s ease}.dataql-step-tab.is-active{background:var(--color-surface)}.dataql-step-tab.is-active,.dataql-step-tab:hover{color:var(--color-text-primary)}.dataql-step-content{max-height:400px;overflow:auto}.dataql-step-results{padding:8px}.dataql-step-empty{color:var(--color-text-secondary);font-size:12px;padding:16px;text-align:center}.dataql-step-python-output{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:12px}.dataql-step-pre{color:var(--color-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;margin:0;white-space:pre-wrap;word-break:break-word}.dataql-step-schema{max-height:300px;overflow:auto;padding:12px}.dataql-step-chart{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dataql-step-chart img{background:#fff;display:block;width:100%}.dataql-step-error-box{background:var(--color-error-bg);border-top:1px solid var(--color-error-border);color:var(--color-error);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;padding:8px 12px}.dataql-markdown{color:var(--color-text-primary);font-size:14px;line-height:1.6}.dataql-markdown>*+*{margin-top:var(--spacing-sm)}.dataql-markdown h1,.dataql-markdown h2,.dataql-markdown h3{color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-md)}.dataql-markdown h1{font-size:18px}.dataql-markdown h2{font-size:16px}.dataql-markdown h3{font-size:14px}.dataql-markdown p{margin:0 0 var(--spacing-xs)}.dataql-markdown strong{color:var(--color-text-primary);font-weight:600}.dataql-markdown em{color:var(--color-text-secondary);font-style:italic}.dataql-markdown ol,.dataql-markdown ul{margin:var(--spacing-xs) 0;padding-left:20px}.dataql-markdown li{color:var(--color-text-primary);margin:2px 0}.dataql-markdown code{background:var(--color-code-bg);border-radius:var(--radius-sm);color:var(--color-accent);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;padding:2px 6px}.dataql-markdown pre{background:var(--color-code-bg);border-radius:var(--radius-md);overflow-x:auto;padding:var(--spacing-sm) var(--spacing-md)}.dataql-markdown pre code{background:#0000;color:var(--color-text-primary);font-size:12px;padding:0}.dataql-markdown table{border-collapse:collapse;font-size:13px;margin:var(--spacing-sm) 0;width:100%}.dataql-markdown thead{background:var(--color-surface)}.dataql-markdown th{color:var(--color-text-secondary);font-weight:600;text-align:left}.dataql-markdown td,.dataql-markdown th{border-bottom:1px solid var(--color-border);font-size:12px;padding:6px 12px}.dataql-markdown td{color:var(--color-text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.dataql-markdown a{color:var(--color-accent);text-decoration:none}.dataql-markdown a:hover{text-decoration:underline}.dataql-markdown blockquote{border-left:3px solid var(--color-accent);color:var(--color-text-secondary);font-style:italic;padding-left:var(--spacing-sm)}.dataql-markdown hr{border:0;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0}.dataql-followups{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.dataql-followup{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 12px;text-align:left;transition:all .15s ease}.dataql-followup:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.dataql-followup svg{color:var(--color-accent);flex-shrink:0}.dataql-stdmodal-overlay{align-items:center;background:#0f121873;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:200}.dataql-stdmodal{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:70vh;max-width:480px;width:100%}.dataql-stdmodal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:14px 18px}.dataql-stdmodal-header h3{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0}.dataql-stdmodal-close{background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:4px}.dataql-stdmodal-close:hover{background:var(--color-surface)}.dataql-stdmodal-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding:14px 18px}.dataql-stdmodal-loading{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:13px;gap:6px}.dataql-stdmodal-loading .spin{animation:dataql-stdmodal-spin .9s linear infinite}@keyframes dataql-stdmodal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dataql-stdmodal-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-sm);color:var(--color-error);font-size:12px;padding:8px 10px}.dataql-stdmodal-section{display:flex;flex-direction:column;gap:6px}.dataql-stdmodal-section-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dataql-stdmodal-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:0}.dataql-stdmodal-row{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;padding:6px 10px}.dataql-stdmodal-row:hover{background:var(--color-surface)}.dataql-stdmodal-row.is-active{background:var(--color-accent-light);border-color:var(--color-accent)}.dataql-stdmodal-row input[type=radio]{margin:0}.dataql-stdmodal-row-title{color:var(--color-text-primary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-stdmodal-row-meta{color:var(--color-text-secondary);font-size:11px}.dataql-stdmodal-create-row svg{color:var(--color-accent)}.dataql-stdmodal-newtitle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:13px;margin-top:4px;outline:none;padding:8px 10px;width:100%}.dataql-stdmodal-newtitle:focus{border-color:var(--color-accent)}.dataql-stdmodal-footer{border-top:1px solid var(--color-border);display:flex;gap:8px;justify-content:flex-end;padding:10px 18px}.dataql-stdmodal-cancel,.dataql-stdmodal-save{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 14px}.dataql-stdmodal-cancel{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary)}.dataql-stdmodal-cancel:hover:not(:disabled){color:var(--color-text-primary)}.dataql-stdmodal-save{background:var(--color-accent);border:0;color:#fff}.dataql-stdmodal-save:disabled{cursor:not-allowed;opacity:.6}.dataql-stdmodal-save .spin{animation:dataql-stdmodal-spin .9s linear infinite}.dataql-msg{align-items:flex-start;display:flex;gap:var(--spacing-sm);max-width:90%}.dataql-msg--user{flex-direction:row-reverse;margin-left:auto;max-width:80%}.dataql-msg-avatar{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-accent);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.dataql-msg--user .dataql-msg-avatar{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.dataql-msg-body{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0}.dataql-msg-text{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);border-top-left-radius:4px;padding:10px 14px}.dataql-msg--user .dataql-msg-text{background:var(--color-accent-light);border-color:var(--color-accent-light);border-top-left-radius:var(--radius-md);border-top-right-radius:4px;color:var(--color-text-primary);font-size:14px;line-height:1.5;white-space:pre-wrap}.dataql-msg-summary{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:6px;padding:6px 12px;text-align:left;transition:background .1s ease;width:100%}.dataql-msg-summary:hover{background:var(--color-background)}.dataql-msg-summary-count{color:var(--color-text-secondary);font-size:11px;margin-left:4px}.dataql-msg-summary-chevron{color:var(--color-text-secondary);display:inline-flex;margin-left:auto}.dataql-msg-summary-running{align-items:center;color:var(--color-accent);display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-left:6px}.dataql-msg-summary-spin{animation:dataql-msg-spin .9s linear infinite}@keyframes dataql-msg-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dataql-msg-thinking{align-items:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:inline-flex;font-size:13px;gap:8px;padding:8px 12px;width:fit-content}.dataql-msg-thinking svg{color:var(--color-accent)}.dataql-msg-route{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.02em;padding:3px 8px;text-transform:uppercase;width:fit-content}.dataql-msg-route--fast{background:#ffab471f;border:1px solid #ffab4759;color:var(--color-warning)}.dataql-msg-route--standard{background:var(--color-accent-light);border:1px solid var(--color-accent);color:var(--color-accent)}.dataql-msg-route.is-streaming{animation:dataql-msg-route-pulse 1.6s ease-in-out infinite}@keyframes dataql-msg-route-pulse{0%,to{opacity:1}50%{opacity:.55}}.dataql-msg-avatar--error{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error)}.dataql-msg-error-card{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);padding:12px 14px}.dataql-msg-error-title{color:var(--color-error);margin-bottom:4px}.dataql-msg-error-detail{color:var(--color-text-primary);font-size:13px;line-height:1.4;word-break:break-word}.dataql-msg-error-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.dataql-msg-error-retry{align-items:center;background:var(--color-error);border:0;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.dataql-msg-error-retry:hover{filter:brightness(.92)}.dataql-msg-error-toggle{background:#0000;border:0;color:var(--color-text-secondary);cursor:pointer;font-size:12px;padding:0;text-decoration:underline}.dataql-msg-error-toggle:hover{color:var(--color-text-primary)}.dataql-msg--user{position:relative}.dataql-msg-user-actions{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:inline-flex;gap:2px;opacity:0;padding:2px;position:absolute;right:calc(36px + var(--spacing-sm));top:4px;transition:opacity .12s ease}.dataql-msg--user:focus-within .dataql-msg-user-actions,.dataql-msg--user:hover .dataql-msg-user-actions{opacity:1}.dataql-msg-user-actions button{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;height:22px;justify-content:center;padding:0;width:22px}.dataql-msg-user-actions button:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-msg-edit{display:flex;flex-direction:column;gap:8px;min-width:320px;padding:10px 12px!important}.dataql-msg-edit textarea{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font:inherit;font-size:14px;min-height:56px;outline:none;padding:8px 10px;resize:vertical;width:100%}.dataql-msg-edit textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light)}.dataql-msg-edit-actions{display:flex;gap:8px;justify-content:flex-end}.dataql-msg-edit-cancel,.dataql-msg-edit-save{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 10px}.dataql-msg-edit-cancel{background:var(--color-background);color:var(--color-text-secondary)}.dataql-msg-edit-cancel:hover{color:var(--color-text-primary)}.dataql-msg-edit-save{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}.dataql-msg-edit-save:hover:not(:disabled){background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.dataql-msg-edit-save:disabled{cursor:not-allowed;opacity:.5}.dataql-msg-badge{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:500;gap:2px;padding:2px 6px}.dataql-msg-badge--blue{background:#4a9eff26;color:#4a9eff}.dataql-msg-badge--green{background:#42d39226;color:var(--color-success)}.dataql-msg-badge--gray{background:var(--color-background);color:var(--color-text-secondary)}.dataql-msg-badge-text{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700}.dataql-msg-steps{display:flex;flex-direction:column;gap:6px}.dataql-msg-charts,.dataql-msg-tables{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dataql-msg-chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.dataql-msg-chart-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:6px 12px}.dataql-msg-chart-title{align-items:center;color:var(--color-text-primary);display:inline-flex;font-size:12px;font-weight:500;gap:6px}.dataql-msg-chart-title svg{color:var(--color-accent)}.dataql-msg-chart-download{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:11px;gap:4px;padding:4px 8px}.dataql-msg-chart-download:hover{background:var(--color-background);color:var(--color-text-primary)}.dataql-msg-chart img{background:#fff;display:block;width:100%}.dataql-msg-saveall{align-items:center;align-self:flex-start;background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:5px 10px;transition:all .1s ease}.dataql-msg-saveall:hover{background:var(--color-accent-light);border-color:var(--color-accent);border-style:solid;color:var(--color-accent)}.dataql-msg-savetoast{align-items:center;align-self:flex-start;background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);color:var(--color-success);display:inline-flex;font-size:12px;gap:8px;padding:8px 12px}.dataql-msg-savetoast a{color:var(--color-success);font-weight:600;text-decoration:underline}.dataql-msg-savetoast button{background:#0000;border:0;color:var(--color-success);cursor:pointer;font-size:14px;line-height:1;margin-left:4px;padding:0}.dataql-msglist{display:flex;flex-direction:column;gap:var(--spacing-md)}.dataql-msg-error{align-items:flex-start;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);display:flex;gap:8px;padding:10px 14px}.dataql-msg-error-title{font-size:13px;font-weight:600}.dataql-msg-error-detail{font-size:12px;margin-top:2px;opacity:.85}.dataql-msglist-loader{align-items:center;color:var(--color-text-secondary);display:flex;font-size:12px;gap:8px;padding:8px 12px}.dataql-msglist-spin{animation:dataql-spin 1s linear infinite}.dataql-msglist-dots{align-items:center;display:inline-flex;gap:4px}.dataql-msglist-dots span{animation:dataql-bounce 1s infinite;background:var(--color-accent);border-radius:50%;height:6px;width:6px}.dataql-msglist-dots span:nth-child(2){animation-delay:.15s}.dataql-msglist-dots span:nth-child(3){animation-delay:.3s}.dataql-msglist-loader-text{animation:none!important;background:#0000!important;border-radius:0!important;color:var(--color-text-secondary);font-size:13px;height:auto!important;margin-left:6px;width:auto!important}@keyframes dataql-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dataql-input{align-items:flex-end;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-xs);padding:10px 12px;transition:border-color .15s ease}.dataql-input:focus-within{border-color:var(--color-accent)}.dataql-input textarea{background:#0000;border:0;color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:14px;line-height:24px;outline:none;resize:none}.dataql-input textarea::placeholder{color:var(--color-text-secondary)}.dataql-input textarea:disabled{opacity:.5}.dataql-input-send{align-items:center;background:var(--color-surface);border:0;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:not-allowed;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s ease;width:32px}.dataql-input-send.is-active{background:var(--color-accent);color:#fff;cursor:pointer}.dataql-input-send.is-active:hover{background:var(--color-accent-dark)}.dataql-input-wrap{display:flex;flex-direction:column;gap:6px}.dataql-input-suggest{align-items:center;align-self:flex-start;background:var(--color-accent-light);border:1px solid var(--color-accent);border-radius:999px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;gap:8px;max-width:100%;padding:6px 8px 6px 10px;text-align:left;transition:filter .1s ease}.dataql-input-suggest:hover{filter:brightness(.98)}.dataql-input-suggest-label,.dataql-input-suggest-spark{color:var(--color-accent);flex-shrink:0}.dataql-input-suggest-label{font-weight:600}.dataql-input-suggest-title{color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-input-suggest-context{color:var(--color-text-secondary);font-weight:400}.dataql-input-suggest-arrow{color:var(--color-accent);flex-shrink:0}.dataql-input-suggest-dismiss{align-items:center;background:#0000;border:0;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;margin-left:2px;padding:0;width:18px}.dataql-input-suggest-dismiss:hover{background:var(--color-background);color:var(--color-text-primary)}.dataql-chat{background:var(--color-background);height:100%;min-width:0;overflow:hidden}.dataql-chat,.dataql-chat-scroll{display:flex;flex:1 1;flex-direction:column;min-height:0}.dataql-chat-scroll{gap:var(--spacing-md);overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg);scroll-behavior:smooth}.dataql-chat-scroll>.dataql-msglist{margin:0 auto;max-width:880px;width:100%}.dataql-chat-empty{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-sm);margin:60px auto 0;max-width:720px;text-align:center}.dataql-chat-empty-icon{align-items:center;background:var(--color-accent-light);border-radius:50%;color:var(--color-accent);display:inline-flex;height:56px;justify-content:center;width:56px}.dataql-chat-empty h2{color:var(--color-text-primary);font-size:22px;font-weight:600;margin:0}.dataql-chat-empty p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0;max-width:540px}.dataql-chat-examples{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-md);width:100%}.dataql-chat-example{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:13px;padding:10px 14px;text-align:left;transition:all .1s ease}.dataql-chat-example:hover{border-color:var(--color-accent)}.dataql-chat-example:disabled{cursor:not-allowed;opacity:.55}.dataql-chat-footer{background:var(--color-background);border-top:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);padding:12px var(--spacing-lg)}.dataql-chat-disabled-banner,.dataql-chat-footer>.dataql-input{margin:0 auto;max-width:880px;width:100%}.dataql-chat-disabled-banner{background:var(--color-warning-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-warning);color:var(--color-warning-text,var(--color-warning));font-size:12px;padding:8px 12px}.dataql-chat-stop{display:flex;justify-content:center}.dataql-chat-stop button{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;padding:6px 12px}.dataql-chat-stop button:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-chat-disclaimer{color:var(--color-text-tertiary);font-size:11px;line-height:1.4;margin:6px 0 0;text-align:center}.dataql-chat-input-row{display:flex;flex-direction:column;gap:6px;margin:0 auto;max-width:880px;width:100%}.dataql-model-picker{align-items:center;align-self:flex-end;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;display:inline-flex;padding:2px}.dataql-model-pick{align-items:center;background:#0000;border:0;border-radius:999px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;transition:all .15s ease;white-space:nowrap}.dataql-model-pick.is-active,.dataql-model-pick:hover:not(:disabled):not(.is-active){color:var(--color-text-primary)}.dataql-model-pick.is-active{background:var(--color-background);box-shadow:var(--shadow-sm)}.dataql-model-pick:disabled{cursor:not-allowed;opacity:.55}.dataql-page{background:var(--color-background);display:flex;height:100%;min-height:0;overflow:hidden;width:100%}@media (max-width:768px){.dataql-page{flex-direction:column}.dataql-page>.dataql-threadlist{border-bottom:1px solid var(--color-border);border-right:0;max-height:220px;width:100%}}.dataql-dlist-page{background:var(--color-background);display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:24px 32px}.dataql-dlist-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.dataql-dlist-title{color:var(--color-text-primary);font-size:22px;font-weight:700;letter-spacing:-.01em;margin:0}.dataql-dlist-sub{color:var(--color-text-secondary);font-size:13px;margin:4px 0 0}.dataql-dlist-new{align-items:center;background:var(--color-accent);border:0;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;white-space:nowrap}.dataql-dlist-new:hover{filter:brightness(.95)}.dataql-dlist-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:13px;padding:10px 14px}.dataql-dlist-toolbar{align-items:center;display:flex;gap:12px;padding-bottom:4px}.dataql-dlist-search{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex:1 1;gap:6px;max-width:360px;padding:7px 12px;transition:border-color .1s ease,background .1s ease}.dataql-dlist-search:focus-within{background:var(--color-background);border-color:var(--color-accent)}.dataql-dlist-search svg{color:var(--color-text-secondary);flex-shrink:0}.dataql-dlist-search input,.dataql-dlist-search input:focus{background:#0000;border:0;box-shadow:none;color:var(--color-text-primary);flex:1 1;font-size:13px;min-width:0;outline:none;padding:0}.dataql-dlist-search input::placeholder{color:var(--color-text-tertiary)}.dataql-dlist-search-spark{color:var(--color-accent);flex-shrink:0}.dataql-dlist-search-loader{animation:dataql-dlist-spin .9s linear infinite;color:var(--color-text-secondary);flex-shrink:0}.dataql-dlist-search-clear{background:#0000;border:0;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;padding:2px}.dataql-dlist-search-clear:hover{background:var(--color-background);color:var(--color-text-primary)}.dataql-dlist-count{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.dataql-dlist-loading{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:13px;gap:6px}.dataql-dlist-loading .spin{animation:dataql-dlist-spin .9s linear infinite}@keyframes dataql-dlist-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dataql-dlist-empty{padding:40px}.dataql-dlist-empty,.dataql-dlist-empty-state{color:var(--color-text-secondary);text-align:center}.dataql-dlist-empty-state{align-items:center;border:1px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;margin-top:24px;padding:56px 24px}.dataql-dlist-empty-state svg{color:var(--color-text-tertiary)}.dataql-dlist-empty-state h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.dataql-dlist-empty-state p{font-size:13px;line-height:1.5;margin:0;max-width:440px}.dataql-dlist-empty-cta{align-items:center;background:var(--color-accent);border:0;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-top:8px;padding:8px 14px}.dataql-dlist-noresults{align-items:center;border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:32px;text-align:center}.dataql-dlist-noresults p{font-size:13px;margin:0}.dataql-dlist-noresults button{background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:12px;margin-top:4px;padding:5px 12px}.dataql-dlist-noresults button:hover{background:var(--color-surface);border-color:var(--color-accent)}.dataql-dlist-create{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:6px;padding:10px}.dataql-dlist-create input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:13px;outline:none;padding:6px 10px}.dataql-dlist-create input:focus{border-color:var(--color-accent)}.dataql-dlist-create-cancel,.dataql-dlist-create-save{border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.dataql-dlist-create-save{background:var(--color-accent);border:0;color:#fff}.dataql-dlist-create-cancel{color:var(--color-text-secondary)}.dataql-dlist-create-cancel,.dataql-dlist-table-wrap{background:var(--color-background);border:1px solid var(--color-border)}.dataql-dlist-table-wrap{border-radius:var(--radius-md);overflow:hidden}.dataql-dlist-table{border-collapse:collapse;font-family:inherit;table-layout:auto;width:100%}.dataql-dlist-table td,.dataql-dlist-table th{font-family:inherit}.dataql-dlist-table thead{background:var(--color-surface)}.dataql-dlist-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;padding:0;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none}.dataql-dlist-table th.is-right{text-align:right}.dataql-dlist-sort-btn{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;letter-spacing:inherit;padding:10px 14px;text-align:inherit;text-transform:inherit;width:100%}.dataql-dlist-table th.is-right .dataql-dlist-sort-btn{justify-content:flex-end}.dataql-dlist-sort-btn:hover,.dataql-dlist-table th.is-active .dataql-dlist-sort-btn{color:var(--color-text-primary)}.dataql-dlist-table th.is-active .dataql-dlist-sort-btn svg{color:var(--color-accent)}.dataql-dlist-sort-btn svg{opacity:.55;transition:opacity .1s ease}.dataql-dlist-sort-btn:hover svg{opacity:1}.col-widgets{text-align:right;width:110px}.col-updated{width:160px}.col-actions{width:90px}.dataql-dlist-row{cursor:pointer;outline:none;transition:background .1s ease}.dataql-dlist-row:hover{background:var(--color-surface)}.dataql-dlist-row:focus-visible{background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-accent-light)}.dataql-dlist-row.is-renaming{background:var(--color-surface);cursor:default}.dataql-dlist-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:13px;padding:12px 14px;vertical-align:middle}.dataql-dlist-table tr:last-child td{border-bottom:0}.dataql-dlist-table td.col-widgets{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.dataql-dlist-table td.col-updated{font-feature-settings:"tnum";color:var(--color-text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.dataql-dlist-table td.col-actions{text-align:right}.dataql-dlist-namecell{align-items:center;display:flex;gap:12px;min-width:0}.dataql-dlist-icon{align-items:center;background:var(--color-accent-light);border-radius:var(--radius-sm);color:var(--color-accent);display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.dataql-dlist-namecol{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.dataql-dlist-name{color:var(--color-text-primary);font-size:13px;font-weight:600}.dataql-dlist-desc,.dataql-dlist-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-dlist-desc{color:var(--color-text-secondary);font-size:12px}.dataql-dlist-widgets-pill{font-feature-settings:"tnum";align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-text-primary);display:inline-flex;font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;height:22px;justify-content:center;min-width:26px;padding:0 8px}.dataql-dlist-row-actions{display:inline-flex;gap:2px;opacity:0;transition:opacity .1s ease}.dataql-dlist-row:focus-within .dataql-dlist-row-actions,.dataql-dlist-row:hover .dataql-dlist-row-actions{opacity:1}.dataql-dlist-row-action{background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;padding:6px}.dataql-dlist-row-action:hover{background:var(--color-background);color:var(--color-text-primary)}.dataql-dlist-row-action.is-danger:hover{background:var(--color-error-bg);color:var(--color-error)}.dataql-dlist-rename-row{align-items:center;display:flex;gap:4px}.dataql-dlist-rename-row input{background:var(--color-background);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:13px;font-weight:600;min-width:0;outline:none;padding:5px 8px}.dataql-dlist-rename-cancel,.dataql-dlist-rename-save{background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;padding:5px}.dataql-dlist-rename-save:hover{background:var(--color-accent-light);color:var(--color-accent)}.dataql-dlist-rename-cancel:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-dlist-aipanel{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;padding:14px 12px}.dataql-dlist-aigroup{display:flex;flex-direction:column;gap:4px}.dataql-dlist-aigroup-header{align-items:center;display:flex;justify-content:space-between;padding:0 6px 4px}.dataql-dlist-aigroup-label{color:var(--color-text-secondary);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dataql-dlist-aigroup-count{font-feature-settings:"tnum";color:var(--color-text-tertiary);font-size:10px;font-variant-numeric:tabular-nums}.dataql-dlist-airows{display:flex;flex-direction:column;gap:1px;list-style:none;margin:0;padding:0}.dataql-dlist-airow{align-items:flex-start;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;outline:none;padding:8px 10px;transition:background .1s ease}.dataql-dlist-airow:hover{background:var(--color-surface)}.dataql-dlist-airow:focus-visible{background:var(--color-surface);box-shadow:inset 0 0 0 2px var(--color-accent-light)}.dataql-dlist-airow-icon{align-items:center;background:var(--color-accent-light);border-radius:var(--radius-sm);color:var(--color-accent);display:inline-flex;flex-shrink:0;height:26px;justify-content:center;margin-top:2px;width:26px}.dataql-dlist-airow-body{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.dataql-dlist-airow-title{align-items:baseline;color:var(--color-text-primary);display:flex;font-size:13px;font-weight:600;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-dlist-airow-context{color:var(--color-text-tertiary);font-size:11px;font-weight:400}.dataql-dlist-airow-snippet{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.dataql-dlist-airow-match{align-self:flex-start;background:var(--color-accent-light);border-radius:999px;color:var(--color-accent);flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.04em;margin-top:2px;padding:2px 8px;text-transform:uppercase}.dataql-daterange{display:inline-block;position:relative}.dataql-daterange-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:background .1s ease}.dataql-daterange-trigger:hover{background:var(--color-background)}.dataql-daterange-trigger svg{color:var(--color-text-secondary)}.dataql-daterange-pop{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:10px;padding:10px;position:absolute;right:0;top:calc(100% + 4px);width:240px;z-index:100}.dataql-daterange-presets{display:flex;flex-direction:column;gap:2px}.dataql-daterange-preset{background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:12px;padding:6px 8px;text-align:left}.dataql-daterange-preset:hover{background:var(--color-surface)}.dataql-daterange-preset.is-active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.dataql-daterange-custom{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px;padding-top:8px}.dataql-daterange-custom-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dataql-daterange-custom-inputs{align-items:center;display:flex;gap:6px}.dataql-daterange-custom-inputs input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:11px;min-width:0;padding:4px 6px}.dataql-daterange-custom-inputs span{color:var(--color-text-secondary);font-size:12px}.dataql-daterange-apply{align-self:flex-end;background:var(--color-accent);border:0;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px}.dataql-daterange-apply:disabled{cursor:not-allowed;opacity:.5}.dataql-widget{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 2px #0f12180a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.dataql-widget:hover{border-color:var(--color-text-tertiary);box-shadow:0 2px 8px #0f121814}.dataql-widget.has-error{border-color:var(--color-error-border)}.dataql-widget-header{align-items:center;background:var(--color-surface);border-bottom:1px solid var(--color-border);cursor:grab;display:flex;flex-shrink:0;gap:8px;padding:8px 10px}.dataql-widget-header:active{cursor:grabbing}.dataql-widget-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-widget-title,.dataql-widget-title-input{color:var(--color-text-primary);flex:1 1;font-size:13px;font-weight:600}.dataql-widget-title-input{background:var(--color-background);border:1px solid var(--color-accent);border-radius:var(--radius-sm);cursor:text;outline:none;padding:2px 6px}.dataql-widget-header-actions{align-items:center;cursor:default;display:inline-flex;gap:2px}.dataql-widget-iconbtn{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:4px}.dataql-widget-iconbtn:hover:not(:disabled){background:var(--color-background);color:var(--color-text-primary)}.dataql-widget-iconbtn:disabled{cursor:not-allowed;opacity:.5}.dataql-widget-iconbtn .spin{animation:dataql-widget-spin .9s linear infinite}@keyframes dataql-widget-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dataql-widget-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:10px;font-weight:600;gap:3px;letter-spacing:.04em;padding:2px 7px;text-transform:uppercase}.dataql-widget-pill.is-stale{background:var(--color-warning-bg);color:var(--color-warning-text)}.dataql-widget-pill.is-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.dataql-widget-pill.is-fixed{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-tertiary)}.dataql-widget-menu{position:relative}.dataql-widget-menu-pop{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1px;min-width:180px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.dataql-widget-menu-pop button{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:12px;gap:8px;padding:6px 8px;text-align:left;width:100%}.dataql-widget-menu-pop button:hover:not(:disabled){background:var(--color-surface)}.dataql-widget-menu-pop button:disabled{cursor:not-allowed;opacity:.55}.dataql-widget-menu-pop button.is-danger{color:var(--color-error)}.dataql-widget-menu-pop button.is-danger:hover{background:var(--color-error-bg)}.dataql-widget-desc-row{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;padding:4px 10px 6px}.dataql-widget-desc{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:text;font-size:11px;line-height:1.4;margin:0;padding:2px 4px}.dataql-widget-desc-input,.dataql-widget-desc:hover{background:var(--color-background);color:var(--color-text-primary)}.dataql-widget-desc-input{border:1px solid var(--color-accent);border-radius:var(--radius-sm);font-family:inherit;font-size:11px;line-height:1.4;outline:none;padding:4px 6px;resize:vertical;width:100%}.dataql-widget-body{flex:1 1;min-height:0;overflow:auto;padding:10px 12px;transition:opacity .15s ease}.dataql-widget-body.is-muted{opacity:.55}.dataql-widget-footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:10px;justify-content:space-between;padding:6px 10px}.dataql-widget-snapshot{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dataql-undo-toast{align-items:center;animation:dataql-undo-toast-in .18s ease-out;background:var(--color-text-primary);border-radius:var(--radius-md);bottom:24px;box-shadow:0 8px 24px #0f12182e;box-shadow:var(--shadow-lg,0 8px 24px #0f12182e);color:var(--color-background);display:inline-flex;font-size:13px;gap:10px;line-height:1.3;max-width:480px;padding:10px 12px 10px 14px;position:fixed;right:24px;z-index:9000}@keyframes dataql-undo-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dataql-undo-toast-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;opacity:.85}.dataql-undo-toast-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-undo-toast-text strong{font-weight:600}.dataql-undo-toast-action{align-items:center;background:#0000;border:1px solid #ffffff38;border-radius:var(--radius-sm);color:var(--color-background);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;padding:5px 9px;transition:background .1s ease,border-color .1s ease}.dataql-undo-toast-action:hover:not(:disabled){background:#ffffff14;border-color:#ffffff59}.dataql-undo-toast-action:disabled{cursor:not-allowed;opacity:.5}.dataql-undo-toast-kbd{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:3px;color:#ffffffd9;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:500;line-height:1.2;margin-left:2px;padding:1px 5px}.dataql-undo-toast-dismiss{align-items:center;background:#0000;border:0;border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;margin-left:-4px;padding:4px;transition:background .1s ease,color .1s ease}.dataql-undo-toast-dismiss:hover{background:#ffffff1a;color:var(--color-background)}.dataql-versions-modal{max-width:520px}.dataql-versions-title{display:flex;flex-direction:column;gap:2px;min-width:0}.dataql-versions-title h3{margin:0}.dataql-versions-subtitle{color:var(--color-text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-versions-current{align-items:center;background:#0f62fe0f;background:var(--color-accent-light,#0f62fe0f);border:1px solid var(--color-accent);border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.dataql-versions-current-dot{animation:dataql-versions-pulse 2s ease-in-out infinite;background:var(--color-accent);border-radius:50%;display:inline-block;height:7px;margin-right:6px;vertical-align:1px;width:7px}@keyframes dataql-versions-pulse{0%,to{opacity:1}50%{opacity:.5}}.dataql-versions-section-title{color:var(--color-text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;margin:14px 0 6px;padding:0 4px;text-transform:uppercase}.dataql-versions-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0 0 8px;padding:0}.dataql-versions-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:12px;justify-content:space-between;padding:10px 12px;transition:border-color .1s ease}.dataql-versions-item:hover{border-color:var(--color-text-secondary)}.dataql-versions-item.is-auto{background:#0000;border-color:var(--color-border);border-style:dashed}.dataql-versions-item.is-auto .dataql-versions-item-label{color:var(--color-text-secondary);font-style:italic;font-weight:400}.dataql-versions-auto-icon{color:var(--color-text-secondary);margin-right:4px;vertical-align:-1px}.dataql-versions-item-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.dataql-versions-item-label{color:var(--color-text-primary);font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataql-versions-item-time{color:var(--color-text-secondary);font-size:11px}.dataql-versions-item-actions{align-items:center;display:inline-flex;flex-shrink:0;gap:6px}.dataql-versions-action{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:5px 10px;transition:all .1s ease}.dataql-versions-action:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-text-secondary)}.dataql-versions-action:disabled{cursor:not-allowed;opacity:.55}.dataql-versions-action.is-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.dataql-versions-action.is-primary:hover:not(:disabled){filter:brightness(1.05)}.dataql-versions-action.is-danger{border-color:var(--color-border);color:var(--color-error)}.dataql-versions-action.is-danger:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error)}.dataql-versions-action.is-danger-outline{border-color:var(--color-error);color:var(--color-error)}.dataql-versions-action.is-danger-outline:hover:not(:disabled){background:var(--color-error-bg)}.dataql-versions-confirm-panel{display:flex;flex-direction:column;gap:14px;padding:4px 0}.dataql-versions-confirm-heading{color:var(--color-text-primary);font-size:15px;font-weight:500;line-height:1.4}.dataql-versions-confirm-heading strong{font-weight:600}.dataql-versions-confirm-sub{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.dataql-versions-confirm-checkbox{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;-webkit-user-select:none;user-select:none}.dataql-versions-confirm-checkbox input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;margin:0}.dataql-versions-recommended{color:var(--color-text-secondary);font-size:11px;font-weight:400}.dataql-versions-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.dataql-versions-save-form{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;gap:6px;margin:-4px 0 12px;padding:8px 10px}.dataql-versions-save-form input{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:13px;min-width:0;outline:none;padding:6px 10px}.dataql-versions-save-form input:focus{border-color:var(--color-accent)}.dataql-versions-save-form input::placeholder{color:var(--color-text-secondary)}.dataql-versions-empty{align-items:center;background:var(--color-background);border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:24px 16px;text-align:center}.dataql-versions-empty svg{color:var(--color-text-secondary);margin-bottom:4px}.dataql-versions-empty>div:first-of-type{color:var(--color-text-primary);font-size:13px;font-weight:500}.dataql-versions-empty-sub{color:var(--color-text-secondary);font-size:12px}.dataql-versions-footer-note{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:11px;margin-top:4px;padding-top:12px;text-align:center}.dataql-versions-footer-warn{align-items:center;background:#d9770614;background:var(--color-warning-bg,#d9770614);border:1px solid #d97706;border:1px solid var(--color-warning,#d97706);border-radius:var(--radius-sm);box-sizing:border-box;color:#92400e;color:var(--color-warning-text,var(--color-warning,#92400e));display:inline-flex;font-size:11px;gap:6px;line-height:1.4;margin-top:4px;padding:8px 12px;width:100%}.dataql-versions-footer-warn.is-soft{background:#0000;border-style:dashed;color:var(--color-text-secondary)}.dataql-versions-footer-warn svg{color:#d97706;color:var(--color-warning,#d97706);flex-shrink:0}.dataql-versions-footer-warn strong{font-weight:600}.dataql-versions-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px;transition:all .1s ease}.dataql-versions-btn:hover{border-color:var(--color-text-secondary)}.dataql-versions-btn-count{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);display:inline-flex;font-size:10px;font-weight:600;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.dataql-dview-page{background:var(--color-background);display:flex;flex-direction:column;height:100%;overflow:hidden}.dataql-dview-error,.dataql-dview-loading{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:13px;gap:8px;margin:auto;padding:28px}.dataql-dview-error{flex-direction:column}.dataql-dview-error button{background:var(--color-accent);border:0;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:6px 14px}.dataql-dview-loading .spin,.dataql-dview-refresh-all .spin{animation:dataql-dview-spin .9s linear infinite}@keyframes dataql-dview-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dataql-dview-topbar{align-items:center;background:var(--color-background);border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;gap:12px;padding:16px 24px}.dataql-dview-back{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:6px}.dataql-dview-back:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-dview-titleblock{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.dataql-dview-title{align-items:center;color:var(--color-text-primary);cursor:text;display:inline-flex;font-size:18px;font-weight:700;gap:6px;line-height:1.3;margin:0}.dataql-dview-title-edit-btn{background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;opacity:0;padding:3px;transition:opacity .1s ease}.dataql-dview-title:hover .dataql-dview-title-edit-btn{opacity:1}.dataql-dview-title-edit-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.dataql-dview-title-edit{align-items:center;display:flex;gap:4px}.dataql-dview-title-edit input{background:var(--color-background);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:18px;font-weight:700;outline:none;padding:4px 8px}.dataql-dview-title-edit button{background:#0000;border:0;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:5px}.dataql-dview-title-edit button:hover{background:var(--color-surface)}.dataql-dview-actions{align-items:center;display:inline-flex;gap:8px}.dataql-dview-refresh-all{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.dataql-dview-refresh-all:hover:not(:disabled){background:var(--color-background);border-color:var(--color-accent)}.dataql-dview-refresh-all:disabled{cursor:not-allowed;opacity:.55}.dataql-dview-desc{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:text;font-size:12px;line-height:1.4;margin:0;max-width:720px;overflow:hidden;padding:1px 0;text-overflow:ellipsis;white-space:nowrap}.dataql-dview-desc:hover{color:var(--color-text-primary)}.dataql-dview-desc-empty{align-self:flex-start;background:#0000;border:0;color:var(--color-text-tertiary);cursor:pointer;font-size:11px;font-weight:500;opacity:0;padding:1px 0;text-decoration:none;transition:opacity .1s ease,color .1s ease}.dataql-dview-titleblock:hover .dataql-dview-desc-empty{opacity:1}.dataql-dview-desc-empty:hover{color:var(--color-accent)}.dataql-dview-desc-input{background:var(--color-background);border:1px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:none;color:var(--color-text-primary);font-family:inherit;font-size:12px;line-height:1.4;max-width:720px;outline:none;padding:4px 8px;resize:vertical;width:100%}.dataql-dview-empty{border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);margin:40px;padding:56px 24px;text-align:center}.dataql-dview-empty h3{color:var(--color-text-primary);font-size:16px;margin:0 0 8px}.dataql-dview-empty p{font-size:13px;line-height:1.5;margin:0}.dataql-dview-empty-cta{background:var(--color-accent);border:0;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:14px;padding:8px 14px}.dataql-dview-grid-wrap{flex:1 1;overflow-y:auto;padding:18px 24px 32px}.react-grid-item{transition:transform .18s ease,top .18s ease,left .18s ease}.react-grid-item.react-grid-placeholder{background:var(--color-accent-light)!important;border:2px dashed var(--color-accent)!important;border-radius:var(--radius-md);opacity:.55}.react-grid-item>.react-resizable-handle:after{border-color:var(--color-text-tertiary)}.invite-header-content{align-items:center;display:flex;gap:.75rem}.invite-header-icon{align-items:center;background:#3b82f61a;border-radius:8px;color:#3b82f6;display:flex;justify-content:center;padding:.5rem}.invite-header-text h2{color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .125rem}.invite-header-text p{color:var(--color-text-secondary);font-size:.813rem;margin:0}.invite-workspace-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.25rem;padding:.875rem}.invite-workspace-badge{align-items:center;display:flex;gap:.75rem}.invite-workspace-icon{align-items:center;background:#3b82f6;border-radius:8px;color:#fff;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.invite-workspace-name{color:var(--color-text-primary);font-size:.938rem;font-weight:600}.invite-workspace-members{color:var(--color-text-secondary);font-size:.75rem}.invite-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:6px;color:#dc2626;color:var(--color-error,#dc2626)}.invite-error,.invite-success{font-size:.813rem;margin-bottom:1rem;padding:.75rem 1rem}.invite-success{align-items:center;background:#f0fdf4;background:var(--color-success-bg,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--color-success-border,#bbf7d0);border-radius:6px;color:#16a34a;color:var(--color-success,#16a34a);display:flex;gap:.5rem}.invite-form-group{margin-bottom:1.25rem}.invite-form-group label{align-items:center;color:var(--color-text-primary);display:flex;font-size:.813rem;font-weight:500;gap:.375rem;margin-bottom:.375rem}.invite-form-group input{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-size:.875rem;padding:.625rem .75rem;transition:border-color .15s ease;width:100%}.invite-form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #0f62fe1a;outline:none}.invite-field-error{color:#dc2626;color:var(--color-error,#dc2626);display:block;font-size:.75rem;margin-top:.25rem}.invite-field-hint{color:var(--color-text-secondary);font-size:.75rem;margin-top:.25rem}.role-selector{display:flex;flex-direction:column;gap:.5rem;margin-top:.375rem}.role-option{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;padding:.75rem;transition:all .15s ease}.role-option:hover{background:var(--color-surface);border-color:var(--color-text-tertiary)}.role-option.selected{background:#3b82f60a;border-color:#3b82f6}.role-option-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.role-option-icon{align-items:center;color:var(--color-text-secondary);display:flex}.role-option.selected .role-option-icon{color:#3b82f6}.role-option-label{color:var(--color-text-primary);flex:1 1;font-size:.875rem;font-weight:600}.role-option-check{align-items:center;color:#3b82f6;display:flex}.role-option-description{color:var(--color-text-secondary);font-size:.75rem;line-height:1.4;margin-left:1.625rem}.invite-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:.75rem;margin:1.25rem 0;padding:1rem}.invite-info-icon{color:#3b82f6;flex-shrink:0}.invite-info-content h4{color:var(--color-text-primary);font-size:.875rem;font-weight:600;margin:0 0 .5rem}.invite-info-content ul{color:var(--color-text-secondary);font-size:.75rem;line-height:1.5;margin:0;padding-left:1rem}.invite-info-content li{margin-bottom:.25rem}.invite-actions{display:flex;gap:.625rem;justify-content:flex-end;padding-top:.5rem}.invite-btn-secondary{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .15s ease}.invite-btn-secondary:hover:not(:disabled){background-color:var(--color-surface)}.invite-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.invite-btn-primary{align-items:center;background:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .15s ease}.invite-btn-primary:hover:not(:disabled){background:var(--color-accent-dark)}.invite-btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:invite-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes invite-spin{to{transform:rotate(1turn)}}@media (max-width:640px){.invite-actions,.invite-info{flex-direction:column}.invite-actions button{width:100%}}.workspace-management{padding:2rem}.workspace-management-header{align-items:flex-start;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.current-workspace-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.current-workspace-header{border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.current-workspace-header h2{color:var(--color-primary);font-size:20px;font-weight:500;margin:0 0 var(--spacing-xs) 0}.current-workspace-header p{color:var(--color-text-secondary);font-weight:400;margin:0}.current-workspace-content{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:2fr 1fr}.current-workspace-info{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.current-workspace-detail{display:flex;flex-direction:column;gap:var(--spacing-xs)}.current-workspace-detail label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.current-workspace-value{align-items:center;color:var(--color-primary);display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs)}.current-workspace-value.role{color:var(--color-accent)}.current-workspace-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.workspace-action-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.workspace-action-btn.primary{background:var(--color-accent);box-shadow:var(--shadow-sm);color:#fff}.workspace-action-btn.primary:hover{background:var(--color-accent-dark)}.workspace-action-btn.secondary{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary)}.workspace-action-btn.secondary:hover{background:var(--color-surface);border-color:var(--color-accent)}.workspace-action-btn.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d;color:#fff}.workspace-action-btn.danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}@media (max-width:768px){.workspace-management{padding:1rem}.workspace-management-header{align-items:stretch;flex-direction:column;gap:1rem}.current-workspace-content,.current-workspace-info{grid-template-columns:1fr}}.workspace-members{background-color:var(--color-background)}.members-overview{margin-bottom:2rem}.members-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.members-stat-card{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .2s ease}.members-stat-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.members-stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.members-stat-content{flex:1 1}.members-stat-number{color:var(--color-text-primary);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:.25rem}.members-stat-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.members-controls{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.control-row{width:100%}.control-search{max-width:400px}.control-search .search-input{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 36px}.members-count{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin-left:auto;white-space:nowrap}.members-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow:visible}.member-card-item{background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;box-shadow:0 1px 3px #0000000f;overflow:hidden;transition:all .2s ease}.member-card-item:hover{border-color:var(--color-accent);box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.member-card-top{align-items:center;background:var(--color-surface);border-bottom:2px solid var(--color-border);border-radius:14px 14px 0 0;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.member-card-avatar{border:3px solid var(--color-background);border-radius:50%;box-shadow:0 4px 12px #0000001a;height:64px;overflow:hidden;position:relative;width:64px}.member-card-avatar .member-avatar-img{height:100%;object-fit:cover;width:100%}.member-avatar-initials{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:100%;justify-content:center;left:0;letter-spacing:.5px;position:absolute;top:0;width:100%}.member-owner-badge-card{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;box-shadow:0 2px 8px #3b82f64d;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.member-card-content{padding:1.5rem}.member-card-name{color:var(--color-text-primary);font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.member-card-email{color:var(--color-text-secondary);font-size:.875rem;margin:0 0 1rem;word-break:break-word}.member-card-stats{grid-gap:1rem;border-bottom:2px solid var(--color-border);border-top:2px solid var(--color-border);display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;padding:1rem 0}.member-card-stat{display:flex;flex-direction:column;gap:.25rem}.member-card-stat-label{color:var(--color-text-secondary);font-size:.625rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.member-card-stat-value{align-items:center;color:var(--color-text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.375rem}.member-card-stat-value svg{color:var(--color-accent);flex-shrink:0}.member-card-footer{margin-top:.5rem}.member-card-date{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.75rem;font-weight:500;gap:.5rem}.member-card-date svg{color:var(--color-text-secondary);flex-shrink:0}.members-table-container{background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;box-shadow:0 1px 3px #0000000f;overflow:visible}.members-table{border-collapse:collapse;width:100%}.members-table thead{background:var(--color-surface)}.members-table thead tr:first-child th:first-child{border-top-left-radius:14px}.members-table thead tr:first-child th:last-child{border-top-right-radius:14px}.members-table th{border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.25rem;text-align:left;text-transform:uppercase}.members-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.members-table tbody tr:hover{background-color:var(--color-surface)}.members-table tbody tr:last-child{border-bottom:none}.members-table tbody tr:last-child td:first-child{border-bottom-left-radius:14px}.members-table tbody tr:last-child td:last-child{border-bottom-right-radius:14px}.members-table td{color:var(--color-text-secondary);font-size:.875rem;padding:1rem 1.25rem}.member-name-cell{font-weight:600}.member-info{align-items:center;display:flex;gap:.75rem}.member-table-avatar{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.member-table-avatar .member-avatar-img{height:100%;object-fit:cover;width:100%}.member-table-avatar .member-avatar-initials{font-size:.875rem}.member-name{color:var(--color-text-primary);font-weight:600;margin-right:.5rem}.member-owner-badge-small{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:12px;color:#fff;display:inline-flex;font-size:.625rem;font-weight:700;letter-spacing:.5px;padding:.125rem .5rem;text-transform:uppercase;vertical-align:middle}.member-email{align-items:center;display:flex;gap:.5rem}.member-email,.member-email svg{color:var(--color-text-secondary)}.member-email svg{flex-shrink:0}.member-table-role{align-items:center;background:var(--color-surface);border-radius:12px;color:var(--color-text-secondary);display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.member-table-role svg{color:var(--color-accent);flex-shrink:0}.member-activity-badge{border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.member-date{color:var(--color-text-secondary);font-weight:500}.member-remove-wrapper{align-items:center;display:flex;position:relative}.member-remove-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .2s ease}.member-remove-btn:hover{background:var(--color-error-bg);color:var(--color-error)}.member-actions-cell{position:relative;text-align:center;width:80px}.member-card-footer{align-items:center;display:flex;justify-content:space-between}.workspace-members-loading{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.workspace-members-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:48px;margin-bottom:var(--spacing-md);width:48px}.workspace-members-loading p{color:var(--color-text-secondary);font-weight:500;margin:0}.workspace-members-error{align-items:center;background:var(--color-background);border:2px solid var(--color-error-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.workspace-members-error p{color:var(--color-error);font-weight:500;margin:0 0 var(--spacing-md)}.retry-btn{background:var(--color-accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.retry-btn:hover{background:var(--color-accent-dark);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.workspace-members-empty{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.workspace-members-empty svg{color:var(--color-text-secondary);margin-bottom:1rem}.workspace-members-empty h4{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.workspace-members-empty p{color:var(--color-text-secondary);font-weight:500;margin:0}@media (max-width:768px){.members-stats{grid-template-columns:1fr}.members-controls{padding:var(--spacing-md)}.control-row{flex-wrap:wrap}.control-search{margin-bottom:var(--spacing-sm);max-width:none;min-width:0;width:100%}.members-count{margin-left:0;margin-top:var(--spacing-sm);text-align:center;width:100%}.members-cards-grid{grid-template-columns:1fr}.members-table-container{overflow-x:auto}.members-table{min-width:800px}}.role-dropdown-wrapper{position:relative}.role-dropdown-trigger{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.813rem;font-weight:500;gap:.375rem;padding:.375rem .625rem;transition:all .15s ease}.role-dropdown-trigger:hover{background:var(--color-surface);border-color:var(--color-accent)}.role-dropdown-trigger.open{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.role-dropdown-trigger:disabled{cursor:not-allowed;opacity:.7}.role-dropdown-menu{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:180px;overflow:hidden;position:absolute;top:calc(100% + 4px);z-index:100}.role-dropdown-item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.813rem;gap:.5rem;padding:.625rem .875rem;text-align:left;transition:background .15s ease;width:100%}.role-dropdown-item:hover{background:var(--color-surface)}.role-dropdown-item.active{background:var(--color-accent-light);color:var(--color-accent)}.role-dropdown-item .role-check{color:var(--color-accent);margin-left:auto}.role-spinner{animation:spin .6s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:12px;width:12px}@keyframes spin{to{transform:rotate(1turn)}}.personal-settings{padding:0!important}.settings-section{margin-bottom:2rem}.settings-section-compact{margin-bottom:0}.settings-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.section-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.section-header-actions,.section-title{align-items:center;display:flex;gap:.5rem}.section-title svg{color:var(--color-accent);opacity:.8}.section-title h3{font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.edit-profile-btn,.section-title h3{color:var(--color-text-secondary);font-size:13px}.edit-profile-btn{align-items:center;background-color:initial;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;display:inline-flex;font-weight:500;gap:.375rem;padding:.375rem .875rem;transition:all .15s ease}.edit-profile-btn:hover{background-color:var(--color-surface);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.edit-profile-btn.saving{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.edit-profile-btn.saving:hover{background-color:#1d4ed8;background-color:var(--color-accent-dark,#1d4ed8)}.profile-content{padding:0}.profile-avatar-section{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;display:flex;gap:1.25rem;padding:1.75rem 2rem}.profile-avatar{flex-shrink:0}.avatar-image{border:2px solid var(--color-background);border-radius:50%;box-shadow:0 2px 8px -2px #0000001a;height:64px;object-fit:cover;width:64px}.profile-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0;padding-top:.25rem}.profile-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.form-group .profile-input{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-size:14px;padding:.5rem .75rem;transition:all .15s ease;width:100%}.form-group .profile-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f61a;outline:none}.form-group .profile-input:disabled{background-color:var(--color-surface);color:var(--color-text-secondary);cursor:not-allowed}.profile-error{background-color:#ef444414;border-radius:6px;color:var(--color-error);font-size:13px;margin-top:.5rem;padding:.5rem .75rem}.profile-display{color:var(--color-text-primary);font-size:14px;line-height:1.4}.profile-name-display{color:var(--color-primary);font-size:17px;font-weight:600;margin-bottom:.125rem}.profile-email-display{color:var(--color-text-secondary);font-size:14px}.account-stats{display:flex;flex-direction:column;gap:.75rem}.stat-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;display:flex;gap:.875rem;padding:1rem 1.25rem;transition:border-color .15s ease}.stat-card:hover{border-color:#3b82f64d}.stat-icon{align-items:center;background:#3b82f614;border-radius:8px;color:var(--color-accent);display:flex;justify-content:center;padding:.625rem}.stat-content{display:flex;flex-direction:column;gap:.125rem}.stat-number{color:var(--color-primary);font-size:22px;font-weight:700;line-height:1}.stat-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.notification-settings{display:flex;flex-direction:column;gap:.75rem}.notification-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:border-color .15s ease}.notification-item:hover{border-color:#3b82f633}.notification-info{flex:1 1;margin-right:1.5rem}.notification-title{color:var(--color-text-primary);font-size:14px;font-weight:500;margin-bottom:.25rem}.notification-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.settings-toggle{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.settings-toggle input{height:0;opacity:0;width:0}.settings-toggle-track{background-color:var(--color-border);border-radius:12px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .2s ease}.settings-toggle-track:after{background-color:#fff;border-radius:50%;box-shadow:0 1px 4px #00000026;content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .2s ease;width:20px}input:checked+.settings-toggle-track{background:var(--color-accent)}input:checked+.settings-toggle-track:after{transform:translateX(20px)}input:disabled+.settings-toggle-track{cursor:not-allowed;opacity:.5}.preference-item{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;display:flex;justify-content:space-between;padding:1rem 1.25rem}.preference-item label{font-weight:500;letter-spacing:0;text-transform:none}.preference-item label,.preference-select{color:var(--color-text-primary);font-size:14px}.preference-select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;min-width:120px;padding:.5rem .75rem;transition:all .15s ease}.preference-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f61a;outline:none}.danger-section{background:#ef444408;border:1px solid #ef44441f;border-radius:10px;margin-top:.5rem;padding:1.25rem}.danger-section .section-header{border-bottom:none;margin-bottom:.75rem;padding-bottom:0}.danger-section .section-title h3{color:var(--color-error)}.danger-section .section-title svg{color:var(--color-error);opacity:1}.danger-actions{display:flex;flex-wrap:wrap;gap:.75rem}.danger-btn,.logout-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .15s ease}.logout-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.logout-btn:hover{background-color:var(--color-border)}.danger-btn{background-color:initial;border:1px solid #ef44444d;color:var(--color-error)}.danger-btn:hover{background-color:var(--color-error);color:#fff}@media (max-width:768px){.personal-settings{padding:0 1rem!important}.profile-form-row,.settings-row{grid-template-columns:1fr}.profile-avatar-section{align-items:center;flex-direction:column;text-align:center}.profile-info{align-items:center}.account-stats{flex-direction:row}.stat-card{flex:1 1}.section-header{align-items:flex-start;flex-direction:column;gap:.75rem}.danger-actions{flex-direction:column;width:100%}.danger-btn,.logout-btn{justify-content:center;width:100%}}.cwm-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1.25rem}.cwm-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:6px;color:#dc2626;color:var(--color-error,#dc2626);font-size:.813rem;margin-bottom:1rem;padding:.75rem 1rem}.cwm-form-group{margin-bottom:1.25rem}.cwm-form-group label{color:var(--color-text-primary);display:block;font-size:.813rem;font-weight:500;margin-bottom:.375rem}.cwm-form-group input{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;box-sizing:border-box;color:var(--color-text-primary);font-size:.875rem;padding:.625rem .75rem;transition:border-color .15s ease;width:100%}.cwm-form-group input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #0f62fe1a;outline:none}.cwm-field-error{color:#dc2626;color:var(--color-error,#dc2626);display:block;font-size:.75rem;margin-top:.25rem}.cwm-actions{display:flex;gap:.625rem;justify-content:flex-end;padding-top:.5rem}.cwm-btn-secondary{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .15s ease}.cwm-btn-secondary:hover:not(:disabled){background-color:var(--color-surface)}.cwm-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.cwm-btn-primary{background:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .15s ease}.cwm-btn-primary:hover:not(:disabled){background:var(--color-accent-dark)}.cwm-btn-primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:480px){.cwm-actions{flex-direction:column}.cwm-actions button{width:100%}}.all-workspaces{margin:0 auto;max-width:1200px;padding:2rem}.all-workspaces-header{align-items:flex-start;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.workspace-header-content{align-items:center;display:flex;gap:1rem}.workspace-header-icon{background:var(--color-accent-light);border-radius:12px;color:var(--color-accent);padding:.75rem}.workspace-header-text h1{color:var(--color-text-primary);font-size:2rem;font-weight:800;margin:0 0 .5rem}.workspace-header-text p{color:var(--color-text-secondary);font-size:1.1rem;font-weight:500;margin:0}.workspace-create-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 15px -3px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.workspace-create-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.workspace-overview{margin-bottom:2rem}.workspace-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.workspace-stat-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);padding:var(--spacing-xl);transition:all .2s ease}.workspace-stat-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.workspace-stat-icon{align-items:center;background:var(--color-accent-light);border-radius:var(--radius-md);color:var(--color-accent);display:flex;justify-content:center;padding:var(--spacing-md)}.workspace-stat-content{display:flex;flex-direction:column}.workspace-stat-number{color:var(--color-primary);font-size:24px;font-weight:600;margin-bottom:var(--spacing-xs)}.workspace-stat-label{color:var(--color-text-secondary);font-size:12px;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.workspace-controls{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.control-row,.workspace-controls{display:flex;gap:var(--spacing-md)}.control-row{align-items:center;flex-wrap:wrap}.control-search{flex:1 1;min-width:280px;position:relative}.control-search .search-input{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:14px;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;transition:all .2s ease;width:100%}.control-search .search-input::placeholder{color:var(--color-text-secondary)}.control-search .search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.control-search .search-icon{color:var(--color-text-secondary);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.workspace-list-section{margin-bottom:3rem}.workspace-list-header{margin-bottom:1.5rem}.workspace-list-header h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.workspace-list-header p{color:var(--color-text-secondary);font-weight:500;margin:0}.workspace-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));overflow:visible}.workspace-card-item{background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;box-shadow:0 1px 3px #0000000f;overflow:visible;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.workspace-card-item:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000000f}.workspace-card-item.current{background:var(--color-background);border-color:var(--color-success);box-shadow:0 4px 12px #10b98126}.workspace-card-item.dropdown-active{position:relative;z-index:100}.workspace-card-top{align-items:flex-start;background:var(--color-surface);border-bottom:1px solid var(--color-border);border-radius:14px 14px 0 0;display:flex;justify-content:space-between;overflow:visible;padding:1.5rem 1.5rem 1rem}.workspace-card-item.current .workspace-card-top{background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface))}.workspace-card-icon-large{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:14px;box-shadow:0 4px 12px #3b82f626;color:var(--color-accent);display:flex;justify-content:center;padding:1rem}.workspace-card-item.current .workspace-card-icon-large{border-color:#10b9814d;box-shadow:0 4px 12px #10b98126;color:var(--color-success)}.workspace-current-badge-card{background:#10b981;border-radius:20px;box-shadow:0 2px 8px #10b9814d;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.workspace-card-content{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.workspace-card-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.workspace-card-stats{grid-gap:1rem;border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1rem 0}.workspace-card-stat{display:flex;flex-direction:column;gap:.375rem}.workspace-card-stat-label{color:var(--color-text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.workspace-card-stat-value{align-items:center;color:var(--color-text-primary);display:flex;font-size:.9rem;font-weight:600;gap:.375rem}.workspace-card-footer{align-items:center;display:flex;justify-content:space-between}.workspace-card-date{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;font-weight:500;gap:.375rem}.workspace-dropdown{position:relative}.workspace-dropdown-trigger{align-items:center;background:var(--color-surface);border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.workspace-dropdown-trigger:focus,.workspace-dropdown-trigger:hover{background:var(--color-accent-light);color:var(--color-accent)}.workspace-dropdown-trigger:focus{outline:none}.workspace-dropdown-menu{animation:slideDown .2s ease-out;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.workspace-dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.workspace-dropdown-item:last-child{border-bottom:none}.workspace-dropdown-item:hover{background-color:var(--color-surface)}.workspace-dropdown-item.danger{color:var(--color-error)}.workspace-dropdown-item.danger:hover{background-color:var(--color-error-bg)}.workspace-dropdown-divider{background:var(--color-border);height:1px;margin:.5rem 0}.workspace-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));overflow:visible}.workspace-grid-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all .2s ease}.workspace-grid-card:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000000f}.workspace-grid-card.current{background:var(--color-background);border-color:var(--color-success);box-shadow:var(--shadow-md)}.workspace-grid-card-header{align-items:center;display:flex;justify-content:space-between}.workspace-grid-card-icon{align-items:center;background:var(--color-accent-light);border-radius:10px;color:var(--color-accent);display:flex;justify-content:center;padding:.625rem}.workspace-grid-card.current .workspace-grid-card-icon{background:var(--color-success-bg);color:var(--color-success)}.workspace-grid-card-name{color:var(--color-text-primary);font-size:1.125rem;font-weight:700;margin:0}.workspace-grid-card-meta{color:var(--color-text-secondary);display:flex;font-size:.875rem;gap:var(--spacing-md)}.workspace-grid-card-members,.workspace-grid-card-role{align-items:center;display:flex;font-weight:500;gap:.25rem}.workspace-grid-card-action{background:var(--color-accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.workspace-grid-card-action:hover:not(:disabled){background:var(--color-accent-dark)}.workspace-grid-card-action:disabled{cursor:not-allowed;opacity:.6}.workspace-table-container{background:var(--color-background);border:2px solid var(--color-border);border-radius:16px;box-shadow:0 1px 3px #0000000f;overflow:visible}.workspace-table{border-collapse:collapse;width:100%}.workspace-table thead{background:var(--color-surface);border-bottom:2px solid var(--color-border)}.workspace-table th{color:var(--color-text-secondary);font-size:.75rem;font-weight:700;letter-spacing:.08em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.workspace-table th:first-child{border-radius:14px 0 0 0}.workspace-table th:last-child{border-radius:0 14px 0 0}.workspace-table tbody tr{border-bottom:1px solid var(--color-border);position:relative;transition:all .2s ease}.workspace-table tbody tr:last-child{border-bottom:none}.workspace-table tbody tr:last-child td:first-child{border-radius:0 0 0 14px}.workspace-table tbody tr:last-child td:last-child{border-radius:0 0 14px 0}.workspace-table tbody tr:hover{background-color:var(--color-surface)}.workspace-table tbody tr.dropdown-active{position:relative;z-index:100}.workspace-table tbody tr.current-row{background:color-mix(in srgb,var(--color-success) 5%,var(--color-background));border-left:4px solid var(--color-success)}.workspace-table tbody tr.current-row:hover{background:color-mix(in srgb,var(--color-success) 8%,var(--color-background))}.workspace-table td{color:var(--color-text-primary);font-size:.9rem;padding:1.25rem 1.5rem}.workspace-table td:last-child{overflow:visible;position:relative}.workspace-table-name{color:var(--color-text-primary);font-weight:700}.workspace-table-name-content{align-items:center;display:flex;gap:.75rem}.workspace-table-icon{align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:10px;box-shadow:0 2px 6px #3b82f61a;color:var(--color-accent);display:flex;justify-content:center;padding:.625rem}.workspace-table tbody tr.current-row .workspace-table-icon{border-color:#10b9814d;box-shadow:0 2px 6px #10b98126;color:var(--color-success)}.workspace-current-badge-small{background:#10b981;border-radius:12px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-left:.5rem;padding:.25rem .625rem;text-transform:uppercase}.workspace-table-members,.workspace-table-role{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-weight:600;gap:.375rem}.workspace-table-action-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.workspace-table-action-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.workspace-table-action-btn:disabled{background:var(--color-border);box-shadow:none;cursor:not-allowed;opacity:.5}.workspace-table-actions{align-items:center;display:flex;gap:.75rem;justify-content:center;min-width:60px;position:relative}.workspace-current-badge-table{background:#10b981;border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}@media (max-width:768px){.all-workspaces{padding:1rem}.all-workspaces-header{align-items:stretch;flex-direction:column;gap:1rem}.workspace-stats{grid-template-columns:1fr}.workspace-controls{padding:var(--spacing-md)}.control-row{flex-direction:column;width:100%}.control-search{min-width:100%;width:100%}.workspace-cards-grid{grid-template-columns:1fr}.workspace-card-item{max-width:100%}.workspace-grid{grid-template-columns:1fr}.workspace-table-container{border-radius:12px;overflow-x:auto}.workspace-table{min-width:600px}.workspace-dropdown-menu{position:fixed;transform:translateX(-50%)}.workspace-table td,.workspace-table th{font-size:.85rem;padding:.75rem 1rem}}.App{min-height:100vh}.App,.main-content{background-color:var(--color-background)}.main-content{margin-left:240px;margin-top:64px;min-height:calc(100vh - 64px);padding:var(--spacing-xl) var(--spacing-2xl)}.main-content>*{margin-left:auto;margin-right:auto;max-width:1400px}@media (max-width:1024px){.main-content{margin-left:64px;padding:var(--spacing-lg)}}@media (max-width:768px){.main-content{margin-left:0;padding:var(--spacing-md)}}