@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=DM+Sans:ital,opsz,wght@0,9..40,300..700;1,9..40,300..700&family=Instrument+Serif:ital@0;1&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&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-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)}}.lp2{--bg:#0a0a0f;--bg2:#111118;--bg-card:#16161e;--border:#1e1e2a;--border-hover:#2e2e3e;--text:#ededf0;--text-2:#9494a0;--text-3:#5c5c6a;--accent:#818cf8;--accent-2:#a78bfa;--radius:12px;--radius-lg:20px;--max-w:1100px;--font:"DM Sans",system-ui,-apple-system,sans-serif;--serif:"Instrument Serif",Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden}.lp2 *,.lp2 :after,.lp2 :before{box-sizing:border-box;margin:0;padding:0}.lp2 em{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;font-family:var(--serif);font-style:italic}.lp2-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font);font-size:.875rem;font-weight:500;gap:6px;padding:8px 18px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.lp2-btn--solid{background:var(--accent);color:#fff}.lp2-btn--solid:hover{background:var(--accent-2);box-shadow:0 4px 24px #818cf840;transform:translateY(-1px)}.lp2-btn--ghost{background:#0000;color:var(--text-2)}.lp2-btn--ghost:hover{color:var(--text)}.lp2-btn--outline{background:#0000;border:1px solid var(--border-hover);color:var(--text)}.lp2-btn--outline:hover{background:#ffffff08;border-color:var(--text-3)}.lp2-btn--lg{border-radius:10px;font-size:1rem;padding:12px 28px}.lp2-arrow{transition:transform .2s ease}.lp2-btn:hover .lp2-arrow{transform:translateX(3px)}.lp2-nav{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:#0a0a0fbf;border-bottom:1px solid var(--border);left:0;position:fixed;right:0;top:0;z-index:100}.lp2-nav__inner{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:var(--max-w);padding:0 24px}.lp2-nav__brand{align-items:center;color:var(--text);display:flex;font-size:1rem;font-weight:600;gap:10px;letter-spacing:-.01em;text-decoration:none}.lp2-nav__brand svg{color:var(--accent)}.lp2-nav__links{display:flex;gap:32px}.lp2-nav__links button{background:none;border:none;color:var(--text-2);cursor:pointer;font-family:var(--font);font-size:.875rem;padding:0;transition:color .2s}.lp2-nav__links button:hover{color:var(--text)}.lp2-nav__actions{gap:8px}.lp2-hero,.lp2-nav__actions{align-items:center;display:flex}.lp2-hero{justify-content:center;min-height:100vh;overflow:hidden;padding:120px 24px 80px;position:relative;text-align:center}.lp2-hero__ambient{background:radial-gradient(ellipse,#818cf812 0,#a78bfa08 40%,#0000 70%);filter:blur(80px);height:500px;left:50%;pointer-events:none;position:absolute;top:8%;transform:translateX(-50%);width:700px}.lp2-hero__ambient2{background:radial-gradient(ellipse,#ff7a590a 0,#0000 70%);bottom:5%;filter:blur(60px);height:300px;left:30%;pointer-events:none;position:absolute;width:400px}.lp2-hero__content{max-width:740px;position:relative;z-index:2}.lp2-hero__badge{align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:100px;color:var(--text-2);display:inline-flex;font-size:.8rem;font-weight:500;gap:8px;margin-bottom:32px;padding:6px 16px}.lp2-hero__badge-dot{animation:badge-pulse 2s ease-in-out infinite;background:#34d399;border-radius:50%;height:7px;width:7px}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.4}}.lp2-hero__h1{color:var(--text);font-size:clamp(2.8rem,6vw,4.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-bottom:24px}.lp2-hero__sub{color:var(--text-2);font-size:1.15rem;line-height:1.7;margin-bottom:40px}.lp2-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.lp2-hero__floats{inset:0;pointer-events:none;position:absolute;z-index:1}.lp2-orb{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:13px;box-shadow:0 0 30px #0006,0 0 60px color-mix(in srgb,var(--orb-c) 8%,#0000);display:flex;height:46px;justify-content:center;position:absolute;width:46px}.lp2-orb--1{animation:float 5.5s ease-in-out infinite;left:10%;top:22%}.lp2-orb--2{animation:float 6.5s ease-in-out -1.2s infinite;left:6%;top:62%}.lp2-orb--3{animation:float 6s ease-in-out -2s infinite;right:11%;top:20%}.lp2-orb--4{animation:float 5s ease-in-out -3s infinite;right:8%;top:64%}.lp2-orb--bq{animation:float 7s ease-in-out -1.5s infinite;border-color:#669df633;border-radius:16px;box-shadow:0 0 40px #669df61a;height:54px;right:16%;top:43%;width:54px}.lp2-trust{padding:0 24px}.lp2-trust__inner{align-items:center;border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;gap:56px;justify-content:center;margin:0 auto;max-width:var(--max-w);padding:52px 0}.lp2-trust__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.lp2-trust__val{font-feature-settings:"tnum";font-size:1.8rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em}.lp2-trust__label{color:var(--text-3);font-size:.82rem;letter-spacing:.02em}.lp2-sec__hd{margin:0 auto 48px;max-width:600px;padding:0 24px;text-align:center}.lp2-sec__tag{color:var(--accent);display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.lp2-sec__hd h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin-bottom:12px}.lp2-sec__hd p{color:var(--text-2);font-size:1.05rem}.lp2-pipeline{padding:100px 24px}.lp2-pipeline__vis{grid-gap:10px 0;align-items:center;display:grid;gap:10px 0;grid-template-columns:260px 1fr 200px;margin:0 auto;max-width:820px}.lp2-pipe__src{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:12px;grid-column:1;padding:12px 16px;transition:border-color .25s,box-shadow .25s}.lp2-pipe__src:hover{border-color:var(--border-hover);box-shadow:0 0 20px color-mix(in srgb,var(--src-c) 8%,#0000)}.lp2-pipe__src-icon{align-items:center;background:#ffffff0a;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.lp2-pipe__src-info{display:flex;flex-direction:column;min-width:0}.lp2-pipe__src-info strong{color:var(--text);font-size:.88rem;font-weight:600}.lp2-pipe__src-info span{color:var(--text-3);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp2-pipe__beam{align-items:center;display:flex;grid-column:2;height:64px;padding:0 8px;position:relative}.lp2-pipe__beam:before{background:linear-gradient(90deg,var(--bc),color-mix(in srgb,var(--bc) 40%,#669df6));content:"";height:1px;left:0;opacity:.15;position:absolute;right:0;top:50%}.lp2-pipe__pulse{animation:beam-travel 2.8s ease-in-out infinite;animation-delay:var(--bd);background:linear-gradient(90deg,#0000,var(--bc),#0000);border-radius:2px;height:3px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:48px}@keyframes beam-travel{0%{left:-48px;opacity:0}15%{opacity:.9}85%{opacity:.9}to{left:calc(100% + 48px);opacity:0}}.lp2-pipe__dest{align-items:center;display:flex;grid-column:3;grid-row:1/span 4;justify-content:center;position:relative}.lp2-pipe__dest-ring{animation:breathe 4s ease-in-out infinite;background:radial-gradient(circle,#669df614 0,#0000 70%);border-radius:50%;height:160px;position:absolute;width:160px}@keyframes breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.lp2-pipe__dest-card{align-items:center;background:var(--bg-card);border:1px solid #669df626;border-radius:18px;display:flex;flex-direction:column;gap:8px;padding:28px 24px;position:relative;text-align:center}.lp2-pipe__dest-card strong{font-size:.95rem;font-weight:600}.lp2-pipe__dest-card span{color:var(--text-3);font-size:.72rem}.lp2-features{padding:40px 24px 100px}.lp2-features__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:var(--max-w)}.lp2-feat__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;transition:border-color .3s,transform .3s,box-shadow .3s}.lp2-feat__card:hover{border-color:var(--border-hover);box-shadow:0 12px 40px #00000040;transform:translateY(-3px)}.lp2-feat__card--wide{grid-column:span 2}.lp2-feat__n{border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:100px;color:var(--accent);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:14px;padding:4px 10px}.lp2-feat__card h3{font-size:1.15rem;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.lp2-feat__card p{color:var(--text-2);font-size:.92rem;line-height:1.6;max-width:480px}.lp2-how{background:var(--bg2);padding:100px 24px}.lp2-how__steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:var(--max-w)}.lp2-how__step{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 24px;text-align:center;transition:border-color .3s,transform .3s}.lp2-how__step:hover{border-color:var(--border-hover);transform:translateY(-2px)}.lp2-how__n{border:1px solid color-mix(in srgb,var(--accent) 25%,#0000);border-radius:100px;color:var(--accent);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:20px;padding:5px 14px}.lp2-how__step h3{font-size:1.3rem;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}.lp2-how__step p{color:var(--text-2);font-size:.9rem;line-height:1.65;margin:0 auto;max-width:260px}.lp2-cta{overflow:hidden;padding:120px 24px;position:relative;text-align:center}.lp2-cta__glow{background:radial-gradient(ellipse,#818cf80f 0,#0000 70%);filter:blur(60px);height:300px;left:50%;pointer-events:none;position:absolute;top:10%;transform:translateX(-50%);width:500px}.lp2-cta h2{font-size:clamp(2rem,4.5vw,3rem);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin-bottom:16px;position:relative}.lp2-cta p{color:var(--text-2);font-size:1.05rem;margin-bottom:32px}.lp2-cta .lp2-btn,.lp2-cta p{position:relative}.lp2-footer{border-top:1px solid var(--border);padding:24px}.lp2-footer__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-w)}.lp2-footer__brand{color:var(--text-2);font-size:.88rem;font-weight:600}.lp2-footer__copy{color:var(--text-3);font-size:.78rem}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}[data-reveal].in-view{opacity:1;transform:translateY(0)}[data-reveal].in-view .lp2-pipe__beam,[data-reveal].in-view .lp2-pipe__src{animation:slide-in .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s;animation-delay:calc(var(--i, 0)*.1s + .2s);opacity:0;transform:translateX(-16px)}[data-reveal].in-view .lp2-feat__card{animation:fade-up .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.15s;animation-delay:calc(var(--i, 0)*.08s + .15s);opacity:0;transform:translateY(16px)}[data-reveal].in-view .lp2-how__step{animation:fade-up .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.15s;animation-delay:calc(var(--i, 0)*.12s + .15s);opacity:0;transform:translateY(16px)}@keyframes slide-in{to{opacity:1;transform:translateX(0)}}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.lp2-hide-mobile{display:inline}@media (max-width:900px){.lp2-pipeline__vis{gap:12px;grid-template-columns:1fr;max-width:380px}.lp2-pipe__beam{display:none}.lp2-pipe__src{grid-column:1}.lp2-pipe__dest{grid-column:1;grid-row:auto;margin-top:16px}.lp2-pipe__dest-ring{height:120px;width:120px}}@media (max-width:768px){.lp2-nav__actions .lp2-btn--ghost,.lp2-nav__links{display:none}.lp2-hero{min-height:auto;padding:130px 20px 60px}.lp2-hero__h1{font-size:2.4rem}.lp2-hero__sub{font-size:1rem}.lp2-hero__floats,.lp2-hide-mobile{display:none}.lp2-trust__inner{flex-direction:column;gap:28px;padding:36px 0}.lp2-features__grid{grid-template-columns:1fr}.lp2-feat__card--wide{grid-column:span 1}.lp2-how__steps{gap:16px;grid-template-columns:1fr}.lp2-cta{padding:80px 20px}.lp2-cta h2{font-size:1.8rem}.lp2-footer__inner{flex-direction:column;gap:8px;text-align:center}}@media (max-width:480px){.lp2-hero__h1{font-size:2rem}.lp2-hero__ctas{align-items:center;flex-direction:column}.lp2-hero__ctas .lp2-btn{justify-content:center;width:100%}.lp2-sec__hd h2{font-size:1.5rem}}.v3{--bg:#09090b;--bg-alt:#0f0f12;--surface:#18181b;--border:#27272a;--border-hover:#3f3f46;--text-1:#fafafa;--text-2:#a1a1aa;--text-3:#71717a;--accent:#6366f1;--accent-hover:#818cf8;--font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--container:1080px;--r:10px;--r-lg:14px;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text-1);font-family:var(--font);font-size:15px;line-height:1.6}.v3 *,.v3 :after,.v3 :before{box-sizing:border-box;margin:0;padding:0}.v3-container{margin:0 auto;max-width:var(--container);padding:0 24px}.reveal{transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}.v3-solid-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--r);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font);font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:background .2s,transform .2s}.v3-solid-btn:hover{background:var(--accent-hover)}.v3-solid-btn:active{transform:scale(.98)}.v3-solid-btn--lg{border-radius:var(--r-lg);font-size:15px;padding:14px 28px}.v3-outline-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--r);color:var(--text-2);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:color .2s,border-color .2s}.v3-outline-btn:hover{border-color:var(--border-hover);color:var(--text-1)}.v3-outline-btn--lg{border-radius:var(--r-lg);font-size:15px;padding:14px 28px}.v3-link-btn{background:none;border:none;color:var(--text-2);cursor:pointer;font-family:var(--font);font-size:14px;font-weight:500;padding:8px 12px;transition:color .2s}.v3-link-btn:hover{color:var(--text-1)}.v3-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#09090bcc;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.v3-nav__row{height:56px;justify-content:space-between}.v3-nav__brand,.v3-nav__row{align-items:center;display:flex}.v3-nav__brand{color:var(--text-1);font-size:15px;font-weight:700;gap:8px;letter-spacing:-.01em;text-decoration:none}.v3-nav__links{display:flex;gap:4px}.v3-nav__links a{border-radius:6px;color:var(--text-3);font-size:13px;font-weight:500;padding:6px 12px;text-decoration:none;transition:color .15s,background .15s}.v3-nav__links a:hover{background:#ffffff0a;color:var(--text-2)}.v3-nav__right{align-items:center;display:flex;gap:4px}.v3-hero{padding:120px 0 80px;text-align:center}.v3-hero__inner{margin:0 auto;max-width:680px}.v3-hero__label{align-items:center;color:var(--accent);display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:28px}.v3-hero__dot{background:var(--accent);border-radius:50%;height:6px;width:6px}.v3-hero__title{font-size:clamp(36px,6vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin-bottom:24px}.v3-hero__em{color:var(--accent)}.v3-hero__desc{color:var(--text-2);font-size:17px;line-height:1.7;margin:0 auto 36px;max-width:480px}.v3-hero__actions{display:flex;gap:12px;justify-content:center}.v3-stats{border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:40px 0}.v3-stats__row{display:flex;gap:64px;justify-content:center}.v3-stats__item{text-align:center}.v3-stats__value{font-size:28px;font-weight:800;letter-spacing:-.02em}.v3-stats__label{color:var(--text-3);font-size:13px;margin-top:2px}.v3-section{padding:100px 0}.v3-section--alt{background:var(--bg-alt)}.v3-section__header{margin-bottom:56px;text-align:center}.v3-overline{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.v3-section__header h2{font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:12px}.v3-section__sub{color:var(--text-2);font-size:16px;margin:0 auto;max-width:440px}.v3-flow{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:auto 1fr auto;margin:0 auto;max-width:800px}.v3-flow__sources{display:flex;flex-direction:column;gap:12px}.v3-flow__card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 20px;transition:border-color .2s}.v3-flow__card:hover{border-color:var(--border-hover)}.v3-flow__middle{align-items:center;display:flex;height:200px;min-width:120px;position:relative}.v3-flow__lines{height:100%;width:100%}.v3-flow__lines--right{position:absolute;right:0;width:40px}.v3-flow__dest-card{align-items:center;background:var(--surface);border:1px solid #6366f133;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:6px;padding:28px 36px;text-align:center}.v3-flow__dest-card strong{font-size:16px;font-weight:700}.v3-flow__dest-card span{color:var(--text-3);font-size:12px}.v3-grid{grid-gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);overflow:hidden}.v3-card{animation:v3-card-in .5s ease backwards;animation-delay:0s;animation-delay:var(--delay,0s);background:var(--bg-alt);padding:32px;transition:background .2s}@keyframes v3-card-in{0%{opacity:0;transform:translateY(12px)}}.v3-card:hover{background:var(--surface)}.v3-card h3{font-size:15px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.v3-card p{color:var(--text-2);font-size:14px;line-height:1.6}.v3-steps{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:880px}.v3-step{padding:0 8px}.v3-step__num{align-items:center;border:1px solid var(--border);border-radius:10px;color:var(--accent);display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;margin-bottom:20px;width:36px}.v3-step h3{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.v3-step p{color:var(--text-2);font-size:14px;line-height:1.6}.v3-cta{padding:100px 0;text-align:center}.v3-cta__inner{margin:0 auto;max-width:480px}.v3-cta h2{font-size:clamp(24px,4vw,34px);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin-bottom:12px}.v3-cta p{color:var(--text-2);font-size:16px;margin-bottom:32px}.v3-footer{border-top:1px solid var(--border);padding:24px 0}.v3-footer__row{align-items:center;display:flex;justify-content:space-between}.v3-footer__brand{font-size:14px;font-weight:700}.v3-footer__copy{color:var(--text-3);font-size:13px}@media (max-width:768px){.v3-nav__links{display:none}.v3-hero{padding:80px 0 60px}.v3-stats__row{gap:32px}.v3-flow{gap:24px;grid-template-columns:1fr;text-align:center}.v3-flow__sources{align-items:center}.v3-flow__middle{display:none}.v3-flow__dest{display:flex;justify-content:center}.v3-grid,.v3-steps{grid-template-columns:1fr}.v3-steps{gap:40px}}@media (max-width:480px){.v3-hero__actions{align-items:stretch;flex-direction:column}.v3-outline-btn--lg,.v3-solid-btn--lg{justify-content:center}.v3-stats__row{flex-direction:column;gap:24px}.v3-section{padding:72px 0}.v3-footer__row{flex-direction:column;gap:8px;text-align:center}}.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}}.v4{--text:#0a0a0b;--text-muted:#6b7280;--bg:#fafafa;--bg-white:#fff;--border:#e5e7eb;--border-subtle:#f0f0f2;--primary:#4f46e5;--primary-hover:#4338ca;--gradient:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:Cabinet Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.v4-wrap{max-width:1140px}.v4-wrap,.v4-wrap--narrow{margin:0 auto;padding:0 24px}.v4-wrap--narrow{max-width:960px}.v4 .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.v4 .reveal.in-view{opacity:1;transform:none}.v4 .reveal:nth-child(2){transition-delay:.08s}.v4 .reveal:nth-child(3){transition-delay:.16s}.v4 .reveal:nth-child(4){transition-delay:.24s}.v4-heading{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0}.v4-label{background:#4f46e512;border-radius:100px;color:var(--primary);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:20px;padding:6px 14px;text-transform:uppercase}.v4-strike{color:var(--text-muted);position:relative}.v4-strike:after{background:#ef4444;border-radius:2px;content:"";height:3px;left:-3px;position:absolute;right:-3px;top:50%;transform:rotate(-2deg)}.v4-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.v4-btn svg{flex-shrink:0;transition:transform .2s ease}.v4-btn--primary{background:var(--primary);box-shadow:0 1px 3px #4f46e54d;color:#fff}.v4-btn--primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.v4-btn--primary:hover svg{transform:translateX(3px)}.v4-btn--ghost{background:#0000;border:1px solid var(--border);color:var(--text)}.v4-btn--ghost:hover{background:var(--bg-white);border-color:#d1d5db}.v4-btn--white{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--primary)}.v4-btn--white:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-1px)}.v4-btn--lg{font-size:15px;padding:14px 28px}.v4-hero{overflow:hidden;padding:140px 24px 100px;position:relative}.v4-hero__bg{background-image:linear-gradient(#4f46e508 1px,#0000 0),linear-gradient(90deg,#4f46e508 1px,#0000 0);background-size:72px 72px;inset:0;mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,#000 20%,#0000 80%);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 30%,#000 20%,#0000 80%);position:absolute}.v4-hero__container{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative}.v4-hero__content{max-width:560px}.v4-hero__eyebrow{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:100px;box-shadow:0 1px 2px #00000008;color:var(--text-muted);display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:28px;padding:8px 16px}.v4-eyebrow__dot{background:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b98126;height:7px;width:7px}.v4-hero__title{font-size:clamp(40px,6vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:0 0 20px}.v4-hero__title--accent{-webkit-text-fill-color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text}.v4-hero__subtitle{color:var(--text-muted);font-size:17px;line-height:1.65;margin:0 0 32px}.v4-hero__ctas{display:flex;gap:12px}.v4-hero__visual,.v4-marquee{position:relative}.v4-marquee{background:var(--bg-white);border-bottom:1px solid var(--border);border-top:1px solid var(--border);overflow:hidden;padding:32px 0}.v4-marquee__track{animation:v4-scroll 35s linear infinite;display:flex;gap:40px}@keyframes v4-scroll{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}.v4-marquee__item{background:var(--bg);border:1px solid var(--border-subtle);border-radius:10px;flex-shrink:0;opacity:.65;padding:12px 20px;transition:opacity .2s}.v4-marquee__item:hover{opacity:1}.v4-marquee__fade{bottom:0;pointer-events:none;position:absolute;top:0;width:120px;z-index:2}.v4-marquee__fade--l{background:linear-gradient(90deg,var(--bg-white),#0000);left:0}.v4-marquee__fade--r{background:linear-gradient(-90deg,var(--bg-white),#0000);right:0}.v4-problem{padding:120px 0}.v4-problem__header{margin-bottom:64px;text-align:center}.v4-problem__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:64px}.v4-problem__card{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;padding:36px 28px;position:relative;transition:transform .25s ease,box-shadow .25s ease}.v4-problem__card:hover{box-shadow:0 8px 24px #0000000f;transform:translateY(-4px)}.v4-problem__num{-webkit-text-stroke:1px var(--border);color:#0000;font-family:JetBrains Mono,monospace;font-size:40px;font-weight:700;line-height:1;position:absolute;right:20px;top:20px}.v4-problem__card h3{font-size:20px;font-weight:700;margin-bottom:10px}.v4-problem__card p{color:var(--text-muted);font-size:15px;line-height:1.6;margin:0}.v4-solution{margin:0 auto;max-width:860px}.v4-solution__card{align-items:center;background:var(--gradient);border-radius:20px;color:#fff;display:flex;gap:28px;padding:40px}.v4-solution__icon{align-items:center;background:#ffffff2e;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.v4-solution__body{flex:1 1}.v4-solution__body h3{font-size:24px;font-weight:700;margin-bottom:6px}.v4-solution__body p{font-size:15px;line-height:1.6;margin:0;opacity:.9}.v4-solution__card .v4-btn{flex-shrink:0}.v4-how{background:linear-gradient(180deg,var(--bg-white) 0,var(--bg) 100%);padding:120px 0}.v4-how__header{margin-bottom:80px;text-align:center}.v4-how__steps{display:flex;flex-direction:column}.v4-step{grid-gap:64px;align-items:center;display:grid;gap:64px;grid-template-columns:1fr 1fr;padding:48px 0}.v4-step:nth-child(odd){direction:rtl}.v4-step:nth-child(odd)>*{direction:ltr}.v4-step__visual{position:relative}.v4-step__number{align-items:center;background:var(--primary);border-radius:14px;box-shadow:0 2px 8px #4f46e540;color:#fff;display:flex;font-size:20px;font-weight:800;height:48px;justify-content:center;left:-16px;position:absolute;top:-16px;width:48px;z-index:2}.v4-step__demo{background:var(--bg-white);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:28px}.v4-step__demo--oauth{display:flex;justify-content:center}.v4-oauth-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000a;display:inline-flex;font-size:14px;font-weight:500;gap:10px;padding:14px 24px}.v4-step__demo--destination{display:flex;flex-direction:column;gap:10px}.v4-dest-row{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px}.v4-dest-row--selected{background:#4f46e508;border-color:var(--primary)}.v4-check{color:var(--primary);margin-left:auto}.v4-step__demo--sql{background:#18181b;padding:24px}.v4-step__demo--sql pre{margin:0}.v4-step__demo--sql code{color:#e4e4e7;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7}.v4-step__demo--sql .kw{color:#f472b6}.v4-step__demo--sql .fn{color:#67e8f9}.v4-step__demo--sql .num{color:#fcd34d}.v4-step__content h3{font-size:24px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.v4-step__content p{color:var(--text-muted);font-size:16px;line-height:1.65;margin:0}.v4-step__connector{display:flex;height:60px;justify-content:center}.v4-step__connector svg{height:100%;width:2px}.v4-features{padding:120px 0}.v4-features__header{margin-bottom:64px;text-align:center}.v4-bento{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.v4-bento__card{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;padding:32px;transition:transform .25s ease,box-shadow .25s ease}.v4-bento__card:hover{box-shadow:0 8px 20px #0000000d;transform:translateY(-3px)}.v4-bento__card--tall{display:flex;flex-direction:column;grid-row:span 2}.v4-bento__card--wide{grid-column:span 3}.v4-bento__wide-content{align-items:center;display:flex;gap:40px}.v4-bento__icon{align-items:center;background:#4f46e512;border-radius:11px;color:var(--primary);display:flex;height:42px;justify-content:center;margin-bottom:20px;width:42px}.v4-bento__card h3{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.v4-bento__card p{color:var(--text-muted);font-size:15px;line-height:1.6;margin:0}.v4-terminal{background:#18181b;border-radius:10px;flex:1 1;max-width:380px;padding:18px}.v4-terminal__line{display:flex;font-family:JetBrains Mono,monospace;font-size:13px;gap:10px;padding:3px 0}.v4-terminal__prompt{color:var(--primary)}.v4-terminal__text{color:#a1a1aa}.v4-terminal__line--strike{opacity:.45;text-decoration:line-through}.v4-cta{padding:60px 0 80px}.v4-cta__card{background:var(--gradient);border-radius:24px;color:#fff;padding:72px 48px;text-align:center}.v4-cta__card h2{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.025em;margin-bottom:12px}.v4-cta__card>p{font-size:18px;margin-bottom:32px;opacity:.9}.v4-cta__note{display:block;font-size:13px;margin-top:16px;opacity:.65}.v4-footer{background:var(--bg-white);border-top:1px solid var(--border);padding:64px 0 36px}.v4-footer__top{display:flex;gap:64px;justify-content:space-between;margin-bottom:48px}.v4-footer__brand{max-width:260px}.v4-footer__logo{align-items:center;color:var(--text);display:flex;font-size:17px;font-weight:700;gap:10px;margin-bottom:12px}.v4-footer__logo svg{color:var(--primary)}.v4-footer__brand p{color:var(--text-muted);font-size:14px;margin:0}.v4-footer__links{display:flex;gap:64px}.v4-footer__col h4{color:var(--text);font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:16px;text-transform:uppercase}.v4-footer__col a{color:var(--text-muted);display:block;font-size:14px;margin-bottom:10px;text-decoration:none;transition:color .15s}.v4-footer__col a:hover{color:var(--primary)}.v4-footer__bottom{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:24px}.v4-footer__bottom p{color:var(--text-muted);font-size:13px;margin:0}.v4-footer__legal{display:flex;gap:20px}.v4-footer__legal a{color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .15s}.v4-footer__legal a:hover{color:var(--primary)}@media (max-width:1024px){.v4-hero__container{gap:48px;grid-template-columns:1fr;text-align:center}.v4-hero__content{max-width:100%}.v4-hero__ctas{justify-content:center}.v4-problem__grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:480px}.v4-step{gap:32px;grid-template-columns:1fr;text-align:center}.v4-step:nth-child(odd){direction:ltr}.v4-step__number{left:50%;transform:translateX(-50%)}.v4-bento{grid-template-columns:1fr}.v4-bento__card--tall,.v4-bento__card--wide{grid-column:span 1;grid-row:span 1}.v4-bento__wide-content,.v4-solution__card{flex-direction:column;text-align:center}.v4-footer__top{flex-direction:column;gap:40px}.v4-footer__links{flex-wrap:wrap;gap:40px}}@media (max-width:768px){.v4-hero{padding:110px 20px 60px}.v4-hero__ctas{flex-direction:column;width:100%}.v4-hero__ctas .v4-btn{justify-content:center;width:100%}.v4-features,.v4-how,.v4-problem{padding:80px 0}.v4-cta__card{border-radius:20px;padding:48px 24px}.v4-footer__bottom{flex-direction:column;gap:12px;text-align:center}}@media (max-width:480px){.v4-hero__title{font-size:34px}.v4-heading{font-size:28px}.v4-step__demo{padding:20px}.v4-bento__card{padding:24px}}.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-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}.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}.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}.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,.detail-value{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}}.bigquery-setup{background:#fff;min-height:100vh;padding:20px}.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{background-color:#fafbfc;color:#64748b;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:32px 20px;text-align:center}.file-upload-label:hover{background-color:#f0f4ff;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)}@media (max-width:768px){.bigquery-setup{padding:16px}.setup-content{padding:24px}.setup-header h2{font-size:20px}.setup-benefits{padding:20px}}.snowflake-setup{background:#fff;min-height:100vh;padding:20px}.form-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:#0f62fe;box-shadow:0 0 0 2px #0f62fe1a;outline:none}.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-weight:500}.detail-value{color:#1e293b;font-family:monospace}.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}.file-upload-label{align-items:center;background-color:#fff;border:2px dashed #d1d5db;border-radius:8px;box-sizing:border-box;color:#1e293b;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:12px 20px;transition:all .2s;width:100%}.file-upload-label:hover{background-color:#f8fafc;border-color:#0f62fe}.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){.snowflake-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}.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-nav{height:100%;padding:var(--spacing-lg) 0}.reports-nav-section{margin-bottom:var(--spacing-xl)}.reports-nav-section-title{color:var(--color-text-tertiary);font-size:11px;font-weight:700;letter-spacing:1px;margin:0 0 var(--spacing-md) 0;padding:0 var(--spacing-lg);text-transform:uppercase}.reports-nav-items{display:flex;flex-direction:column;gap:6px}.reports-nav-item{align-items:flex-start;background:#0000;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;gap:var(--spacing-md);margin:0 var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);position:relative;text-decoration:none;transition:all .2s ease}.reports-nav-item:hover{background-color:var(--color-surface);color:var(--color-primary)}.reports-nav-item.active{background:var(--color-accent-light);border-left:3px solid var(--color-accent);box-shadow:0 2px 8px #0f62fe1f;color:var(--color-accent);font-weight:600}.reports-nav-item.active:before{display:none}.reports-nav-icon{flex-shrink:0;margin-top:2px}.reports-nav-icon.dynamic-icon{filter:brightness(0) saturate(100%) invert(21%) sepia(6%) saturate(747%) hue-rotate(349deg) brightness(95%) contrast(87%)}.reports-nav-item:hover .reports-nav-icon.dynamic-icon{filter:brightness(0) saturate(100%) invert(18%) sepia(10%) saturate(850%) hue-rotate(349deg) brightness(90%) contrast(90%)}.reports-nav-item.active .reports-nav-icon.dynamic-icon{filter:brightness(0) saturate(100%) invert(28%) sepia(95%) saturate(2257%) hue-rotate(212deg) brightness(99%) contrast(99%)}[data-theme=dark] .reports-nav-icon.dynamic-icon{filter:brightness(0) saturate(100%) invert(85%) sepia(5%) saturate(200%) hue-rotate(349deg) brightness(100%) contrast(90%)}[data-theme=dark] .reports-nav-item:hover .reports-nav-icon.dynamic-icon{filter:brightness(0) saturate(100%) invert(95%) sepia(5%) saturate(200%) hue-rotate(349deg) brightness(100%) contrast(95%)}[data-theme=dark] .reports-nav-item.active .reports-nav-icon.dynamic-icon{filter:brightness(0) saturate(100%) invert(55%) sepia(80%) saturate(1500%) hue-rotate(200deg) brightness(105%) contrast(100%)}@media (prefers-color-scheme:dark){[data-theme=auto] .reports-nav-icon.dynamic-icon{filter:brightness(0) saturate(100%) invert(85%) sepia(5%) saturate(200%) hue-rotate(349deg) brightness(100%) contrast(90%)}[data-theme=auto] .reports-nav-item:hover .reports-nav-icon.dynamic-icon{filter:brightness(0) saturate(100%) invert(95%) sepia(5%) saturate(200%) hue-rotate(349deg) brightness(100%) contrast(95%)}[data-theme=auto] .reports-nav-item.active .reports-nav-icon.dynamic-icon{filter:brightness(0) saturate(100%) invert(55%) sepia(80%) saturate(1500%) hue-rotate(200deg) brightness(105%) contrast(100%)}}.reports-nav-item-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.reports-nav-label-row{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:space-between}.reports-nav-label{font-size:14px;font-weight:600}.setup-badge{background:var(--color-warning-bg);border-radius:4px;color:var(--color-warning-text);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.reports-nav-description{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.reports-nav-item.active .reports-nav-description{color:var(--color-primary);font-weight:500}.reports-nav-item.active .reports-nav-icon{color:var(--color-accent)}.reports-nav-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:14px;gap:var(--spacing-sm);padding:var(--spacing-lg)}.reports-nav-loading .spinner{animation:spin 1s linear infinite}.reports-nav-empty{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-xl);text-align:center}.reports-nav-empty p{color:var(--color-text-secondary);font-size:13px;margin:0}.reports-nav-empty-hint{color:var(--color-text-tertiary)!important;font-size:11px!important;margin-top:4px!important}@media (max-width:768px){.reports-nav{padding:var(--spacing-sm) 0}.reports-nav-items{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xs)}.reports-nav-item{flex:1 1;min-width:150px}.reports-nav-description{display:none}}.reports-layout-page{background:var(--color-surface);bottom:0;display:flex;flex-direction:column;height:100vh;left:240px;margin:0!important;padding:0!important;position:absolute;right:0;top:64px}.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:auto;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}}.setup-wizard-container{background:var(--color-background);display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:var(--spacing-xl)}.wizard-progress-minimal{display:flex;gap:12px;justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.progress-dot{background:var(--color-border);border-radius:50%;height:10px;transition:all .3s ease;width:10px}.progress-dot.active{background:var(--color-accent);transform:scale(1.2)}.progress-dot.completed{background:var(--color-success)}.progress-dot.pending{background:var(--color-border)}.wizard-content{flex:1 1;margin:0 auto;max-width:600px;width:100%}.wizard-step{animation:fadeIn .3s ease}.wizard-step h2{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0 0 var(--spacing-sm) 0}.step-description{color:var(--color-text-secondary);font-size:15px;line-height:1.6;margin:0 0 var(--spacing-lg) 0}.validation-loading{align-items:center;background:var(--color-surface);border-radius:8px;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.validation-loading .loading-spinner{animation:spin 1s linear infinite;color:var(--color-accent)}.validation-loading p{color:var(--color-text-secondary);font-size:14px;margin:0}.validation-error{background:var(--color-error-bg);border-left:3px solid var(--color-error);border-radius:8px;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.validation-error-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.validation-error-header svg{color:var(--color-error);flex-shrink:0}.validation-error-header h4{color:var(--color-error);font-size:15px;font-weight:600;margin:0}.validation-error-list{list-style:none;margin:0 0 var(--spacing-md) 0;padding:0}.validation-error-list li{color:var(--color-error);font-size:14px;line-height:1.5;padding:var(--spacing-xs) 0}.validation-error-list li:before{content:"- "}.retry-button{align-items:center;background:var(--color-background);border:1px solid var(--color-error);border-radius:6px;color:var(--color-error);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.creation-error,.retry-button:hover{background:var(--color-error-bg)}.creation-error{align-items:center;border-radius:6px;color:var(--color-error);display:flex;font-size:14px;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.creation-error svg{flex-shrink:0}.table-selection-section{margin-bottom:var(--spacing-lg)}.table-selection-section h3{color:var(--color-text-primary);font-size:15px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.section-hint{color:var(--color-text-secondary);font-size:13px;margin:0 0 var(--spacing-md) 0}.table-selector{background:var(--color-surface);border-radius:8px;margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.table-selector:last-child{margin-bottom:0}.table-selector-label{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.alias-badge{align-items:center;background:var(--color-code-bg);border-radius:4px;color:var(--color-background);display:inline-flex;font-size:12px;font-weight:500;padding:3px 8px}.alias-badge,.table-select{font-family:SF Mono,Monaco,Courier New,monospace}.table-select{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:13px;padding:10px 12px;transition:all .2s ease;width:100%}.table-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0f62fe1a;outline:none}.table-select:hover{border-color:var(--color-text-secondary)}.no-tables-hint{background:var(--color-warning-bg);border-radius:6px;color:var(--color-warning-text);font-size:13px;padding:10px 12px}.table-readonly{align-items:center;background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:6px;color:var(--color-success);display:flex;gap:10px;padding:10px 12px}.table-readonly svg{color:var(--color-success);flex-shrink:0}.table-readonly .table-name{flex:1 1;font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;font-weight:500}.table-readonly .table-info-icon{color:var(--color-success-border);cursor:help}.no-tables-message{align-items:center;background:var(--color-surface);border-radius:8px;color:var(--color-text-secondary);display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.no-tables-message svg{color:var(--color-text-tertiary);flex-shrink:0}.no-tables-message p{font-size:14px;margin:0}.waiting-for-data{align-items:flex-start;background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:8px;display:flex;gap:12px;padding:16px}.waiting-for-data svg{color:var(--color-accent);flex-shrink:0;margin-top:1px}.waiting-title{color:var(--color-accent);font-size:14px;font-weight:600;margin:0 0 4px}.waiting-description{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.check-again-btn{align-items:center;background:var(--color-background);border:1px solid var(--color-info-border);border-radius:6px;color:var(--color-accent);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-top:10px;padding:6px 12px;transition:all .15s ease}.check-again-btn:hover{background:var(--color-accent-light)}.activation-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.activation-step{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:16px;padding:16px}.step-number{align-items:center;background:var(--color-accent);border-radius:50%;color:var(--color-background);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.step-content{flex:1 1}.step-content strong{color:var(--color-text-primary);display:block;font-size:15px;font-weight:600;margin-bottom:4px}.step-content p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.activation-actions{display:flex;flex-direction:column;gap:16px}.activation-open-btn{align-items:center;background:var(--color-accent);border:none;border-radius:6px;color:var(--color-background);cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.activation-open-btn:hover{background:var(--color-accent-dark)}.activation-url-section{display:flex;gap:12px}.activation-url-input{border:1px solid var(--color-border);border-radius:6px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s ease}.activation-url-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0f62fe1a;outline:none}.activation-url-input:disabled{background:var(--color-surface);cursor:not-allowed}.activation-complete-btn{background:var(--color-success);border:none;border-radius:6px;color:var(--color-background);cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.activation-complete-btn:hover:not(:disabled){opacity:.9}.activation-complete-btn:disabled{background:var(--color-border);cursor:not-allowed}.activation-error{align-items:center;background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:6px;color:var(--color-error);display:flex;font-size:14px;gap:8px;padding:12px 16px}.activation-error svg{flex-shrink:0}.complete-step{text-align:center}.complete-actions{justify-content:center}.complete-step .success-icon{color:var(--color-success);margin-bottom:var(--spacing-md)}.complete-step h2{font-size:28px;margin-bottom:var(--spacing-sm)}.next-steps-hint{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin-top:0}.success-details{background:var(--color-surface);border-radius:8px;margin:var(--spacing-lg) 0;padding:var(--spacing-md);text-align:left}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.detail-row:not(:last-child){border-bottom:1px solid var(--color-border)}.detail-label{color:var(--color-text-secondary);font-size:14px}.detail-value{color:var(--color-text-primary);font-size:14px;font-weight:500}.info-box{background:var(--color-info-bg);border-left:3px solid var(--color-accent);border-radius:8px;display:flex;gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md);text-align:left}.info-box-icon{color:var(--color-accent);flex-shrink:0;margin-top:2px}.info-box-content h4{color:var(--color-text-primary);font-size:14px;font-weight:600;margin:0 0 4px}.info-box-content p{color:var(--color-text-secondary);font-size:13px;line-height:1.5;margin:0}.wizard-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.wizard-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.wizard-btn.primary{background:var(--color-accent);color:var(--color-background)}.wizard-btn.primary:hover{background:var(--color-accent-dark)}.wizard-btn.primary:disabled{background:var(--color-text-tertiary);cursor:not-allowed}.wizard-btn.secondary{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary)}.wizard-btn.secondary:hover{background:var(--color-surface)}.wizard-btn.secondary:disabled{cursor:not-allowed;opacity:.5}.btn-spinner{animation:spin 1s linear infinite}@media (max-width:640px){.setup-wizard-container{padding:var(--spacing-md)}.wizard-step h2{font-size:20px}.complete-step h2{font-size:24px}.wizard-actions{flex-direction:column}.wizard-btn{justify-content:center;width:100%}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}}.report-viewer-container{flex-direction:column;height:100%}.report-viewer-container,.report-viewer-header{background:var(--color-background);display:flex}.report-viewer-header{align-items:center;border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);padding-left:60px}.report-viewer-title{align-items:center;display:flex;gap:var(--spacing-md)}.report-viewer-title h2{color:var(--color-text-primary);font-size:18px;font-weight:600;margin:0}.report-name-display{align-items:center;display:flex;gap:8px}.edit-name-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:all .15s ease;width:28px}.report-name-display:hover .edit-name-btn{opacity:1}.edit-name-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.saved-feedback{align-items:center;animation:fadeIn .2s ease-in;color:var(--color-success);display:inline-flex;font-size:12px;font-weight:500;gap:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-name-input{background:var(--color-background);border:2px solid var(--color-accent);border-radius:6px;color:var(--color-text-primary);font-size:18px;font-weight:600;max-width:500px;min-width:300px;outline:none;padding:4px 10px}.report-name-input:focus{box-shadow:0 0 0 3px #0f62fe26}.report-name-input:disabled{cursor:wait;opacity:.7}.instance-selector{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:14px;font-weight:500;max-width:250px;padding:8px 12px;transition:all .2s ease}.instance-selector:hover{border-color:var(--color-text-secondary)}.instance-selector:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #0f62fe1a;outline:none}.report-viewer-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.action-btn.secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.action-btn.secondary:hover{background:var(--color-border)}.action-btn.danger{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.action-btn.danger:hover{background:var(--color-error-border)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.report-viewer-iframe-wrapper{background:var(--color-surface);flex:1 1;overflow:hidden;position:relative}.report-viewer-iframe{border:none;height:100%;width:100%}.report-viewer-loading{align-items:center;background:var(--color-background);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.report-viewer-loading p{color:var(--color-text-secondary);font-size:14px;font-weight:500;margin:0}.report-viewer-setup-prompt{flex-direction:column;height:100%;padding:48px;text-align:center}.report-viewer-setup-prompt,.setup-prompt-icon{align-items:center;display:flex;justify-content:center}.setup-prompt-icon{background:var(--color-surface);border-radius:50%;color:var(--color-text-secondary);height:80px;margin-bottom:24px;width:80px}.report-viewer-setup-prompt h3{color:var(--color-text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.report-viewer-setup-prompt p{color:var(--color-text-secondary);font-size:15px;margin:0 0 24px;max-width:400px}.setup-prompt-btn{align-items:center;background:var(--color-accent);border:none;border-radius:6px;color:var(--color-background);cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.setup-prompt-btn:hover{background:var(--color-accent-dark)}@media (max-width:768px){.report-viewer-header{gap:var(--spacing-sm)}.report-viewer-header,.report-viewer-title{align-items:flex-start;flex-direction:column}.report-viewer-title{width:100%}.instance-selector{max-width:100%;width:100%}.report-viewer-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.action-btn{flex:1 1;justify-content:center}}.template-report-page{background:var(--color-background);display:flex;flex-direction:column;height:100%}.template-report-page.loading{align-items:center;gap:var(--spacing-md);justify-content:center}.template-report-page.loading .loading-spinner{animation:spin .8s 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;width:48px}.template-report-page.loading p{color:var(--color-text-secondary);font-size:15px;margin:0}.template-report-page.error{align-items:center;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl);text-align:center}.template-report-page.error svg{color:var(--color-text-tertiary)}.template-report-page.error h2{color:var(--color-text-primary);font-size:24px;font-weight:600;margin:0}.template-report-page.error p{color:var(--color-text-secondary);font-size:16px;margin:0;max-width:500px}.template-report-page.error .error-hint{color:var(--color-text-tertiary);font-size:13px;line-height:1.5;max-width:500px}.back-btn{background:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:var(--spacing-lg);padding:10px 24px;transition:all .2s ease}.back-btn:hover{background:var(--color-accent-dark)}.template-report-page.setup{overflow-y:auto}.template-report-page.viewer{overflow:hidden}.looker-toast{align-items:center;animation:slideIn .3s ease;background:var(--color-toast-bg);border-radius:10px;bottom:24px;box-shadow:0 4px 20px #00000026;color:#fff;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 18px;position:fixed;right:24px;z-index:1000}.looker-toast svg{flex-shrink:0;opacity:.8}.looker-toast .toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:4px;opacity:.6;padding:4px;transition:opacity .15s ease}.looker-toast .toast-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.template-report-page.error h2{font-size:20px}.template-report-page.error p{font-size:14px}.looker-toast{bottom:16px;left:16px;right:16px}}.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)}}