:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--sidebar-width: 240px;--sidebar-collapsed-width: 64px}[data-theme=dark],:root{--bg-primary: #0a0a0f;--bg-secondary: #131320;--bg-tertiary: #1c1c2e;--bg-elevated: #232338;--border-primary: #2a2a40;--border-secondary: #3a3a55;--border-accent: #6366f1;--text-primary: #f0f0f5;--text-secondary: #9090a0;--text-tertiary: #6a6a7a;--text-inverse: #0a0a0f;--accent: #6366f1;--accent-hover: #818cf8;--accent-muted: rgba(99, 102, 241, .15);--success: #22c55e;--success-muted: rgba(34, 197, 94, .15);--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .15);--error: #ef4444;--error-muted: rgba(239, 68, 68, .15);--info: #3b82f6;--info-muted: rgba(59, 130, 246, .15);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-card: linear-gradient(135deg, #131320 0%, #1c1c2e 100%);--chart-1: #6366f1;--chart-2: #8b5cf6;--chart-3: #a855f7;--chart-4: #d946ef;--chart-5: #22c55e;--chart-6: #f59e0b;--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .5)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-accent: #6366f1;--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #f0f0f5;--accent: #6366f1;--accent-hover: #4f46e5;--accent-muted: rgba(99, 102, 241, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .1);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .1);--error: #dc2626;--error-muted: rgba(220, 38, 38, .1);--info: #2563eb;--info-muted: rgba(37, 99, 235, .1);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--chart-1: #6366f1;--chart-2: #8b5cf6;--chart-3: #a855f7;--chart-4: #d946ef;--chart-5: #16a34a;--chart-6: #d97706;--shadow-card: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);line-height:var(--leading-normal);font-weight:var(--font-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-base),color var(--transition-base)}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}button{border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:inherit;background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}button:hover:not(:disabled){background-color:var(--bg-elevated);border-color:var(--border-secondary)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:var(--text-base);padding:var(--space-3);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background-color:var(--accent-muted);color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--space-4);padding:var(--space-3) var(--space-4);background-color:var(--accent);color:#fff;border-radius:var(--radius-md);font-weight:var(--font-medium);z-index:9999;transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4);outline:2px solid var(--accent);outline-offset:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:48px;height:48px;border:4px solid rgba(99,102,241,.1);border-left-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{color:#94a3b8;font-size:1rem}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;width:100%;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);animation:toast-slide-in .3s ease-out;pointer-events:auto;position:relative;overflow:hidden}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{border-left:4px solid var(--success)}.toast--success .toast-icon{color:var(--success)}.toast--error{border-left:4px solid var(--error)}.toast--error .toast-icon{color:var(--error)}.toast--warning{border-left:4px solid var(--warning)}.toast--warning .toast-icon{color:var(--warning)}.toast--info{border-left:4px solid var(--info)}.toast--info .toast-icon{color:var(--info)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent);animation:toast-progress linear forwards;transform-origin:left}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:480px){.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);max-width:none}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:var(--bg-primary)}.error-boundary__content{text-align:center;max-width:500px;padding:var(--space-8);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-primary)}.error-boundary__icon{color:var(--error);margin-bottom:var(--space-4)}.error-boundary__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.error-boundary__message{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.error-boundary__details{text-align:left;margin-bottom:var(--space-6);background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-3)}.error-boundary__details summary{cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.error-boundary__stack{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--error);white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto;margin:0}.error-boundary__actions{display:flex;gap:var(--space-3);justify-content:center}.error-boundary__actions .btn-secondary,.error-boundary__actions .btn-primary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.error-boundary__actions .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.error-boundary__actions .btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-secondary)}.error-boundary__actions .btn-primary{background:var(--accent);color:#fff;border:none}.error-boundary__actions .btn-primary:hover{filter:brightness(1.1)}.setup-wizard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.setup-container{max-width:680px;width:100%;background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-xl);border:1px solid var(--border-primary)}.stepper{display:flex;justify-content:space-between;margin-bottom:var(--space-10);position:relative}.stepper-item{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.stepper-step{width:48px;height:48px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-normal);z-index:1}.stepper-step.current{background:var(--gradient-primary);border-color:var(--accent);color:#fff;box-shadow:0 0 20px #6366f166}.stepper-step.completed{background:var(--success);border-color:var(--success);color:#fff}.stepper-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2);font-weight:var(--font-medium);text-align:center;transition:color var(--transition-fast)}.stepper-label.current{color:var(--accent);font-weight:var(--font-semibold)}.stepper-label.completed{color:var(--success)}.stepper-connector{position:absolute;top:24px;left:calc(50% + 28px);width:calc(100% - 56px);height:2px;background:var(--border-primary);transition:background var(--transition-normal)}.stepper-connector.completed{background:var(--success)}.setup-content{min-height:400px}.setup-step{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:var(--space-8)}.step-icon-large{width:72px;height:72px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--space-6);box-shadow:0 8px 24px #6366f14d}.step-icon-large.shopify{background:linear-gradient(135deg,#96bf48,#5e8e3e);box-shadow:0 8px 24px #96bf484d}.step-icon-large.meta{background:linear-gradient(135deg,#0081fb,#0064e0);box-shadow:0 8px 24px #0081fb4d}.step-icon-large.config{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b4d}.step-header h2{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2)}.step-header p{color:var(--text-secondary);font-size:var(--text-base)}.setup-checklist{background:var(--bg-primary);padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);border:1px solid var(--border-primary)}.setup-checklist h3{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.setup-checklist ul{list-style:none;padding:0;margin:0}.setup-checklist li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;color:var(--text-primary);font-size:var(--text-sm)}.setup-checklist .check-icon{color:var(--success);flex-shrink:0}.setup-time{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-8)}.time-estimate{font-weight:var(--font-semibold);color:var(--accent)}.auth-method-selector{margin-bottom:var(--space-6)}.auth-method-label{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3);font-weight:var(--font-medium)}.auth-method-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.auth-method-btn{padding:var(--space-4);background:var(--bg-primary);border:2px solid var(--border-primary);color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;display:flex;flex-direction:column;gap:var(--space-1)}.auth-method-btn:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.auth-method-btn.active{border-color:var(--accent);background:#6366f11a}.auth-method-title{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.auth-method-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.auth-method-btn.active .auth-method-title{color:var(--accent)}.setup-form{margin-top:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-sm)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.form-group input::placeholder{color:var(--text-tertiary)}.form-group small{display:block;margin-top:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs)}.test-result{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.test-result.success{background:#10b9811a;border:1px solid var(--success);color:var(--success)}.test-result.error{background:#ef44441a;border:1px solid var(--error);color:var(--error)}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-8)}.form-actions button{flex:1;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-base);width:auto;margin:0 auto}.btn-primary.btn-complete{flex:2}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--border-secondary)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-secondary)}.btn-outline:hover:not(:disabled){background:var(--bg-tertiary)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.config-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.config-card{background:var(--bg-primary);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.config-card h3{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.config-items{display:flex;flex-direction:column;gap:var(--space-3)}.config-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.config-item span:first-child{color:var(--text-secondary)}.config-value{font-weight:var(--font-semibold);color:var(--text-primary)}.config-note{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic;margin-bottom:var(--space-6)}.setup-info{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.setup-info p{margin:0;font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.skip-hint{text-align:center;color:var(--text-tertiary);font-size:var(--text-sm);margin-top:var(--space-4)}@media(max-width:640px){.setup-wizard{padding:var(--space-4)}.setup-container{padding:var(--space-6)}.stepper{margin-bottom:var(--space-8)}.stepper-step{width:40px;height:40px}.stepper-connector{top:20px;left:calc(50% + 24px);width:calc(100% - 48px)}.stepper-label{font-size:10px}.step-icon-large{width:56px;height:56px}.auth-method-buttons{grid-template-columns:1fr}.form-actions{flex-direction:column}.config-cards{grid-template-columns:1fr}}.date-range-selector{position:relative}.date-range-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);white-space:nowrap}.date-range-trigger:hover{border-color:var(--border-secondary);background:var(--bg-secondary)}.date-range-trigger:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.date-range-trigger__icon{color:var(--text-tertiary);flex-shrink:0}.date-range-trigger__label{font-weight:var(--font-semibold);color:var(--text-primary)}.date-range-trigger__dates{color:var(--text-tertiary);font-size:var(--text-xs);padding-left:var(--space-2);border-left:1px solid var(--border-primary);margin-left:var(--space-1)}.date-range-trigger__chevron{color:var(--text-tertiary);flex-shrink:0;transition:transform var(--transition-fast)}.date-range-trigger__chevron--open{transform:rotate(180deg)}.date-range-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:280px;max-width:320px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:dropdownOpen .15s ease-out}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.date-range-group{padding:var(--space-2)}.date-range-group+.date-range-group{border-top:1px solid var(--border-primary)}.date-range-group__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1)}.date-range-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);position:relative}.date-range-option:hover,.date-range-option--focused{background:var(--bg-tertiary)}.date-range-option--active{background:#6366f11a;border-left:3px solid var(--accent);padding-left:calc(var(--space-3) - 3px)}.date-range-option--active .date-range-option__label{color:var(--accent);font-weight:var(--font-semibold)}.date-range-option--focused{outline:2px solid var(--accent);outline-offset:-2px}.date-range-option__label{flex:1;font-size:var(--text-sm);color:var(--text-primary)}.date-range-option__dates{font-size:var(--text-xs);color:var(--text-tertiary)}.date-range-option__check{color:var(--accent);flex-shrink:0}@media(max-width:768px){.date-range-trigger__label,.date-range-trigger__dates,.date-range-trigger__chevron{display:none}.date-range-trigger{padding:var(--space-2)}.date-range-trigger__icon{color:var(--text-primary)}.date-range-dropdown{position:fixed;inset:auto 0 0;max-width:none;min-width:auto;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:70vh;overflow-y:auto;animation:bottomSheetOpen .2s ease-out}@keyframes bottomSheetOpen{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.date-range-option{padding:var(--space-4) var(--space-4);min-height:48px}.date-range-group__title{padding:var(--space-3) var(--space-4)}}@media(max-width:1024px)and (min-width:769px){.date-range-trigger__dates{display:none}}.shop-switcher{position:relative;width:100%}.shop-switcher-trigger{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.shop-switcher-trigger:hover{background:var(--bg-elevated);border-color:var(--border-secondary)}.shop-switcher-trigger.empty{border-style:dashed;color:var(--text-secondary)}.shop-switcher-trigger.empty:hover{color:var(--accent);border-color:var(--accent)}.shop-icon{flex-shrink:0;color:var(--accent)}.shop-name{flex:1;text-align:left;font-weight:var(--font-medium);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-fast)}.chevron.rotated{transform:rotate(180deg)}.shop-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;min-width:220px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);z-index:var(--z-dropdown);overflow:hidden;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.shop-dropdown-header{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-primary)}.shop-list{list-style:none;margin:0;padding:var(--space-2)}.shop-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.shop-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.shop-option.active{background:var(--accent-muted);color:var(--accent)}.shop-option-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-icon{flex-shrink:0;color:var(--accent)}.shop-dropdown-divider{height:1px;background:var(--border-primary);margin:var(--space-2) 0}.shop-add-btn{display:flex;align-items:center;gap:var(--space-3);width:calc(100% - var(--space-4));margin:var(--space-2);padding:var(--space-3);background:transparent;border:1px dashed var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.shop-add-btn:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.sidebar.collapsed .shop-switcher-trigger{justify-content:center;padding:var(--space-3)}.sidebar.collapsed .shop-dropdown{left:calc(100% + var(--space-2));top:0;min-width:200px}.sync-status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-radius:6px;font-size:.8125rem;background:var(--bg-secondary);border:1px solid var(--border)}.sync-status__content{display:flex;align-items:center;gap:.5rem}.sync-status__icon{flex-shrink:0;display:flex;align-items:center}.sync-status__text{color:var(--text-secondary)}.sync-status__source-icon{color:var(--text-muted);flex-shrink:0}.sync-status__count{color:var(--text-muted);font-size:.75rem}.sync-status__actions{display:flex;align-items:center;gap:.5rem}.sync-status__action{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .15s ease}.sync-status__action:hover{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.sync-status__action--primary{background:var(--accent);border-color:var(--accent);color:#fff}.sync-status__action--primary:hover{background:var(--accent-hover);color:#fff}.sync-status__refresh{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;border-radius:4px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.sync-status__refresh:hover{background:var(--bg-primary);color:var(--accent)}.sync-status--compact{padding:.25rem .5rem;gap:.5rem;font-size:.75rem;background:transparent;border:none}.sync-status--compact .sync-status__text{font-size:.75rem}.sync-status--success .sync-status__icon{color:var(--success)}.sync-status--syncing .sync-status__icon{color:var(--info, #3b82f6)}.sync-status--syncing .sync-status__icon .spin{animation:spin 1s linear infinite}.sync-status--error{background:#fef2f2;border-color:#fecaca}.sync-status--error .sync-status__icon{color:#dc2626}.sync-status--error .sync-status__text{color:#991b1b}.sync-status--disconnected{background:var(--bg-secondary);border-color:var(--border)}.sync-status--disconnected .sync-status__icon{color:var(--text-muted)}.sync-status--pending .sync-status__icon{color:var(--warning, #d97706)}@media(prefers-color-scheme:dark){.sync-status--error{background:#7f1d1d;border-color:#991b1b}.sync-status--error .sync-status__icon{color:#f87171}.sync-status--error .sync-status__text{color:#fee2e2}}.refresh-button-container{position:relative;display:inline-block}.refresh-button{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}.refresh-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.refresh-button--refreshing{pointer-events:none}.refresh-button--disabled{color:var(--text-muted)}.refresh-button__chevron{transition:transform .2s ease;margin-left:.125rem}.refresh-button__chevron--open{transform:rotate(180deg)}.refresh-button__source-icon{color:var(--text-muted)}.refresh-button--shopify:hover:not(:disabled) .refresh-button__source-icon{color:#96bf48}.refresh-button-container--compact .refresh-button{padding:.375rem .5rem;font-size:.75rem}.refresh-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:260px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden}.refresh-dropdown__header{padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.refresh-dropdown__header{display:flex;align-items:center;gap:.5rem}.refresh-dropdown__header h4{margin:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.refresh-dropdown__hint{margin:.75rem 0 0;font-size:.75rem;color:var(--text-muted);text-align:center}.refresh-dropdown__content{padding:1rem}.refresh-dropdown__info{margin-bottom:1rem}.refresh-dropdown__count{display:flex;align-items:baseline;gap:.375rem;margin-bottom:.5rem}.refresh-dropdown__count-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.refresh-dropdown__count-label{font-size:.8125rem;color:var(--text-secondary)}.refresh-dropdown__reset{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.refresh-dropdown__action{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.625rem 1rem;border:none;border-radius:6px;background:var(--accent);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.refresh-dropdown__action:hover:not(:disabled){background:var(--accent-hover)}.refresh-dropdown__action:disabled{opacity:.6;cursor:not-allowed}.refresh-dropdown__limit{text-align:center;padding:.5rem 0}.refresh-dropdown__limit-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto .75rem;border-radius:50%;background:#fef2f2;color:#dc2626}.refresh-dropdown__limit h5{margin:0 0 .5rem;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.refresh-dropdown__limit-count{margin:0 0 .5rem;font-size:.8125rem;color:var(--text-secondary)}.refresh-dropdown__limit-reset{display:flex;align-items:center;justify-content:center;gap:.375rem;margin:0 0 .75rem;font-size:.8125rem;color:var(--text-muted)}.refresh-dropdown__limit-hint{margin:0;padding-top:.75rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.refresh-dropdown__error{display:flex;align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem .75rem;border-radius:6px;background:#fef2f2;color:#dc2626;font-size:.75rem}.spin{animation:spin 1s linear infinite}@media(prefers-color-scheme:dark){.refresh-dropdown__limit-icon{background:#7f1d1d;color:#f87171}.refresh-dropdown__error{background:#7f1d1d;color:#fee2e2}}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;z-index:var(--z-fixed);transition:width var(--transition-base)}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-primary);min-height:64px}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);overflow:hidden}.logo-icon{flex-shrink:0;color:var(--accent)}.logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.collapse-btn{flex-shrink:0;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.collapse-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.sidebar.collapsed .collapse-btn{margin-left:auto;margin-right:auto}.sidebar.collapsed .sidebar-logo{justify-content:center}.sidebar-shop-switcher{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border-primary)}.sidebar.collapsed .sidebar-shop-switcher{padding:var(--space-2)}.sidebar-sync-status{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-3) var(--space-3);border-bottom:1px solid var(--border-primary)}.sidebar-sync-status .sync-status--compact{justify-content:flex-start;font-size:.6875rem;gap:.375rem}.sidebar-sync-status .refresh-button-container--compact .refresh-button{width:100%;justify-content:center;font-size:.6875rem}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-2)}.nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent-muted);color:var(--accent)}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-label{font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--space-3)}.sidebar-footer{padding:var(--space-4) var(--space-2);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--space-1)}.footer-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.footer-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.footer-label{font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap}.sidebar.collapsed .footer-btn{justify-content:center}@media(max-width:768px){.sidebar{display:none}}.summary-bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.summary-bar--compact{gap:0;padding:var(--space-2) var(--space-4)}.summary-bar__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.date-filter{display:flex;align-items:center;gap:var(--space-3);position:relative}.date-filter__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.date-filter__trigger:hover{background:var(--bg-elevated);border-color:var(--accent)}.date-filter__label{min-width:80px}.date-filter__chevron{color:var(--text-tertiary);transition:transform var(--transition-fast)}.date-filter__chevron.open{transform:rotate(180deg)}.date-filter__quick-pills{display:flex;align-items:center;gap:var(--space-1)}.date-filter__pill{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.date-filter__pill:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.date-filter__pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.date-filter__separator{width:1px;height:20px;background:var(--border-primary);margin:0 var(--space-2)}.date-filter__switch-wrapper{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.date-filter__switch-label{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);-webkit-user-select:none;user-select:none}.date-filter__switch{position:relative;width:36px;height:20px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:10px;cursor:pointer;transition:all .2s ease}.date-filter__switch:hover{border-color:var(--border-primary)}.date-filter__switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.date-filter__switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-muted);border-radius:50%;transition:all .2s ease}.date-filter__switch.active{background:var(--accent);border-color:var(--accent)}.date-filter__switch.active .date-filter__switch-thumb{left:18px;background:#fff}.date-filter__backdrop{position:fixed;inset:0;z-index:var(--z-dropdown)}.date-filter__dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:calc(var(--z-dropdown) + 1);min-width:160px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-1);box-shadow:var(--shadow-dropdown)}.date-filter__option{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.date-filter__option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.date-filter__option.active{background:var(--accent);color:#fff}.summary-bar__actions{display:flex;align-items:center;gap:var(--space-3)}.sync-status{display:flex;align-items:center;gap:var(--space-2)}.sync-dot{width:6px;height:6px;border-radius:var(--radius-full)}.sync-dot.synced{background:var(--success)}.sync-dot.syncing{background:var(--warning);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sync-text{font-size:var(--text-xs);color:var(--text-tertiary)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.refresh-btn:hover:not(:disabled){background:var(--accent-hover)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn .spinning{animation:spin 1s linear infinite}.summary-bar__metrics{display:flex;align-items:center;gap:var(--space-2)}.summary-bar__metrics{flex-wrap:wrap}.metric{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);white-space:nowrap;flex-shrink:0}.metric__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.metric__value{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.trend-icon{flex-shrink:0}.trend-icon.up{color:var(--success)}.trend-icon.down{color:var(--error)}.trend-icon.neutral{color:var(--text-tertiary)}.metric-settings{position:relative;margin-left:auto}.metric-settings__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.metric-settings__btn:hover{background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.metric-settings__backdrop{position:fixed;inset:0;z-index:calc(var(--z-sticky) + 10)}.metric-settings__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:calc(var(--z-sticky) + 11);min-width:180px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown)}.metric-settings__header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary)}.metric-settings__option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background:transparent;border:none;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.metric-settings__option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.metric-settings__option.selected{color:var(--accent)}.metric-settings__check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--accent)}@media(max-width:1024px){.date-filter__quick-pills{display:none}}@media(max-width:640px){.summary-bar{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.date-filter__trigger{padding:var(--space-2)}.date-filter__label{min-width:auto}.sync-text{display:none}.metric{padding:var(--space-1) var(--space-2);gap:var(--space-1)}.metric__label{font-size:10px}.metric__value{font-size:var(--text-xs)}}@media(max-width:380px){.summary-bar__metrics{gap:var(--space-1)}.metric{padding:var(--space-1)}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:0 var(--space-4);align-items:center;justify-content:space-between;z-index:var(--z-fixed)}.menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.menu-toggle:hover{background:var(--bg-tertiary)}.mobile-logo{display:flex;align-items:center;gap:var(--space-2)}.mobile-logo .logo-icon{color:var(--accent)}.mobile-logo .logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-shop-indicator{max-width:100px;overflow:hidden}.mobile-shop-indicator .shop-name{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-modal) - 1);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--bg-secondary);z-index:var(--z-modal);flex-direction:column;transform:translate(-100%);transition:transform var(--transition-base);overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-primary);min-height:64px}.mobile-menu-logo{display:flex;align-items:center;gap:var(--space-3)}.mobile-menu-logo .logo-icon{color:var(--accent)}.mobile-menu-logo .logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast)}.menu-close:hover{background:var(--bg-tertiary)}.mobile-shop-selector{padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.mobile-shop-selector .shop-label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.mobile-shop-selector .shop-select{width:100%;padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer}.mobile-nav-list{list-style:none;padding:var(--space-4);flex:1}.mobile-nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:var(--text-base)}.mobile-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-nav-item.active{background:var(--accent-muted);color:var(--accent)}.mobile-nav-item .nav-icon{flex-shrink:0}.mobile-nav-item .nav-label{font-weight:var(--font-medium)}.mobile-menu-footer{padding:var(--space-4);border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:var(--space-2)}.mobile-footer-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:var(--text-sm)}.mobile-footer-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}@media(max-width:768px){.mobile-header{display:flex}.mobile-menu-overlay{display:block}.mobile-menu{display:flex}}.oauth-connect{padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.oauth-connect--loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--text-muted)}.oauth-connect--loading .spinner{animation:spin 1s linear infinite}.oauth-connect__header{margin-bottom:var(--space-4)}.oauth-connect__header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.oauth-badge{padding:2px 8px;font-size:var(--text-xs);font-weight:500;background:var(--accent);color:#fff;border-radius:var(--radius-full)}.oauth-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.oauth-message--success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--success)}.oauth-message--error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error)}.oauth-message__dismiss{margin-left:auto;padding:0 var(--space-2);font-size:var(--text-lg);background:none;border:none;color:inherit;opacity:.6;cursor:pointer}.oauth-message__dismiss:hover{opacity:1}.oauth-connected{display:flex;flex-direction:column;gap:var(--space-4)}.oauth-status{display:flex;align-items:center;gap:var(--space-2)}.oauth-status__dot{width:10px;height:10px;border-radius:50%}.oauth-status__dot--connected{background:var(--success);box-shadow:0 0 8px #10b98180}.oauth-status__text{font-weight:500;color:var(--text-primary)}.oauth-details{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-sm)}.oauth-detail{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.oauth-detail__label{color:var(--text-muted);min-width:100px}.oauth-detail__value{color:var(--text-secondary)}.oauth-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.oauth-not-connected{display:flex;flex-direction:column;gap:var(--space-4)}.oauth-description{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.oauth-help{display:flex;align-items:center;gap:var(--space-1);margin:0;color:var(--text-muted);font-size:var(--text-xs)}.btn-shopify{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600;color:#fff;background:#5e8e3e;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-shopify:hover{background:#4a7131;transform:translateY(-1px);box-shadow:0 4px 12px #5e8e3e4d}.btn-shopify:active{transform:translateY(0)}.shopify-icon{width:20px;height:20px}.btn-oauth-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-oauth-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.btn-oauth-danger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--error);background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-oauth-danger:hover{background:#ef44441a;border-color:var(--error)}.btn-oauth-danger:disabled{opacity:.6;cursor:not-allowed}.btn-oauth-danger .spinner,.btn-oauth-secondary .spinner{animation:spin 1s linear infinite}.oauth-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.oauth-modal{width:100%;max-width:400px;margin:var(--space-4);padding:var(--space-6);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;animation:slideUp .2s ease}.oauth-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--space-4);border-radius:50%}.oauth-modal__icon--danger{background:#ef444426;color:var(--error)}.oauth-modal h3{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.oauth-modal p{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-sm)}.oauth-modal__actions{display:flex;gap:var(--space-3);justify-content:center}.oauth-modal__actions .btn-oauth-secondary,.oauth-modal__actions .btn-oauth-danger{flex:1;justify-content:center;padding:var(--space-3) var(--space-4)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.oauth-actions{flex-direction:column}.oauth-actions button{width:100%;justify-content:center}.oauth-modal__actions{flex-direction:column-reverse}}.meta-oauth-connect{padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.meta-oauth-connect--loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--text-muted)}.meta-oauth-connect--loading .spinner{animation:meta-spin 1s linear infinite}.meta-oauth-connect__header{margin-bottom:var(--space-4)}.meta-oauth-connect__header h4{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.meta-icon{width:20px;height:20px;color:#1877f2}.meta-oauth-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.meta-oauth-message--success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--success)}.meta-oauth-message--error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error)}.meta-oauth-message__dismiss{margin-left:auto;padding:0 var(--space-2);font-size:var(--text-lg);background:none;border:none;color:inherit;opacity:.6;cursor:pointer}.meta-oauth-message__dismiss:hover{opacity:1}.meta-oauth-connected{display:flex;flex-direction:column;gap:var(--space-4)}.meta-oauth-status{display:flex;align-items:center;gap:var(--space-2)}.meta-oauth-status__dot{width:10px;height:10px;border-radius:50%}.meta-oauth-status__dot--connected{background:var(--success);box-shadow:0 0 8px #10b98180}.meta-oauth-status__text{font-weight:500;color:var(--text-primary)}.meta-oauth-details{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-sm)}.meta-oauth-detail{display:flex;gap:var(--space-2);font-size:var(--text-sm)}.meta-oauth-detail__label{color:var(--text-muted);min-width:100px}.meta-oauth-detail__value{color:var(--text-secondary)}.meta-oauth-detail__value--expired{color:var(--error);font-weight:500}.meta-oauth-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.meta-oauth-not-connected{display:flex;flex-direction:column;gap:var(--space-4)}.meta-oauth-description{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.meta-oauth-help{display:flex;align-items:center;gap:var(--space-1);margin:0;color:var(--text-muted);font-size:var(--text-xs)}.meta-oauth-help a{color:var(--accent);text-decoration:none}.meta-oauth-help a:hover{text-decoration:underline}.btn-facebook{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600;color:#fff;background:#1877f2;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-facebook:hover{background:#166fe5;transform:translateY(-1px);box-shadow:0 4px 12px #1877f24d}.btn-facebook:active{transform:translateY(0)}.facebook-icon{width:20px;height:20px;flex-shrink:0}.meta-oauth-account-selection{display:flex;flex-direction:column;gap:var(--space-4)}.meta-oauth-account-selection__title{margin:0;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.meta-oauth-account-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.meta-oauth-account-list{display:flex;flex-direction:column;gap:var(--space-2)}.meta-oauth-account-list label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.meta-oauth-accounts{display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto}.meta-oauth-account-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;text-align:left}.meta-oauth-account-option:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.meta-oauth-account-option.selected{border-color:var(--accent);background:#3b82f61a}.meta-oauth-account-info{display:flex;flex-direction:column;gap:2px}.meta-oauth-account-name{font-weight:500;color:var(--text-primary)}.meta-oauth-account-id{font-size:var(--text-xs);color:var(--text-muted);font-family:monospace}.meta-oauth-account-business{font-size:var(--text-xs);color:var(--text-secondary)}.meta-oauth-account-currency{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);padding:2px 8px;background:var(--bg-secondary);border-radius:var(--radius-full)}.meta-oauth-form-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.meta-oauth-test-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--error)}.btn-meta-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600;color:#fff;background:#1877f2;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-meta-primary:hover:not(:disabled){background:#166fe5;transform:translateY(-1px);box-shadow:0 4px 12px #1877f24d}.btn-meta-primary:active:not(:disabled){transform:translateY(0)}.btn-meta-primary:disabled{opacity:.6;cursor:not-allowed}.btn-meta-test{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-meta-test:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent)}.btn-meta-test:disabled{opacity:.6;cursor:not-allowed}.btn-meta-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-meta-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.btn-meta-danger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--error);background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.btn-meta-danger:hover{background:#ef44441a;border-color:var(--error)}.btn-meta-danger:disabled{opacity:.6;cursor:not-allowed}.btn-meta-danger .spinner,.btn-meta-secondary .spinner,.btn-meta-primary .spinner,.btn-meta-test .spinner{animation:meta-spin 1s linear infinite}.meta-oauth-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:meta-fadeIn .15s ease}.meta-oauth-modal{width:100%;max-width:400px;margin:var(--space-4);padding:var(--space-6);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;animation:meta-slideUp .2s ease}.meta-oauth-modal__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--space-4);border-radius:50%}.meta-oauth-modal__icon--danger{background:#ef444426;color:var(--error)}.meta-oauth-modal h3{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.meta-oauth-modal p{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-sm)}.meta-oauth-modal__actions{display:flex;gap:var(--space-3);justify-content:center}.meta-oauth-modal__actions .btn-meta-secondary,.meta-oauth-modal__actions .btn-meta-danger{flex:1;justify-content:center;padding:var(--space-3) var(--space-4)}@keyframes meta-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes meta-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes meta-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.meta-oauth-actions{flex-direction:column}.meta-oauth-actions button{width:100%;justify-content:center}.meta-oauth-form-actions{flex-direction:column}.meta-oauth-form-actions button{width:100%}.meta-oauth-modal__actions{flex-direction:column-reverse}}.missing-cost-warning{background:#f59e0b1a;border:1px solid var(--warning);border-radius:var(--radius-lg);padding:var(--space-4)}.missing-cost-warning.error{background:#ef44441a;border-color:var(--error)}.missing-cost-warning.compact{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.missing-cost-warning.compact.error{color:var(--error)}.missing-cost-warning.compact.warning{color:var(--warning)}.missing-cost-warning.compact .configure-link{margin-left:auto;background:none;border:none;color:var(--accent);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;text-decoration:underline}.missing-cost-warning.compact .configure-link:hover{color:var(--accent-hover)}.warning-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.warning-header svg{color:var(--warning);flex-shrink:0}.missing-cost-warning.error .warning-header svg{color:var(--error)}.warning-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.warning-content{margin-bottom:var(--space-4)}.warning-description{margin:0 0 var(--space-3) 0;color:var(--text-secondary);font-size:var(--text-sm)}.warning-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.warning-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary)}.warning-item:before{content:"•";color:var(--warning);font-weight:700}.warning-item.error:before{color:var(--error)}.warnings-section{border-top:1px solid var(--border-primary);padding-top:var(--space-3)}.warning-actions{display:flex;justify-content:flex-start;margin-bottom:var(--space-4)}.configure-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast)}.configure-btn:hover{background:var(--accent-hover)}.warning-footer{padding-top:var(--space-3);border-top:1px solid var(--border-primary)}.warning-footer p{margin:0;font-size:var(--text-xs);color:var(--text-tertiary)}.warning-footer strong{color:var(--text-secondary)}@media(max-width:640px){.missing-cost-warning{padding:var(--space-3)}.warning-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.onboarding-tour{position:fixed;inset:0;z-index:10000;pointer-events:auto}.tour-overlay{position:absolute;inset:0;background:#000000bf;transition:all var(--transition-base)}.tour-spotlight{position:absolute;background:transparent;border-radius:var(--radius-md);box-shadow:0 0 0 9999px #000000bf;transition:all var(--transition-base);pointer-events:none}.tour-tooltip{position:fixed;width:320px;max-width:calc(100vw - 32px);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);border:1px solid var(--border-primary);z-index:10001;animation:tooltipFadeIn .3s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tour-tooltip.center{animation:tooltipFadeInCenter .3s ease-out}@keyframes tooltipFadeInCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tour-close{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.tour-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tour-content{padding:var(--space-6);padding-top:var(--space-8);text-align:center}.tour-complete-icon{display:flex;justify-content:center;margin-bottom:var(--space-4);color:var(--success)}.tour-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.tour-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.tour-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--bg-primary);border-top:1px solid var(--border-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.tour-progress{display:flex;gap:var(--space-2)}.tour-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--bg-tertiary);transition:all var(--transition-fast)}.tour-dot.active{background:var(--accent);width:20px}.tour-dot.completed{background:var(--accent)}.tour-actions{display:flex;gap:var(--space-2)}.tour-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tour-btn-primary{background:var(--accent);color:#fff;border:none}.tour-btn-primary:hover{background:var(--accent-hover)}.tour-btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.tour-btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tour-tooltip.bottom:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:var(--bg-secondary)}.tour-tooltip.top:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--bg-primary)}.tour-tooltip.right:before{content:"";position:absolute;left:-8px;top:24px;border:8px solid transparent;border-right-color:var(--bg-secondary)}.tour-tooltip.left:before{content:"";position:absolute;right:-8px;top:24px;border:8px solid transparent;border-left-color:var(--bg-secondary)}@media(max-width:768px){.tour-tooltip{width:calc(100vw - 32px);max-width:360px}.tour-footer{flex-direction:column;gap:var(--space-3)}.tour-actions{width:100%;justify-content:flex-end}}.dashboard-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.dashboard-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-base)}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:var(--sidebar-collapsed-width)}.dashboard-content{flex:1;padding:var(--space-6);max-width:1800px;margin:0 auto;width:100%}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--space-4)}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-dropdown);border:1px solid var(--border-primary);z-index:var(--z-modal)}.modal-content.modal-sm{max-width:400px}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:var(--text-xl);color:var(--text-primary);margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:var(--space-3)}.settings-section{margin-bottom:var(--space-6)}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.connection-info{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--border-primary)}.connection-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0}.connection-item:not(:last-child){border-bottom:1px solid var(--border-primary)}.connection-label{color:var(--text-secondary);font-size:var(--text-sm)}.connection-status{font-weight:var(--font-medium);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.connection-status.connected{color:var(--success)}.connection-status.disconnected,.connection-status.error{color:var(--error)}.credentials-info{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--border-primary)}.credential-item{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-2) 0}.credential-item:not(:last-child){border-bottom:1px solid var(--border-primary)}.credential-item strong{color:var(--text-primary);display:block;margin-bottom:var(--space-1)}.help-text{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.tour-restart-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;justify-content:center}.danger-zone{background:var(--error-muted);border:1px solid var(--error);border-radius:var(--radius-lg);padding:var(--space-5)}.danger-zone h3{color:var(--error)}.warning-text{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.warning-list{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-3) 0 var(--space-4) var(--space-5)}.warning-list li{margin-bottom:var(--space-2)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-secondary)}.btn-danger{background:var(--error);color:#fff;border:none;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2);width:100%;justify-content:center;margin-top:var(--space-4)}.btn-danger:hover{background:#dc2626;filter:brightness(.9)}.modal-footer .btn-danger{width:auto;margin-top:0}.confirm-message{text-align:center;padding:var(--space-4) 0}.confirm-icon{color:var(--warning);margin-bottom:var(--space-4)}.confirm-message p{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2)}.confirm-warning{font-size:var(--text-sm);color:var(--error)}.section-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--text-muted)}.section-loader .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.store-info-grid{display:flex;flex-direction:column;gap:var(--space-2)}.store-info-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md)}.store-info-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.store-info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.timezone-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.timezone-control{display:flex;align-items:center;gap:var(--space-3);width:100%}.timezone-select{flex:1;padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.timezone-select:hover{border-color:var(--border-secondary)}.timezone-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.timezone-select optgroup{font-weight:var(--font-semibold);color:var(--text-primary)}.timezone-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin:0;padding:0 var(--space-4)}.btn-save-timezone{padding:var(--space-2) var(--space-4);background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-save-timezone:hover:not(:disabled){background:var(--accent-hover)}.btn-save-timezone:disabled{opacity:.7;cursor:not-allowed}.btn-save-timezone.saved{background:var(--success)}@media(max-width:1024px){.dashboard-main,.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:var(--sidebar-collapsed-width)}.dashboard-content{padding:var(--space-4)}}@media(max-width:768px){.dashboard-main{margin-left:0;padding-top:56px}.dashboard-content{padding:var(--space-3)}.modal-content{max-height:95vh;margin:var(--space-2)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.login-card{width:100%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:2rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:48px;height:48px;margin:0 auto 1rem;color:var(--accent-primary)}.login-logo svg{width:100%;height:100%}.login-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.login-header p{font-size:.9rem;color:var(--text-secondary);margin:0}.login-header strong{color:var(--text-primary)}.login-subtext{margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.success-icon{width:64px;height:64px;margin:0 auto 1rem;color:var(--success);background:var(--success-bg, rgba(34, 197, 94, .1));border-radius:50%;display:flex;align-items:center;justify-content:center}.success-icon svg{width:32px;height:32px}.login-error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--error-bg, rgba(239, 68, 68, .1));border:1px solid var(--error, #ef4444);border-radius:8px;margin-bottom:1.5rem;color:var(--error, #ef4444);font-size:.875rem}.login-error svg{width:20px;height:20px;flex-shrink:0}.rate-limit-warning{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f59e0b1a;border:1px solid var(--warning, #f59e0b);border-radius:8px;margin-bottom:1.5rem;color:var(--warning, #f59e0b);font-size:.875rem}.rate-limit-warning svg{width:20px;height:20px;flex-shrink:0}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input{padding:.75rem 1rem;font-size:1rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-bg, rgba(59, 130, 246, .1))}.form-group input::placeholder{color:var(--text-muted)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s}.btn-primary:hover:not(:disabled){background:var(--accent-hover, #2563eb)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s;width:100%}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--text-muted)}.btn-google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s}.btn-google:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.btn-google:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted);font-size:.875rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-primary)}.login-skip{margin-top:1.5rem;text-align:center}.btn-link{background:none;border:none;color:var(--accent-primary);font-size:.875rem;cursor:pointer;padding:0;text-decoration:underline}.btn-link:hover{color:var(--accent-hover, #2563eb)}.skip-note{margin-top:.5rem;font-size:.75rem;color:var(--text-muted)}.email-sent-info{text-align:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-primary);border-radius:8px}.sent-timestamp{font-size:.875rem;color:var(--text-secondary);margin:0 0 .25rem}.link-expiry{font-size:.75rem;color:var(--text-muted);margin:0}.email-sent-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.btn-resend{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--accent-primary, #3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s}.btn-resend:hover:not(:disabled){background:var(--accent-hover, #2563eb)}.btn-resend:active:not(:disabled){transform:scale(.98)}.btn-resend:disabled{background:var(--bg-tertiary, #374151);color:var(--text-muted);cursor:not-allowed}.email-tips{padding:1rem;background:var(--bg-primary);border-radius:8px;margin-top:1rem}.email-tips p{margin:0 0 .5rem;font-size:.875rem;color:var(--text-secondary)}.email-tips ul{margin:0;padding-left:1.25rem;font-size:.75rem;color:var(--text-muted)}.email-tips li{margin-bottom:.25rem}.email-tips li:last-child{margin-bottom:0}.login-footer{margin-top:1.5rem;text-align:center;max-width:400px}.login-footer p{font-size:.75rem;color:var(--text-muted);line-height:1.5}.config-instructions{display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0;padding:1rem;background:var(--bg-primary);border-radius:8px}.config-instructions code{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.875rem;color:var(--accent-primary)}@media(max-width:480px){.login-page{padding:1rem}.login-card{padding:1.5rem}.login-header h1{font-size:1.25rem}}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.auth-callback-card{text-align:center;max-width:400px}.auth-callback-spinner{width:48px;height:48px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto 1.5rem;animation:spin .8s linear infinite}.auth-callback-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.auth-callback-icon svg{width:32px;height:32px}.auth-callback-icon.success{background:var(--success-bg, rgba(34, 197, 94, .1));color:var(--success, #22c55e)}.auth-callback-icon.error{background:var(--error-bg, rgba(239, 68, 68, .1));color:var(--error, #ef4444)}.auth-callback-card h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.auth-callback-card p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem}.auth-callback-card .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.auth-callback-card .btn-primary:hover{background:var(--accent-hover, #2563eb)}.auth-callback-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.btn-retry{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.btn-retry:hover{background:var(--bg-secondary);border-color:var(--text-muted);color:var(--text-primary)}.btn-retry svg{width:18px;height:18px}.session-warning-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.session-warning-modal{width:100%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:2rem;text-align:center;animation:slideUp .2s ease-out;box-shadow:0 20px 40px #0000004d}.session-warning-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:var(--warning, #f59e0b);background:#f59e0b1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.session-warning-icon svg{width:32px;height:32px}.session-warning-modal h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.session-warning-message{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.session-warning-message strong{color:var(--warning, #f59e0b);font-weight:600}.session-warning-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.btn-extend{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--accent-primary, #3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s}.btn-extend:hover:not(:disabled){background:var(--accent-hover, #2563eb)}.btn-extend:active:not(:disabled){transform:scale(.98)}.btn-extend:disabled{opacity:.6;cursor:not-allowed}.btn-extend svg{width:18px;height:18px}.btn-signout{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.btn-signout:hover:not(:disabled){background:var(--bg-primary);border-color:var(--error, #ef4444);color:var(--error, #ef4444)}.btn-signout:disabled{opacity:.6;cursor:not-allowed}.btn-dismiss{background:none;border:none;color:var(--text-muted);font-size:.875rem;cursor:pointer;padding:.5rem;text-decoration:underline;transition:color .2s}.btn-dismiss:hover{color:var(--text-secondary)}@media(max-width:480px){.session-warning-modal{padding:1.5rem}.session-warning-modal h2{font-size:1.125rem}}.logout-dialog-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.logout-dialog{width:100%;max-width:360px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;text-align:center;animation:slideUp .2s ease-out;box-shadow:0 20px 40px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.logout-dialog-icon{width:56px;height:56px;margin:0 auto 1rem;color:var(--warning, #f59e0b);background:#f59e0b1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.logout-dialog-icon svg{width:28px;height:28px}.logout-dialog h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.logout-dialog p{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.logout-dialog-actions{display:flex;gap:.75rem}.logout-dialog-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.btn-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-cancel:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-muted);color:var(--text-primary)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-confirm{background:var(--error, #ef4444);color:#fff;border:none}.btn-confirm:hover:not(:disabled){background:#dc2626}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:480px){.logout-dialog{padding:1.25rem}.logout-dialog-actions{flex-direction:column-reverse}}.removed-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.removed-modal{width:100%;max-width:420px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.removed-modal-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto var(--space-5);background:var(--error-muted);border-radius:50%}.removed-modal-icon svg{width:32px;height:32px;color:var(--error)}.removed-modal h2{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.removed-modal-message{margin:0 0 var(--space-3);font-size:var(--text-base);color:var(--text-secondary);line-height:1.6}.removed-modal-message strong{color:var(--text-primary);font-weight:var(--font-semibold)}.removed-modal-info{margin:0 0 var(--space-6);font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.5}.removed-modal-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:var(--error);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.removed-modal-button:hover{background:#dc2626;transform:translateY(-1px)}.removed-modal-button:active{transform:translateY(0)}.removed-modal-button svg{width:20px;height:20px}@media(max-width:480px){.removed-modal{max-width:100%;padding:var(--space-6)}.removed-modal-icon{width:56px;height:56px}.removed-modal-icon svg{width:28px;height:28px}.removed-modal h2{font-size:var(--text-lg)}}.profile-setup{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.profile-setup-card{width:100%;max-width:420px;background:var(--bg-secondary);border-radius:16px;padding:2.5rem;border:1px solid var(--border-color)}.profile-setup-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:var(--accent-primary);border-radius:16px;display:flex;align-items:center;justify-content:center}.profile-setup-icon svg{width:32px;height:32px;stroke:#fff}.profile-setup-card h1{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:.5rem;color:var(--text-primary)}.profile-setup-card>p{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.profile-setup-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:1.5rem;color:#ef4444}.profile-setup-error svg{width:20px;height:20px;flex-shrink:0}.profile-setup-form{display:flex;flex-direction:column;gap:1.5rem}.profile-setup-form .form-group{display:flex;flex-direction:column;gap:.5rem}.profile-setup-form label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.profile-setup-form input{padding:.875rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:border-color .2s,box-shadow .2s}.profile-setup-form input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.profile-setup-form input.disabled-input{opacity:.6;cursor:not-allowed}.profile-setup-form .form-hint{font-size:.75rem;color:var(--text-tertiary)}.profile-setup-form .btn-primary{padding:.875rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.profile-setup-form .btn-primary:hover:not(:disabled){background:var(--accent-hover)}.profile-setup-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.org-setup{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.org-setup-card{width:100%;max-width:440px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:2rem}.org-setup-header{text-align:center;margin-bottom:2rem}.org-setup-icon{width:56px;height:56px;margin:0 auto 1rem;color:var(--accent-primary);background:var(--accent-bg, rgba(59, 130, 246, .1));border-radius:12px;display:flex;align-items:center;justify-content:center}.org-setup-icon svg{width:28px;height:28px}.org-setup-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.org-setup-header p{font-size:.9rem;color:var(--text-secondary);margin:0}.org-setup-spinner{width:32px;height:32px;border:3px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;margin:0 auto 1rem;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.org-setup-error{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--error-bg, rgba(239, 68, 68, .1));border:1px solid var(--error, #ef4444);border-radius:8px;margin-bottom:1.5rem;color:var(--error, #ef4444);font-size:.875rem}.org-setup-error svg{width:20px;height:20px;flex-shrink:0}.org-setup-form{display:flex;flex-direction:column;gap:1.5rem}.org-setup-form .form-group{display:flex;flex-direction:column;gap:.5rem}.org-setup-form label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.org-setup-form input{padding:.75rem 1rem;font-size:1rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.org-setup-form input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-bg, rgba(59, 130, 246, .1))}.org-setup-form input::placeholder{color:var(--text-muted)}.org-setup-form input:disabled{opacity:.6;cursor:not-allowed}.form-hint{font-size:.75rem;color:var(--text-muted);margin:0}.org-setup-form .btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s}.org-setup-form .btn-primary:hover:not(:disabled){background:var(--accent-hover, #2563eb)}.org-setup-form .btn-primary:active:not(:disabled){transform:scale(.98)}.org-setup-form .btn-primary:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.org-setup-migrate-hint{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.75rem 1rem;background:var(--info-bg, rgba(59, 130, 246, .1));border-radius:8px;font-size:.8rem;color:var(--text-secondary)}.org-setup-migrate-hint svg{width:18px;height:18px;color:var(--accent-primary);flex-shrink:0}@media(max-width:480px){.org-setup{padding:1rem}.org-setup-card{padding:1.5rem}.org-setup-header h1{font-size:1.25rem}}.data-migration{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.migration-card{width:100%;max-width:480px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:2rem;text-align:center}.migration-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:var(--accent-primary);background:var(--accent-bg, rgba(59, 130, 246, .1));border-radius:50%;display:flex;align-items:center;justify-content:center}.migration-icon svg{width:32px;height:32px}.migration-icon.success{background:var(--success-bg, rgba(34, 197, 94, .1));color:var(--success, #22c55e)}.migration-icon.error{background:var(--error-bg, rgba(239, 68, 68, .1));color:var(--error, #ef4444)}.migration-card h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.migration-card>p{font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.migration-progress{margin-bottom:1.5rem}.progress-bar{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--accent-primary);border-radius:4px;transition:width .3s ease}.progress-text{font-size:.875rem;color:var(--text-secondary)}.migration-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-primary);border-radius:8px}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.migration-note{font-size:.8rem;color:var(--text-muted);margin-bottom:1.5rem}.migration-benefits{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;text-align:left}.benefit{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border-radius:8px;font-size:.875rem;color:var(--text-secondary)}.benefit svg{width:20px;height:20px;color:var(--accent-primary);flex-shrink:0}.migration-actions{display:flex;gap:1rem}.migration-actions .btn-primary,.migration-actions .btn-secondary{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .2s}.migration-actions .btn-primary{background:var(--accent-primary);color:#fff;border:none}.migration-actions .btn-primary:hover{background:var(--accent-hover, #2563eb)}.migration-actions .btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.migration-actions .btn-secondary:hover{background:var(--bg-primary);border-color:var(--text-muted)}.migration-card>.btn-primary{width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.migration-card>.btn-primary:hover{background:var(--accent-hover, #2563eb)}@media(max-width:480px){.data-migration{padding:1rem}.migration-card{padding:1.5rem}.migration-card h1{font-size:1.25rem}.migration-actions{flex-direction:column-reverse}}