: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: "Fira Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "SF Mono", 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 cubic-bezier(.2, 0, 0, 1);--transition-base: .2s cubic-bezier(.2, 0, 0, 1);--transition-slow: .3s cubic-bezier(.2, 0, 0, 1);--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{color-scheme:dark;--bg-primary: #0d1420;--bg-secondary: #131c2c;--bg-tertiary: #1b2336;--bg-elevated: #222c42;--border-primary: #263248;--border-secondary: #364567;--border-accent: #22c55e;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-inverse: #0d1420;--accent: #22c55e;--accent-hover: #4ade80;--accent-strong: #86efac;--accent-muted: rgba(34, 197, 94, .14);--on-accent: #04150a;--success: #22c55e;--success-muted: rgba(34, 197, 94, .14);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .14);--error: #f87171;--error-muted: rgba(248, 113, 113, .14);--info: #60a5fa;--info-muted: rgba(96, 165, 250, .14);--glass-bg: rgba(27, 35, 54, .78);--glass-border: rgba(148, 163, 184, .14);--glass-highlight: rgba(241, 245, 249, .05);--glass-blur: 14px;--gradient-primary: linear-gradient(135deg, #16a34a 0%, #0d9488 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-card: linear-gradient(160deg, rgba(34, 44, 66, .6) 0%, rgba(19, 28, 44, .9) 100%);--chart-1: #4186f0;--chart-2: #c48208;--chart-3: #12a183;--chart-4: #a855f7;--chart-5: #4186f0;--chart-6: #c48208;--chart-grid: rgba(148, 163, 184, .14);--chart-positive: #22c55e;--chart-negative: #f87171;--ring: #f1f5f9;--shadow-card: 0 4px 20px rgba(2, 6, 16, .45);--shadow-dropdown: 0 10px 40px rgba(2, 6, 16, .6)}[data-theme=light]{color-scheme:light;--bg-primary: #f4f6fa;--bg-secondary: #ffffff;--bg-tertiary: #eef1f6;--bg-elevated: #ffffff;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-accent: #16a34a;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #f8fafc;--accent: #16a34a;--accent-hover: #15803d;--accent-strong: #15803d;--accent-muted: rgba(22, 163, 74, .12);--on-accent: #ffffff;--success: #16a34a;--success-muted: rgba(22, 163, 74, .12);--warning: #b45309;--warning-muted: rgba(180, 83, 9, .12);--error: #dc2626;--error-muted: rgba(220, 38, 38, .1);--info: #2563eb;--info-muted: rgba(37, 99, 235, .1);--glass-bg: rgba(255, 255, 255, .82);--glass-border: rgba(15, 23, 42, .08);--glass-highlight: rgba(255, 255, 255, .6);--glass-blur: 14px;--gradient-primary: linear-gradient(135deg, #16a34a 0%, #0d9488 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-card: linear-gradient(160deg, #ffffff 0%, #f4f6fa 100%);--chart-1: #2563eb;--chart-2: #b45309;--chart-3: #0d9488;--chart-4: #7c3aed;--chart-5: #2563eb;--chart-6: #b45309;--chart-grid: rgba(15, 23, 42, .08);--chart-positive: #16a34a;--chart-negative: #dc2626;--ring: #0f172a;--shadow-card: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .05);--shadow-dropdown: 0 10px 40px rgba(15, 23, 42, .14)}body .kpi-card,body .health-score-card,body .cost-donut-card,body .main-chart-card,body .compact-orders-card,body .mtd-pacing-card,body .quick-insights,body .profit-calendar,body .campaign-overview-card,body .financial-summary .waterfall-section,body .financial-summary .projection-card,body .financial-summary .breakeven-card,body .meta-hub-info-bar,body .alert-card,body .product-analytics .analytics-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--shadow-card);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}body .kpi-card:hover,body .health-score-card:hover,body .cost-donut-card:hover,body .main-chart-card:hover,body .compact-orders-card:hover,body .mtd-pacing-card:hover,body .quick-insights:hover,body .profit-calendar:hover{border-color:var(--border-secondary)}body .kpi-value,body .orders-stat,body .order-amount,body .order-profit,body .stat-value,body .metric-value,body .donut-total-value,body .pacing-value,body .calendar-day-profit,body .chart-tooltip-compact .tooltip-value,body .projection-value,body .breakeven-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}body .summary-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border)}body .demo-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem var(--space-2);border-radius:var(--radius-full);background:var(--accent-muted);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent-strong);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}body .sidebar{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--glass-border)}body .sidebar .nav-item.active{background:var(--accent-muted);color:var(--accent-strong);box-shadow:inset 2px 0 0 var(--accent)}body .sidebar .nav-item.active svg{color:var(--accent-strong)}body .btn-primary,body .btn-primary.btn-large{background:var(--accent);color:var(--on-accent);border:1px solid transparent}body .btn-primary:hover:not(:disabled),body .btn-primary.btn-large:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent);border-color:transparent}body .setup-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-4);color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.setup-divider:before,body .setup-divider:after{content:"";flex:1;height:1px;background:var(--border-primary)}body .btn-demo{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);background:transparent;border:1px dashed var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium)}body .btn-demo:hover:not(:disabled){border-color:var(--accent);border-style:solid;background:var(--accent-muted);color:var(--accent-strong)}body .btn-demo svg{color:var(--accent-strong)}body .btn-demo .spinning{animation:theme-v2-spin .9s linear infinite}body .demo-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}@keyframes theme-v2-spin{to{transform:rotate(360deg)}}body .financial-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}body .financial-empty svg{color:var(--text-tertiary)}body .financial-empty h3{color:var(--text-primary)}body .chart-tab{border-radius:var(--radius-full)}body .chart-tab.active{background:var(--accent-muted);color:var(--accent-strong)}body .chart-container,body .compact-orders-list{overflow-x:auto}*,*: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)}.tnum{font-variant-numeric:tabular-nums}.figure{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.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:var(--on-accent);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:disabled{opacity:.6;cursor:not-allowed}.sync-status__retry-msg{font-size:.7rem;color:var(--error, #dc2626);white-space:nowrap}.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)}}.demo-cta{display:inline-flex;align-items:center;padding:.25rem var(--space-3);border:1px solid var(--border-accent);border-radius:var(--radius-full, 999px);background:var(--accent-muted);color:var(--accent-strong);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.demo-cta:hover{background:var(--accent);color:var(--text-inverse)}.demo-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:640px){.demo-cta{display:none}}.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)}}.section-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);max-width:520px;margin:var(--space-8) auto;color:var(--text-secondary)}.section-unavailable-icon{color:var(--text-tertiary)}.section-unavailable h2{margin:0;color:var(--text-primary)}.section-unavailable p{margin:0;line-height:1.5}.dashboard-grid{display:grid;grid-template-columns:250px 1fr 300px;grid-template-rows:auto 1fr;gap:20px;min-height:calc(100vh - 120px)}.grid-kpi-strip{grid-column:1 / -1}.grid-left-column{display:flex;flex-direction:column;gap:16px}.grid-center-column{display:flex;flex-direction:column;gap:16px;min-width:0}.grid-right-column{display:flex;flex-direction:column;gap:16px}.grid-calendar{grid-column:1 / -1;margin-top:4px}.card-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0}.kpi-strip{display:flex;gap:16px}.kpi-card{flex:1;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:16px 20px;min-width:0}.kpi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kpi-label{font-size:12px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.kpi-change-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.kpi-change-pill.positive{background:var(--profit-bg);color:var(--profit-text)}.kpi-change-pill.negative{background:var(--loss-bg);color:var(--loss-text)}.kpi-change-pill.neutral{background:var(--bg-tertiary);color:var(--text-tertiary)}.kpi-value-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.kpi-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.kpi-sparkline{flex-shrink:0}.kpi-change{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:500}.kpi-change.positive{color:var(--profit-text)}.kpi-change.negative{color:var(--loss-text)}.kpi-change.neutral{color:var(--text-tertiary)}.kpi-hint{font-size:10px;color:var(--text-tertiary);font-style:italic}.kpi-toggle{display:flex;background:var(--bg-tertiary);border-radius:6px;padding:2px;gap:2px}.kpi-toggle-btn{padding:3px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-tertiary);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.kpi-toggle-btn:hover{color:var(--text-secondary)}.kpi-toggle-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 2px #0000001a}.kpi-card--with-toggle .kpi-card-header{gap:8px}.kpi-skeleton{display:flex;flex-direction:column;gap:8px}.skeleton-line{height:12px;background:var(--bg-tertiary);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-line.large{height:28px;width:70%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.health-score-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:16px}.health-score-header{margin-bottom:12px}.health-score-visual{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:12px}.health-ring{transform:rotate(0)}.health-score-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px}.health-score-value{font-size:20px;font-weight:700;line-height:1}.health-score-info{text-align:center;margin-bottom:12px}.health-status-label{font-size:14px;font-weight:600;margin-bottom:2px}.health-status-desc{font-size:11px;color:var(--text-tertiary)}.health-score-metrics{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border-primary)}.health-metric-row{display:flex;justify-content:space-between;align-items:center}.health-metric-label{font-size:12px;color:var(--text-tertiary)}.health-metric-value{font-size:13px;font-weight:600}.cost-donut-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:16px;flex:1}.cost-donut-container{position:relative;display:flex;justify-content:center;align-items:center;margin:16px 0}.cost-donut-svg{width:120px;height:120px}.cost-donut-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px}.cost-total-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.cost-total-value{font-size:14px;font-weight:700;color:var(--text-primary)}.cost-legend{display:flex;flex-direction:column;gap:6px}.cost-legend-item{display:flex;align-items:center;gap:8px;font-size:11px}.cost-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cost-legend-label{flex:1;color:var(--text-secondary)}.cost-legend-value{font-weight:600;color:var(--text-primary)}.cost-donut-empty{padding:40px 0;text-align:center;color:var(--text-tertiary);font-size:13px}.main-chart-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:16px;flex:1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-tabs{display:flex;gap:4px;background:var(--bg-tertiary);padding:3px;border-radius:8px}.chart-tab{padding:6px 12px;font-size:12px;font-weight:500;color:var(--text-tertiary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.chart-tab:hover{color:var(--text-secondary)}.chart-tab.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.chart-container{width:100%}.chart-tooltip-compact{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #00000026}.chart-tooltip-compact .tooltip-date{font-size:11px;color:var(--text-tertiary);margin:0 0 4px}.chart-tooltip-compact .tooltip-value{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.compact-orders-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:16px}.compact-orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.orders-stat{font-size:11px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:3px 8px;border-radius:10px}.compact-orders-list{display:flex;flex-direction:column;gap:6px}.compact-order-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-tertiary);border-radius:8px;transition:background .15s ease}.compact-order-row:hover{background:var(--bg-primary)}.compact-order-row.profitable .order-status-dot{background:var(--profit-text)}.compact-order-row.unprofitable .order-status-dot{background:var(--loss-text)}.order-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.order-info-compact{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.order-customer{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-time{font-size:10px;color:var(--text-tertiary)}.order-amount-compact{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.order-total{font-size:12px;font-weight:600;color:var(--text-primary)}.order-profit-compact{display:flex;align-items:center;gap:2px;font-size:10px;font-weight:600}.order-profit-compact.positive{color:var(--profit-text)}.order-profit-compact.negative{color:var(--loss-text)}.view-all-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:10px;margin-top:12px;background:var(--bg-tertiary);border:none;border-radius:8px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.view-all-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.compact-orders-empty{padding:32px 0;text-align:center;color:var(--text-tertiary);font-size:13px}.weekly-profit-trend{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border-primary)}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.trend-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.trend-title svg{color:var(--accent)}.streak-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--profit-bg);color:var(--profit-text);border-radius:10px;font-size:11px;font-weight:600}.trend-bars{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;height:60px;margin-bottom:12px}.trend-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:opacity .15s ease}.trend-bar-container:hover{opacity:.8}.trend-bar-wrapper{display:flex;align-items:flex-end;height:44px;width:100%}.trend-bar{width:100%;border-radius:3px 3px 0 0;transition:height .2s ease}.trend-bar.profit{background:var(--profit-text)}.trend-bar.loss{background:var(--loss-text)}.trend-bar.breakeven{background:var(--breakeven-text)}.trend-bar.no-data{background:var(--border-primary)}.trend-day-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase}.trend-tooltip{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:12px;font-size:12px}.tooltip-date{color:var(--text-secondary);font-weight:500}.tooltip-profit{font-weight:600}.tooltip-profit.positive{color:var(--profit-text)}.tooltip-profit.negative{color:var(--loss-text)}.tooltip-orders{color:var(--text-tertiary)}.trend-stats{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:12px;border-top:1px solid var(--border-primary);flex-wrap:wrap}.trend-stat{display:flex;align-items:baseline;gap:4px}.trend-stat .stat-value{font-size:13px;font-weight:700}.trend-stat .stat-value.positive{color:var(--profit-text)}.trend-stat .stat-value.negative{color:var(--loss-text)}.trend-stat .stat-label{font-size:11px;color:var(--text-tertiary)}.trend-stat-divider{width:1px;height:14px;background:var(--border-primary)}.mtd-pacing-card{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border-primary)}.mtd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mtd-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.mtd-title svg{color:var(--accent)}.mtd-status{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600}.mtd-status.on-track{background:var(--profit-bg);color:var(--profit-text)}.mtd-status.behind{background:var(--loss-bg);color:var(--loss-text)}.mtd-progress-container{margin-bottom:16px}.mtd-progress-bg{position:relative;height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:visible}.mtd-progress-current{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:12px;z-index:2;transition:width .3s ease}.mtd-progress-projected{position:absolute;top:0;left:0;height:100%;background:var(--accent);opacity:.25;border-radius:12px;z-index:1;transition:width .3s ease}.mtd-goal-marker{position:absolute;top:-4px;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center}.mtd-goal-line{width:2px;height:32px;background:var(--text-secondary);border-radius:1px}.mtd-goal-label{margin-top:2px;font-size:9px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.mtd-values{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.mtd-value-item{flex:1;text-align:center}.mtd-value-label{display:block;font-size:10px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.mtd-value-amount{font-size:16px;font-weight:700}.mtd-value-amount.current{color:var(--accent)}.mtd-value-amount.projected.positive{color:var(--profit-text)}.mtd-value-amount.projected.negative{color:var(--loss-text)}.mtd-value-amount.goal{color:var(--text-secondary)}.mtd-footer{text-align:center;padding-top:12px;border-top:1px solid var(--border-primary)}.mtd-days-info{font-size:11px;color:var(--text-tertiary)}.quick-insights{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border-primary);flex:1}.insights-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.insights-header svg{color:var(--accent)}.insights-list{display:flex;flex-direction:column;gap:8px}.insight-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:8px;background:var(--bg-tertiary)}.insight-item.success{background:var(--profit-bg)}.insight-item.success .insight-icon{color:var(--profit-text)}.insight-item.warning{background:var(--loss-bg)}.insight-item.warning .insight-icon{color:var(--loss-text)}.insight-item.info{background:var(--bg-tertiary)}.insight-item.info .insight-icon{color:var(--accent)}.insight-icon{flex-shrink:0;margin-top:1px}.insight-content{display:flex;flex-direction:column;gap:2px}.insight-message{font-size:12px;font-weight:500;color:var(--text-primary)}.insight-detail{font-size:11px;color:var(--text-tertiary)}.dashboard-grid{--profit-bg: hsl(142, 70%, 95%);--profit-border: hsl(142, 50%, 70%);--profit-text: hsl(142, 60%, 35%);--loss-bg: hsl(0, 70%, 95%);--loss-border: hsl(0, 50%, 70%);--loss-text: hsl(0, 70%, 40%);--breakeven-bg: hsl(45, 80%, 95%);--breakeven-border: hsl(45, 60%, 65%);--breakeven-text: hsl(45, 70%, 30%)}[data-theme=dark] .dashboard-grid,.dark .dashboard-grid{--profit-bg: hsl(142, 40%, 15%);--profit-border: hsl(142, 40%, 35%);--profit-text: hsl(142, 60%, 70%);--loss-bg: hsl(0, 40%, 15%);--loss-border: hsl(0, 40%, 35%);--loss-text: hsl(0, 65%, 70%);--breakeven-bg: hsl(45, 40%, 15%);--breakeven-border: hsl(45, 40%, 40%);--breakeven-text: hsl(45, 70%, 70%)}@media(max-width:1200px){.dashboard-grid{grid-template-columns:250px 1fr;grid-template-rows:auto auto auto}.grid-kpi-strip{grid-column:1 / -1}.grid-right-column{grid-column:1 / -1;flex-direction:row;gap:16px}.grid-right-column>*{flex:1}}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr;gap:16px}.grid-left-column,.grid-center-column,.grid-right-column{grid-column:1}.grid-right-column{flex-direction:column}.kpi-strip{flex-wrap:wrap}.kpi-card{flex:1 1 calc(50% - 8px);min-width:140px}.kpi-value{font-size:22px}.chart-tabs{gap:2px}.chart-tab{padding:5px 8px;font-size:11px}.trend-bars{gap:4px}.trend-stats{gap:8px}.trend-stat-divider{display:none}}@media(max-width:480px){.kpi-card{flex:1 1 100%}.kpi-value{font-size:24px}.chart-header{flex-direction:column;align-items:flex-start;gap:12px}.compact-order-row{padding:6px 8px}}.profit-calendar{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:20px;position:relative}.profit-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.profit-calendar-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.profit-calendar-title svg{color:var(--accent)}.profit-calendar-stats{display:flex;gap:16px}.calendar-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.calendar-stat .stat-icon.positive{color:var(--profit-text)}.calendar-stat .stat-icon.negative{color:var(--loss-text)}.calendar-stat .stat-icon.neutral{color:var(--text-tertiary)}.profit-calendar-grid{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{height:44px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 10px;gap:4px;border-radius:6px;background:var(--bg-tertiary);cursor:pointer;transition:all .15s ease;position:relative}.calendar-day:hover{transform:scale(1.05);z-index:1;box-shadow:0 4px 12px #00000026}.calendar-day.today{outline:2px solid var(--accent);outline-offset:-2px}.calendar-day.no-data{background:var(--bg-tertiary);opacity:.6}.calendar-day.breakeven{background:var(--breakeven-bg)}.day-info{display:flex;align-items:center;gap:6px}.day-number{font-size:13px;font-weight:700;color:var(--text-primary);line-height:1}.day-weekday{font-size:10px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;opacity:.6}.day-profit{font-size:11px;font-weight:600;line-height:1;text-align:right}.calendar-day.profitable .day-profit{color:var(--profit-text)}.calendar-day.unprofitable .day-profit{color:var(--loss-text)}.calendar-tooltip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:16px;box-shadow:0 8px 24px #0003;z-index:100;min-width:160px;pointer-events:none}.calendar-tooltip .tooltip-date{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-primary)}.calendar-tooltip .tooltip-stats{display:flex;flex-direction:column;gap:4px}.calendar-tooltip .tooltip-row{display:flex;justify-content:space-between;font-size:12px}.calendar-tooltip .tooltip-row span:first-child{color:var(--text-tertiary)}.calendar-tooltip .tooltip-row span:last-child{font-weight:600;color:var(--text-primary)}.calendar-tooltip .tooltip-row .positive{color:var(--profit-text)!important}.calendar-tooltip .tooltip-row .negative{color:var(--loss-text)!important}.profit-calendar-footer{display:flex;justify-content:center;gap:24px;padding:12px 0;border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);margin-bottom:12px;flex-wrap:wrap}.calendar-summary-item{display:flex;align-items:center;gap:6px;font-size:12px}.calendar-summary-item .summary-label{color:var(--text-tertiary)}.calendar-summary-item .summary-value{font-weight:700}.calendar-summary-item .summary-value.positive{color:var(--profit-text)}.calendar-summary-item .summary-value.negative{color:var(--loss-text)}.profit-calendar-legend{display:flex;align-items:center;justify-content:center;gap:8px}.legend-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.legend-scale{display:flex;gap:3px}.legend-cell{width:16px;height:16px;border-radius:3px}.legend-cell.loss-high{background:#d92626cc}.legend-cell.loss-low{background:#d926264d}.legend-cell.neutral{background:var(--bg-tertiary)}.legend-cell.profit-low{background:#22c35d4d}.legend-cell.profit-high{background:#22c35dcc}@media(max-width:768px){.profit-calendar-header{flex-direction:column;align-items:flex-start}.profit-calendar-stats{flex-wrap:wrap;gap:8px}.calendar-day{height:38px;padding:0 8px}.day-number{font-size:12px}.day-profit{font-size:10px}.profit-calendar-footer{gap:12px}.calendar-summary-item{font-size:11px}}@media(max-width:480px){.calendar-day{height:32px;padding:0 6px}.day-weekday{display:none}.day-profit{font-size:9px}}.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}}