:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:dark}[data-theme=light]{color-scheme:light}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{min-height:100vh;background:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--theme-transition),color var(--theme-transition)}:root{--theme-transition: .3s ease;--color-bg-primary: #1c1c1e;--color-bg-secondary: #2c2c2e;--color-bg-tertiary: #3a3a3c;--color-bg-hover: #48484a;--color-bg-elevated: #38383a;--color-text-primary: #f5f5f7;--color-text-secondary: #a1a1a6;--color-text-muted: #636366;--color-accent: #14b8a6;--color-accent-hover: #0d9488;--color-accent-light: #2dd4bf;--color-accent-muted: rgba(20, 184, 166, .15);--color-accent-gradient: linear-gradient(135deg, #14b8a6, #06b6d4);--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .15);--color-border-focus: #14b8a6;--glass-bg: rgba(44, 44, 46, .85);--glass-border: rgba(255, 255, 255, .12);--glass-blur: blur(16px);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .15);--shadow-md: 0 4px 8px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .35), 0 4px 10px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4), 0 8px 16px rgba(0, 0, 0, .3);--shadow-glow: 0 4px 20px rgba(20, 184, 166, .35);--card-highlight: inset 0 1px 0 rgba(255, 255, 255, .06);--card-bg-gradient: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, transparent 100%);--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-out: cubic-bezier(0, 0, .2, 1);--transition-instant: .1s var(--ease-default);--transition-fast: .15s var(--ease-default);--transition-normal: .25s var(--ease-default);--transition-slow: .4s var(--ease-default);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem}[data-theme=light]{--color-bg-primary: #fafafa;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f4f4f5;--color-bg-hover: #e4e4e7;--color-bg-elevated: #ffffff;--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-muted: #a1a1aa;--color-accent: #0d9488;--color-accent-hover: #0f766e;--color-accent-light: #14b8a6;--color-accent-muted: rgba(13, 148, 136, .1);--color-accent-gradient: linear-gradient(135deg, #0d9488, #0891b2);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-border: rgba(0, 0, 0, .08);--color-border-light: rgba(0, 0, 0, .12);--color-border-focus: #0d9488;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .05);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .06);--shadow-glow: 0 4px 20px rgba(13, 148, 136, .25);--card-highlight: inset 0 1px 0 rgba(255, 255, 255, .8);--card-bg-gradient: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, transparent 100%)}body,.sidebar,.header,.flecom-card,.flecom-button,.flecom-input{transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),box-shadow var(--theme-transition)}.flecom-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;border:none;font-family:var(--font-sans);position:relative;overflow:hidden}.flecom-button:disabled{opacity:.5;cursor:not-allowed}.flecom-button--sm{padding:8px 12px;font-size:var(--text-xs)}.flecom-button--md{padding:10px 20px;font-size:var(--text-sm)}.flecom-button--lg{padding:12px 24px;font-size:var(--text-base)}.flecom-button--primary{background:var(--color-accent);color:#fff;box-shadow:0 1px 2px #00000026,inset 0 1px #ffffff26}.flecom-button--primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-glow),inset 0 1px #ffffff26}.flecom-button--primary:active:not(:disabled){transform:scale(.98);box-shadow:0 1px 2px #0003}.flecom-button--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:0 1px 2px #00000014}.flecom-button--secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-light)}.flecom-button--secondary:active:not(:disabled){transform:scale(.98)}.flecom-button--ghost{background:transparent;color:var(--color-accent);padding:8px 16px}.flecom-button--ghost:hover:not(:disabled){background:var(--color-accent-muted)}.flecom-input-wrapper{display:flex;flex-direction:column;gap:var(--space-xs)}.flecom-input-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.flecom-input{padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:.9375rem;transition:all var(--transition-fast);font-family:inherit}.flecom-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-muted)}.flecom-input::placeholder{color:var(--color-text-muted)}.flecom-input--error{border-color:var(--color-error)}.flecom-input--error:focus{box-shadow:0 0 0 3px #ef444426}.flecom-input-error{font-size:.8125rem;color:var(--color-error)}.flecom-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.flecom-card:hover{border-color:var(--color-border-light)}.flecom-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.flecom-card--glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.flecom-card--accent{background:var(--color-accent-gradient);border:none;color:#fff}.flecom-card-header{padding:var(--space-md) var(--space-lg);font-weight:600;font-size:1rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.flecom-card-body{padding:var(--space-lg)}.flecom-table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.flecom-table{width:100%;border-collapse:collapse;font-size:.9375rem}.flecom-table th{text-align:left;padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:500;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.flecom-table td{padding:var(--space-md) var(--space-lg);color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.flecom-table tbody tr{transition:background-color var(--transition-fast)}.flecom-table tbody tr:hover{background:var(--color-bg-hover)}.flecom-table tbody tr:last-child td{border-bottom:none}.flecom-table-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-xl)!important}.flecom-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn var(--transition-fast) ease}.flecom-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-normal) ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.flecom-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.flecom-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.flecom-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;transition:all var(--transition-fast)}.flecom-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.flecom-modal-body{padding:var(--space-lg);overflow-y:auto}.flecom-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.flecom-badge--default{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.flecom-badge--success{background:#22c55e26;color:var(--color-success)}.flecom-badge--warning{background:#f59e0b26;color:var(--color-warning)}.flecom-badge--error{background:#ef444426;color:var(--color-error)}.flecom-badge--info{background:#3b82f626;color:var(--color-info)}.flecom-badge--accent{background:var(--color-accent-muted);color:var(--color-accent)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.gradient-text{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:var(--shadow-glow)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.date-range-picker{display:flex;flex-direction:column;gap:var(--space-md)}.date-range-presets{display:flex;gap:var(--space-xs);flex-wrap:wrap}.date-preset-btn{padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.date-preset-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-light);color:var(--color-text-primary)}.date-preset-btn.active{background:var(--color-accent-gradient);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}.custom-date-picker{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);animation:slideUp var(--transition-fast) ease}.custom-date-inputs{display:flex;gap:var(--space-md);align-items:flex-end;flex-wrap:wrap}.date-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.date-input-group label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.date-input{padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:.875rem}.date-input:focus{outline:none;border-color:var(--color-border-focus)}.date-separator{color:var(--color-text-muted);font-size:1.25rem;padding-bottom:var(--space-sm)}.apply-btn{padding:var(--space-sm) var(--space-lg);background:var(--color-accent-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.apply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-glow)}.apply-btn:disabled{opacity:.5;cursor:not-allowed}.date-range-label{font-size:.875rem;color:var(--color-text-muted)}.sales-chart-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-lg);overflow:visible;margin-top:var(--space-lg)}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.chart-title-section{display:flex;flex-direction:column;gap:var(--space-xs)}.chart-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.total-revenue{display:flex;align-items:baseline;gap:var(--space-sm)}.total-revenue-amount{font-size:1.5rem;font-weight:700;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.total-revenue-period{font-size:.8125rem;color:var(--color-text-muted)}.chart-legend{display:flex;gap:var(--space-md)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;color:var(--color-text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-revenue .legend-dot{background:linear-gradient(135deg,#6366f1,#a855f7)}.legend-orders .legend-dot{background:linear-gradient(135deg,#10b981,#06b6d4)}.chart-wrapper{position:relative;padding-left:50px;padding-bottom:30px;padding-right:10px;overflow:visible}.y-axis{position:absolute;left:0;top:0;bottom:30px;width:45px;display:flex;flex-direction:column;justify-content:space-between}.y-label{position:absolute;right:5px;font-size:.6875rem;color:var(--color-text-muted);transform:translateY(-50%)}.chart-svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:var(--color-border);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 4;opacity:.5}.chart-area{animation:fadeIn var(--transition-slow) ease}.chart-line{stroke-linecap:round;stroke-linejoin:round;animation:drawLine 1s ease forwards}@keyframes drawLine{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}.data-point{fill:#fff;stroke:#6366f1;stroke-width:2;vector-effect:non-scaling-stroke;transition:all var(--transition-fast);cursor:pointer}.data-point-group:hover .data-point{fill:#6366f1;r:5}.x-axis{position:absolute;left:50px;right:0;bottom:0;height:25px;display:flex;justify-content:space-between}.x-label{position:absolute;font-size:.6875rem;color:var(--color-text-muted);transform:translate(-50%);white-space:nowrap}.chart-empty{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted)}.chart-empty span{font-size:2.5rem;margin-bottom:var(--space-sm)}.chart-empty p{margin:0;font-size:.9375rem}@media(max-width:768px){.date-range-presets{gap:var(--space-xs)}.date-preset-btn{padding:var(--space-xs) var(--space-sm);font-size:.8125rem}.custom-date-inputs{flex-direction:column;align-items:stretch}.date-separator{display:none}.chart-wrapper{padding-left:40px}.y-axis{width:35px}.x-axis{left:40px}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes achievementPulse{0%,to{box-shadow:0 4px 20px #14b8a64d}50%{box-shadow:0 4px 30px #14b8a680}}@keyframes fireGlow{0%,to{filter:drop-shadow(0 0 4px rgba(249,115,22,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(249,115,22,.8));transform:scale(1.1)}}@keyframes progressFill{0%{stroke-dashoffset:251}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes levelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dashboard-page{max-width:1400px;margin:0 auto;padding:0 var(--space-xl) var(--space-2xl)}.dashboard-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-lg);animation:slideInUp .5s ease-out}.dashboard-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-meta{font-size:.8125rem;color:var(--color-text-muted);font-weight:400}.dashboard-page h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.dashboard-subtitle{color:var(--color-text-muted);font-size:.9375rem;margin-bottom:var(--space-lg)}.dashboard-section{margin-bottom:var(--space-xl);animation:slideInUp .6s ease-out both}.dashboard-section:nth-child(2){animation-delay:.1s}.dashboard-section:nth-child(3){animation-delay:.15s}.dashboard-section:nth-child(4){animation-delay:.2s}.dashboard-section:nth-child(5){animation-delay:.25s}.dashboard-section:nth-child(6){animation-delay:.3s}.dashboard-section h2{font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.section-header h2{margin-bottom:0}.section-header-left{display:flex;align-items:center;gap:var(--space-md)}.streak-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,#f9731626,#ea580c1a);border:1px solid rgba(249,115,22,.3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:#f97316}.streak-badge .fire-icon{animation:fireGlow 1.5s ease-in-out infinite}.refresh-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:scale(1.02)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.sales-section{background:linear-gradient(135deg,#6366f10d,#a855f70d);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.sales-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 8s ease-in-out infinite;pointer-events:none}.sales-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.sales-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);position:relative;overflow:hidden;transition:all var(--transition-normal);animation:slideInUp .5s ease-out both;background:var(--color-bg-secondary);background-image:var(--card-bg-gradient);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--card-highlight)}.sales-card:nth-child(1){animation-delay:.1s}.sales-card:nth-child(2){animation-delay:.15s}.sales-card:nth-child(3){animation-delay:.2s}.sales-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-light)}.sales-card--revenue{border-left:3px solid #14b8a6}.sales-card--revenue:hover{box-shadow:0 8px 24px #14b8a626}.sales-card--orders{border-left:3px solid #60a5fa}.sales-card--orders:hover{box-shadow:0 8px 24px #60a5fa26}.sales-card--aov{border-left:3px solid #a78bfa}.sales-card--aov:hover{box-shadow:0 8px 24px #a78bfa26}.sales-card--revenue,.sales-card--orders,.sales-card--aov{color:var(--color-text-primary)}.sales-card-content{display:flex;align-items:center;gap:var(--space-md);flex:1}.progress-ring-container{position:relative;width:56px;height:56px;flex-shrink:0}.progress-ring{transform:rotate(-90deg);width:56px;height:56px}.progress-ring-bg{fill:none;stroke:#fff3;stroke-width:4}.progress-ring-fill{fill:none;stroke:#ffffffe6;stroke-width:4;stroke-linecap:round;stroke-dasharray:251;stroke-dashoffset:251;animation:progressFill 1.5s ease-out forwards;animation-delay:.5s}.progress-ring-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.25rem}.sales-info{display:flex;flex-direction:column;flex:1}.sales-value{font-size:1.5rem;font-weight:700;line-height:1.2;animation:countUp .6s ease-out both;animation-delay:.3s}.sales-label{font-size:.8125rem;opacity:.9;margin-bottom:var(--space-xs)}.achievement-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#fff3;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;margin-top:var(--space-xs);animation:achievementPulse 2s ease-in-out infinite}.achievement-badge.hidden{display:none}.goal-indicator{display:flex;align-items:center;gap:4px;font-size:.6875rem;opacity:.85;margin-top:var(--space-xs)}.pipeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.level-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-accent-gradient);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;color:#fff;animation:levelPulse 3s ease-in-out infinite}.status-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.status-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInUp .5s ease-out both}.status-card:nth-child(1){animation-delay:.1s}.status-card:nth-child(2){animation-delay:.15s}.status-card:nth-child(3){animation-delay:.2s}.status-card:nth-child(4){animation-delay:.25s}.status-card:nth-child(5){animation-delay:.3s}.status-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.status-card--accent{background:var(--color-accent-gradient);border:none;color:#fff}.status-card--accent:hover{box-shadow:0 8px 30px #10b98166}.status-card--accent .status-count,.status-card--accent .status-label,.status-card--accent .status-icon{color:#fff}.status-card--accent .status-label{opacity:.9}.status-card-header{display:flex;align-items:center;gap:var(--space-md)}.status-icon{font-size:1.75rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);transition:transform .3s ease}.status-card:hover .status-icon{transform:scale(1.1)}.status-card--accent .status-icon{background:#fff3}.status-info{display:flex;flex-direction:column;flex:1}.status-count{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1;animation:countUp .6s ease-out both}.status-label{font-size:.8125rem;color:var(--color-text-muted);margin-top:2px}.status-progress{width:100%;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-xs)}.status-progress-fill{height:100%;background:var(--color-accent-gradient);border-radius:var(--radius-full);transition:width 1s ease-out}.status-card--accent .status-progress{background:#fff3}.status-card--accent .status-progress-fill{background:#fffc}.status-percentage{font-size:.6875rem;color:var(--color-text-muted);margin-top:4px;text-align:right}.status-card--accent .status-percentage{color:#fffc}.status-arrow{display:none}.quick-actions{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-md);animation:slideInUp .5s ease-out .35s both}.quick-actions-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-sm)}.quick-action-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}.quick-action-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #6366f159}.quick-action-btn .icon{font-size:.9375rem}.analytics-section{background:linear-gradient(135deg,#6366f108,#a855f708);border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--color-border)}.today-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.product-card{padding:var(--space-md) var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInUp .5s ease-out both}.product-card:nth-child(1){animation-delay:.1s}.product-card:nth-child(2){animation-delay:.15s}.product-card:nth-child(3){animation-delay:.2s}.product-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-lg)}.product-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.product-card-name{font-weight:600;color:var(--color-text-primary);font-size:.9375rem}.product-card-meta{display:flex;gap:var(--space-md);font-size:.8125rem;color:var(--color-text-muted)}.product-card-meta span{display:flex;align-items:center;gap:var(--space-xs)}.events-card{padding:0;overflow:hidden}.events-list{list-style:none;padding:0;margin:0}.event-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);transition:all .2s ease;animation:slideInUp .4s ease-out both}.event-item:nth-child(1){animation-delay:.05s}.event-item:nth-child(2){animation-delay:.1s}.event-item:nth-child(3){animation-delay:.15s}.event-item:nth-child(4){animation-delay:.2s}.event-item:nth-child(5){animation-delay:.25s}.event-item:hover{background:var(--color-bg-hover);transform:translate(4px)}.event-item:last-child{border-bottom:none}.event-icon{font-size:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-shrink:0;transition:transform .2s ease}.event-item:hover .event-icon{transform:scale(1.1)}.event-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.event-type{font-weight:500;color:var(--color-text-primary);font-size:.875rem}.event-entity{font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-time{font-size:.75rem;color:var(--color-text-muted);flex-shrink:0;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.loading-text,.empty-text{text-align:center;color:var(--color-text-muted);padding:var(--space-xl) 0;margin:0}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.error-card{background:#ef44441a;border-color:#ef44444d}.error-text{color:var(--color-danger, #ef4444);font-weight:500;margin-bottom:var(--space-sm)}.error-hint{color:var(--color-text-muted);font-size:.8125rem;margin:0}.config-notice{text-align:center;padding:var(--space-xl)}.config-notice h3{margin-bottom:var(--space-sm);color:var(--color-text-primary)}.config-notice p{color:var(--color-text-muted);margin-bottom:var(--space-md)}.config-notice pre{background:var(--color-bg-tertiary);padding:var(--space-md);border-radius:var(--radius-md);text-align:left;font-size:.8125rem;color:var(--color-text-secondary);overflow-x:auto}.config-notice code{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:.875rem}@media(max-width:900px){.sales-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sales-cards{grid-template-columns:1fr}.status-cards{grid-template-columns:repeat(2,1fr)}.today-products{grid-template-columns:1fr}.status-icon{width:40px;height:40px;font-size:1.5rem}.status-count{font-size:1.25rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.quick-actions{flex-wrap:wrap}.quick-action-btn{flex:1;justify-content:center;min-width:120px}}@media(max-width:480px){.sales-card{padding:var(--space-md)}.progress-ring-container,.progress-ring{width:48px;height:48px}.sales-value{font-size:1.25rem}.status-cards{grid-template-columns:1fr}}[data-theme=light] .sales-section{background:linear-gradient(135deg,#6366f114,#a855f714)}[data-theme=light] .sales-section:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%)}[data-theme=light] .analytics-section{background:linear-gradient(135deg,#6366f10d,#a855f70d)}[data-theme=light] .streak-badge{background:linear-gradient(135deg,#f973161a,#ea580c14)}[data-theme=light] .quick-actions{background:#fff}[data-theme=light] .quick-action-btn{background:#f8fafc}.mention-input-wrapper{position:relative;width:100%}.mention-textarea{width:100%;padding:12px 14px;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:13px;font-family:inherit;resize:none;min-height:44px;transition:all .15s ease}.mention-textarea::placeholder{color:var(--text-muted)}.mention-textarea:focus{outline:none;border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 3px #6366f11a}.mention-textarea:disabled{opacity:.5;cursor:not-allowed}.mention-popover{width:280px;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;z-index:1000;overflow:hidden;animation:popoverIn .15s ease}@keyframes popoverIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.mention-popover-header{padding:10px 14px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:var(--surface-2)}.mention-popover-list{max-height:240px;overflow-y:auto}.mention-popover-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .1s ease}.mention-popover-item:hover,.mention-popover-item.selected{background:var(--surface-3)}.mention-popover-item.selected{background:#6366f126}.mention-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#818cf8);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.mention-avatar img{width:100%;height:100%;object-fit:cover}.mention-avatar span{font-size:12px;font-weight:600;color:#fff}.mention-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mention-user-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-user-email{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-popover-hint{padding:8px 14px;font-size:10px;color:var(--text-muted);text-align:center;border-top:1px solid var(--border);background:var(--surface-2)}.mention-popover-list::-webkit-scrollbar{width:6px}.mention-popover-list::-webkit-scrollbar-track{background:transparent}.mention-popover-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel-backdrop{position:fixed;inset:0;background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);pointer-events:none;transition:all .3s ease;z-index:200}.panel-backdrop.open{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto}.product-detail-panel{position:fixed;top:0;right:-820px;width:820px;max-width:95vw;height:100vh;background:var(--surface-1, rgba(18, 18, 22, .98));border-left:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:-24px 0 80px #00000080;display:flex;flex-direction:column;gap:0;z-index:201;transition:right .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.product-detail-panel.open{right:0}.panel-header{padding:20px 24px 16px;background:var(--surface-2, rgba(255, 255, 255, .02));margin-bottom:0}.panel-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:18px;cursor:pointer;transition:all .15s}.panel-close:hover{background:var(--surface-3);color:var(--text-primary)}.panel-title-row{display:flex;gap:16px;margin-bottom:16px}.panel-thumbnail{flex-shrink:0;width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--surface-3)}.panel-thumbnail img{width:100%;height:100%;object-fit:cover}.panel-thumbnail .thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:var(--text-muted)}.panel-title-content{flex:1;min-width:0}.panel-title{font-size:22px;font-weight:600;color:var(--text-primary);cursor:text;transition:background .15s;padding:4px 8px;margin:-4px -8px 4px;border-radius:6px}.panel-title:hover{background:var(--surface-2)}.panel-title-input{width:100%;padding:4px 8px;font-size:22px;font-weight:600;background:var(--surface-1);border:2px solid var(--accent);border-radius:6px;color:var(--text-primary)}.panel-title-input:focus{outline:none}.panel-status-row{display:flex;align-items:center;gap:12px}.status-badge-large{padding:6px 14px;background:var(--status-bg);color:var(--status-color);border-radius:20px;font-size:13px;font-weight:500}.panel-store{font-size:13px;color:var(--text-muted)}.panel-progress{margin-top:16px}.progress-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:12px;color:var(--text-secondary)}.progress-count{color:var(--accent);font-weight:500}.progress-bar-large{height:6px;background:var(--surface-1);border-radius:3px;overflow:hidden}.progress-fill-large{height:100%;background:linear-gradient(90deg,var(--accent),#818cf8);border-radius:3px;transition:width .4s ease}.panel-actions-primary{display:flex;gap:10px;margin-top:16px}.action-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn--primary{background:var(--accent);color:#fff}.action-btn--primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.action-btn--secondary{background:var(--surface-3);color:var(--text-primary);border:1px solid var(--border)}.action-btn--secondary:hover{background:var(--surface-2);border-color:var(--border-hover)}.action-btn--success{background:var(--success);color:#fff}.action-btn--success:hover{background:#059669}.action-btn--disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed;opacity:.6}.action-btn--disabled:hover{transform:none}.panel-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);background:var(--surface-2);margin-top:0;padding-top:0}.panel-tab{flex:1;padding:14px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.panel-tab:hover{color:var(--text-primary);background:#ffffff08}.panel-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:#6366f10f}.panel-content{flex:1;overflow-y:auto;padding:16px 24px}.panel-section{margin-bottom:24px}.panel-section h3{margin:0 0 14px;font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:8px}.section-hint{margin:-10px 0 14px;font-size:12px;color:var(--text-muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:20px}.detail-field{display:flex;flex-direction:column;gap:4px}.detail-field label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:2px}.detail-field input{padding:8px 10px;background:var(--surface-1);border:1px solid var(--accent);border-radius:6px;color:var(--text-primary);font-size:13px}.detail-field input:focus{outline:none}.field-value{padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-secondary);min-height:36px}.field-value.editable{cursor:text;transition:all .15s}.field-value.editable:hover{background:var(--surface-3);border-color:var(--border-hover)}.field-value a{color:var(--accent);text-decoration:none}.field-value a:hover{text-decoration:underline}.detail-field-full{margin-bottom:16px}.detail-field-full label{display:block;margin-bottom:8px;font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-field-full textarea{width:100%;padding:10px 12px;background:var(--surface-1);border:1px solid var(--accent);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:inherit;resize:vertical}.detail-field-full textarea:focus{outline:none}.field-value-text{padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;font-size:13px;color:var(--text-secondary);min-height:60px;white-space:pre-wrap}.field-value-text.editable{cursor:text;transition:all .15s}.field-value-text.editable:hover{background:var(--surface-3);border-color:var(--border-hover)}.checklist{display:flex;flex-direction:column;gap:2px}.checklist-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:transparent;border:none;border-radius:8px;transition:all .15s;border-left:2px solid transparent}.checklist-item:hover{background:#ffffff05}.checklist-item.completed{background:#10b9810a;border-left-color:var(--success)}.checklist-item.completed .checklist-label{color:var(--text-muted);text-decoration:line-through}.checklist-item.actionable{border-left-color:var(--accent);background:#6366f10a}.checklist-item.actionable:hover{background:#6366f114}.checklist-checkbox{width:22px;height:22px;border-radius:6px;background:var(--surface-1);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--success);transition:all .15s}.checklist-item.completed .checklist-checkbox{background:var(--success);border-color:var(--success);color:#fff}.checklist-item.actionable .checklist-checkbox{border-color:var(--accent);cursor:pointer}.checklist-item.actionable .checklist-checkbox:hover{background:#6366f11a}.checklist-content{flex:1;display:flex;align-items:center;gap:8px}.checklist-icon{font-size:14px}.checklist-label{font-size:13px;color:var(--text-primary)}.checklist-date{font-size:11px;color:var(--text-muted)}.checklist-complete-btn{padding:4px 10px;background:var(--accent);border:none;border-radius:4px;color:#fff;font-size:11px;cursor:pointer;transition:all .15s}.checklist-complete-btn:hover{background:var(--accent-hover)}.lp-list{display:flex;flex-direction:column;gap:8px}.lp-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px}.lp-date{font-size:12px;color:var(--text-muted)}.lp-blocks{flex:1;font-size:12px;color:var(--text-secondary)}.lp-view{font-size:12px;color:var(--accent);text-decoration:none}.lp-view:hover{text-decoration:underline}.empty-section{padding:24px;text-align:center;color:var(--text-muted)}.empty-section p{margin:0 0 16px}.comment-input{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.comment-input textarea{flex:1;padding:10px 12px;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit;resize:none;min-height:40px;max-height:120px;transition:border-color .15s,background .15s}.comment-input textarea::placeholder{color:var(--text-muted)}.comment-input textarea:focus{outline:none;border-color:var(--accent);background:var(--surface-2)}.comment-submit{padding:10px 14px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.comment-submit:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.comment-submit:disabled{opacity:.4;cursor:not-allowed}.notes-content{display:flex;flex-direction:column;gap:8px}.note-item{padding:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px}.note-item pre{margin:0;white-space:pre-wrap;font-family:inherit;font-size:13px;color:var(--text-secondary);line-height:1.5}.note-item pre .mention-highlight,.mention-highlight{background:#6366f133;color:var(--accent);padding:2px 4px;border-radius:4px;font-weight:500}.activity-timeline{display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-2);border-radius:8px}.activity-icon{font-size:16px}.activity-content{flex:1;display:flex;flex-direction:column;gap:2px}.activity-type{font-size:13px;color:var(--text-primary);text-transform:capitalize}.activity-change{font-size:12px;color:var(--text-muted)}.activity-time{font-size:11px;color:var(--text-muted)}.angles-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.angle-card{position:relative;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s}.angle-card:hover{border-color:var(--border-hover);background:var(--surface-3);transform:translateY(-1px)}.angle-card.selected{border-color:var(--accent);background:#6366f114}.angle-icon{display:block;font-size:20px;margin-bottom:6px}.angle-label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.angle-desc{display:block;font-size:11px;color:var(--text-muted);line-height:1.4}.angle-check{position:absolute;top:10px;right:10px;width:20px;height:20px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-top:1px solid var(--border);background:var(--surface-2)}.footer-actions{display:flex;align-items:center;gap:8px}.btn-footer{padding:6px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px;opacity:.7}.btn-footer:hover{background:#ffffff0d;color:var(--text-secondary);opacity:1}.btn-delete{padding:6px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:4px;opacity:.6}.btn-delete:hover{background:#ef44441a;color:#f87171;opacity:1}.delete-confirm{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.btn-confirm-yes{padding:8px 14px;background:#ef4444;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.btn-confirm-yes:hover{background:#dc2626}.btn-confirm-no{padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s}.btn-confirm-no:hover{background:var(--surface-3);color:var(--text-primary)}.panel-updated{font-size:11px;color:var(--text-muted)}.loading-text,.empty-text{font-size:13px;color:var(--text-muted);text-align:center;padding:20px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:transparent}.panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media(max-width:640px){.product-detail-panel{width:100%;right:-100%}.detail-grid,.angles-grid{grid-template-columns:1fr}}[data-theme=light] .product-detail-panel{background:#fff;border-left:1px solid var(--color-border);box-shadow:-12px 0 40px #0000001a}[data-theme=light] .panel-header{background:#f8f9fa;border-bottom:1px solid var(--color-border)}[data-theme=light] .panel-title{color:#1a1a1a}[data-theme=light] .panel-title:hover{background:#f0f1f3}[data-theme=light] .panel-close{color:#6b6b6b}[data-theme=light] .panel-close:hover{background:#e4e4e7;color:#1a1a1a}[data-theme=light] .panel-tabs{background:#f8f9fa;border-bottom-color:var(--color-border)}[data-theme=light] .panel-tab{color:#4a4a4a}[data-theme=light] .panel-tab:hover{color:#1a1a1a;background:#00000008}[data-theme=light] .panel-tab.active{color:var(--color-accent);background:#0d94880f}[data-theme=light] .panel-content{background:#fff}[data-theme=light] .panel-section h3{color:#4a4a4a}[data-theme=light] .detail-field label{color:#6b6b6b}[data-theme=light] .field-value{background:#f8f9fa;border-color:var(--color-border);color:#4a4a4a}[data-theme=light] .field-value.editable:hover{background:#f0f1f3}[data-theme=light] .field-value-text{background:#f8f9fa;border-color:var(--color-border);color:#4a4a4a}[data-theme=light] .checklist-item.completed{background:#10b9810f}[data-theme=light] .checklist-item.actionable{background:#0d94880f}[data-theme=light] .checklist-checkbox{background:#fff;border-color:var(--color-border)}[data-theme=light] .checklist-label{color:#1a1a1a}[data-theme=light] .note-item{background:#f8f9fa;border-color:var(--color-border)}[data-theme=light] .note-item pre{color:#4a4a4a}[data-theme=light] .activity-item{background:#f8f9fa}[data-theme=light] .activity-type{color:#1a1a1a}[data-theme=light] .angle-card{background:#f8f9fa;border-color:var(--color-border)}[data-theme=light] .angle-card:hover{background:#f0f1f3}[data-theme=light] .angle-label{color:#1a1a1a}[data-theme=light] .panel-footer{background:#f8f9fa;border-top-color:var(--color-border)}[data-theme=light] .lp-item{background:#f8f9fa;border-color:var(--color-border)}[data-theme=light] .comment-input textarea{background:#f8f9fa;border-color:var(--color-border);color:#1a1a1a}[data-theme=light] .comment-input textarea:focus{background:#fff}.product-board-v2{--board-bg: #0e0e10;--surface-1: rgba(255, 255, 255, .02);--surface-2: rgba(255, 255, 255, .04);--surface-3: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--accent: #6366f1;--accent-hover: #818cf8;--danger: #ef4444;--success: #10b981;--warning: #f59e0b;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--transition: .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light] .product-board-v2{--board-bg: #f5f7fa;--surface-1: #ffffff;--surface-2: #f0f2f5;--surface-3: #e4e7eb;--border: rgba(0, 0, 0, .1);--border-hover: rgba(0, 0, 0, .2);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #6b6b6b;--accent: #0d9488;--accent-hover: #0f766e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}[data-theme=light] .product-board-v2 .page-header h1{color:#1a1a1a!important}[data-theme=light] .product-board-v2 .page-subtitle{color:#4a4a4a!important}.board-engine{display:flex;flex-direction:column;height:100%;gap:16px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px}.board-content{flex:1;overflow:hidden;border-radius:var(--radius-lg)}.board-loading,.board-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-secondary)}.board-error{text-align:center}.board-error h3{color:var(--danger);margin:0}.view-switcher{display:flex;align-items:center;gap:12px}.view-toggle{display:flex;background:var(--surface-2);border-radius:var(--radius-md);padding:2px;border:1px solid var(--border)}.view-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;transition:var(--transition)}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background:var(--surface-3);color:var(--text-primary);box-shadow:var(--shadow-sm)}.view-icon{font-size:14px}.saved-views{position:relative}.saved-views-trigger{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition)}.saved-views-trigger:hover{border-color:var(--border-hover);color:var(--text-primary)}.saved-views-dropdown{position:absolute;top:100%;left:0;margin-top:4px;min-width:220px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.save-current-btn{padding:4px 8px;font-size:11px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.save-current-btn:hover{background:var(--accent-hover)}.dropdown-list{max-height:200px;overflow-y:auto}.view-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer;transition:var(--transition)}.view-item:hover{background:var(--surface-2);color:var(--text-primary)}.view-item.active{background:var(--surface-3);color:var(--text-primary)}.view-item-badge{margin-left:auto;padding:2px 6px;font-size:10px;background:var(--accent);color:#fff;border-radius:var(--radius-sm)}.filter-bar{display:flex;align-items:center;gap:12px;flex:1;position:relative}.search-wrapper{position:relative;flex:1;max-width:300px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.5}.search-input{width:100%;padding:8px 12px 8px 36px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;transition:var(--transition)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent);background:var(--surface-1)}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;padding:0;background:var(--surface-3);border:none;border-radius:50%;color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.filter-toggle{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:var(--transition);position:relative}.filter-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter-toggle.has-filters{border-color:var(--accent);color:var(--accent)}.filter-badge{color:var(--accent);font-size:20px;line-height:0}.archived-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.archived-toggle input{cursor:pointer}.add-idea-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.add-idea-btn:hover{background:var(--accent-hover)}.filter-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:320px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;padding:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.filter-section{margin-bottom:16px}.filter-section:last-child{margin-bottom:0}.filter-label{display:block;margin-bottom:8px;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:4px 10px;background:var(--chip-bg, var(--surface-2));border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:var(--transition)}.filter-chip:hover{border-color:var(--chip-color, var(--border-hover));color:var(--chip-color, var(--text-primary))}.filter-chip.active{background:var(--chip-bg);border-color:var(--chip-color);color:var(--chip-color)}.filter-select{width:100%;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px}.filter-actions{padding-top:12px;border-top:1px solid var(--border);margin-top:8px}.clear-filters-btn{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;cursor:pointer}.clear-filters-btn:hover{border-color:var(--danger);color:var(--danger)}.kanban-board{display:flex;gap:16px;height:100%;overflow-x:auto;padding:4px}.kanban-board.is-dragging{cursor:grabbing}.kanban-column{flex:0 0 280px;display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.kanban-column.drop-target{border-color:var(--column-color);background:var(--column-bg)}.kanban-column.can-drop{border-style:dashed}.kanban-column.cannot-drop{opacity:.5}.column-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--column-bg)}.column-title{display:flex;align-items:center;gap:8px}.column-emoji{font-size:16px}.column-name{font-weight:500;color:var(--column-color)}.column-count{padding:2px 8px;background:var(--surface-2);border-radius:12px;font-size:12px;color:var(--text-muted)}.column-cards{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.column-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--text-muted);gap:8px}.empty-icon{font-size:24px;opacity:.5}.drop-indicator{padding:4px 0}.drop-line{height:2px;background:var(--accent);border-radius:1px}.add-product-overlay{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:16px;background:transparent;border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-product-overlay:hover{border-color:var(--accent);background:#6366f10d;color:var(--accent)}.add-product-overlay:hover .add-icon{transform:scale(1.2)}.add-product-overlay .add-icon{font-size:18px;font-weight:300;transition:transform .2s ease}.add-product-overlay .add-text{opacity:.9}.kanban-card{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;cursor:pointer;transition:var(--transition);position:relative}.kanban-card:hover{border-color:var(--border-hover);background:var(--surface-3)}.kanban-card.dragging{opacity:.5;box-shadow:var(--shadow-lg);cursor:grabbing}.kanban-card.expanded{border-color:var(--accent)}.card-thumbnail{width:100%;height:100px;margin-bottom:10px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-1)}.card-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:var(--text-muted)}.card-content{flex:1}.card-title{margin:0 0 4px;font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-store{font-size:12px;color:var(--text-muted)}.card-progress{display:flex;align-items:center;gap:8px;margin-top:10px}.progress-bar{flex:1;height:4px;background:var(--surface-1);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width var(--transition-slow)}.progress-text{font-size:11px;color:var(--text-muted)}.card-kpi{margin-top:10px}.kpi-badge{display:inline-block;padding:2px 8px;font-size:11px;background:var(--surface-1);border-radius:4px;color:var(--text-secondary)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.card-timestamp{font-size:11px;color:var(--text-muted)}.card-quick-action{padding:4px 8px;background:var(--accent);border:none;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:var(--transition)}.card-quick-action:hover{background:var(--accent-hover)}.card-drag-handle{position:absolute;top:6px;right:6px;color:var(--text-muted);font-size:10px;opacity:0;transition:var(--transition)}.kanban-card:hover .card-drag-handle{opacity:1}.data-table{display:flex;flex-direction:column;height:100%;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-header{display:grid;align-items:center;padding:0 12px;height:40px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.header-cell{display:flex;align-items:center;gap:6px;padding:0 8px}.header-cell.sortable{cursor:pointer}.header-cell.sortable:hover{color:var(--text-primary)}.header-cell.sorted{color:var(--accent)}.sort-indicator{font-size:10px}.checkbox-cell,.actions-cell{justify-content:center}.table-body{flex:1;overflow-y:auto}.table-row{display:grid;align-items:center;padding:0 12px;min-height:52px;border-bottom:1px solid var(--border);transition:var(--transition)}.table-row:hover{background:var(--surface-2)}.table-row.selected{background:#6366f11a}.row-cell{padding:8px;overflow:hidden}.row-thumbnail{width:28px;height:28px;border-radius:var(--radius-sm);object-fit:cover;margin-right:8px}.cell-name{display:flex;align-items:center}.name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-status{display:inline-flex}.status-badge{padding:4px 10px;background:var(--status-bg);color:var(--status-color);border-radius:20px;font-size:12px;font-weight:500}.cell-link{display:inline-block;padding:4px 8px;background:var(--surface-2);border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition)}.cell-link:hover{background:var(--surface-3)}.cell-empty{color:var(--text-muted)}.cell-text.editable{cursor:text;padding:4px 6px;margin:-4px -6px;border-radius:var(--radius-sm)}.cell-text.editable:hover{background:var(--surface-2)}.cell-input{width:100%;padding:4px 6px;background:var(--surface-1);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);font-size:inherit}.cell-input:focus{outline:none}.cell-tags{display:flex;gap:4px;flex-wrap:wrap}.tag-chip{padding:2px 6px;background:var(--surface-2);border-radius:4px;font-size:11px;color:var(--text-secondary)}.tag-more{font-size:11px;color:var(--text-muted)}.actions-trigger{padding:4px 8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;border-radius:var(--radius-sm)}.actions-trigger:hover{background:var(--surface-2);color:var(--text-primary)}.actions-menu{position:absolute;right:12px;margin-top:4px;min-width:160px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.action-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer;transition:var(--transition)}.action-item:hover{background:var(--surface-2);color:var(--text-primary)}.action-item.primary{color:var(--accent)}.action-item.danger{color:var(--danger)}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);gap:12px}.table-sentinel{padding:16px;text-align:center}.loading-row{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px}.bulk-action-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100}.selection-count{font-size:13px;color:var(--text-secondary);padding-right:12px;border-right:1px solid var(--border)}.bulk-btn{padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.bulk-btn--move{background:var(--accent);color:#fff}.bulk-btn--move:hover{background:var(--accent-hover)}.bulk-btn--danger{background:var(--danger);color:#fff}.bulk-btn--danger:hover{background:#dc2626}.bulk-btn--ghost{background:transparent;color:var(--text-secondary)}.bulk-btn--ghost:hover{background:var(--surface-2);color:var(--text-primary)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.save-view-modal,.add-idea-modal{width:100%;max-width:400px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-lg)}.save-view-modal h3,.add-idea-modal h3{margin:0 0 8px;font-size:18px;color:var(--text-primary)}.save-view-modal p,.add-idea-modal p{margin:0 0 20px;font-size:13px;color:var(--text-secondary)}.save-view-modal input,.add-idea-modal input,.add-idea-modal textarea{width:100%;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit}.save-view-modal input:focus,.add-idea-modal input:focus,.add-idea-modal textarea:focus{outline:none;border-color:var(--accent)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-btn{padding:8px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.modal-btn--ghost{background:transparent;color:var(--text-secondary)}.modal-btn--ghost:hover{background:var(--surface-2);color:var(--text-primary)}.modal-btn--primary{background:var(--accent);color:#fff}.modal-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.add-idea-modal--enhanced{width:480px;max-width:95vw;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.add-idea-modal--enhanced .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.add-idea-modal--enhanced .modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;border-radius:6px;transition:all .15s ease}.modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.add-idea-modal--enhanced .modal-body{flex:1;overflow-y:auto;padding:20px 24px}.modal-description{margin:0 0 20px;font-size:13px;color:var(--text-muted);line-height:1.5}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.form-section-title{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-secondary)}.form-hint{display:block;margin-top:6px;font-size:11px;color:var(--text-muted)}.required{color:var(--danger)}.add-idea-modal--enhanced .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:var(--surface-2)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.kanban-board::-webkit-scrollbar,.column-cards::-webkit-scrollbar,.table-body::-webkit-scrollbar,.dropdown-list::-webkit-scrollbar{width:6px;height:6px}.kanban-board::-webkit-scrollbar-track,.column-cards::-webkit-scrollbar-track,.table-body::-webkit-scrollbar-track,.dropdown-list::-webkit-scrollbar-track{background:transparent}.kanban-board::-webkit-scrollbar-thumb,.column-cards::-webkit-scrollbar-thumb,.table-body::-webkit-scrollbar-thumb,.dropdown-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.kanban-board::-webkit-scrollbar-thumb:hover,.column-cards::-webkit-scrollbar-thumb:hover,.table-body::-webkit-scrollbar-thumb:hover,.dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media(max-width:768px){.board-toolbar{flex-wrap:wrap}.filter-bar{width:100%}.search-wrapper{max-width:none}.kanban-column{flex:0 0 260px}}.error-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#ef4444f2,#b91c1cf2);border:1px solid rgba(239,68,68,.5);border-radius:12px;box-shadow:0 8px 32px #ef44444d;z-index:1000;animation:slideUp .3s ease-out;max-width:90%;width:max-content}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-toast-icon{font-size:1.25rem}.error-toast-content{flex:1}.error-toast-message{margin:0;color:#fff;font-weight:500;font-size:.9375rem}.error-toast-actions{display:flex;gap:.5rem}.error-toast-retry,.error-toast-dismiss{background:#ffffff26;border:none;border-radius:6px;padding:.375rem .75rem;color:#fff;cursor:pointer;font-size:.875rem;transition:all .2s ease}.error-toast-retry:hover,.error-toast-dismiss:hover{background:#ffffff40}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-card{border-radius:12px}.skeleton-circle{border-radius:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-loader{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 2rem;text-align:center}.progress-loader-spinner{position:relative}.progress-loader-spinner .spinner{width:48px;height:48px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--launchos-primary, #6366f1);border-radius:50%;animation:spin .8s linear infinite}.progress-loader-info{display:flex;flex-direction:column;gap:.25rem}.progress-loader-status{margin:0;font-size:1.125rem;font-weight:600;color:var(--launchos-text, #fff)}.progress-loader-subtext{margin:0;font-size:.875rem;color:var(--launchos-text-muted, #9ca3af)}.progress-loader-bar-container{width:100%;max-width:300px}.progress-loader-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-loader-fill{height:100%;background:linear-gradient(90deg,var(--launchos-primary, #6366f1),#8b5cf6);border-radius:3px;transition:width .3s ease}.progress-loader-stats{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--launchos-text-muted, #9ca3af)}.progress-loader-percentage{font-weight:600;color:var(--launchos-primary, #6366f1)}.progress-loader-cancel{margin-top:.5rem;background:none;border:1px solid var(--launchos-border, rgba(255, 255, 255, .1));border-radius:6px;padding:.5rem 1rem;color:var(--launchos-text-muted, #9ca3af);font-size:.875rem;cursor:pointer;transition:all .2s ease}.progress-loader-cancel:hover{border-color:var(--launchos-text-muted, #9ca3af);color:var(--launchos-text, #fff)}.expand-all-toggle{background:#ffffff0d;border:1px solid var(--launchos-border, rgba(255, 255, 255, .1));border-radius:6px;padding:.5rem .875rem;color:var(--launchos-text-muted, #9ca3af);font-size:.8125rem;cursor:pointer;transition:all .2s ease}.expand-all-toggle:hover{background:#ffffff1a;color:var(--launchos-text, #fff)}.selection-counter{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#ffffff08;border-radius:8px}.selection-counter-bar{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.selection-counter-fill{height:100%;background:linear-gradient(90deg,var(--launchos-primary, #6366f1),#8b5cf6);border-radius:3px;transition:width .3s ease}.selection-counter.complete .selection-counter-fill{background:linear-gradient(90deg,#10b981,#059669)}.selection-counter-text{font-size:.875rem;color:var(--launchos-text-muted, #9ca3af);white-space:nowrap}.selection-counter-text strong{color:var(--launchos-primary, #6366f1)}.selection-counter.complete .selection-counter-text strong{color:#10b981}.step-completion-badge{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;pointer-events:none;animation:badgePop .6s ease-out forwards}.completion-check{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;font-size:2.5rem;color:#fff;box-shadow:0 0 40px #10b98180}@keyframes badgePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{transform:translate(-50%,-50%) scale(.95)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.error-boundary{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;min-height:300px}.error-boundary-content{text-align:center;max-width:400px}.error-icon{font-size:3rem;margin-bottom:1rem}.error-boundary h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.error-boundary p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.875rem}.error-details{margin-bottom:1.5rem;text-align:left;background:#0003;padding:.75rem;border-radius:8px}.error-details summary{cursor:pointer;color:var(--text-secondary);font-size:.75rem;margin-bottom:.5rem}.error-details code{display:block;font-size:.75rem;color:#ef4444;word-break:break-word}.retry-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.retry-button:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.launchos-wizard-v2{display:flex;flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto;padding:1.5rem}.wizard-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-content h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.875rem}.clear-draft-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.5rem 1rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s ease}.clear-draft-btn:hover{border-color:#ef4444;color:#ef4444}.wizard-progress{display:flex;gap:.5rem;padding:.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;position:relative}.progress-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.progress-step:hover:not(:disabled){background:#ffffff0d}.progress-step:disabled{cursor:not-allowed;opacity:.4}.progress-step:not(:disabled){cursor:pointer}.progress-step:not(:disabled):active{transform:scale(.98)}.progress-step.active{background:linear-gradient(135deg,#6366f133,#8b5cf633)}.progress-step.completed{background:#10b9811a}.step-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:50%;transition:all .2s ease}.progress-step.active .step-icon{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f14d,#8b5cf64d)}.progress-step.completed .step-icon{border-color:#10b981;background:#10b98133;color:#10b981;animation:checkPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.step-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-align:center}.progress-step.active .step-label,.progress-step.completed .step-label{color:var(--text-primary)}.step-number{position:absolute;top:4px;right:4px;font-size:.5rem;font-weight:600;color:var(--text-secondary);opacity:.5}.wizard-progress:before{content:"";position:absolute;top:50%;left:calc(10% + 18px);right:calc(10% + 18px);height:2px;background:var(--glass-border);z-index:0}.wizard-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444}.wizard-error button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:.25rem}.wizard-content{min-height:400px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wizard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.wizard-loading .spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.wizard-loading .spinner.large{width:48px;height:48px;border-width:4px}.wizard-loading p{margin-top:1rem;color:var(--text-secondary)}.draft-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;font-size:.75rem;color:var(--text-secondary);opacity:.6}.draft-icon{animation:pulse 2s infinite}@media(max-width:768px){.launchos-wizard-v2{padding:1rem}.wizard-header{flex-direction:column;align-items:flex-start}.wizard-progress{flex-wrap:wrap;gap:.25rem}.progress-step{flex:1 1 30%;min-width:60px}.step-label{font-size:.625rem}.wizard-progress:before{display:none}}@media(max-width:480px){.progress-step{flex:1 1 45%}.step-icon{width:28px;height:28px;font-size:1rem}}.product-selection-step{display:flex;flex-direction:column;gap:1.5rem}.selection-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:200px;display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px}.search-icon{font-size:.875rem;opacity:.6}.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.875rem}.search-box input::placeholder{color:var(--text-secondary)}.filter-tabs{display:flex;gap:.5rem}.filter-tab{padding:.5rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.filter-tab:hover{background:#ffffff0d;color:var(--text-primary)}.filter-tab.active{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:#6366f14d;color:var(--text-primary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.loading-state .spinner{width:32px;height:32px;border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state p{margin-top:1rem;color:var(--text-secondary)}.error-message button{margin-left:auto;background:#ef444433;border:none;padding:.375rem .75rem;border-radius:4px;color:inherit;cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{color:var(--text-secondary);margin:0 0 1rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.product-card{position:relative;background:var(--glass-bg);border:2px solid var(--glass-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.product-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 24px #6366f126,0 0 0 1px #6366f11a}.product-card.selected{border-color:#10b981;box-shadow:0 0 20px #10b98140,0 0 0 1px #10b9814d,inset 0 0 20px #10b9810d}.product-card.has-page{opacity:.8}.product-image{position:relative;aspect-ratio:1;background:#0003}.product-image img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:.4}.page-badge{position:absolute;top:8px;right:8px;background:#10b981e6;color:#fff;font-size:.625rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.product-info{padding:.875rem}.product-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.product-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.product-price{font-size:.875rem;font-weight:600;color:var(--accent-primary)}.product-status{font-size:.625rem;text-transform:uppercase;padding:.125rem .375rem;border-radius:4px;background:#ffffff1a;color:var(--text-secondary)}.product-status.status-imported{background:#6366f133;color:#a5b4fc;box-shadow:0 0 8px #6366f14d;font-weight:600}.product-status.status-landing_page_created{background:#10b98133;color:#6ee7b7;box-shadow:0 0 8px #10b9814d;font-weight:600}.product-store{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.375rem}.selected-check{position:absolute;top:8px;left:8px;width:24px;height:24px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600}@media(max-width:600px){.selection-controls{flex-direction:column;align-items:stretch}.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.product-card.skeleton-card{pointer-events:none;cursor:default}.product-card.skeleton-card .product-image{aspect-ratio:1;background:#ffffff08}.product-card.skeleton-card .product-info{padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.empty-illustration{margin-bottom:1.5rem}.empty-box{position:relative;display:inline-block}.empty-box .box-lid{font-size:4rem;display:block;animation:float 3s ease-in-out infinite}.empty-box .box-sparkle{position:absolute;top:-10px;right:-10px;font-size:1.5rem;animation:twinkle 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.product-image-gallery{width:100%}.product-image-gallery.empty{display:flex;align-items:center;justify-content:center;min-height:120px;background:#ffffff05;border:1px dashed var(--launchos-border);border-radius:12px}.gallery-empty-state{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--launchos-text-muted)}.gallery-empty-state .empty-icon{font-size:2rem;opacity:.5}.gallery-empty-state p{margin:0;font-size:.875rem}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--launchos-border)}.gallery-title{font-weight:600;color:var(--launchos-text)}.gallery-hint{font-size:.75rem;color:var(--launchos-text-muted)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.gallery-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:all .2s ease;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item.selectable:hover{border-color:var(--launchos-primary);transform:scale(1.02)}.gallery-item.selected{border-color:var(--launchos-primary);box-shadow:0 0 0 3px #6366f14d}.gallery-item.default-seed:not(.selected){border-color:#6366f14d}.selection-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:.5rem;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);opacity:0;transition:opacity .2s ease}.gallery-item:hover .selection-overlay,.gallery-item.selected .selection-overlay{opacity:1}.selection-badge{font-size:.625rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.selection-badge.selected{background:var(--launchos-primary);color:#fff}.selection-badge.default{background:#fff3;color:#fff}.seed-badge{position:absolute;top:.5rem;left:.5rem;font-size:.625rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;background:#6366f1e6;color:#fff}.gallery-lightbox{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:-40px;right:0;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s ease}.lightbox-close:hover{background:#fff3}.angle-research-step{display:flex;flex-direction:column;gap:1.5rem}.step-header h2{font-size:1.5rem;font-weight:700;color:var(--launchos-text);margin:0 0 .5rem}.step-header p{color:var(--launchos-text-muted);margin:0;font-size:.9375rem}.product-context-card{background:#ffffff08;border:1px solid var(--launchos-border);border-radius:12px;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.context-header{display:flex;align-items:center;gap:.75rem}.context-icon{font-size:1.25rem}.context-name{font-weight:600;color:var(--launchos-text)}.context-competitor{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--launchos-text-muted)}.context-competitor a{color:var(--launchos-primary);text-decoration:none}.context-competitor a:hover{text-decoration:underline}.generate-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px dashed var(--launchos-border);border-radius:16px}.generate-btn{font-size:1rem;padding:.875rem 2rem;background:linear-gradient(135deg,var(--launchos-primary),#8b5cf6);border:none;color:#fff;border-radius:12px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.generate-btn:disabled{opacity:.7;cursor:not-allowed}.generate-hint{color:var(--launchos-text-muted);font-size:.875rem;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--launchos-text-muted)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner.large{width:32px;height:32px;border-width:3px;border-color:#6366f14d;border-top-color:var(--launchos-primary)}.error-message{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171}.error-message button{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.7}.error-message button:hover{opacity:1}.selection-status{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff05;border-radius:8px}.selection-count{font-weight:600;color:var(--launchos-primary)}.angles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:768px){.angles-grid{grid-template-columns:1fr}}.angle-group{background:#ffffff05;border:1px solid var(--launchos-border);border-radius:12px;overflow:hidden}.group-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#ffffff08;border-bottom:1px solid var(--launchos-border)}.group-emoji{font-size:1.125rem}.group-label{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--launchos-text)}.group-angles{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.angle-card{position:relative;padding:.875rem 2.5rem .875rem 1rem;background:#ffffff05;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.angle-card:hover{background:#ffffff0d;border-color:var(--launchos-border)}.angle-card.selected{background:#6366f11a;border-color:var(--launchos-primary)}.angle-content p{margin:0;font-size:.875rem;line-height:1.5;color:var(--launchos-text)}.angle-checkbox{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--launchos-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;transition:all .2s ease}.angle-card.selected .angle-checkbox{background:var(--launchos-primary);border-color:var(--launchos-primary)}.angle-rank-badge{position:absolute;top:-6px;left:-6px;width:22px;height:22px;background:var(--launchos-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff}.ranked-preview{position:sticky;bottom:1rem;background:#14141ef2;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -8px 32px #0000004d;z-index:10}.ranked-preview h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--launchos-text)}.ranked-list{display:flex;flex-direction:column;gap:.5rem}.ranked-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff08;border-radius:8px}.rank-number{font-weight:700;color:var(--launchos-primary);min-width:24px}.rank-text{flex:1;margin:0;font-size:.875rem;color:var(--launchos-text)}.rank-controls{display:flex;gap:.25rem}.rank-controls button{width:24px;height:24px;background:#ffffff0d;border:1px solid var(--launchos-border);border-radius:4px;color:var(--launchos-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s ease}.rank-controls button:hover:not(:disabled){background:#ffffff1a;color:var(--launchos-text)}.rank-controls button:disabled{opacity:.3;cursor:not-allowed}.step-actions{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--launchos-border);margin-top:.5rem}.step-actions-right{display:flex;gap:.75rem;align-items:center}.skip-btn{margin-top:.5rem;font-size:.875rem;color:var(--launchos-text-muted)}.content-generation-step{display:flex;flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto}.angles-summary{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.angles-summary h4{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin:0 0 .75rem}.angles-list{display:flex;flex-wrap:wrap;gap:.5rem}.angle-pill{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid rgba(99,102,241,.3);border-radius:20px;padding:.375rem .75rem;font-size:.75rem}.angle-rank{font-weight:600;color:var(--accent-primary)}.angle-type{text-transform:capitalize;color:var(--text-primary)}.generate-section{display:flex;flex-direction:column;align-items:center;padding:2rem;background:var(--glass-bg);border:2px dashed var(--glass-border);border-radius:16px}.generate-btn{display:flex;align-items:center;gap:.5rem;font-size:1rem;padding:.875rem 1.5rem}.generate-hint{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary)}.generation-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.cancel-generation-btn{background:transparent;border:1px solid rgba(239,68,68,.5);color:#ef4444;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.cancel-generation-btn:hover{background:#ef44441a;border-color:#ef4444}.cancel-generation-btn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-state .spinner.large{width:48px;height:48px;border-width:4px}.loading-state p{margin:1rem 0 0;color:var(--text-primary)}.loading-subtext{font-size:.875rem;color:var(--text-secondary)!important;margin-top:.25rem!important}.content-preview{display:flex;flex-direction:column;gap:.75rem}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.preview-header span{font-weight:600;color:var(--text-primary)}.preview-header-actions{display:flex;align-items:center;gap:.75rem}.preview-mode-toggle{display:flex;background:#0000004d;border-radius:6px;padding:2px}.preview-mode-toggle .mode-btn{background:transparent;border:none;padding:.375rem .5rem;font-size:.875rem;cursor:pointer;border-radius:4px;transition:all .2s ease;opacity:.5}.preview-mode-toggle .mode-btn:hover{opacity:.8}.preview-mode-toggle .mode-btn.active{background:var(--accent-primary);opacity:1}.content-preview.mobile-preview{max-width:375px;margin:0 auto;border:8px solid #2a2a3a;border-radius:24px;padding:1rem;background:var(--glass-bg);box-shadow:0 8px 32px #0006}.content-preview.mobile-preview:before{content:"";display:block;width:80px;height:6px;background:#2a2a3a;border-radius:3px;margin:0 auto 1rem}.content-preview.mobile-preview .content-section{font-size:.875rem}.content-preview.mobile-preview .headline{font-size:1rem}.content-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;transition:all .2s ease}.content-section:hover{border-color:var(--accent-primary)}.section-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background .2s ease}.section-header:hover{background:#ffffff05}.section-icon{font-size:1.25rem}.section-title{flex:1;font-weight:500;color:var(--text-primary)}.section-toggle{font-size:1.25rem;color:var(--text-secondary);font-weight:300}.section-warning{font-size:.875rem;margin-right:.25rem;animation:pulse 1.5s infinite}.missing-section-warning{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px;color:#eab308}.missing-section-warning span{font-size:1.25rem}.missing-section-warning p{margin:0;font-size:.875rem}.us-vs-them ul{margin:.5rem 0 0;padding-left:1.25rem}.us-vs-them li{color:var(--text-primary);margin-bottom:.25rem}.section-content{padding:1rem;border-top:1px solid var(--glass-border);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.content-field{margin-bottom:1rem}.content-field:last-child{margin-bottom:0}.content-field label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.content-field p{margin:0;color:var(--text-primary);line-height:1.5}.content-field ul{margin:0;padding-left:1.25rem;color:var(--text-primary)}.content-field li{margin-bottom:.25rem}.headline-field .headline{font-size:1.125rem;font-weight:600}.headline-field .headline.editable{cursor:text;padding:.375rem .5rem;margin:-.375rem -.5rem;border-radius:6px;border:1px solid transparent;transition:all .2s ease;outline:none}.headline-field .headline.editable:hover{background:#ffffff08;border-color:var(--glass-border)}.headline-field .headline.editable:focus{background:#6366f11a;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.edit-hint{font-size:.625rem;font-weight:400;color:var(--text-secondary);opacity:.6;margin-left:.25rem}.regenerate-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:4px;color:#fff;font-size:.75rem;padding:.125rem .375rem;cursor:pointer;transition:all .2s ease}.regenerate-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #6366f166}.regenerate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cta-preview{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.5rem 1rem;border-radius:6px;font-weight:500;box-shadow:0 4px 12px #6366f14d}.reasons-grid{display:flex;flex-direction:column;gap:1rem}.reason-card{background:#0003;border-radius:8px;padding:1rem}.reason-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.reason-number{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:.375rem .75rem;border-radius:6px;white-space:nowrap;flex-shrink:0}.reason-angle{font-size:.75rem;color:var(--text-secondary);background:#ffffff14;padding:.375rem .625rem;border-radius:6px;white-space:nowrap}.testimonial blockquote{margin:0;padding:.75rem;background:#ffffff08;border-left:3px solid var(--accent-primary);border-radius:0 6px 6px 0;color:var(--text-primary);font-style:italic}.testimonial cite{display:block;margin-top:.375rem;font-size:.875rem;color:var(--text-secondary);font-style:normal}.ugc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.ugc-card{background:#0003;border-radius:8px;padding:.875rem}.ugc-rating{font-size:.75rem;margin-bottom:.5rem}.ugc-card p{margin:0 0 .5rem;font-size:.875rem;color:var(--text-primary);line-height:1.4}.ugc-card cite{font-size:.75rem;color:var(--text-secondary);font-style:normal}.faq-item{padding:.75rem;background:#0003;border-radius:8px}.faq-question{font-weight:500;color:var(--text-primary);margin:0 0 .5rem}.faq-answer{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.before-after-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.before-column,.after-column{padding:1rem;border-radius:8px}.before-column{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.after-column{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.before-column h5,.after-column h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600}.before-column ul,.after-column ul{margin:0;padding-left:1.25rem}.before-column li{color:#ef4444e6}.after-column li{color:#10b981e6}.image-prompts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.image-prompt-card{background:#0003;border-radius:8px;padding:.875rem}.zone-label{display:inline-block;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);background:#6366f126;padding:.25rem .5rem;border-radius:4px;margin-bottom:.5rem}.image-prompt-card p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.step-actions{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--glass-border);background:var(--card-bg, rgba(17, 24, 39, .95));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;bottom:0;left:0;right:0;margin:1rem -1.5rem -1.5rem;z-index:10;box-shadow:0 -4px 16px #0000004d}@media(max-width:640px){.before-after-grid,.ugc-grid,.image-prompts-grid{grid-template-columns:1fr}}.section-edit-hint{font-size:.75rem;color:var(--text-secondary);opacity:.7;margin-bottom:.75rem;font-style:italic}.editable-field label{display:flex;align-items:center;gap:.5rem}.editable,[contenteditable=true]{cursor:text;padding:.375rem .5rem;margin:-.375rem -.5rem;border-radius:6px;border:1px solid transparent;transition:all .2s ease;outline:none;min-height:1.5em}.editable:hover,[contenteditable=true]:hover{background:#ffffff08;border-color:var(--glass-border)}.editable:focus,[contenteditable=true]:focus{background:#6366f11a;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.editable-list li{cursor:text;padding:.25rem .375rem;margin:.125rem -.375rem;border-radius:4px;border:1px solid transparent;transition:all .2s ease;outline:none}.editable-list li:hover{background:#ffffff08;border-color:var(--glass-border)}.editable-list li:focus{background:#6366f11a;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.editable-card{position:relative}.editable-card:before{content:"✏️";position:absolute;top:.5rem;right:.5rem;font-size:.75rem;opacity:0;transition:opacity .2s ease}.editable-card:hover:before{opacity:.5}.editable-card p[contenteditable=true],.editable-card cite[contenteditable=true]{cursor:text;padding:.25rem .375rem;margin:-.25rem -.375rem;border-radius:4px;border:1px solid transparent;transition:all .2s ease;outline:none}.editable-card p[contenteditable=true]:hover,.editable-card cite[contenteditable=true]:hover{background:#ffffff0d;border-color:#ffffff1a}.editable-card p[contenteditable=true]:focus,.editable-card cite[contenteditable=true]:focus{background:#6366f11a;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.editable-item .faq-question,.editable-item .faq-answer{cursor:text;padding:.25rem .375rem;margin:-.25rem -.375rem .5rem;border-radius:4px;border:1px solid transparent;transition:all .2s ease;outline:none}.editable-item .faq-answer{margin-bottom:-.25rem}.editable-item .faq-question:hover,.editable-item .faq-answer:hover{background:#ffffff08;border-color:#ffffff1a}.editable-item .faq-question:focus,.editable-item .faq-answer:focus{background:#6366f11a;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.editable-column h5 .edit-hint{font-size:.625rem;font-weight:400;opacity:.6;margin-left:.25rem}.editable-section .product-name{cursor:text;padding:.375rem .5rem;margin:0 0 .5rem;border-radius:6px;border:1px solid transparent;transition:all .2s ease;outline:none}.editable-section .product-name:hover{background:#ffffff08;border-color:var(--glass-border)}.editable-section .product-name:focus{background:#6366f11a;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.cta-preview.editable{cursor:text;border:2px solid transparent;transition:all .2s ease;outline:none}.cta-preview.editable:hover{border-color:#fff3}.cta-preview.editable:focus{border-color:#fff;box-shadow:0 4px 12px #6366f180}.image-generation-step{display:flex;flex-direction:column;gap:1.5rem}.warning-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444}.generation-layout{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}@media(max-width:900px){.generation-layout{grid-template-columns:1fr}}.zone-selection-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.panel-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.zone-count{font-size:.75rem;color:var(--text-secondary);background:#6366f126;padding:.25rem .5rem;border-radius:4px}.zone-group{margin-bottom:1rem}.zone-group:last-child{margin-bottom:0}.group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.group-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.group-toggle{font-size:.625rem;color:var(--accent-primary);background:none;border:none;cursor:pointer;padding:.25rem .5rem;transition:opacity .2s ease}.group-toggle:hover{opacity:.8}.zone-list{display:flex;flex-direction:column;gap:.5rem}.zone-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0003;border:1px solid transparent;border-radius:8px;transition:all .2s ease}.zone-item.enabled{background:#6366f11a;border-color:#6366f14d}.zone-item.success{border-color:#10b98180}.zone-item.fail{border-color:#ef444480}.zone-main{display:flex;align-items:center;justify-content:space-between}.zone-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}.zone-checkbox input{width:16px;height:16px;accent-color:var(--accent-primary)}.zone-name{font-size:.875rem;color:var(--text-primary)}.zone-aspect{font-size:.625rem;color:var(--text-secondary);background:#ffffff0d;padding:.125rem .375rem;border-radius:4px}.zone-seed-preview{width:24px;height:24px;border-radius:4px;overflow:hidden;border:1px solid var(--accent-primary);flex-shrink:0}.zone-seed-preview img{width:100%;height:100%;object-fit:cover}.zone-options{padding-left:1.5rem}.zone-options select{font-size:.75rem;padding:.375rem .5rem;background:#0000004d;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-primary);cursor:pointer}.zone-status{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.875rem}.zone-status.success{color:#10b981}.zone-status.fail{color:#ef4444}.zone-status .spinner.small{width:14px;height:14px;border-width:2px}.settings-panel{display:flex;flex-direction:column;gap:1rem}.seed-image-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.seed-image-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.seed-hint{font-size:.75rem;color:var(--text-secondary);margin:0 0 .75rem}.seed-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.seed-image-option{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.seed-image-option:hover{border-color:var(--accent-primary)}.seed-image-option.selected{border-color:#10b981}.seed-image-option img{width:100%;height:100%;object-fit:cover}.seed-badge{position:absolute;top:4px;right:4px;background:#10b981;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.625rem}.seed-upload-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:#6366f11a;border:2px dashed rgba(99,102,241,.4)!important;transition:all .2s ease}.seed-upload-btn:hover{background:#6366f133;border-color:var(--accent-primary)!important}.seed-upload-btn .upload-icon{font-size:1.5rem}.seed-upload-btn .upload-label{font-size:.625rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.time-estimation{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem;text-align:center}.time-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.time-icon{font-size:1.25rem}.time-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.time-value{font-size:1.5rem;font-weight:600;color:var(--accent-primary);margin-bottom:.25rem}.time-details{font-size:.75rem;color:var(--text-secondary)}.generate-actions{display:flex;flex-direction:column;gap:.75rem}.generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.skip-images-btn{font-size:.875rem;color:var(--text-secondary);text-align:center}.skip-images-btn:hover{color:var(--text-primary)}.progress-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.progress-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.progress-header .spinner{width:20px;height:20px;border:2px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.progress-bar{height:8px;background:#0000004d;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#10b981);border-radius:4px;transition:width .3s ease}.progress-stats{display:flex;gap:.75rem;font-size:.75rem}.progress-stats .stat{display:flex;align-items:center;gap:.25rem}.progress-stats .stat.success{color:#10b981}.progress-stats .stat.fail{color:#ef4444}.progress-stats .stat.pending{color:var(--text-secondary)}.images-preview{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.preview-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.preview-count{font-size:.75rem;color:var(--text-secondary)}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.image-card{background:#0003;border-radius:8px;overflow:hidden}.image-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#0000004d}.image-card .zone-label{position:static;font-size:.75rem;font-weight:500;color:var(--text-primary)}.image-card .regenerate-btn{background:none;border:none;cursor:pointer;font-size:.875rem;padding:.25rem;transition:transform .2s ease}.image-card .regenerate-btn:hover{transform:rotate(180deg)}.image-card .regenerate-btn:disabled{opacity:.5;cursor:not-allowed}.image-wrapper{aspect-ratio:4/3;position:relative}.image-wrapper img{width:100%;height:100%;object-fit:cover}.image-prompt{padding:.5rem .75rem;border-top:1px solid var(--glass-border)}.prompt-label{font-size:.625rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.image-prompt p{font-size:.75rem;color:var(--text-secondary);margin:.25rem 0 0;line-height:1.4}.images-preview--enhanced{animation:fadeIn .3s ease}.images-preview--enhanced .preview-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.preview-header-left{display:flex;align-items:center;gap:.75rem}.preview-header-actions{display:flex;align-items:center;gap:1rem}.format-selector{display:flex;align-items:center;gap:.5rem}.format-selector .format-label{font-size:.75rem;color:var(--text-secondary)}.format-selector .format-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease}.format-selector .format-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.format-selector .format-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.add-more-btn{font-size:.875rem}.images-grid--enhanced{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.image-card--enhanced{background:#00000040;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;transition:all .2s ease}.image-card--enhanced:hover{border-color:var(--accent-primary);box-shadow:0 4px 24px #6366f126}.image-card--enhanced.regenerating{opacity:.7;pointer-events:none}.image-card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0000004d;border-bottom:1px solid var(--glass-border)}.zone-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:50px}.image-card-header .zone-aspect{font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono, monospace)}.image-card-preview{position:relative;aspect-ratio:4/3;background:#0003}.image-card-preview img{width:100%;height:100%;object-fit:cover}.regenerating-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.regenerating-overlay .spinner{width:32px;height:32px;border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.regenerating-overlay span{font-size:.875rem;color:var(--text-primary)}.image-card-prompt{padding:.75rem 1rem;border-bottom:1px solid var(--glass-border)}.image-card-prompt .prompt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.image-card-prompt .prompt-label{font-size:.625rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em}.edit-prompt-btn{background:#6366f11a;border:1px solid transparent;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;color:var(--accent-primary);cursor:pointer;transition:all .2s ease}.edit-prompt-btn:hover{background:#6366f133;border-color:var(--accent-primary)}.edit-prompt-btn:disabled{opacity:.5;cursor:not-allowed}.prompt-text{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.5;max-height:4.5rem;overflow-y:auto}.prompt-editor{display:flex;flex-direction:column;gap:.5rem}.prompt-editor textarea{width:100%;padding:.75rem;font-size:.8125rem;font-family:inherit;line-height:1.5;color:var(--text-primary);background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;resize:vertical;min-height:80px}.prompt-editor textarea:focus{outline:none;border-color:var(--accent-primary)}.prompt-editor-actions{display:flex;gap:.5rem;justify-content:flex-end}.cancel-edit-btn{padding:.375rem .75rem;font-size:.75rem;background:transparent;border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.cancel-edit-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.submit-edit-btn{padding:.375rem .75rem;font-size:.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.submit-edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.submit-edit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.image-card-actions{display:flex;gap:.5rem;padding:.75rem 1rem}.quick-regen-btn,.upload-replace-btn{flex:1;padding:.5rem;font-size:.75rem;border:1px solid var(--glass-border);border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.quick-regen-btn:hover,.upload-replace-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f11a}.quick-regen-btn:disabled,.upload-replace-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.model-selection-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.model-selection-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.model-hint{font-size:.75rem;color:var(--text-secondary);margin:0 0 .75rem}.model-options{display:flex;flex-direction:column;gap:.5rem}.model-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0003;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.model-option:hover{background:#6366f11a}.model-option.selected{background:#6366f126;border-color:#6366f166}.model-option input{accent-color:var(--accent-primary)}.model-info{display:flex;flex-direction:column;gap:.125rem}.model-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.model-desc{font-size:.75rem;color:var(--text-secondary)}.format-selection-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.format-selection-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.format-hint{font-size:.75rem;color:var(--text-secondary);margin:0 0 .75rem}.format-options{display:flex;gap:.75rem}.format-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;background:#0003;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.format-option:hover{background:#6366f11a}.format-option.selected{background:#6366f126;border-color:#6366f166}.format-option input{position:absolute;opacity:0;pointer-events:none}.format-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.format-desc{font-size:.7rem;color:var(--text-secondary);text-align:center}.manual-upload-section{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.manual-upload-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.manual-upload-toggle input{width:16px;height:16px;accent-color:var(--accent-primary)}.manual-hint{margin:.5rem 0 0 1.5rem;font-size:.75rem;color:var(--text-secondary)}.fallback-alert{background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px;padding:1rem;margin-top:1rem}.fallback-header{display:flex;align-items:center;gap:.5rem;color:#eab308;font-weight:500;margin-bottom:.5rem}.fallback-hint{font-size:.875rem;color:var(--text-secondary);margin:0 0 .75rem}.use-fallback-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}@media(max-width:600px){.images-grid{grid-template-columns:1fr}.seed-image-grid{grid-template-columns:repeat(2,1fr)}}.review-export-step{display:flex;flex-direction:column;gap:1.5rem}.step-header{text-align:center;margin-bottom:.5rem}.step-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.step-header p{color:var(--text-secondary);margin:0}.error-message,.success-message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.success-message{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.error-message button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:.25rem}.section-tabs{display:flex;gap:.5rem;padding:.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px}.section-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.section-tab:hover{background:#ffffff0d;color:var(--text-primary)}.section-tab.active{background:linear-gradient(135deg,#6366f133,#8b5cf633);color:var(--text-primary)}.tab-icon{font-size:1rem}.tab-label{font-size:.875rem;font-weight:500}.section-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;min-height:400px}.overview-section{display:flex;flex-direction:column;gap:1.5rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.overview-card{background:#0003;border-radius:8px;padding:1rem}.overview-card h4{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.product-info{display:flex;flex-direction:column;gap:.25rem}.product-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.product-price{font-size:.875rem;color:var(--accent-primary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat{display:flex;flex-direction:column;gap:.125rem}.stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.stat-label{font-size:.625rem;color:var(--text-secondary);text-transform:uppercase}.hero-preview{background:#0003;border-radius:8px;padding:1rem}.hero-preview h4{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width:768px){.hero-content{grid-template-columns:1fr}}.hero-text{display:flex;flex-direction:column;gap:.75rem}.announcement{font-size:.75rem;color:var(--accent-primary);font-weight:500}.headline{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.subheadline{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.bullets{display:flex;flex-wrap:wrap;gap:.5rem}.bullet{font-size:.75rem;color:var(--text-secondary);background:#10b9811a;padding:.25rem .5rem;border-radius:4px}.cta-preview{align-self:flex-start;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:default;box-shadow:0 4px 12px #6366f14d}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;font-size:.625rem;font-weight:600;color:#fff;margin-left:.5rem}.copy-success{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;box-shadow:0 8px 24px #10b9814d;animation:copyPopIn .3s ease-out,copyPopOut .3s ease-in 1.7s forwards;z-index:1000}@keyframes copyPopIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes copyPopOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.product-card:focus-visible,.angle-card:focus-visible,.section-tab:focus-visible,.filter-tab:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.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}.hero-image{border-radius:8px;overflow:hidden}.hero-image img{width:100%;height:auto;display:block}.content-review{display:flex;flex-direction:column;gap:1.5rem}.content-block{background:#0003;border-radius:8px;padding:1rem}.content-block h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.reasons-list{display:flex;flex-direction:column;gap:1rem}.reason-preview{display:flex;gap:1rem;padding:.75rem;background:#0003;border-radius:6px}.reason-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.reason-text h5{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.reason-text .subheadline{font-size:.75rem;margin-bottom:.5rem}.reason-text .content{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.faqs-list{display:flex;flex-direction:column;gap:.75rem}.faq-preview{padding:.75rem;background:#0003;border-radius:6px}.faq-preview .question{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0 0 .5rem}.faq-preview .answer{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.5}.before-after-preview{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.before-list,.after-list{padding:.75rem;border-radius:6px}.before-list{background:#ef44441a}.after-list{background:#10b9811a}.before-list h5,.after-list h5{font-size:.75rem;font-weight:600;margin:0 0 .5rem}.before-list ul,.after-list ul{margin:0;padding-left:1rem;font-size:.75rem}.before-list li{color:#ef4444e6}.after-list li{color:#10b981e6}.images-review{min-height:300px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.image-preview-card{position:relative;border-radius:8px;overflow:hidden;background:#0003}.image-preview-card img{width:100%;aspect-ratio:1;object-fit:cover}.image-info{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(transparent,#000000b3)}.zone-badge{font-size:.625rem;font-weight:600;text-transform:uppercase;color:#fff;background:#6366f1cc;padding:.125rem .375rem;border-radius:4px}.zone-badge--product{background:#f59e0bcc}.zone-badge--ai{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.zone-badge--empty{background:#64646480}.image-source{font-size:.625rem;color:var(--text-secondary);margin-left:.5rem}.empty-zone{opacity:.6;border-style:dashed}.empty-zone-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:120px;color:var(--text-secondary)}.empty-zone-placeholder span{font-size:1.5rem;margin-bottom:.25rem}.empty-zone-placeholder p{font-size:.75rem;margin:0}.images-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--glass-border)}.images-section-header:not(:first-child){margin-top:1.5rem}.images-section-header h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0}.images-section-header .images-count{font-size:.75rem;color:var(--text-secondary)}.product-image-card{border:1px solid rgba(245,158,11,.3)}.no-images{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.no-images span{font-size:2rem;margin-bottom:.5rem}.json-review{display:flex;flex-direction:column;gap:1rem}.json-actions{display:flex;gap:.5rem}.json-preview{background:#0000004d;border-radius:8px;padding:1rem;font-size:.75rem;font-family:Monaco,Menlo,monospace;color:var(--text-secondary);overflow-x:auto;max-height:400px;overflow-y:auto;margin:0;white-space:pre}.export-actions{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(max-width:640px){.export-actions{flex-direction:column;text-align:center}}.export-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.export-info p{font-size:.75rem;color:var(--text-secondary);margin:0}.export-buttons{display:flex;gap:.75rem}.export-buttons .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.step-actions{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--glass-border)}@media(max-width:600px){.section-tab{flex-direction:column;padding:.5rem}.tab-label{font-size:.625rem}.stats-grid,.before-after-preview{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(2,1fr)}}.export-elementor-highlight{background:linear-gradient(135deg,#6366f126,#8b5cf626);border:2px solid rgba(139,92,246,.4);border-radius:12px;padding:1.5rem;margin:.5rem 0;box-shadow:0 8px 32px #6366f126,inset 0 1px #ffffff1a}.export-elementor-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}@media(max-width:768px){.export-elementor-content{flex-direction:column;text-align:center}}.export-elementor-info h4{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.export-elementor-info p{font-size:.875rem;color:var(--text-secondary);margin:0}.export-elementor-buttons{display:flex;gap:.75rem;flex-shrink:0}@media(max-width:640px){.export-elementor-buttons{flex-direction:column;width:100%}}.export-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border:none!important;padding:.875rem 1.5rem!important;font-size:.9375rem!important;font-weight:600!important;border-radius:8px!important;box-shadow:0 4px 16px #6366f166,0 2px 4px #0000001a!important;transition:all .2s ease!important}.export-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6366f180,0 4px 8px #00000026!important}.export-btn-primary:active:not(:disabled){transform:translateY(0)}.export-btn-primary:disabled{opacity:.6;cursor:not-allowed}.export-btn-secondary{background:#ffffff1a!important;color:var(--text-primary)!important;border:1px solid rgba(139,92,246,.5)!important;padding:.875rem 1.5rem!important;font-size:.9375rem!important;font-weight:500!important;border-radius:8px!important;transition:all .2s ease!important}.export-btn-secondary:hover{background:#8b5cf633!important;border-color:#8b5cf6b3!important}.export-actions.secondary{border-top:1px solid var(--glass-border);margin-top:.5rem;padding-top:1.5rem}.publish-wordpress-section{background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid rgba(16,185,129,.3);border-radius:12px;padding:1.5rem;margin:.5rem 0}.export-btn-wordpress{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;padding:.875rem 1.5rem!important;font-size:.9375rem!important;font-weight:600!important;border-radius:8px!important;box-shadow:0 4px 16px #10b98166,0 2px 4px #0000001a!important;transition:all .2s ease!important}.export-btn-wordpress:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #10b98180,0 4px 8px #00000026!important}.export-btn-wordpress:disabled{opacity:.6;cursor:not-allowed}.publish-success{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#10b98126;border-radius:8px;color:#10b981;font-weight:500}.publish-success .success-icon{font-size:1.25rem}.view-page-link{margin-left:auto;color:#10b981;text-decoration:none;font-weight:600;transition:opacity .2s ease}.view-page-link:hover{opacity:.8}.push-elementor-section{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:2px solid rgba(245,158,11,.3);border-radius:12px;padding:1.5rem;margin:.5rem 0}.export-btn-push{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;border:none!important;padding:.875rem 1.5rem!important;font-size:.9375rem!important;font-weight:600!important;border-radius:8px!important;box-shadow:0 4px 16px #f59e0b66,0 2px 4px #0000001a!important;transition:all .2s ease!important}.export-btn-push:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b80,0 4px 8px #00000026!important}.export-btn-push:disabled{opacity:.6;cursor:not-allowed}.history-page-v2{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:1400px;margin:0 auto}.history-header-v2{display:flex;flex-direction:column;gap:1rem}.history-nav{display:flex;align-items:center}.back-button{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s ease}.back-button:hover{color:var(--text-primary)}.history-title-section{display:flex;flex-direction:column;gap:.25rem}.title-row{display:flex;align-items:center;gap:.75rem}.history-title-section h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;font-size:.75rem;font-weight:600;color:#fff}.history-title-section .subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.history-toolbar{display:flex;align-items:center;gap:1rem}.search-container{flex:1;max-width:400px;position:relative}.search-container input{width:100%;padding:.75rem 1rem .75rem 2.75rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:.875rem}.search-container input:focus{outline:none;border-color:var(--accent-primary)}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.theme-builder-btn{flex-shrink:0}.history-content{min-height:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.empty-illustration{margin-bottom:1.5rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.empty-state p{margin:0 0 1.5rem}.create-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:8px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f166}.history-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.history-grouped{display:flex;flex-direction:column;gap:1rem}.product-group{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:border-color .2s ease}.product-group.expanded{border-color:#8b5cf64d}.group-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;transition:background .2s ease}.group-header:hover{background:#8b5cf60d}.group-product-info{display:flex;align-items:center;gap:.875rem}.group-product-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;border:2px solid var(--glass-border)}.group-product-placeholder{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;text-transform:uppercase}.group-product-details{display:flex;flex-direction:column;gap:.25rem;text-align:left}.group-product-details h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.lp-count-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#8b5cf626;color:var(--accent-primary);border-radius:50px;font-size:.6875rem;font-weight:600;width:fit-content}.group-expand-icon{font-size:1rem;color:var(--text-muted);transition:transform .2s ease}.product-group.expanded .group-expand-icon{transform:rotate(0);color:var(--accent-primary)}.group-lps{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1rem;padding:0 1.25rem 1.25rem;animation:groupExpand .25s ease-out}@keyframes groupExpand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.version-info{display:flex;align-items:center;gap:.5rem}.version-tag{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;font-size:.75rem;font-weight:700;color:var(--text-muted);font-family:SF Mono,Menlo,monospace}.version-tag.latest{background:linear-gradient(135deg,#8b5cf626,#a855f71a);border-color:#8b5cf64d;color:var(--accent-primary)}.latest-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:50px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}@media(max-width:500px){.group-lps{grid-template-columns:1fr}}@media(max-width:500px){.history-cards{grid-template-columns:1fr}}.history-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;animation:cardFadeIn .3s ease-out both;transition:border-color .2s ease,transform .2s ease}.history-card:hover{border-color:#8b5cf666;transform:translateY(-2px)}.history-card.deleting{opacity:.5;pointer-events:none}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.product-info{display:flex;align-items:center;gap:.75rem;min-width:0}.product-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0}.product-details{min-width:0;display:flex;flex-direction:column;gap:.25rem}.product-name{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.version-badge{font-size:.625rem;font-weight:500;text-transform:uppercase;color:var(--text-secondary);background:#ffffff1a;padding:.125rem .375rem;border-radius:4px;width:fit-content}.card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:100px;font-size:.6875rem;font-weight:600;text-transform:uppercase}.status-pill.generated{background:#10b98126;color:#10b981}.status-pill.draft{background:#f59e0b26;color:#f59e0b}.status-pill.failed{background:#ef444426;color:#ef4444}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.date-relative{font-size:.75rem;color:var(--text-secondary)}.card-gallery{display:flex;gap:.5rem;min-height:64px}.gallery-thumb{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.gallery-thumb:hover{transform:scale(1.05)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.zone-label{position:absolute;bottom:0;left:0;right:0;font-size:.5rem;font-weight:600;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,#000000b3);padding:.75rem .25rem .25rem;text-align:center}.gallery-more{width:64px;height:64px;border-radius:8px;background:#6366f133;border:1px dashed rgba(99,102,241,.4);color:var(--accent-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease}.gallery-more:hover{background:#6366f14d}.no-images-placeholder{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#0003;border-radius:8px;color:var(--text-secondary);font-size:.75rem}.card-content{display:flex;flex-direction:column;gap:.75rem;padding:.75rem;background:#0003;border-radius:8px}.headline-preview{font-size:.875rem;font-weight:500;color:var(--text-primary);font-style:italic;margin:0;line-height:1.4}.stats-row{display:flex;gap:1rem;flex-wrap:wrap}.stat-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-secondary)}.card-actions{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.action-btn.view{background:#6366f126;color:#a5b4fc}.action-btn.view:hover{background:#6366f140}.action-btn.download{background:#10b98126;color:#6ee7b7}.action-btn.download:hover:not(:disabled){background:#10b98140}.action-btn.remix{background:#f59e0b26;color:#fcd34d}.action-btn.remix:hover{background:#f59e0b40}.action-btn.delete{flex:0 0 auto;width:40px;background:#ef44441a;color:#f87171}.action-btn.delete:hover:not(:disabled){background:#ef444433}.action-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-small{width:12px;height:12px;border:2px solid rgba(16,185,129,.3);border-top-color:#10b981;border-radius:50%;animation:spin .8s linear infinite}.modal-blocks{display:flex;flex-direction:column;gap:.75rem;max-height:60vh;overflow-y:auto}.copy-block{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;background:#0003;border-radius:8px;cursor:pointer;transition:background .2s ease}.copy-block:hover{background:#0000004d}.copy-block.copied{background:#10b9811a}.block-content{flex:1;min-width:0}.block-tag{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;margin-bottom:.5rem}.block-tag.tag-h1{background:#6366f133;color:#a5b4fc}.block-tag.tag-h2{background:#8b5cf633;color:#c4b5fd}.block-tag.tag-h3{background:#a855f733;color:#d8b4fe}.block-tag.tag-p{background:#6b728033;color:#9ca3af}.block-tag.tag-quote{background:#f59e0b33;color:#fcd34d}.block-tag.tag-bullet{background:#10b98133;color:#6ee7b7}.block-text{font-size:.875rem;color:var(--text-primary);margin:0;line-height:1.5}.copy-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s ease}.copy-btn:hover{background:#ffffff26}.copy-btn.copied{background:#10b98133;color:#10b981}.no-blocks{text-align:center;color:var(--text-secondary);padding:2rem}.delete-modal-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem}.warning-icon{margin-bottom:1rem}.delete-message{font-size:1rem;color:var(--text-primary);margin:0 0 .5rem}.delete-warning{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.5rem}.delete-actions{display:flex;gap:.75rem;width:100%;max-width:300px}.btn-cancel,.btn-delete{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.btn-cancel:hover{background:#ffffff26}.btn-delete{background:#ef4444;border:none;color:#fff}.btn-delete:hover{background:#dc2626}.lightbox-content{display:flex;flex-direction:column;gap:1rem;align-items:center}.lightbox-image-container{max-width:100%;max-height:60vh;border-radius:8px;overflow:hidden}.lightbox-image-container img{max-width:100%;max-height:60vh;object-fit:contain}.lightbox-info{display:flex;gap:.5rem}.lightbox-zone{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:.25rem .75rem;background:#6366f133;color:var(--accent-primary);border-radius:4px}.lightbox-nav{display:flex;align-items:center;gap:1rem}.lightbox-nav-btn{padding:.5rem 1rem;background:#ffffff1a;border:none;border-radius:6px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .2s ease}.lightbox-nav-btn:hover:not(:disabled){background:#ffffff26}.lightbox-nav-btn:disabled{opacity:.4;cursor:not-allowed}.lightbox-counter{font-size:.875rem;color:var(--text-secondary)}.importos-page{padding:var(--space-xl) var(--space-2xl);max-width:900px;margin:0 auto;min-height:100vh}.importos-header{margin-bottom:var(--space-xl)}.importos-title-group{display:flex;align-items:center;gap:var(--space-md)}.importos-title-group h1{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0}.importos-badge{background:var(--color-accent-gradient);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.importos-steps{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-xl);gap:0}.step-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);position:relative;z-index:1}.step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--color-bg-tertiary);border:2px solid var(--color-border);color:var(--color-text-muted);transition:all var(--transition-normal)}.step-item.active .step-circle{background:var(--color-accent-gradient);border-color:transparent;color:#fff;box-shadow:var(--shadow-glow)}.step-item.completed .step-circle{background:var(--color-success);border-color:transparent;color:#fff}.step-label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.step-item.active .step-label{color:var(--color-accent);font-weight:500}.step-connector{width:60px;height:2px;background:var(--color-border);margin:0 var(--space-sm);margin-bottom:20px;transition:background var(--transition-normal)}.step-connector.completed{background:var(--color-success)}.importos-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md)}.panel-header{text-align:center;margin-bottom:var(--space-xl)}.panel-icon{font-size:3rem;margin-bottom:var(--space-md)}.panel-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-xs)}.panel-header p{font-size:.9375rem;color:var(--color-text-secondary);margin:0}.importos-form{display:flex;flex-direction:column;gap:var(--space-lg);max-width:500px;margin:0 auto}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.input-wrapper{display:flex;align-items:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input-wrapper:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.input-icon{padding:var(--space-sm) var(--space-md);font-size:1.125rem;color:var(--color-text-muted)}.input-wrapper input,.input-wrapper select{flex:1;padding:var(--space-sm) var(--space-md);padding-left:0;background:transparent;border:none;color:var(--color-text-primary);font-size:.9375rem;font-family:inherit}.input-wrapper input:focus,.input-wrapper select:focus{outline:none}.input-wrapper input::placeholder{color:var(--color-text-muted)}.input-wrapper select{cursor:pointer;appearance:none;padding-right:var(--space-xl);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center}.importos-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit}.importos-btn-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.importos-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.importos-btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.importos-btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-row{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xl);gap:var(--space-md)}.importos-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);color:var(--color-error)}.importos-error button{margin-left:auto;background:transparent;border:none;color:var(--color-error);cursor:pointer;font-size:1rem;padding:var(--space-xs);opacity:.7;transition:opacity var(--transition-fast)}.importos-error button:hover{opacity:1}.batch-mode-toggle{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.batch-mode-toggle label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-weight:500}.batch-mode-toggle input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent);cursor:pointer}.toggle-hint{font-size:.8125rem;color:var(--color-text-muted)}.batch-urls-field{width:100%}.batch-urls-textarea{width:100%;min-height:150px;padding:var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:SF Mono,Monaco,monospace;font-size:.875rem;line-height:1.6;resize:vertical;transition:all var(--transition-fast)}.batch-urls-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.batch-urls-textarea::placeholder{color:var(--color-text-muted)}.batch-url-count{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);font-size:.8125rem;color:var(--color-text-muted)}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-xs);background:var(--color-accent-gradient);color:#fff;border-radius:var(--radius-full);font-weight:600}.batch-scrape-progress{padding:var(--space-lg)}.batch-scrape-header{text-align:center;margin-bottom:var(--space-lg)}.batch-scrape-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-xs)}.batch-scrape-header p{color:var(--color-text-muted);font-size:.875rem;margin:0}.batch-scrape-items{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto}.batch-scrape-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.scrape-status{font-size:1rem}.scrape-url{font-size:.8125rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.importos-success{text-align:center;padding:var(--space-2xl) var(--space-xl)}.success-icon{font-size:4rem;margin-bottom:var(--space-lg);animation:bounceIn .5s ease}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-title{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-sm)}.success-text{font-size:1rem;color:var(--color-text-secondary);margin:0 0 var(--space-xl)}.success-links{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.success-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;font-family:inherit}.success-link--primary{background:var(--color-accent-gradient);color:#fff}.success-link--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.success-link--secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.success-link--secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.scraping-loader,.importing-loader{text-align:center;padding:var(--space-2xl) var(--space-xl)}.loader-icon{font-size:3rem;margin-bottom:var(--space-lg);animation:pulse 2s ease-in-out infinite}.loader-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-sm)}.loader-subtitle{font-size:.9375rem;color:var(--color-text-muted);margin:0 0 var(--space-lg)}.progress-bar-wrapper{max-width:400px;margin:0 auto var(--space-lg)}.progress-bar-track{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-accent-gradient);border-radius:var(--radius-full);transition:width .3s ease}.progress-percentage{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.milestones{display:flex;flex-direction:column;gap:var(--space-sm);max-width:300px;margin:0 auto}.milestone{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-muted);padding:var(--space-xs) 0}.milestone.active{color:var(--color-accent);font-weight:500}.milestone.completed{color:var(--color-success)}.milestone-icon{width:20px;text-align:center}.batch-review-container{margin-top:var(--space-lg)}.batch-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.batch-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.batch-item-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-fast)}.batch-item-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.batch-item-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-md);background:var(--color-bg-secondary)}.batch-item-title{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.batch-item-price{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.batch-item-price input{width:80px;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem}.batch-item-status{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.batch-item-status.pending{background:var(--color-bg-secondary);color:var(--color-text-muted)}.batch-item-status.scraping,.batch-item-status.importing{background:#3b82f626;color:var(--color-info)}.batch-item-status.scraped{background:#22c55e26;color:var(--color-success)}.batch-item-status.imported{background:var(--color-accent-muted);color:var(--color-accent)}.batch-item-status.error{background:#ef444426;color:var(--color-error)}.batch-progress-dashboard{padding:var(--space-lg)}.batch-progress-header{text-align:center;margin-bottom:var(--space-xl)}.batch-progress-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-xs)}.batch-progress-stats{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg)}.stat-item{text-align:center}.stat-value{font-size:2rem;font-weight:700;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.product-preview{display:flex;flex-direction:column;gap:2rem;max-height:calc(100vh - 180px);overflow-y:auto;padding-right:.5rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-header{display:flex;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff14,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 4px 24px #0000001f,0 1px #ffffff0d inset;animation:fadeInUp .5s ease-out .1s both}.preview-image{width:160px;height:160px;object-fit:cover;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.preview-image:hover{transform:scale(1.03);box-shadow:0 16px 48px #0006,0 0 0 2px var(--color-accent)}.preview-image-placeholder{width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;font-size:3rem;flex-shrink:0;box-shadow:0 8px 32px #0000004d}.preview-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.preview-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem;line-height:1.3;letter-spacing:-.02em}.preview-vendor{font-size:.875rem;color:var(--color-text-muted);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.preview-vendor:before{content:"";width:6px;height:6px;background:var(--color-accent);border-radius:50%}.preview-price{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#0d9488,#0891b2,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;display:flex;align-items:center;gap:.75rem}.section-title:before{content:"";width:4px;height:18px;background:linear-gradient(180deg,var(--color-accent) 0%,#6366f1 100%);border-radius:2px}.importos-form{background:linear-gradient(135deg,#ffffff0f,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem;box-shadow:0 4px 24px #0000001f;animation:fadeInUp .5s ease-out .2s both}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-field{position:relative;margin-bottom:.5rem}.form-field label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;transition:all .2s ease}.form-field input,.form-field textarea,.form-field select{width:100%;padding:.875rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--color-text-primary);font-size:.9375rem;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-text-muted);opacity:.6}.form-field input:hover,.form-field textarea:hover,.form-field select:hover{border-color:#fff3;background:#00000040}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--color-accent);background:#0000004d;box-shadow:0 0 0 3px #0d948826,0 4px 12px #00000026}.form-field input:focus+label,.form-field textarea:focus+label{color:var(--color-accent)}.form-field textarea{resize:vertical;min-height:100px}.form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b6b6b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.description-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.description-header label{margin-bottom:0}.importos-btn-ai{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#8b5cf6,#a855f7,#ec4899);border:none;border-radius:10px;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8b5cf64d}.importos-btn-ai:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.importos-btn-ai:disabled{opacity:.7;cursor:not-allowed;transform:none}.ai-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.preview-variants{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:0}.preview-variant{display:flex;flex-direction:column;padding:.875rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .25s ease}.preview-variant:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.variant-title{font-size:.8125rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-price{font-size:.875rem;font-weight:700;color:var(--color-accent)}.variant-stock{font-size:.75rem;margin-top:.25rem}.variant-stock.in-stock{color:#10b981}.variant-stock.out-stock{color:#ef4444}.preview-variant.more{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:.8125rem;font-weight:500;min-height:80px;border-style:dashed}.preview-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;animation:fadeInUp .5s ease-out .3s both}.preview-images-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#0003;border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.preview-images-grid img:hover{transform:scale(1.05);border-color:var(--color-accent);box-shadow:0 8px 24px #0000004d}.btn-row{display:flex;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);animation:fadeInUp .5s ease-out .4s both}.importos-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.5rem;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.importos-btn-primary{flex:1;background:linear-gradient(135deg,#0d9488,#0891b2);color:#fff;box-shadow:0 4px 16px #0d94884d,0 0 0 1px #ffffff1a inset}.importos-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0d948866,0 0 0 1px #ffffff26 inset}.importos-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.importos-btn-secondary{background:#ffffff0f;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1)}.importos-btn-secondary:hover{background:#ffffff1a;color:var(--color-text-primary);border-color:#fff3}[data-theme=light] .preview-header,[data-theme=light] .importos-form{background:linear-gradient(135deg,#ffffffe6,#f8fafcf2);border-color:#00000014;box-shadow:0 4px 24px #0000000f,0 1px #fffc inset}[data-theme=light] .preview-image{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 8px 32px #0000001a}[data-theme=light] .form-field input,[data-theme=light] .form-field textarea,[data-theme=light] .form-field select{background:#00000008;border-color:#0000001a;color:#1a1a1a}[data-theme=light] .form-field input:focus,[data-theme=light] .form-field textarea:focus,[data-theme=light] .form-field select:focus{background:#fff;box-shadow:0 0 0 3px #0d94881a,0 4px 12px #00000014}[data-theme=light] .preview-variant{background:#00000005;border-color:#0000000f}[data-theme=light] .preview-variant:hover{background:#0000000a;border-color:#0000001f}[data-theme=light] .preview-images-grid img{background:#f1f5f9;border-color:#0000000f}[data-theme=light] .importos-btn-secondary{background:#0000000a;border-color:#0000001a;color:#4a4a4a}[data-theme=light] .importos-btn-secondary:hover{background:#00000014;color:#1a1a1a}[data-theme=light] .btn-row{border-top-color:#00000014}@keyframes rocketBounce{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(8deg)}}@keyframes particleFall{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(40px) scale(.3)}}@keyframes stepPulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 8px #8b5cf600}}@keyframes shimmerLine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes checkPop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.importos-loader{text-align:center;padding:var(--space-2xl)}.loader-rocket-container{position:relative;display:inline-block;margin-bottom:var(--space-xl)}.loader-rocket{font-size:4rem;animation:rocketBounce 1.2s ease-in-out infinite;display:inline-block}.loader-particles{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);display:flex;gap:6px}.loader-particles .particle{width:8px;height:8px;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;animation:particleFall .8s ease-out infinite}.loader-particles .particle:nth-child(1){animation-delay:0s}.loader-particles .particle:nth-child(2){animation-delay:.2s}.loader-particles .particle:nth-child(3){animation-delay:.4s}.loader-progress-section{max-width:400px;margin:0 auto var(--space-lg)}.loader-step-indicator{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.loader-step-count{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.loader-percentage{font-size:.875rem;font-weight:700;color:var(--color-accent)}.loader-progress-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.loader-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#a78bfa,var(--color-accent));background-size:200% 100%;border-radius:var(--radius-full);transition:width .3s ease;animation:shimmerLine 2s linear infinite}.loader-step-message{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.loader-step-emoji{font-size:1.5rem;animation:checkPop .4s ease-out}.loader-step-text{font-size:1rem;font-weight:500;color:var(--color-text-primary)}.loader-hint{font-size:.8125rem;color:var(--color-text-muted);margin:0}.step-item.active .step-circle{animation:stepPulse 2s ease-in-out infinite}.step-item.completed .step-circle{animation:checkPop .4s ease-out}.step-connector.completed{background:linear-gradient(90deg,var(--color-success),#6ee7b7,var(--color-success));background-size:200% 100%;animation:shimmerLine 1.5s linear infinite}[data-theme=light] .step-label{color:#6b6b6b}[data-theme=light] .step-item.active .step-label{color:var(--color-accent)}[data-theme=light] .step-circle{background:#fff;border-color:#d4d4d8;color:#6b6b6b}[data-theme=light] .step-connector{background:#d4d4d8}[data-theme=light] .importos-card{background:#fff;border-color:var(--color-border);box-shadow:var(--shadow-lg)}[data-theme=light] .form-field label{color:#4a4a4a}[data-theme=light] .input-wrapper,[data-theme=light] .batch-mode-toggle,[data-theme=light] .batch-urls-textarea,[data-theme=light] .batch-item-card{background:#f8f9fa}[data-theme=light] .loader-title{color:#1a1a1a}[data-theme=light] .milestone{color:#6b6b6b}.manual-page{padding:var(--space-lg);max-width:900px;margin:0 auto}.manual-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.manual-title-section{display:flex;align-items:center;gap:var(--space-md)}.manual-title-section h1{margin:0;font-size:1.75rem;font-weight:700;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.manual-store-selector{display:flex;align-items:center}.manual-store-selector select{min-width:160px;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer}.manual-subtitle{margin:0 0 var(--space-lg);color:var(--color-text-secondary);font-size:.9375rem}.manual-content{display:flex;flex-direction:column;gap:var(--space-lg)}.chat-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;min-height:500px}.chat-messages{flex:1;padding:var(--space-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-md)}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);gap:var(--space-md)}.chat-empty-icon{font-size:3rem;opacity:.5}.chat-message{max-width:85%;animation:slideUp var(--transition-fast) ease}.chat-message--customer{align-self:flex-start}.chat-message--agent{align-self:flex-end}.chat-message-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.chat-message-role{font-size:.75rem;font-weight:600;color:var(--color-text-secondary)}.chat-message-time{font-size:.6875rem;color:var(--color-text-muted)}.chat-message-content{padding:var(--space-md);border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.6;white-space:pre-wrap}.chat-message--customer .chat-message-content{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.chat-message--agent .chat-message-content{background:var(--color-accent-muted);color:var(--color-text-primary);border:1px solid rgba(16,185,129,.2)}.chat-copy-btn{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.chat-copy-btn:hover{background:var(--color-bg-tertiary);color:var(--color-accent);border-color:var(--color-accent)}.chat-input-area{padding:var(--space-lg);background:var(--color-bg-tertiary);border-top:1px solid var(--color-border)}.chat-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem}.chat-input-wrapper{display:flex;flex-direction:column;gap:var(--space-md)}.chat-input{width:100%;padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:inherit;font-size:.9375rem;resize:none;transition:all var(--transition-fast)}.chat-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-muted)}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.prompt-info-card{padding:var(--space-md)}.prompt-info{display:flex;align-items:center;gap:var(--space-sm)}.prompt-info-label{font-size:.8125rem;color:var(--color-text-muted)}.prompt-info-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ticket-page{padding:var(--space-lg);max-width:1000px;margin:0 auto}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-md)}.ticket-title-section{display:flex;align-items:center;gap:var(--space-md)}.ticket-title-section h1{margin:0;font-size:1.75rem;font-weight:700;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ticket-actions{display:flex;align-items:center;gap:var(--space-md)}.store-context{display:flex;align-items:center;gap:var(--space-sm)}.store-label{font-size:.875rem;color:var(--color-text-secondary)}.store-input{width:180px}.ticket-error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem}.ticket-error button{margin-left:auto;background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.25rem;padding:0}.ticket-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-muted);gap:var(--space-md)}.ticket-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--color-text-muted);gap:var(--space-md)}.ticket-empty-icon{font-size:3rem;opacity:.5}.ticket-list-container{margin-top:var(--space-lg)}.ticket-list{display:flex;flex-direction:column;gap:var(--space-md)}.ticket-card{padding:var(--space-lg);cursor:pointer;transition:all var(--transition-fast)}.ticket-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ticket-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.ticket-card-customer{display:flex;flex-direction:column;gap:var(--space-xs)}.ticket-card-name{font-weight:600;color:var(--color-text-primary)}.ticket-card-email{font-size:.8125rem;color:var(--color-text-muted)}.ticket-card-subject{font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.ticket-card-preview{font-size:.875rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-md)}.ticket-card-footer{display:flex;justify-content:space-between;align-items:center}.ticket-card-date{font-size:.75rem;color:var(--color-text-muted)}.ticket-detail{display:flex;flex-direction:column;gap:var(--space-lg)}.ticket-detail-header{display:flex;justify-content:space-between;align-items:center}.ticket-detail-status select{min-width:140px}.ticket-detail-info{padding:var(--space-lg)}.ticket-detail-customer h3{margin:0 0 var(--space-xs);color:var(--color-text-primary)}.ticket-detail-customer p{margin:0;color:var(--color-text-muted);font-size:.875rem}.ticket-detail-subject{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);color:var(--color-text-secondary)}.ticket-detail-message{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.ticket-detail-message label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.ticket-message-content{background:var(--color-bg-tertiary);padding:var(--space-md);border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.6;white-space:pre-wrap;color:var(--color-text-primary)}.ticket-detail-response{padding:var(--space-lg)}.ticket-response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.ticket-response-header h3{margin:0;color:var(--color-text-primary)}.ticket-response-content{display:flex;flex-direction:column;gap:var(--space-md)}.ticket-response-text{background:var(--color-accent-muted);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid rgba(16,185,129,.2);font-size:.9375rem;line-height:1.6;white-space:pre-wrap;color:var(--color-text-primary)}.ticket-response-actions{display:flex;justify-content:flex-end}.ticket-response-empty{text-align:center;padding:var(--space-xl);color:var(--color-text-muted)}.ticket-create{display:flex;flex-direction:column;gap:var(--space-lg)}.ticket-create-header{display:flex;align-items:center;gap:var(--space-md)}.ticket-create-header h2{margin:0;color:var(--color-text-primary)}.ticket-create-form{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.ticket-create-message{resize:vertical;min-height:120px}.ticket-create-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.ticket-inbox{display:grid;grid-template-columns:320px 1fr 300px;height:calc(100vh - 80px);background:var(--color-bg-secondary);margin:calc(var(--space-lg) * -1);overflow:hidden}.ticket-inbox-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--color-text-muted)}.loading-spinner{animation:spin 1s linear infinite;font-size:1.5rem}.loading-spinner-small{animation:spin 1s linear infinite;display:inline-block;font-size:.875rem}.inbox-left-panel{display:flex;flex-direction:column;background:var(--color-bg-primary);border-right:1px solid var(--color-border);overflow:hidden}.inbox-left-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.inbox-left-header h2{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.inbox-tabs{display:flex;flex-wrap:wrap;padding:var(--space-sm);gap:var(--space-xs);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.inbox-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:none;background:transparent;color:var(--color-text-muted);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.inbox-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.inbox-tab.active{background:var(--color-accent);color:#fff}.tab-count{padding:2px 6px;border-radius:var(--radius-full);background:#fff3;font-size:.6875rem}.inbox-tab:not(.active) .tab-count{background:var(--color-bg-tertiary)}.inbox-search{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.inbox-search .search-icon{color:var(--color-text-muted);flex-shrink:0}.inbox-search input{flex:1;border:none;background:transparent;color:var(--color-text-primary);font-size:.875rem;outline:none}.inbox-search input::placeholder{color:var(--color-text-muted)}.inbox-ticket-list{flex:1;overflow-y:auto}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-muted);gap:var(--space-sm)}.inbox-empty-icon{font-size:2.5rem;opacity:.5}.inbox-ticket-item{display:flex;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.inbox-ticket-item:hover{background:var(--color-bg-secondary)}.inbox-ticket-item.selected{background:#3b82f61a;border-left:3px solid var(--color-accent)}.ticket-item-avatar{position:relative;flex-shrink:0}.avatar-initials{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),#667eea);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--color-bg-primary)}.status-dot.status-unassigned{background:var(--color-info)}.status-dot.status-open{background:var(--color-warning)}.status-dot.status-solved{background:var(--color-success)}.ticket-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ticket-item-header{display:flex;justify-content:space-between;align-items:center}.ticket-item-name{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.ticket-item-time,.ticket-item-email{font-size:.75rem;color:var(--color-text-muted)}.ticket-item-subject{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-item-preview{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-item-badges{display:flex;gap:var(--space-xs);margin-top:var(--space-xs)}.inbox-center-panel{display:flex;flex-direction:column;background:var(--color-bg-primary);overflow:hidden}.inbox-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);color:var(--color-text-muted)}.no-selection-icon{font-size:3rem;opacity:.5}.inbox-no-selection h3{margin:0;color:var(--color-text-primary)}.inbox-no-selection p{margin:0}.inbox-ticket-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.ticket-header-left{display:flex;align-items:center;gap:var(--space-lg)}.status-select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.875rem;cursor:pointer}.ticket-header-priority{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--color-text-secondary)}.ticket-id{font-size:.75rem;color:var(--color-text-muted);font-family:monospace}.inbox-ticket-subject{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.inbox-ticket-subject h2{margin:0 0 var(--space-xs);font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.ticket-meta{margin:0;font-size:.75rem;color:var(--color-text-muted)}.inbox-messages{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.message-item{display:flex;gap:var(--space-md);max-width:85%}.message-item.message-agent{margin-left:auto;flex-direction:row-reverse}.message-avatar{flex-shrink:0}.message-avatar-img{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover}.message-avatar-initials{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;background:var(--color-accent);color:#fff}.message-avatar-initials.customer{background:linear-gradient(135deg,#667eea,#764ba2)}.message-avatar-initials.system{background:var(--color-text-muted)}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.message-sender{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.message-time{font-size:.75rem;color:var(--color-text-muted)}.message-body{padding:var(--space-md);border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.6;white-space:pre-wrap}.message-customer .message-body{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.message-agent .message-body{background:#10b9811a;color:var(--color-text-primary);border:1px solid rgba(16,185,129,.2)}.message-system .message-body{background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:.8125rem;text-align:center}.inbox-composer{border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.composer-error{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.2);color:var(--color-error);font-size:.875rem}.composer-error button{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.25rem}.composer-recipient{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border);font-size:.8125rem}.composer-recipient .label{color:var(--color-text-muted)}.composer-recipient .email{color:var(--color-text-primary);margin-right:var(--space-md)}.composer-textarea{width:100%;padding:var(--space-md) var(--space-lg);border:none;background:transparent;color:var(--color-text-primary);font-size:.9375rem;line-height:1.6;resize:none;outline:none;font-family:inherit}.composer-textarea::placeholder{color:var(--color-text-muted)}.composer-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-border)}.composer-tools,.composer-submit{display:flex;gap:var(--space-sm)}.inbox-right-panel{display:flex;flex-direction:column;background:var(--color-bg-primary);border-left:1px solid var(--color-border);overflow-y:auto}.panel-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);padding:var(--space-lg)}.panel-section{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.panel-section h4{margin:0 0 var(--space-md);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.panel-tabs{display:flex;gap:var(--space-md)}.panel-tab{padding:var(--space-xs) 0;border:none;background:transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.panel-tab:hover{color:var(--color-text-primary)}.panel-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0}.info-label{font-size:.8125rem;color:var(--color-text-muted)}.info-value{font-size:.8125rem;color:var(--color-text-primary)}.customer-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);margin-bottom:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.avatar-large{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),#667eea);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:600;font-size:.9375rem;color:var(--color-text-primary)}.customer-email{font-size:.75rem;color:var(--color-text-muted)}.history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.history-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.75rem}.history-icon{flex-shrink:0}.history-text{flex:1;color:var(--color-text-secondary)}.history-time{color:var(--color-text-muted)}.assignee-select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.8125rem;cursor:pointer;min-width:140px}.assignee-select:hover{border-color:var(--color-accent)}.store-info-section{flex:1;overflow-y:auto}.order-lookup{display:flex;flex-direction:column;gap:var(--space-md)}.order-lookup-loading,.order-lookup-empty,.order-lookup-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--color-text-muted);gap:var(--space-sm)}.order-lookup-loading .loading-spinner{font-size:1.5rem}.order-lookup-empty .empty-icon,.order-lookup-error .error-icon{font-size:2rem;opacity:.6}.order-selector label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.order-selector select{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.8125rem}.order-details{display:flex;flex-direction:column;gap:var(--space-md)}.order-header{display:flex;justify-content:space-between;align-items:center}.order-number{display:flex;flex-direction:column}.order-number .label{font-size:.6875rem;color:var(--color-text-muted);text-transform:uppercase}.order-number .value{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.order-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.order-info-grid .info-item{display:flex;flex-direction:column;gap:2px}.order-info-grid .info-item .label{font-size:.6875rem;color:var(--color-text-muted)}.order-info-grid .info-item .value{font-size:.8125rem;font-weight:500;color:var(--color-text-primary)}.order-items{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-sm)}.order-items h5{margin:0 0 var(--space-sm);font-size:.75rem;color:var(--color-text-muted)}.order-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.8125rem}.order-item .item-name{flex:1;color:var(--color-text-primary)}.order-item .item-qty{color:var(--color-text-muted)}.order-item .item-price{font-weight:500;color:var(--color-text-primary)}.order-shipping{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-sm)}.order-shipping h5{margin:0 0 var(--space-xs);font-size:.75rem;color:var(--color-text-muted)}.order-shipping .address{font-size:.8125rem;line-height:1.5;color:var(--color-text-secondary)}.order-edit{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-md)}.order-edit h5{margin:0 0 var(--space-md);font-size:.75rem;color:var(--color-text-muted)}.edit-field{margin-bottom:var(--space-md)}.edit-field label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.edit-field select,.edit-field textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.8125rem;font-family:inherit}.edit-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}@media(max-width:1200px){.ticket-inbox{grid-template-columns:280px 1fr 260px}}@media(max-width:1024px){.ticket-inbox{grid-template-columns:260px 1fr}.inbox-right-panel{display:none}}@media(max-width:768px){.ticket-inbox{grid-template-columns:1fr}.inbox-left-panel{display:none}}.settings-page{max-width:800px}.settings-section{margin-bottom:var(--space-md)}.settings-quick-links{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.settings-quick-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;font-family:inherit;transition:all var(--transition-fast);text-align:left}.settings-quick-link:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);transform:translate(4px)}.settings-quick-link-icon{font-size:1.5rem;flex-shrink:0}.settings-quick-link-text{flex:1;display:flex;flex-direction:column;gap:2px}.settings-quick-link-title{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.settings-quick-link-desc{font-size:.8125rem;color:var(--color-text-muted)}.settings-quick-link svg{color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-fast)}.settings-quick-link:hover svg{color:var(--color-accent);transform:translate(4px)}.settings-stores{display:flex;flex-direction:column;gap:var(--space-sm)}.store-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.store-info{display:flex;flex-direction:column;gap:var(--space-xs)}.store-name{font-weight:500;color:var(--color-text-primary)}.store-url{font-size:.8125rem;color:var(--color-text-muted)}.store-meta{display:flex;align-items:center;gap:var(--space-md)}.store-platform{font-size:.8125rem;color:var(--color-text-secondary);background:var(--color-bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.store-version{font-size:.75rem;color:var(--color-text-muted);opacity:.8}.stores-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-muted);font-size:.875rem}.stores-loading .loading-spinner{font-size:1.25rem;animation:spin 1s linear infinite}.stores-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);color:var(--color-text-muted);text-align:center}.stores-empty-icon{font-size:2rem;opacity:.6}.stores-empty-hint{font-size:.8125rem;opacity:.7}.add-store-btn{margin-top:var(--space-sm);padding:var(--space-md);background:transparent;border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:.875rem}.add-store-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.settings-apis{display:flex;flex-direction:column;gap:var(--space-sm)}.api-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.api-info{display:flex;flex-direction:column;gap:var(--space-xs)}.api-name{font-weight:500;color:var(--color-text-primary)}.api-sync{font-size:.8125rem;color:var(--color-text-muted)}.api-status{display:flex;align-items:center;gap:var(--space-md)}.api-btn{padding:var(--space-xs) var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:.8125rem}.api-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-account{display:flex;flex-direction:column;flex:1}.account-row{display:flex;justify-content:flex-start;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);gap:var(--space-lg)}.account-row:first-child{padding-top:0}.account-row:last-child{border-bottom:none;padding-bottom:0}.account-label{font-size:.875rem;color:var(--color-text-muted);min-width:100px;flex-shrink:0}.account-value{font-weight:500;color:var(--color-text-primary);flex:1}.password-change-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.password-message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem}.password-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.password-success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm)}.settings-profile{display:flex;gap:var(--space-xl);align-items:flex-start}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex-shrink:0;padding-right:var(--space-lg);border-right:1px solid var(--color-border)}.profile-avatar{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary, #8b5cf6));cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:center;justify-content:center}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(var(--color-accent-rgb, 99, 102, 241),.3)}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-initials{font-size:2.5rem;font-weight:600;color:#fff;text-transform:uppercase}.profile-avatar-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);color:#fff}.profile-avatar:hover .profile-avatar-overlay,.profile-avatar.uploading .profile-avatar-overlay{opacity:1}.upload-spinner{font-size:1.5rem;animation:spin 1s linear infinite}.profile-avatar-hint{font-size:.75rem;color:var(--color-text-muted)}.profile-message{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-md)}.profile-message--success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.profile-message--error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.inline-edit{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.inline-edit input{min-width:200px;max-width:280px}.name-display{display:flex;align-items:center;gap:var(--space-md)}.name-display span{color:var(--color-text-secondary)}.account-value--editable{flex:1}.user-management,.user-management-list{display:flex;flex-direction:column;gap:var(--space-sm)}.user-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:border-color var(--transition-fast)}.user-item:hover{border-color:var(--color-border-hover, var(--color-accent))}.user-item-left{display:flex;align-items:center;gap:var(--space-md)}.user-avatar-small{width:40px;height:40px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary, #8b5cf6));display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar-small img{width:100%;height:100%;object-fit:cover}.user-avatar-small span{font-size:1rem;font-weight:600;color:#fff;text-transform:uppercase}.user-item-info{display:flex;flex-direction:column;gap:2px}.user-item-name{font-weight:500;color:var(--color-text-primary);font-size:.9375rem}.user-item-email{font-size:.8125rem;color:var(--color-text-muted)}.user-item-right{display:flex;align-items:center;gap:var(--space-sm)}.role-select{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);min-width:140px}.role-select:hover:not(:disabled){border-color:var(--color-accent)}.role-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 99, 102, 241),.2)}.role-select:disabled{opacity:.6;cursor:not-allowed}.role-updating{font-size:1rem;color:var(--color-accent)}.api-icon{margin-right:var(--space-xs)}.api-details-modal{display:flex;flex-direction:column;gap:var(--space-md)}.api-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.api-detail-row:last-of-type{border-bottom:none}.api-detail-label{font-size:.875rem;color:var(--color-text-muted);min-width:100px}.api-detail-value{font-weight:500;color:var(--color-text-primary)}.api-detail-error{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md)}.api-error-text{color:#ef4444;font-size:.875rem}.api-detail-section{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-sm)}.api-detail-section-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.api-env-list{display:flex;flex-direction:column;gap:var(--space-xs)}.api-env-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.api-env-name{font-size:.75rem;font-family:monospace;background:var(--color-bg-primary);padding:2px var(--space-xs);border-radius:var(--radius-xs);color:var(--color-accent)}.api-env-value{font-size:.8125rem;color:var(--color-text-muted)}.api-detail-hint{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-text-secondary)}.api-detail-hint svg{flex-shrink:0;margin-top:2px;color:var(--color-accent)}.api-detail-hint code{background:var(--color-bg-primary);padding:1px var(--space-xs);border-radius:var(--radius-xs);font-size:.75rem}.prompts-page{max-width:900px}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.module-header-left{display:flex;align-items:center;gap:var(--space-md)}.module-header-left h1{margin:0}.prompts-filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.prompts-search{position:relative;flex:1;max-width:400px}.prompts-search .search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.prompts-search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) * 2 + 16px);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast)}.prompts-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 99, 102, 241),.15)}.prompts-search-input::placeholder{color:var(--color-text-muted)}.category-select{padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;cursor:pointer;min-width:160px}.category-select:focus{outline:none;border-color:var(--color-accent)}.prompts-list{display:flex;flex-direction:column;gap:var(--space-md)}.prompts-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl) * 2;color:var(--color-text-muted)}.prompts-loading .loading-spinner{font-size:1.5rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prompts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl) * 2;color:var(--color-text-muted);text-align:center}.prompts-empty-icon{font-size:3rem;opacity:.5}.prompts-empty-hint{font-size:.875rem;opacity:.7}.prompt-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.prompt-card:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #0000001a}.prompt-card.expanded{border-color:var(--color-accent)}.prompt-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-lg);cursor:pointer;-webkit-user-select:none;user-select:none}.prompt-card-info{flex:1}.prompt-card-title-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.prompt-card-title{margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.prompt-card-description{margin:0 0 var(--space-sm) 0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.prompt-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-md)}.prompt-meta-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--color-text-muted)}.prompt-meta-item svg{opacity:.7}.prompt-model{color:var(--color-accent);font-weight:500}.prompt-card-expand-icon{color:var(--color-text-muted);transition:transform var(--transition-fast);padding:var(--space-xs)}.prompt-card-expand-icon svg{transition:transform var(--transition-fast)}.prompt-card-content{border-top:1px solid var(--color-border);padding:var(--space-lg);background:var(--color-bg-tertiary)}.prompt-content-preview{margin-bottom:var(--space-md)}.prompt-content-text{margin:0;padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.6;color:var(--color-text-secondary);white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto}.prompt-card-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.prompt-editor{display:flex;flex-direction:column;gap:var(--space-md)}.prompt-editor-row{display:flex;flex-direction:column}.prompt-editor-row--split{flex-direction:row;gap:var(--space-md)}.prompt-editor-row--split .form-group{flex:1}.prompt-editor .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.prompt-editor .form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.prompt-select{padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;cursor:pointer}.prompt-select:focus{outline:none;border-color:var(--color-accent)}.prompt-textarea{padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.6;resize:vertical;min-height:200px}.prompt-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb, 99, 102, 241),.15)}.prompt-textarea::placeholder{color:var(--color-text-muted)}.prompt-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.875rem;color:var(--color-text-secondary)}.prompt-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.prompt-editor-error{padding:var(--space-sm) var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:.875rem}.prompt-editor-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.delete-confirm{display:flex;flex-direction:column;gap:var(--space-lg)}.delete-confirm p{margin:0;color:var(--color-text-secondary);line-height:1.5}.delete-confirm-actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}.sidebar{width:280px;height:100vh;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:width var(--transition-normal);overflow:hidden}.sidebar--collapsed{width:64px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);min-height:60px}.sidebar-logo{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;transition:opacity var(--transition-fast)}.sidebar-logo:hover{opacity:.8}.sidebar-logo-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(20,184,166,.5))}.sidebar-logo-text{display:flex;align-items:center;gap:6px;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.sidebar-logo-text .logo-flecom{background:linear-gradient(135deg,#14b8a6,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-logo-text .logo-os{font-size:.625rem;font-weight:600;padding:2px 6px;background:var(--color-accent-muted);border:1px solid var(--color-border);border-radius:4px;color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase}.sidebar-collapse-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.sidebar-collapse-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-light)}.sidebar--collapsed .sidebar-collapse-btn{margin:0 auto}.sidebar-quick-action{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:var(--space-md);padding:10px 16px;background:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 2px #00000026,inset 0 1px #ffffff26}.sidebar-quick-action:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.sidebar-quick-action:active{transform:scale(.98)}.sidebar--collapsed .sidebar-quick-action{padding:10px}.quick-action-icon{font-size:1.125rem;font-weight:300}.quick-action-label{white-space:nowrap}.sidebar-nav{flex:1;padding:var(--space-sm) var(--space-sm);display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:10px 12px;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);font-weight:500;font-size:var(--text-sm);position:relative;border:none;background:none;cursor:pointer;width:100%;text-align:left;font-family:var(--font-sans)}.sidebar-nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-nav-item--active{background:var(--color-accent-muted);color:var(--color-accent)}.sidebar-nav-item--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-accent);border-radius:0 3px 3px 0}.sidebar-nav-item--active:hover{background:var(--color-accent-muted);color:var(--color-accent)}.sidebar-nav-item--dashboard{margin-bottom:var(--space-xs)}.sidebar-nav-item--dashboard .sidebar-nav-icon{filter:drop-shadow(0 0 4px rgba(245,158,11,.4))}.sidebar-nav-item--dashboard.sidebar-nav-item--active{background:#f59e0b1f;color:#f59e0b}.sidebar-nav-item--dashboard.sidebar-nav-item--active:before{background:#f59e0b}.sidebar-nav-icon{font-size:1.25rem;width:24px;text-align:center;flex-shrink:0;transition:transform var(--transition-fast)}.sidebar-nav-item:hover .sidebar-nav-icon{transform:scale(1.08)}.sidebar-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-arrow{margin-left:auto;font-size:1rem;transition:transform var(--transition-fast);color:var(--color-text-muted);opacity:.6}.sidebar-nav-arrow--expanded{transform:rotate(90deg)}.sidebar-nav-group{display:flex;flex-direction:column}.sidebar-nav-toggle{font-family:var(--font-sans)}.sidebar-submenu{display:flex;flex-direction:column;gap:2px;padding-left:20px;margin-top:2px;animation:slideDown var(--transition-fast) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-nav-item--submenu{padding:8px 12px;font-size:var(--text-xs)}.sidebar-nav-item--submenu .sidebar-nav-icon{font-size:1rem;width:20px}.sidebar-section{margin-top:var(--space-md)}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-xs) 12px;background:none;border:none;cursor:pointer;transition:opacity var(--transition-fast)}.sidebar-section-header:hover{opacity:.7}.sidebar-section-label{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.sidebar-section-chevron{font-size:.75rem;color:var(--color-text-muted);transition:transform var(--transition-fast);transform:rotate(0)}.sidebar-section-chevron--open{transform:rotate(90deg)}.sidebar-section-items{display:flex;flex-direction:column;gap:2px;margin-top:4px;animation:slideDown var(--transition-fast) ease}.sidebar-footer{border-top:1px solid var(--color-border);padding:var(--space-sm)}.sidebar-footer-nav{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-sm)}.sidebar-user{display:flex;align-items:center;gap:var(--space-md);padding:10px 12px;border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer}.sidebar-user:hover{background:var(--color-bg-tertiary)}.sidebar-user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-gradient);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-status{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text-muted)}.status-dot{width:6px;height:6px;background:var(--color-success);border-radius:50%;box-shadow:0 0 6px var(--color-success)}.sidebar--collapsed .sidebar-nav-item{justify-content:center;padding:12px}.sidebar--collapsed .sidebar-nav-item:before{display:none}.sidebar--collapsed .sidebar-user{justify-content:center;padding:12px}.sidebar--collapsed .sidebar-section-header{display:none}.sidebar--collapsed .sidebar-section{margin-top:var(--space-sm)}@media(max-width:768px){.sidebar{width:64px}.sidebar-logo-text,.sidebar-search,.quick-action-label,.sidebar-nav-label,.sidebar-nav-arrow,.sidebar-section-header,.sidebar-user-info{display:none}.sidebar-nav-item{justify-content:center;padding:12px}.sidebar-user{justify-content:center}.sidebar-quick-action{padding:12px}.sidebar-collapse-btn{display:none}}[data-theme=light] .sidebar{box-shadow:1px 0 #0000000d}[data-theme=light] .sidebar-logo-icon{filter:drop-shadow(0 0 6px rgba(13,148,136,.4))}[data-theme=light] .sidebar-search,[data-theme=light] .sidebar-nav-item:hover{background:var(--color-bg-tertiary)}[data-theme=light] .sidebar-user-avatar{box-shadow:0 1px 3px #0000001a}.notification-bell-wrapper{position:relative}.notification-bell-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-bell-btn:hover{background:var(--surface-2);border-color:var(--border);transform:scale(1.05)}.notification-bell-btn.has-unread{animation:bellShake 3s infinite}@keyframes bellShake{0%,90%,to{transform:rotate(0)}92%{transform:rotate(10deg)}94%{transform:rotate(-10deg)}96%{transform:rotate(8deg)}98%{transform:rotate(-8deg)}}.bell-icon{font-size:18px;transition:all .2s ease}.notification-bell-btn:hover .bell-icon{transform:rotate(15deg) scale(1.1)}.notification-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ff4757,#ff3b4e);border-radius:9px;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff475780,0 0 0 2px var(--bg-primary);animation:badgePop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes badgePop{0%{transform:scale(0) rotate(-180deg)}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:-10px;width:400px;max-width:95vw;background:linear-gradient(145deg,#1e2332f2,#141923fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 24px 80px #00000080,0 8px 24px #0000004d,inset 0 1px #ffffff0d,0 0 0 1px #0000001a;z-index:1000;overflow:hidden;animation:dropdownSlide .25s cubic-bezier(.4,0,.2,1)}.notification-dropdown:before{content:"";position:absolute;top:-8px;right:22px;width:16px;height:16px;background:linear-gradient(135deg,rgba(30,35,50,.95) 0%,rgba(30,35,50,.95) 50%,transparent 50%);border-left:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);transform:rotate(45deg);z-index:1}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%)}.notification-dropdown-title{font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.notification-dropdown-title:before{content:"🔔";font-size:16px}.notification-mark-all{font-size:12px;font-weight:500;color:var(--accent);background:#6366f11a;border:none;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s ease}.notification-mark-all:hover{background:#6366f133;transform:translateY(-1px)}.notification-dropdown-list{max-height:420px;overflow-y:auto;padding:8px 0}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.02) 100%)}.notification-empty .empty-icon{font-size:48px;opacity:.3;animation:emptyBounce 2s infinite}@keyframes emptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.notification-empty span:last-child{color:var(--text-muted);font-size:14px;font-weight:500}.notification-item{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;margin:0 8px;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.notification-item:hover{background:linear-gradient(135deg,#ffffff0a,#6366f10f);transform:translate(4px)}.notification-item.unread{background:linear-gradient(90deg,#6366f11f,#6366f10a)}.notification-item.unread:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,var(--accent),#818cf8);border-radius:0 4px 4px 0;box-shadow:0 0 12px #6366f180}.notification-type-icon{font-size:20px;flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 4px 12px #0000001a}.notification-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.notification-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.4}.notification-body{font-size:12px;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:11px;color:var(--text-muted);font-weight:500;opacity:.7}.notification-dismiss{opacity:0;font-size:18px;color:var(--text-muted);background:#ffffff0d;border:none;cursor:pointer;padding:6px 10px;border-radius:8px;transition:all .2s ease;line-height:1}.notification-item:hover .notification-dismiss{opacity:1}.notification-dismiss:hover{background:#ef444426;color:#ef4444;transform:scale(1.1)}.notification-dropdown-footer{padding:14px 20px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.02) 100%);text-align:center}.notification-settings-link{font-size:12px;font-weight:500;color:var(--text-muted);text-decoration:none;padding:8px 16px;border-radius:8px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.notification-settings-link:hover{color:var(--accent);background:#6366f11a}.notification-dropdown-list::-webkit-scrollbar{width:6px}.notification-dropdown-list::-webkit-scrollbar-track{background:transparent;margin:8px 0}.notification-dropdown-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent),rgba(99,102,241,.4));border-radius:3px}.notification-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--accent)}[data-theme=dark] .notification-dropdown{background:linear-gradient(145deg,#161b26f7,#10141cfc)}[data-theme=dark] .notification-dropdown:before{background:linear-gradient(135deg,rgba(22,27,38,.97) 0%,rgba(22,27,38,.97) 50%,transparent 50%)}[data-theme=light] .notification-dropdown{background:linear-gradient(145deg,#fffffffa,#f8fafcfc);box-shadow:0 24px 80px #00000026,0 8px 24px #00000014,inset 0 1px #fff,0 0 0 1px #0000000d}[data-theme=light] .notification-dropdown:before{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.98) 50%,transparent 50%);border-color:#0000000f}[data-theme=light] .notification-dropdown-header{border-bottom-color:#0000000f}[data-theme=light] .notification-item.unread{background:linear-gradient(90deg,#6366f114,#6366f105)}.header{width:100%;height:64px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);position:sticky;top:0;z-index:50;transition:all var(--theme-transition)}.header-search{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);min-width:320px;transition:all var(--transition-fast)}.header-search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.header-search-icon{color:var(--color-text-muted);flex-shrink:0}.header-search-input{background:transparent;border:none;outline:none;color:var(--color-text-primary);font-size:.875rem;width:100%;font-family:inherit}.header-search-input::placeholder{color:var(--color-text-muted)}.header-search-shortcut{background:var(--color-bg-hover);color:var(--color-text-muted);font-size:.75rem;padding:2px 6px;border-radius:var(--radius-sm);font-family:inherit;flex-shrink:0}.header-search:hover{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.header-search-placeholder{color:var(--color-text-muted);font-size:.875rem;flex:1}.header-actions{display:flex;align-items:center;gap:var(--space-sm)}.header-action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);position:relative}.header-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.header-theme-toggle:hover{color:var(--color-accent)}.header-notification-btn{position:relative}.header-notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-accent);border-radius:50%;border:2px solid var(--color-bg-secondary)}.header-user{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);margin-left:var(--space-sm)}.header-user:hover{background:var(--color-bg-tertiary)}.header-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;flex-shrink:0;overflow:hidden}.header-avatar-img{width:100%;height:100%;object-fit:cover}.header-user-info{display:flex;flex-direction:column}.header-user-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary);line-height:1.2}.header-user-role{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.header-user-container{position:relative}.header-user.active{background:var(--color-bg-tertiary)}.header-user-chevron{color:var(--color-text-muted);margin-left:var(--space-xs);transition:transform var(--transition-fast)}.header-profile-menu{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:180px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;padding:var(--space-xs);z-index:100;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-profile-menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);text-align:left}.header-profile-menu-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.header-profile-menu-item svg{flex-shrink:0;opacity:.7}.header-profile-menu-item:hover svg{opacity:1}.header-profile-menu-divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}.header-profile-menu-item--danger:hover{background:#ef44441a;color:var(--color-error)}.header-profile-menu-item--danger:hover svg{color:var(--color-error)}.header-logout-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);font-family:inherit;margin-left:var(--space-sm)}.header-logout-btn:hover{background:#ef44441a;border-color:var(--color-error);color:var(--color-error)}@media(max-width:768px){.header{padding:0 var(--space-md)}.header-search{min-width:auto;flex:1;max-width:200px}.header-search-shortcut,.header-user-info,.header-logout-btn span{display:none}.header-logout-btn{width:40px;height:40px;padding:0;justify-content:center}}.layout{display:flex;min-height:100vh;background:var(--color-bg-primary);transition:background-color var(--theme-transition)}.layout-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.layout-content{flex:1;padding:var(--space-xl) var(--space-2xl);overflow-y:auto}.module-page{max-width:1200px;display:flex;flex-direction:column;gap:var(--space-xl)}.module-page h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0}.module-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.module-header h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--color-text-primary)}.module-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.module-features li{position:relative;padding-left:var(--space-lg);color:var(--color-text-secondary);line-height:1.6}.module-features li:before{content:"→";position:absolute;left:0;color:var(--color-accent)}.module-next-steps ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.module-next-steps li{position:relative;padding-left:var(--space-lg);color:var(--color-text-muted);line-height:1.6}.module-next-steps li:before{content:"○";position:absolute;left:0;color:var(--color-text-muted)}@media(max-width:768px){.layout-main{margin-left:72px}.layout-content{padding:var(--space-lg)}.module-page{gap:var(--space-lg)}.module-page h1{font-size:1.5rem}}.not-allowed-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl)}.not-allowed-card{text-align:center;max-width:420px;padding:var(--spacing-2xl)!important}.not-allowed-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.not-allowed-card h1{font-size:1.75rem;color:var(--color-text);margin-bottom:var(--spacing-md)}.not-allowed-card p{color:var(--color-text-muted);margin-bottom:var(--spacing-md);line-height:1.6}.not-allowed-card .role-info{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.not-allowed-card .role-info strong{color:var(--color-primary)}.command-palette-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:cp-fadeIn .15s ease-out}@keyframes cp-fadeIn{0%{opacity:0}to{opacity:1}}.command-palette{width:100%;max-width:600px;background:linear-gradient(145deg,#1e1e28f2,#14141efa);border:1px solid rgba(138,92,246,.3);border-radius:16px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,0 0 60px #8a5cf626;overflow:hidden;animation:cp-slideUp .2s ease-out}@keyframes cp-slideUp{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.command-palette-input-wrapper{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.command-palette-search-icon{color:#fff6;flex-shrink:0}.command-palette-input{flex:1;background:none;border:none;outline:none;font-size:1.1rem;color:#fff;font-family:inherit}.command-palette-input::placeholder{color:#ffffff59}.command-palette-shortcut{font-size:.7rem;color:#ffffff4d;background:#ffffff0f;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.command-palette-results{max-height:400px;overflow-y:auto;padding:8px 0}.command-palette-empty{padding:40px 20px;text-align:center;color:#fff6}.command-palette-empty-icon{font-size:2rem;margin-bottom:8px}.command-palette-section{padding:8px 0}.command-palette-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;padding:4px 20px 8px}.command-palette-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .1s ease}.command-palette-item:hover,.command-palette-item.selected{background:#8a5cf626}.command-palette-item.selected{background:#8a5cf640}.command-palette-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:8px;font-size:1rem;flex-shrink:0}.command-palette-item-content{flex:1;min-width:0}.command-palette-item-title{font-size:.9rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-palette-item-subtitle{font-size:.75rem;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-palette-item-badge{font-size:.65rem;padding:2px 8px;border-radius:10px;background:#8a5cf64d;color:#fffc;flex-shrink:0}.command-palette-footer{display:flex;align-items:center;gap:16px;padding:10px 20px;border-top:1px solid rgba(255,255,255,.08);font-size:.7rem;color:#ffffff4d}.command-palette-hint{display:flex;align-items:center;gap:6px}.command-palette-hint kbd{background:#ffffff14;padding:2px 6px;border-radius:4px;font-family:inherit;font-size:.65rem}.command-palette-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#ffffff80}.command-palette-spinner{width:20px;height:20px;border:2px solid rgba(138,92,246,.3);border-top-color:#8b5cf6;border-radius:50%;animation:cp-spin .6s linear infinite;margin-right:12px}@keyframes cp-spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:var(--space-lg)}.login-container{width:100%;max-width:400px}.login-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.login-logo-icon{font-size:2.5rem;filter:drop-shadow(0 0 12px rgba(16,185,129,.6))}.login-logo-text{display:flex;align-items:center;gap:5px;font-size:2rem;font-weight:700;letter-spacing:-.02em}.login-logo-text .logo-flecom{background:linear-gradient(135deg,#10b981,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-logo-text .logo-os{font-size:.75rem;font-weight:600;padding:2px 6px;background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid rgba(16,185,129,.3);border-radius:5px;color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase}.login-card{padding:var(--space-xl)}.login-title{margin:0 0 var(--space-xs);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);text-align:center}.login-subtitle{margin:0 0 var(--space-xl);font-size:.875rem;color:var(--color-text-muted);text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-button{width:100%;margin-top:var(--space-sm)}.login-error{padding:var(--space-sm) var(--space-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem}.login-toggle{margin-top:var(--space-lg);text-align:center;font-size:.875rem;color:var(--color-text-muted)}.login-toggle button{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:inherit;padding:0}.login-toggle button:hover{text-decoration:underline}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-text-secondary)}.spinner-icon{font-size:2rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--color-accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}