:root{--color-primary: #D4A574;--color-primary-dark: #B8884F;--color-primary-light: #E8C9A1;--color-primary-glow: rgba(212, 165, 116, .4);--color-accent: #8B6F47;--color-accent-bright: #F4D03F;--color-bg: #0A0908;--color-bg-secondary: #131110;--color-surface: #1A1816;--color-surface-elevated: #242120;--color-surface-hover: #2A2725;--color-text: #F2F0EB;--color-text-secondary: #B8B3AC;--color-text-muted: #706B65;--color-text-tertiary: #504B46;--color-success: #5CB85C;--color-success-bg: rgba(92, 184, 92, .12);--color-error: #E25555;--color-error-bg: rgba(226, 85, 85, .12);--color-warning: #F0AD4E;--color-warning-bg: rgba(240, 173, 78, .12);--primary: var(--color-primary);--primary-dark: var(--color-primary-dark);--primary-light: var(--color-primary-light);--primary-hover: var(--color-primary-dark);--bg-primary: var(--color-bg);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-surface);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--border-color: rgba(212, 165, 116, .15);--border-color-hover: rgba(212, 165, 116, .3);--success: var(--color-success);--success-bg: var(--color-success-bg);--success-text: var(--color-success);--danger: var(--color-error);--danger-bg: var(--color-error-bg);--danger-text: var(--color-error);--danger-hover: #C94444;--warning: var(--color-warning);--warning-bg: var(--color-warning-bg);--warning-text: var(--color-warning);--glass-bg: rgba(26, 24, 22, .7);--glass-border: rgba(212, 165, 116, .08);--glass-border-hover: rgba(212, 165, 116, .2);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Work Sans", -apple-system, BlinkMacSystemFont, sans-serif;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .45);--shadow-glow: 0 0 30px rgba(212, 165, 116, .15);--shadow-glow-strong: 0 0 40px rgba(212, 165, 116, .25);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .03);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-spring: .35s cubic-bezier(.68, -.55, .265, 1.55)}.view{animation:fadeSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{scroll-behavior:smooth}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-elevated) 40%,var(--color-surface) 80%,var(--color-surface) 100%);background-size:936px 100%;animation:shimmer 2s linear infinite;border-radius:var(--radius-md)}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.02)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.scroll-momentum{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.overflow-x-auto{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.overflow-x-auto::-webkit-scrollbar{display:none}.essential-card:active,.export-card:active,.stat-card:active,.cat-tab:active,.tab-btn:active{transform:scale(.97);transition:transform .1s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--color-text);background:var(--color-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea{color:var(--color-text);font-family:var(--font-body);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1;transition:opacity var(--transition-base)}input:focus::placeholder,textarea:focus::placeholder{opacity:.5}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #d4a57426}select{cursor:pointer}select:hover{border-color:var(--glass-border-hover)}select option{background:var(--color-surface);color:var(--color-text)}.bg-texture{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(212,165,116,.04) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(139,111,71,.03) 0%,transparent 50%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-secondary) 50%,var(--color-bg) 100%);animation:gradientShift 20s ease-in-out infinite alternate}@keyframes gradientShift{0%{opacity:1}to{opacity:.8}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.3;letter-spacing:-.01em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.15rem}h4{font-size:1rem}.container{max-width:1600px;margin:0 auto;padding:0 var(--space-lg)}.header{position:sticky;top:0;z-index:100;padding:var(--space-xs) 0}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0908d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--glass-border);z-index:-1}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;gap:var(--space-lg)}.logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;transition:var(--transition-fast)}.logo:hover{transform:translateY(-1px)}.logo-img{height:38px;width:auto;filter:drop-shadow(0 2px 8px rgba(212,165,116,.2))}.logo-text{font-family:var(--font-body);font-size:.65rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;opacity:.8}.nav{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.nav-btn{position:relative;padding:.6rem 1rem;min-height:44px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:.4rem;white-space:nowrap}.nav-btn svg{width:15px;height:15px;opacity:.7;transition:var(--transition-fast)}.nav-btn:hover{color:var(--color-text-secondary);background:#ffffff08}.nav-btn:hover svg{opacity:1}.nav-btn.active{color:var(--color-bg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:0 2px 12px #d4a5744d,var(--shadow-inset)}.nav-btn.active svg{opacity:1}.nav-btn.active:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%)}.export-btn:not(.active){background:#d4a5741a;color:var(--color-primary);border:1px solid rgba(212,165,116,.2)}.export-btn:not(.active):hover{background:#d4a57426;border-color:#d4a5744d}.main{padding:var(--space-xl) 0;min-height:calc(100vh - 70px)}.view{display:none}.view.active{display:block}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.section-title{font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--color-text);margin-bottom:var(--space-2xs);letter-spacing:-.02em}.section-title:after{content:"";display:block;width:40px;height:2px;background:linear-gradient(90deg,var(--color-primary),transparent);margin-top:var(--space-xs);border-radius:2px}.section-subtitle{color:var(--color-text-muted);font-size:.85rem;font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:.65rem 1.25rem;min-height:44px;font-family:var(--font-body);font-size:.85rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:var(--transition-fast)}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;opacity:0;pointer-events:none;transition:transform .6s ease-out,opacity .6s ease-out}.btn:active:after{transform:translate(-50%,-50%) scale(3);opacity:1;transition:transform 0s,opacity 0s}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-bg);box-shadow:0 2px 12px #d4a57440,var(--shadow-inset)}.btn-primary:hover{box-shadow:0 4px 20px #d4a57459,var(--shadow-inset);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text-secondary);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--glass-border-hover);color:var(--color-text)}.btn-danger-outline{background:transparent;color:#ef4444;border:1px solid #ef4444}.btn-danger-outline:hover{background:#ef44441a;color:#dc2626;border-color:#dc2626}.btn-danger{background:var(--color-error);color:#fff;border:1px solid var(--color-error)}.btn-danger:hover{background:#c94444;border-color:#c94444}.btn-ghost{background:transparent;color:var(--color-text-muted);padding:.5rem .75rem}.btn-ghost:hover{background:#ffffff0d;color:var(--color-text)}.btn-sm{padding:.45rem .9rem;font-size:.75rem}.btn-sm svg{width:14px;height:14px}.btn-lg{padding:.85rem 1.75rem;font-size:.95rem}.btn-lg svg{width:18px;height:18px}.form-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg) var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group.span-2{grid-column:span 2}.form-label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.form-input,input:not([type=file]):not([type=checkbox]):not([type=radio]),select,textarea{padding:.75rem 1rem;background:#1a1816cc;border:1.5px solid rgba(212,165,116,.2);border-radius:var(--radius-md);color:#e8e6e3;font-family:var(--font-body);font-size:.9rem;transition:var(--transition-fast);outline:none}.form-input::placeholder,input::placeholder,textarea::placeholder{color:#e8e6e366}.form-input:hover,input:not([type=file]):hover,select:hover,textarea:hover{border-color:#d4a57459;background:#1a1816e6}.form-input:focus,input:not([type=file]):focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #d4a57426,var(--shadow-glow);background:#1f1c1af2}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23706B65' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}select.form-input option{background:var(--color-surface);color:var(--color-text);padding:.5rem}textarea.form-input{resize:vertical;min-height:80px;line-height:1.5}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--glass-border)}.form-actions-right{display:flex;gap:var(--space-sm)}.btn-delete-product{display:flex;align-items:center;gap:var(--space-xs)}.btn-error{background:var(--color-error, #dc3545);color:#fff;border:none}.btn-error:hover{background:#c82333}.form-section-header{display:flex;justify-content:space-between;align-items:center;margin:var(--space-lg) 0 var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--glass-border);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.autofill-hint{font-size:.7rem;color:var(--color-text-tertiary);text-transform:none;letter-spacing:normal}.btn-ai{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;margin-left:8px;background:linear-gradient(135deg,#8b6f474d,#d4a57433);border:1px solid rgba(212,165,116,.3);border-radius:var(--radius-sm);color:var(--color-primary);font-size:.65rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-ai:hover{background:linear-gradient(135deg,#8b6f4780,#d4a5744d);border-color:var(--color-primary);box-shadow:0 0 12px #d4a57433}.btn-ai:disabled{opacity:.5;cursor:not-allowed}.btn-ai.loading{animation:pulse 1s ease-in-out infinite}.more-options{margin-top:var(--space-md)}.more-options-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;font-size:.75rem;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);list-style:none}.more-options-toggle::-webkit-details-marker{display:none}.more-options-toggle:before{content:"";display:inline-block;width:0;height:0;border-left:5px solid var(--color-text-muted);border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform var(--transition-fast)}.more-options[open] .more-options-toggle:before{transform:rotate(90deg)}.more-options-toggle:hover{color:var(--color-text-secondary)}.more-options-content{padding-top:var(--space-md)}.catalog-controls{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap}.search-input{padding:.55rem 1rem .55rem 2.5rem;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text);font-family:var(--font-body);font-size:.85rem;transition:var(--transition-fast);outline:none;width:220px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23706B65' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.85rem center}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #d4a5741a;width:280px}.filter-select{padding:.55rem 2rem .55rem .85rem;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-body);font-size:.8rem;transition:var(--transition-fast);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23706B65' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.filter-select:hover{border-color:var(--glass-border-hover)}.filter-select:focus{border-color:var(--color-primary)}.multi-select-dropdown{position:relative;display:inline-block}.multi-select-dropdown .filter-select{display:flex;align-items:center;gap:.5rem;padding-right:.85rem;background-image:none;min-width:90px}.multi-select-dropdown .filter-select svg{flex-shrink:0;opacity:.6}.multi-select-dropdown .filter-select.has-selection{border-color:var(--color-primary);color:var(--color-primary)}.multi-select-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.5rem 0;min-width:150px;box-shadow:0 10px 40px #0006;z-index:100}.multi-select-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:var(--transition-fast);font-size:.8rem;color:var(--color-text-secondary)}.multi-select-option:hover{background:var(--color-surface-hover);color:var(--color-text)}.multi-select-option input[type=checkbox],.multi-select-option input[type=radio]{accent-color:var(--color-primary);cursor:pointer}.multi-select-option .status-dot{margin-right:.25rem}.filter-count{margin-left:auto;font-size:.7rem;color:var(--color-text-muted);font-weight:500}.more-filters-menu{min-width:180px}.filter-group-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:.75rem .75rem .25rem;margin-top:.25rem;border-top:1px solid var(--glass-border)}.filter-group-label:first-child{margin-top:0;border-top:none}.filter-input-wrapper.note-search{position:relative;display:inline-block}.filter-input-wrapper.note-search .filter-input{padding:.55rem .85rem .55rem 2rem;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:var(--font-body);font-size:.8rem;transition:var(--transition-fast);outline:none;width:150px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23706B65' stroke-width='2'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.6rem center}.filter-input-wrapper.note-search .filter-input::placeholder{color:var(--color-text-muted)}.filter-input-wrapper.note-search .filter-input:hover{border-color:var(--glass-border-hover)}.filter-input-wrapper.note-search .filter-input:focus{border-color:var(--color-primary);color:var(--color-text);width:180px}.catalog-stats{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#d4a5740d;border-radius:var(--radius-full);font-size:.75rem;color:var(--color-text-muted)}.catalog-stats .count{color:var(--color-primary);font-weight:600}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.product-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-base);cursor:pointer;position:relative}.product-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.8) 100%);opacity:0;transition:var(--transition-base);z-index:1;pointer-events:none}.product-card:hover{transform:translateY(-6px);border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.product-card:hover:before{opacity:1}.product-image-container{position:relative;overflow:hidden}.product-image{width:100%;height:180px;object-fit:contain;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-surface) 100%);padding:var(--space-md);transition:var(--transition-base)}.product-card:hover .product-image{transform:scale(1.05)}.product-actions{position:absolute;bottom:0;left:0;right:0;padding:var(--space-sm);display:flex;gap:var(--space-xs);justify-content:center;opacity:0;transform:translateY(10px);transition:var(--transition-base);z-index:2}.product-card:hover .product-actions{opacity:1;transform:translateY(0)}.product-action-btn{padding:.4rem .8rem;background:#fffffff2;border:none;border-radius:var(--radius-sm);color:var(--color-bg);font-size:.7rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:.3rem}.product-action-btn:hover{background:var(--color-primary);transform:scale(1.05)}.product-info{padding:var(--space-md);position:relative}.product-name{font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--color-text);margin-bottom:var(--space-xs);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-brand{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.product-meta{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.product-tag{padding:.2rem .5rem;background:#d4a57414;border-radius:var(--radius-full);font-size:.65rem;font-weight:500;color:var(--color-text-muted);text-transform:capitalize;transition:var(--transition-fast)}.product-tag.status-collected{background:var(--color-success-bg);color:var(--color-success)}.product-tag.status-missing{background:var(--color-warning-bg);color:var(--color-warning)}.product-tag.status-discontinued{background:var(--color-error-bg);color:var(--color-error)}.product-tag.scent-tag{background:#8b6f4726;color:var(--color-primary-light);border:1px solid rgba(212,165,116,.2)}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--glass-border)}.product-pricing{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--space-sm);padding-top:var(--space-xs)}.price-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:linear-gradient(135deg,#8b6f4726,#d4a5741a);border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-full);font-size:.72rem;color:var(--color-text-secondary);white-space:nowrap;transition:var(--transition-fast)}.price-pill:hover{border-color:#d4a57459;background:linear-gradient(135deg,#8b6f4733,#d4a57426)}.price-pill b{color:var(--color-primary);font-weight:600}.status-badge{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:var(--radius-sm);background:#8a837926;color:var(--color-text-muted)}.status-badge.collected{background:var(--color-success-bg);color:var(--color-success)}.status-badge.missing{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.discontinued{background:var(--color-error-bg);color:var(--color-error)}.product-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary),var(--shadow-glow)}.product-checkbox{position:absolute;top:var(--space-sm);right:var(--space-sm);width:22px;height:22px;background:var(--color-surface);border:2px solid var(--glass-border);border-radius:var(--radius-sm);display:none;align-items:center;justify-content:center;z-index:3;transition:var(--transition-fast)}.product-card.selectable .product-checkbox{display:flex}.product-card.selected .product-checkbox{background:var(--color-primary);border-color:var(--color-primary)}.product-checkbox svg{width:14px;height:14px;stroke:var(--color-bg);opacity:0}.product-card.selected .product-checkbox svg{opacity:1}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl) var(--space-2xl);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(212,165,116,.06) 100%);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.dashboard-welcome:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(212,165,116,.08) 0%,transparent 60%);pointer-events:none}.welcome-content{position:relative;z-index:1}.welcome-title{font-family:var(--font-display);font-size:2.25rem;font-weight:300;color:var(--color-text);margin-bottom:var(--space-xs);letter-spacing:-.02em}.welcome-subtitle{color:var(--color-text-muted);font-size:.95rem}.welcome-actions{display:flex;gap:var(--space-sm);position:relative;z-index:1}.dashboard-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-xl)}@media(max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.dashboard-welcome{flex-direction:column;text-align:center;gap:var(--space-lg);padding:var(--space-xl)}}.dashboard-main{display:flex;flex-direction:column;gap:var(--space-lg)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.stat-card-large{grid-column:span 2;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden}.stat-card-large:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(212,165,116,.06) 0%,transparent 70%);transition:var(--transition-slow)}.stat-card-large:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.stat-card-large:hover:before{transform:scale(1.2)}.stat-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.stat-icon-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4a57426,#d4a5740d);border-radius:var(--radius-md);color:var(--color-primary)}.stat-card-title{font-size:.85rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-card-body{display:flex;align-items:flex-end;justify-content:space-between}.stat-big-number{font-family:var(--font-display);font-size:3.5rem;font-weight:300;color:var(--color-text);line-height:1;letter-spacing:-.02em}.stat-breakdown{display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-end}.stat-breakdown-item{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--color-text-muted)}.breakdown-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.stat-in-stock .breakdown-dot{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.stat-out-stock .breakdown-dot{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.stat-card-medium{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-md)}.stat-card-medium:hover{border-color:var(--glass-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-essentials{background:linear-gradient(135deg,#8b6f4733,#8b6f470d);color:var(--color-accent)}.stat-icon-shopify{background:linear-gradient(135deg,#96bf4833,#96bf480d);color:#96bf48}.stat-sync-warning{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#f59e0b;margin-top:4px}.stat-sync-warning .sync-badge{animation:rotate-icon 2s linear infinite}.stat-card-info{flex:1}.stat-medium-number{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--color-text);line-height:1}.stat-medium-label{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-2xs)}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.health-check-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.health-check-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xs);color:var(--color-text)}.health-check-header h3{font-size:1rem;margin:0}.health-check-header svg{color:var(--color-primary)}.health-subtitle{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--space-md)}.health-items{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto}.health-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);background:#ff98000d;border-radius:var(--radius-sm);font-size:.8rem;transition:var(--transition-fast)}.health-item:hover{background:#ff98001a}.health-item-name{color:var(--color-text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-item-status{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-warning);padding:2px 6px;background:var(--color-warning-bg);border-radius:var(--radius-sm)}.health-item-actions{display:flex;gap:6px}.health-action.health-fix{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.health-action.health-fix:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.health-item.error{background:#ef44441a}.health-item.error .health-icon{color:#ef4444}.health-item.warning{background:#ff98000d}.health-item.warning .health-icon{color:var(--color-warning)}.health-item.info{background:#3b82f60d}.health-item.info .health-icon{color:#3b82f6}.health-item-icon{flex-shrink:0;margin-right:var(--space-sm)}.health-item-icon svg{display:block}.health-warning .health-item-icon{color:var(--color-warning)}.health-error .health-item-icon{color:#ef4444}.health-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.health-item-issue{font-size:.7rem;color:var(--color-text-muted)}.health-item-count{flex-shrink:0;font-size:.7rem;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-full);margin-left:var(--space-sm)}.health-list-content{max-height:400px;overflow-y:auto;margin-top:var(--space-md)}.health-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-xs);cursor:pointer;transition:var(--transition-fast)}.health-list-item:hover{background:var(--color-primary);color:#fff}.health-list-item:hover .health-list-item-meta{color:#ffffffb3}.health-list-item-info{display:flex;flex-direction:column;gap:2px}.health-list-item-name{font-weight:500}.health-list-item-meta{font-size:.75rem;color:var(--color-text-secondary)}.health-list-item-arrow{font-size:1.25rem;opacity:.5}.health-list-item:hover .health-list-item-arrow{opacity:1}.metrics-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.metrics-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.metrics-header svg{color:var(--color-primary)}.metrics-header h3{font-size:.85rem;color:var(--color-text-secondary);font-weight:500;margin:0}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.metric-item{background:var(--color-bg-secondary);padding:var(--space-sm);border-radius:var(--radius-md);text-align:center}.metric-item.clickable{cursor:pointer;transition:var(--transition-fast)}.metric-item.clickable:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.metric-value{display:block;font-size:1.25rem;font-weight:600;margin-bottom:2px}.metric-value.warning{color:var(--color-warning)}.metric-value.success{color:var(--color-success)}.metric-value.error{color:var(--color-error)}.metric-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.metric-bar-section{padding-top:var(--space-sm);border-top:1px solid var(--glass-border)}.metric-bar-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.metric-bar{height:6px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.metric-bar-fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width .5s ease}.top-notes-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.top-notes-card h4{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:var(--space-md);font-weight:500}.top-notes-list{display:flex;flex-wrap:wrap;gap:.35rem}.top-note-tag{display:inline-block;padding:.25rem .5rem;background:#d4a5741a;border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-full);font-size:.7rem;color:var(--color-text-secondary)}.recently-viewed-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--glass-border)}.section-header-small{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.section-header-small h3{font-size:.9rem;font-weight:600;color:var(--color-text-secondary);margin:0}.recently-viewed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md)}.recent-product-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--transition-fast)}.recent-product-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.recent-product-image{aspect-ratio:1;background:var(--color-bg-secondary);overflow:hidden}.recent-product-image img{width:100%;height:100%;object-fit:cover}.recent-product-info{padding:var(--space-sm)}.recent-product-name{display:block;font-size:.8rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-product-brand{display:block;font-size:.7rem;color:var(--color-text-muted)}.quick-links-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.quick-links-card h4{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:var(--space-md);font-weight:500}.quick-links{display:flex;flex-direction:column;gap:var(--space-xs)}.quick-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-size:.85rem;transition:var(--transition-fast)}.quick-link:hover{background:var(--color-surface-hover);color:var(--color-primary)}.quick-link svg{width:16px;height:16px;opacity:.7}.quick-link:hover svg{opacity:1}.selection-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-md);box-shadow:var(--shadow-md),var(--shadow-glow)}.selection-toolbar.hidden{display:none}.selection-info{font-size:.9rem;font-weight:500;color:var(--color-bg)}.selection-actions{display:flex;gap:var(--space-xs)}.selection-actions .btn{background:#fff3;color:var(--color-bg);border:1px solid rgba(255,255,255,.3)}.selection-actions .btn:hover{background:#ffffff4d}.selection-actions .btn-primary{background:var(--color-bg);color:var(--color-primary);border-color:transparent}.bulk-actions-dropdown{position:relative}.bulk-actions-dropdown>.btn svg{margin-left:4px;transition:transform .2s ease}.bulk-actions-dropdown.open>.btn svg{transform:rotate(180deg)}.bulk-actions-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:100;overflow:hidden}.bulk-actions-menu.hidden{display:none}.bulk-actions-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--color-text);font-size:.875rem;cursor:pointer;text-align:left;transition:background .15s ease}.bulk-actions-menu button:hover{background:var(--color-bg-secondary)}.bulk-actions-menu .menu-divider{height:1px;background:var(--glass-border);margin:4px 0}.bulk-actions-menu .status-dot{width:10px;height:10px;border-radius:50%}.bulk-actions-menu .status-dot.collected{background:var(--color-success)}.bulk-actions-menu .status-dot.missing{background:var(--color-warning)}.bulk-actions-menu .status-dot.discontinued{background:var(--color-text-muted)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:var(--space-lg);transform:translateZ(0);will-change:opacity}.modal.active{display:flex;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0908eb;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}}.modal-content{position:relative;background:linear-gradient(135deg,#1a1816f2,#131110fa);border:1px solid rgba(212,165,116,.2);border-radius:24px;padding:var(--space-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 0 1px #d4a5741a inset,0 1px #ffffff08 inset;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);transform:translateZ(0);will-change:transform,opacity;-webkit-overflow-scrolling:touch}.modal-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(212,165,116,.3) 0%,transparent 50%,rgba(212,165,116,.1) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(40px) scale(.96) translateZ(0)}to{opacity:1;transform:translateY(0) scale(1) translateZ(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-content{transform:translateY(30px) scale(.97);opacity:0}.modal-leave-to .modal-content{transform:translateY(20px) scale(.98);opacity:0}.modal-content.modal-sm{max-width:480px}.modal-content.modal-lg{max-width:900px}.modal-content.product-detail{max-width:900px;padding:0;overflow-y:auto;overscroll-behavior:contain}@media(max-width:768px){.modal{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:95vh;width:100%;height:95vh;border-radius:24px 24px 0 0;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content.product-detail{max-width:100%;height:95vh;border-radius:24px 24px 0 0}.modal-close{top:var(--space-md);right:var(--space-md);width:48px;height:48px;font-size:1.5rem;background:#d4a57426;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-title{font-size:1.5rem;margin-bottom:var(--space-md);padding-right:3rem}}.modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#d4a5741a;border:1px solid rgba(212,165,116,.2);border-radius:var(--radius-full);color:var(--color-primary);font-size:1.25rem;font-weight:300;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-close:hover{background:var(--color-primary);color:var(--color-bg);transform:rotate(90deg) scale(1.1);box-shadow:0 4px 16px #d4a57466}.modal-close:active{transform:rotate(90deg) scale(.95)}.modal-title{font-family:var(--font-display);font-size:2rem;font-weight:600;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-lg);padding-right:var(--space-xl);letter-spacing:-.02em}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);z-index:10;box-shadow:var(--shadow-md)}.modal-nav:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);transform:translateY(-50%) scale(1.1)}.modal-nav.prev{left:var(--space-md)}.modal-nav.next{right:var(--space-md)}.modal-nav-hint{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);font-size:.75rem;color:var(--color-text-tertiary);background:#0009;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr}.product-detail-image{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-surface) 100%);padding:var(--space-xl);display:flex;align-items:center;justify-content:center;min-height:400px}.product-detail-image img{max-width:100%;max-height:350px;object-fit:contain}.product-detail-info{padding:var(--space-xl)}.product-detail-header{margin-bottom:var(--space-lg)}.product-detail-name{font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--color-text);margin-bottom:var(--space-xs)}.product-detail-brand{font-size:.9rem;color:var(--color-text-muted)}.product-detail-section{margin-bottom:var(--space-lg)}.product-detail-section h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.product-detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.product-detail-description{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7}.product-detail-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.pricing-option{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:var(--transition-fast)}.pricing-option:hover{border-color:var(--color-primary)}.pricing-size{font-size:.8rem;color:var(--color-text-muted);margin-bottom:var(--space-2xs)}.pricing-price{font-family:var(--font-display);font-size:1.25rem;color:var(--color-primary);font-weight:500}.product-detail-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--glass-border)}.settings-container{display:grid;gap:var(--space-lg);max-width:900px}.settings-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:var(--transition-fast)}.settings-card:hover{border-color:var(--glass-border-hover)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.card-header h3{font-size:1.1rem;font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm)}.settings-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-md)}.edit-hint{font-size:.7rem;color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:.25rem .6rem;border-radius:var(--radius-full)}.google-sheets-card{border-color:#4285f433}.google-auth-status{margin-top:var(--space-md)}.auth-state{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.auth-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.auth-icon.not-connected{background:var(--color-error-bg);color:var(--color-error)}.auth-icon.connected{background:var(--color-success-bg);color:var(--color-success)}.auth-info{flex:1;display:flex;flex-direction:column;gap:2px}.auth-title{font-weight:500;color:var(--color-text)}.auth-desc{font-size:.8rem;color:var(--color-text-muted)}.btn-google{background:#fff;color:#444;font-weight:500;padding:.6rem 1rem;display:flex;align-items:center;gap:var(--space-sm)}.btn-google:hover{background:#f5f5f5}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.pricing-item{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.pricing-item-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-2xs)}.pricing-item-value{font-family:var(--font-display);font-size:1.25rem;color:var(--color-primary)}.config-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.85rem}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted)}.status-indicator.loading{background:var(--color-warning);animation:pulse 1.5s infinite}.status-indicator.success{background:var(--color-success)}.status-indicator.error{background:var(--color-error)}.export-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.export-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:var(--transition-base)}.export-card:hover{border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.export-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.export-card h3{font-size:1.1rem;color:var(--color-text);margin-bottom:var(--space-xs)}.export-card p{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.essentials-header{margin-bottom:var(--space-lg)}.essentials-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.essentials-subtitle{font-size:.85rem;color:var(--color-text-muted)}.essentials-actions{display:flex;gap:var(--space-sm)}.essentials-filters{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-md)}.essentials-search{padding:.55rem 1rem .55rem 2.5rem;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text);font-size:.85rem;width:250px;outline:none;transition:var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23706B65' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.85rem center}.essentials-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #d4a5741a}.essentials-category-tabs{display:flex;gap:var(--space-2xs);background:var(--color-surface);padding:var(--space-2xs);border-radius:var(--radius-full);border:1px solid var(--glass-border)}.cat-tab{padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.cat-tab:hover{color:var(--color-text-secondary);background:#ffffff08}.cat-tab.active{background:var(--color-primary);color:var(--color-bg)}.essentials-stats{font-size:.8rem;color:var(--color-text-muted)}.essentials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-md)}.essential-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-base);cursor:pointer}.essential-card:hover{transform:translateY(-4px);border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg)}.essential-image{width:100%;height:180px;object-fit:cover;background:var(--color-bg-secondary)}.essential-info{padding:var(--space-md)}.essential-category{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-xs)}.essential-name{font-family:var(--font-display);font-size:1rem;color:var(--color-text);margin-bottom:var(--space-xs)}.essential-price{font-size:1.1rem;font-weight:600;color:var(--color-primary)}.essential-status{display:inline-block;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase;margin-top:var(--space-xs)}.essential-status.available{background:var(--color-success-bg);color:var(--color-success)}.essential-status.unavailable{background:var(--color-error-bg);color:var(--color-error)}.export-dropdown{position:relative}.export-menu{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-xs);min-width:180px;box-shadow:var(--shadow-lg);z-index:100}.export-menu.hidden{display:none}.export-menu button{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.85rem;text-align:left;cursor:pointer;transition:var(--transition-fast)}.export-menu button:hover{background:var(--color-surface-hover);color:var(--color-text)}.smart-search-container{position:relative;margin-bottom:var(--space-lg)}.search-input-wrapper{position:relative}.search-input-smart{width:100%;padding-right:3rem}.search-indicator{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.8rem}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-xs);background:var(--color-surface-elevated);border:1px solid var(--glass-border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;max-height:300px;overflow-y:auto}.suggestions-dropdown.hidden{display:none}.suggestions-header{padding:var(--space-sm) var(--space-md);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--glass-border)}.suggestions-list{padding:var(--space-xs)}.suggestion-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.suggestion-item:hover{background:var(--color-surface-hover)}.suggestion-info{flex:1}.suggestion-name{font-weight:500;color:var(--color-text);font-size:.9rem}.suggestion-brand{font-size:.75rem;color:var(--color-text-muted)}.suggestion-match{font-size:.7rem;color:var(--color-success);background:var(--color-success-bg);padding:.2rem .5rem;border-radius:var(--radius-full)}.duplicate-warning{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:#e67e2226;border:1px solid rgba(230,126,34,.4);border-radius:var(--radius-md);margin-top:var(--space-sm);animation:warningPulse .5s ease-out}@keyframes warningPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.duplicate-warning.hidden{display:none}.duplicate-warning .warning-icon{font-size:1.2rem;flex-shrink:0}.duplicate-warning .warning-text{font-size:.9rem;line-height:1.4;color:var(--color-text)}.duplicate-warning .warning-text strong{color:#e67e22}.warning-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-warning);color:var(--color-bg);border-radius:var(--radius-full);font-size:.7rem;font-weight:700}.warning-text{font-size:.8rem;color:var(--color-warning)}.duplicate-link{font-weight:500;color:var(--color-text);cursor:pointer;text-decoration:underline}.autofill-badge{font-size:.65rem;font-weight:500;color:var(--color-success);background:var(--color-success-bg);padding:.15rem .4rem;border-radius:var(--radius-full)}.autofill-badge.hidden{display:none}.file-upload-zone-sm{border:2px dashed rgba(212,165,116,.3);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;cursor:pointer;transition:all .25s ease;background:linear-gradient(135deg,rgba(212,165,116,.02) 0%,transparent 100%);position:relative;overflow:hidden}.file-upload-zone-sm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(212,165,116,.1) 0%,transparent 70%);opacity:0;transition:opacity .25s ease}.file-upload-zone-sm:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#d4a57414,#d4a57405);transform:translateY(-2px);box-shadow:0 8px 24px #d4a57426}.file-upload-zone-sm:hover:before{opacity:1}.file-upload-zone-sm.dragover{border-color:var(--color-primary);border-style:solid;background:linear-gradient(135deg,#d4a57426,#d4a5740d);transform:scale(1.02)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.9rem;position:relative;z-index:1}.upload-content svg{color:var(--color-primary);width:32px;height:32px;padding:8px;background:#d4a5741a;border-radius:50%;transition:all .25s ease}.file-upload-zone-sm:hover .upload-content svg{transform:translateY(-4px);background:#d4a57433}.link-btn{background:none;border:none;color:var(--color-primary);font-size:inherit;cursor:pointer;text-decoration:underline}.file-name-small{font-size:.75rem;color:var(--color-text-tertiary)}.image-preview-small{margin-top:var(--space-sm);display:flex;gap:var(--space-sm);flex-wrap:wrap}.image-preview-small img{max-height:80px;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.pricing-preview{display:flex;gap:var(--space-xs);flex-wrap:wrap}.price-tag{background:#d4a5741a;padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-secondary)}.import-instructions{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.import-instructions h3{font-size:1rem;margin-bottom:var(--space-sm)}.import-instructions ul{list-style:none;padding:0}.import-instructions li{padding:var(--space-xs) 0;padding-left:var(--space-lg);position:relative;font-size:.85rem;color:var(--color-text-secondary)}.import-instructions li:before{content:"";position:absolute;left:0;top:.85rem;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.file-upload-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;cursor:pointer;transition:var(--transition-base)}.file-upload-zone:hover{border-color:var(--color-primary)}.file-upload-zone.dragover{border-color:var(--color-primary);background:#d4a5740d}.upload-icon{font-size:3rem;margin-bottom:var(--space-md)}.upload-hint{font-size:.8rem;color:var(--color-text-tertiary);margin-top:var(--space-sm)}.import-progress{margin-top:var(--space-lg)}.import-progress.hidden{display:none}.progress-bar{height:8px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width .3s ease;width:0%}.import-preview-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-md)}.import-summary{display:flex;gap:var(--space-lg)}.summary-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md)}.summary-stat .stat-value{font-size:1.5rem;font-weight:600}.summary-stat .stat-label{font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted)}.summary-new{background:#5cb85c1a}.summary-new .stat-value{color:var(--color-success)}.summary-duplicate{background:#f0ad4e1a}.summary-duplicate .stat-value{color:var(--color-warning)}.summary-issue{background:#e255551a}.summary-issue .stat-value{color:var(--color-error)}.import-actions{display:flex;gap:var(--space-sm)}.import-filter-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;margin-bottom:var(--space-md);flex-wrap:wrap}.filter-checkbox{display:flex;align-items:center;gap:var(--space-2xs);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer}.filter-checkbox input{accent-color:var(--color-primary)}.select-all-actions{margin-left:auto;display:flex;gap:var(--space-sm)}.btn-link{background:none;border:none;color:var(--color-primary);font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0}.btn-link:hover{color:var(--color-primary-light)}.import-preview-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:60vh;overflow-y:auto}.import-preview-item{display:grid;grid-template-columns:auto 60px 1fr auto;gap:var(--space-md);align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:var(--transition-fast)}.import-preview-item:hover{background:var(--color-surface)}.import-preview-item.is-duplicate{border-left:3px solid var(--color-warning);opacity:.7}.import-preview-item.has-issue{border-left:3px solid var(--color-error)}.import-preview-item.is-new{border-left:3px solid var(--color-success)}.import-preview-item.hidden{display:none}.import-item-checkbox input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.import-item-image{width:50px;height:50px;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-surface)}.import-item-image.placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:.7rem}.import-item-details{min-width:0}.import-item-name{font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-item-brand{font-size:.8rem;color:var(--color-text-secondary)}.import-item-meta{display:flex;gap:var(--space-xs);margin-top:var(--space-2xs)}.import-tag{font-size:.65rem;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase}.import-tag-domestic{background:#5cb85c26;color:var(--color-success)}.import-tag-import{background:#6496c826;color:#6496c8}.import-item-status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2xs)}.status-badge{font-size:.7rem;padding:3px 8px;border-radius:var(--radius-sm);font-weight:500}.status-badge-new{background:var(--color-success-bg);color:var(--color-success)}.status-badge-duplicate{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge-issue{background:var(--color-error-bg);color:var(--color-error)}.duplicate-match{font-size:.7rem;color:var(--color-text-muted)}.issue-text{font-size:.7rem;color:var(--color-error)}#loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0908d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:var(--transition-base)}#loading-overlay.show{opacity:1;visibility:visible}.loading-content{text-align:center}.loading-spinner{width:48px;height:48px;border:3px solid var(--glass-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-md)}.loading-message{font-size:.95rem;color:var(--color-text-secondary)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-muted)}.spinner{width:32px;height:32px;border:2px solid var(--glass-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-sm)}.inline-error{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);text-align:center}.error-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-full);font-size:1.5rem;margin-bottom:var(--space-md)}.error-message{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);margin-bottom:var(--space-md);color:var(--color-text-muted)}.empty-title{font-size:1.1rem;color:var(--color-text);margin-bottom:var(--space-xs)}.empty-description{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.connection-status{position:fixed;top:70px;left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-lg);background:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;z-index:200;box-shadow:var(--shadow-md);display:none}.connection-status.show{display:block;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.result-message{padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-md);font-size:.9rem}.result-message:empty{display:none}.result-message.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(92,184,92,.3)}.result-message.error{background:var(--color-error-bg);color:var(--color-error);border:1px solid rgba(226,85,85,.3)}.custom-pricing-section{background:var(--color-bg-tertiary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md)!important;margin-top:var(--space-sm)}.custom-pricing-section .section-header{border-bottom:1px solid var(--glass-border);padding-bottom:var(--space-xs);margin-bottom:var(--space-xs)}.custom-pricing-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.custom-pricing-fields.hidden{display:none}.custom-pricing-fields label{display:flex;flex-direction:column;gap:var(--space-2xs);font-size:.75rem;color:var(--color-text-muted)}.custom-pricing-fields input{padding:var(--space-xs);background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.85rem}.multi-image-container{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.multi-image-preview{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.multi-image-preview img{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.existing-image{position:relative;width:80px;height:80px}.existing-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.existing-image .remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:var(--color-error);border:none;border-radius:var(--radius-full);color:#fff;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.file-upload{display:flex;align-items:center;gap:var(--space-md)}.file-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.25rem;background:linear-gradient(135deg,#d4a57426,#d4a5740d);border:1px solid rgba(212,165,116,.3);border-radius:var(--radius-lg);color:var(--color-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.file-upload-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-primary) 0%,rgba(212,165,116,.8) 100%);opacity:0;transition:opacity .2s ease}.file-upload-btn:hover{border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #d4a57440}.file-upload-btn:hover:before{opacity:1}.file-upload-btn:hover svg,.file-upload-btn:hover span{position:relative;z-index:1;color:var(--color-bg)}.file-upload-btn svg{transition:all .2s ease}.file-upload-btn:active{transform:translateY(0)}.file-name{font-size:.85rem;color:var(--color-text-muted);padding:.5rem .75rem;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.file-upload-dropzone{display:flex;align-items:center;justify-content:center;padding:var(--space-lg);border:2px dashed var(--glass-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:all .2s ease;min-height:120px}.file-upload-dropzone:hover{border-color:var(--color-primary);background:#d4a5740d}.file-upload-dropzone.drag-over{border-color:var(--color-primary);background:#d4a5741a;transform:scale(1.01)}.dropzone-content{text-align:center;color:var(--color-text-secondary)}.dropzone-content svg{color:var(--color-primary)}.pdf-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#ef44441a;border-radius:var(--radius-md);color:#ef4444}.pdf-preview svg{stroke:#ef4444}.pdf-preview span{font-size:.85rem;font-weight:500}.preview-container{margin-top:var(--space-md)}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.preview-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.preview-item img{max-width:100%;max-height:180px;border-radius:var(--radius-md);object-fit:contain}.preview-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-tertiary)}.render-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-secondary)}.render-loading span{font-size:.85rem}input[type=file]{font-family:inherit;font-size:.875rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:.5rem;cursor:pointer;transition:all .2s ease;width:100%}input[type=file]:hover{border-color:var(--color-primary);background:#d4a5740d}input[type=file]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4a57426}input[type=file]::-webkit-file-upload-button{font-family:inherit;font-size:.85rem;font-weight:500;color:var(--color-bg);background:linear-gradient(135deg,var(--color-primary) 0%,rgba(212,165,116,.85) 100%);border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;margin-right:.75rem;cursor:pointer;transition:all .2s ease}input[type=file]::-webkit-file-upload-button:hover{background:linear-gradient(135deg,rgba(212,165,116,.9) 0%,var(--color-primary) 100%);transform:translateY(-1px)}input[type=file]::file-selector-button{font-family:inherit;font-size:.85rem;font-weight:500;color:var(--color-bg);background:linear-gradient(135deg,var(--color-primary) 0%,rgba(212,165,116,.85) 100%);border:none;border-radius:var(--radius-sm);padding:.5rem 1rem;margin-right:.75rem;cursor:pointer;transition:all .2s ease}input[type=file]::file-selector-button:hover{background:linear-gradient(135deg,rgba(212,165,116,.9) 0%,var(--color-primary) 100%)}.form-group input[type=file]{margin-top:.25rem}input[type=file].file-input-compact{padding:.35rem;font-size:.8rem;flex:1}input[type=file].file-input-compact::-webkit-file-upload-button{padding:.35rem .75rem;font-size:.8rem}input[type=file].file-input-compact::file-selector-button{padding:.35rem .75rem;font-size:.8rem}.image-preview{margin-top:var(--space-sm)}.image-preview img{max-width:200px;max-height:150px;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.settings-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.sync-status{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem}.spreadsheet-selector{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.spreadsheet-selector h4{margin-bottom:var(--space-sm);font-size:.9rem}.selected-spreadsheet{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-success-bg);border-radius:var(--radius-md);margin-top:var(--space-md)}.spreadsheet-info{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-success)}.config-actions{margin-top:var(--space-md)}body.mobile-menu-open{overflow:hidden}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:12px;margin:-12px;z-index:101;position:relative}.hamburger-line{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){:root{--space-lg: 1rem;--space-xl: 1.5rem}.container{padding:0 var(--space-md)}.mobile-menu-toggle{display:flex}.header-content{flex-wrap:nowrap;position:relative}.nav{position:fixed;top:60px;left:0;right:0;bottom:auto;background:#0a0908fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--space-2xs);padding:var(--space-md);transform:translateY(-10px);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease;z-index:100;border-bottom:1px solid var(--glass-border);box-shadow:0 8px 32px #00000080;border-radius:0}.nav.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.nav-btn{width:100%;padding:.875rem 1rem;font-size:.95rem;justify-content:flex-start;border-radius:var(--radius-md)}.nav-btn svg{width:20px;height:20px}.auth-nav{margin-top:var(--space-lg);width:100%;max-width:280px}.user-menu{width:100%}.user-menu-btn{width:100%;justify-content:center}.shopify-indicator{margin-top:var(--space-md)}.section-header{flex-direction:column;align-items:flex-start}.catalog-controls,.search-input{width:100%}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-sm)}.form-grid{grid-template-columns:1fr}.form-group.span-2{grid-column:span 1}.modal-content{padding:var(--space-lg);margin:var(--space-sm)}.modal-nav{display:none}.product-detail-grid,.product-detail-pricing{grid-template-columns:1fr}.essentials-filters{flex-direction:column;align-items:stretch}.essentials-search{width:100%}.essentials-category-tabs{overflow-x:auto;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--glass-border: rgba(212, 165, 116, .3);--color-text-muted: #9A958F}}.hidden{display:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-hover) var(--color-bg-secondary)}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;min-height:500px}@media(max-width:768px){.product-detail-grid{grid-template-columns:1fr}}.product-detail-images{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-surface) 100%);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.image-main{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.image-main img{max-width:100%;max-height:350px;object-fit:contain;border-radius:var(--radius-md);transition:var(--transition-base)}.image-main img:hover{transform:scale(1.02)}.image-thumbnails{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.image-thumbnails .thumb{width:70px;height:70px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--glass-border);cursor:pointer;transition:var(--transition-fast);opacity:.7}.image-thumbnails .thumb:hover{border-color:var(--color-primary);opacity:1;transform:translateY(-2px)}.image-thumbnails .thumb.active{border-color:var(--color-primary);opacity:1}.image-manager{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.image-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.image-manager-header h4{margin:0;font-size:.9rem;color:var(--color-text)}.image-manager .image-count{font-size:.8rem;color:var(--color-text-muted)}.image-list{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);max-height:200px;overflow-y:auto}.image-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.image-item img{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-sm)}.image-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.image-item-info .image-type{font-size:.75rem;color:var(--color-primary);text-transform:uppercase}.image-item-info .image-position{font-size:.7rem;color:var(--color-text-muted)}.image-item-actions{display:flex;gap:4px}.btn-icon{width:28px;height:28px;border:1px solid var(--glass-border);background:var(--color-surface-elevated);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.btn-icon:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text)}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.btn-icon.btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef4444;color:#ef4444}.image-add-form{display:flex;gap:var(--space-xs);align-items:center}.image-add-form .form-input{font-size:.85rem;padding:var(--space-xs) var(--space-sm)}.product-detail-info{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);overflow-y:auto;max-height:600px}.product-detail-info h2{font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--color-text);margin:0;line-height:1.3}.product-detail-info .brand{font-size:.95rem;color:var(--color-text-muted);margin:0;margin-top:calc(var(--space-xs) * -1)}.detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.meta-item{font-size:.85rem;color:var(--color-text-secondary)}.meta-item strong{color:var(--color-text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-xs)}.status-toggle{padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.status-toggle>strong{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-weight:500}.status-buttons{display:flex;gap:var(--space-xs)}.status-btn{flex:1;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.status-btn:hover{border-color:var(--glass-border-hover);background:var(--color-surface-hover)}.status-btn.active{border-width:2px}.status-btn.active.status-in-stock{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.status-btn.active.status-out-stock{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.status-btn.active.status-discontinued{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.detail-section{padding:var(--space-md) 0;border-top:1px solid var(--glass-border)}.detail-section:first-of-type{border-top:none;padding-top:0}.detail-section h4{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.detail-section p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;margin:0}.scent-notes-display{display:flex;flex-direction:column;gap:var(--space-sm)}.scent-layer{display:flex;align-items:flex-start;gap:var(--space-sm)}.scent-layer-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--color-primary);min-width:55px;padding-top:2px}.scent-layer-notes{font-size:.85rem;color:var(--color-text-secondary);flex:1}.detail-pricing{padding:var(--space-md) 0;border-top:1px solid var(--glass-border)}.detail-pricing h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.pricing-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm)}.price-detail-item{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-surface) 100%);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:var(--transition-fast)}.price-detail-item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.price-detail-item .size{display:block;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-2xs)}.price-detail-item .price{display:block;font-family:var(--font-display);font-size:1.35rem;font-weight:500;color:var(--color-primary)}.no-pricing{color:var(--color-text-tertiary);font-style:italic;font-size:.85rem}.detail-description{padding:var(--space-md) 0;border-top:1px solid var(--glass-border)}.detail-description h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.description-content{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.description-content p{margin-bottom:var(--space-md)}.description-content .scent-notes{padding:var(--space-md);background:#d4a5740d;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.description-content .scent-notes strong{display:block;font-size:.75rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.description-content .scent-notes ul{list-style:none;padding:0;margin:0}.description-content .scent-notes li{padding:var(--space-xs) 0;padding-left:var(--space-md);position:relative;font-size:.85rem;color:var(--color-text-secondary)}.description-content .scent-notes li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.description-content .disclaimer{padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--glass-border)}.description-content .disclaimer em{font-size:.75rem;color:var(--color-text-tertiary);line-height:1.6}.note-pyramid{padding:var(--space-md) 0;border-top:1px solid var(--glass-border)}.note-pyramid h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.pyramid-container{display:flex;flex-direction:column;gap:var(--space-sm)}.pyramid-level{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:3px solid transparent}.pyramid-level.top-notes{border-left-color:#e8c9a1}.pyramid-level.middle-notes{border-left-color:#d4a574}.pyramid-level.base-notes{border-left-color:#8b6f47}.level-label{display:flex;align-items:center;gap:.5rem;min-width:100px;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.level-icon{font-size:.6rem;opacity:.7}.level-notes{display:flex;flex-wrap:wrap;gap:.35rem;flex:1}.note-tag{display:inline-block;padding:.25rem .6rem;background:var(--color-surface);border-radius:var(--radius-full);font-size:.75rem;color:var(--color-text-secondary);border:1px solid var(--glass-border)}.note-tag.top{border-color:#e8c9a14d;background:#e8c9a11a}.note-tag.middle{border-color:#d4a5744d;background:#d4a5741a}.note-tag.base{border-color:#8b6f474d;background:#8b6f471a}.note-empty{font-size:.8rem;font-style:italic;color:var(--color-text-tertiary)}.data-completeness{padding:var(--space-md) 0;border-top:1px solid var(--glass-border)}.completeness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.completeness-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.completeness-score{font-size:.85rem;font-weight:600}.completeness-score.complete{color:var(--color-success)}.completeness-score.partial{color:var(--color-warning)}.completeness-score.incomplete{color:var(--color-error)}.completeness-bar{height:6px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm)}.completeness-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.completeness-fill.complete{background:var(--color-success)}.completeness-fill.partial{background:var(--color-warning)}.completeness-fill.incomplete{background:var(--color-error)}.completeness-missing{font-size:.75rem;color:var(--color-text-tertiary)}.completeness-missing .missing-label{color:var(--color-text-muted);margin-right:.25rem}.similar-products-section{padding:var(--space-md) 0;border-top:1px solid var(--glass-border)}.similar-products-section h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-md)}.similar-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.similar-product-card{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--transition-fast)}.similar-product-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.similar-product-image{aspect-ratio:1;background:var(--color-surface);overflow:hidden}.similar-product-image img{width:100%;height:100%;object-fit:cover}.similar-product-info{padding:var(--space-xs)}.similar-product-name{display:block;font-size:.7rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-product-brand{display:block;font-size:.6rem;color:var(--color-text-muted)}@media(max-width:600px){.similar-products-grid{grid-template-columns:repeat(2,1fr)}}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--glass-border);margin-top:auto}.detail-actions .btn{flex:1;min-width:120px}.product-status{display:flex;gap:4px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-tertiary);opacity:.4;transition:var(--transition-fast)}.status-dot.active{background:var(--color-success);opacity:1;box-shadow:0 0 6px var(--color-success)}.product-quality-row{display:flex;align-items:center;gap:6px}.quality-indicators .status-dot.active{background:var(--color-success)}.quality-indicators .status-dot:not(.active){background:var(--color-text-muted);opacity:.4}.quality-warning-badge{display:inline-flex;align-items:center;gap:.25rem;background:var(--color-warning);color:var(--color-dark);padding:.15rem .4rem;border-radius:.75rem;font-size:.65rem;font-weight:600;line-height:1}.quality-warning-badge svg{flex-shrink:0}.settings-card .card-header h3{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:1.15rem;font-weight:500;color:var(--color-text)}.settings-card .card-header h3:before{display:none}.settings-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4a57426,#d4a5740d);border-radius:var(--radius-md);font-size:1rem;flex-shrink:0}#pricing-settings{margin-top:var(--space-md)}.pricing-category{margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.pricing-category h4{font-size:.85rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border)}.pricing-inputs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-md)}.pricing-input-group{display:flex;flex-direction:column;gap:var(--space-xs)}.pricing-input-group label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.input-with-prefix{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-fast)}.input-with-prefix:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #d4a5741a}.input-with-prefix .prefix{padding:.5rem .75rem;background:#d4a5741a;color:var(--color-primary);font-weight:600;font-size:.85rem}.input-with-prefix input{flex:1;padding:.5rem .75rem;border:none;background:transparent;color:var(--color-text);font-size:.9rem;font-family:var(--font-body);outline:none;min-width:0}.input-with-prefix input::-webkit-outer-spin-button,.input-with-prefix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-with-prefix input[type=number]{-moz-appearance:textfield}#variants-settings{margin-top:var(--space-md)}.variant-management{display:flex;flex-direction:column;gap:var(--space-lg)}.variants-category{padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.variants-category h4{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border)}.variant-type{margin-bottom:var(--space-md)}.variant-type:last-child{margin-bottom:0}.variant-item-info{display:flex;flex-direction:column;gap:var(--space-sm)}.variant-item-name{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:capitalize}.variant-item-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.size-tag{display:inline-flex;align-items:center;gap:4px;padding:.35rem .7rem;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text-secondary);transition:var(--transition-fast)}.size-tag:hover{border-color:var(--glass-border-hover)}.size-tag-remove{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:2px;transition:var(--transition-fast)}.size-tag-remove:hover{color:var(--color-error)}.btn-add-size{padding:.3rem .6rem;background:#d4a5741a;border:1px dashed rgba(212,165,116,.3);border-radius:var(--radius-full);color:var(--color-primary);font-size:.75rem;cursor:pointer;transition:var(--transition-fast)}.btn-add-size:hover{background:#d4a57433;border-style:solid}.btn-icon-sm{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:var(--transition-fast)}.btn-icon-sm:hover{background:var(--color-error-bg);border-color:#e255554d;color:var(--color-error)}.pricing-origin-section{margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.pricing-origin-title{font-size:.85rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.pricing-item{display:flex;flex-direction:column;gap:var(--space-xs)}.pricing-item .form-label{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.price-input-group{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-fast)}.price-input-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #d4a5741a}.price-prefix{padding:.5rem .75rem;background:#d4a5741a;color:var(--color-primary);font-weight:600;font-size:.85rem}.price-input{flex:1;padding:.5rem .75rem;border:none!important;background:transparent!important;color:var(--color-text);font-size:.9rem;outline:none;min-width:0}.price-input::-webkit-outer-spin-button,.price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-input[type=number]{-moz-appearance:textfield}.sizes-origin-section{margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.sizes-origin-title{font-size:.85rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border)}.sizes-variant-group{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--glass-border)}.sizes-variant-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.sizes-variant-title{font-size:.8rem;font-weight:500;color:var(--color-text-secondary);text-transform:capitalize;margin-bottom:var(--space-sm)}.sizes-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.size-remove{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:2px;transition:var(--transition-fast)}.size-remove:hover{color:var(--color-error)}.add-size-row{margin-top:var(--space-sm)}.add-size-select{max-width:180px;padding:.35rem .7rem;font-size:.8rem}#store-settings{margin-top:var(--space-md)}.store-settings-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.store-setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--glass-border);gap:var(--space-md)}.setting-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.setting-value{font-size:.85rem;color:var(--color-text);font-weight:500;text-align:right;word-break:break-all;overflow:hidden;text-overflow:ellipsis}.disclaimer-preview{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.disclaimer-preview .setting-label{display:block;margin-bottom:var(--space-sm)}.disclaimer-preview .disclaimer-text{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6;font-style:italic;margin:0;padding:0;background:none;border:none}.settings-empty{padding:var(--space-lg);text-align:center;color:var(--color-text-muted);font-size:.85rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px dashed var(--glass-border)}.export-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.export-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;transition:var(--transition-base);position:relative;overflow:hidden}.export-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:var(--transition-fast)}.export-card:hover{border-color:var(--glass-border-hover);transform:translateY(-6px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.export-card:hover:before{opacity:1}.export-icon{font-size:3rem;margin-bottom:var(--space-lg);display:block;filter:grayscale(.3);transition:var(--transition-fast)}.export-card:hover .export-icon{filter:grayscale(0);transform:scale(1.1)}.export-card h3{font-family:var(--font-display);font-size:1.25rem;color:var(--color-text);margin-bottom:var(--space-sm)}.export-card p{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-xl);line-height:1.5}.essentials-category{margin-bottom:var(--space-2xl)}.essentials-category-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border)}.essentials-category-header .cat-icon{font-size:1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-sm)}.essentials-category-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--color-text);margin:0;flex:1}.essentials-category-header .cat-count{font-size:.75rem;color:var(--color-text-muted);background:var(--color-surface);padding:.25rem .6rem;border-radius:var(--radius-full)}.essentials-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.essential-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-base);cursor:pointer;display:flex;flex-direction:column;position:relative}.essential-card:hover{transform:translateY(-6px);border-color:var(--glass-border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.essential-shopify-badge{position:absolute;top:8px;left:8px;z-index:10}.essential-shopify-badge .shopify-status-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-md)}.essential-shopify-badge .shopify-status-badge.on-shopify{background:var(--color-success);color:#fff}.essential-shopify-badge .shopify-status-badge.not-on-shopify{background:var(--color-text-muted);color:var(--color-bg)}.essential-image{position:relative;height:160px;overflow:hidden;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-surface) 100%);display:flex;align-items:center;justify-content:center}.essential-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-base)}.essential-card:hover .essential-image img{transform:scale(1.05)}.essential-image.no-img{color:var(--color-text-tertiary);font-size:.8rem}.essential-image.no-img span{padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.essential-card-body{padding:var(--space-md);flex:1;display:flex;flex-direction:column}.essential-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.essential-price{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--color-primary)}.essential-status{width:10px;height:10px;border-radius:50%;background:var(--color-text-tertiary)}.essential-status.available{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.essential-status.unavailable{background:var(--color-error)}.essential-name{font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--color-text);margin:0 0 var(--space-xs) 0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.essential-desc{font-size:.75rem;color:var(--color-text-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.essentials-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.essentials-empty p{font-size:.9rem}.multi-image-item{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--glass-border);margin-bottom:var(--space-xs)}.multi-image-item img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.multi-image-item .image-item-controls{display:flex;align-items:center;gap:var(--space-sm);flex:1}.multi-image-item .image-number{font-size:.75rem;background:#0006;color:#fff;padding:2px 8px;border-radius:var(--radius-sm)}.multi-image-item .image-reorder-btns{display:flex;gap:4px}.btn-icon-sm{width:24px;height:24px;border:1px solid var(--glass-border);background:var(--color-surface-elevated);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);padding:0}.btn-icon-sm:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-primary);color:var(--color-text)}.btn-icon-sm:disabled{opacity:.3;cursor:not-allowed}.multi-image-item .remove-image{margin-left:auto;width:24px;height:24px;border-radius:var(--radius-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--transition-fast)}.multi-image-item .remove-image:hover{background:#ef444433;border-color:#ef4444}.scent-journey{min-height:calc(100vh - 80px);position:relative;overflow:hidden}.journey-screen{display:none;min-height:calc(100vh - 80px);position:relative}.journey-screen.active{display:flex;flex-direction:column;animation:journeyFadeIn .8s ease-out}@keyframes journeyFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.journey-ambient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(212,165,116,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(178,132,88,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(212,165,116,.04) 0%,transparent 70%);pointer-events:none;animation:ambientPulse 8s ease-in-out infinite}@keyframes ambientPulse{0%,to{opacity:.6}50%{opacity:1}}#journey-welcome{justify-content:center;align-items:center;text-align:center;padding:var(--space-xl)}.journey-content{position:relative;z-index:1;max-width:600px}.journey-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);animation:logoFloat 4s ease-in-out infinite}.journey-brand-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(212,165,116,.3))}.journey-brand-name{font-family:var(--font-display);font-size:1.5rem;font-weight:300;color:var(--color-primary);letter-spacing:.1em}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.journey-logo{width:100px;height:100px;margin:0 auto var(--space-xl);background:linear-gradient(135deg,#d4a57426,#b284581a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.journey-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:300;color:var(--color-text);margin-bottom:var(--space-md);letter-spacing:-.02em;line-height:1.2}.journey-subtitle{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:var(--space-xl);line-height:1.6}.journey-start-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-display);font-size:1.1rem;font-weight:400;color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .4s ease;box-shadow:0 4px 20px #d4a5744d}.journey-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4a57466}.journey-start-btn svg{transition:transform .3s ease}.journey-start-btn:hover svg{transform:translate(4px)}.journey-note{margin-top:var(--space-lg);font-size:.85rem;color:var(--color-text-muted);opacity:.7}#journey-questions{padding:var(--space-xl)}.journey-progress{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}.progress-bar-journey{flex:1;height:4px;background:var(--glass-border);border-radius:var(--radius-full);overflow:hidden}.progress-fill-journey{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-full);transition:width .5s ease}#journey-step{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.journey-question-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:700px;margin:0 auto;width:100%}.journey-question{text-align:center;animation:questionEnter .6s ease-out;width:100%}@keyframes questionEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.question-icon{width:60px;height:60px;margin:0 auto var(--space-lg);color:var(--color-primary);opacity:.8}.question-text{font-family:var(--font-display);font-size:clamp(1.3rem,3vw,1.8rem);font-weight:300;color:var(--color-text);margin-bottom:var(--space-xs);line-height:1.4}.question-subtext{font-size:.95rem;color:var(--color-text-muted);margin-bottom:var(--space-xl);line-height:1.5}.journey-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);width:100%;margin-top:var(--space-lg)}.journey-option{background:var(--color-surface);border:2px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.journey-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(212,165,116,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.journey-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.journey-option:hover:before{opacity:1}.journey-option.selected{border-color:var(--color-primary);background:#d4a57414;box-shadow:0 0 0 3px #d4a57433}.option-emoji{font-size:2.5rem;margin-bottom:var(--space-sm);display:block}.option-title{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--color-text);margin-bottom:var(--space-xs)}.option-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.journey-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg)}.journey-pill{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:2px solid var(--glass-border);border-radius:var(--radius-full);font-size:.9rem;color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease}.journey-pill:hover{border-color:var(--color-primary);color:var(--color-text)}.journey-pill.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.journey-nav{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-xl);padding-bottom:var(--space-xl)}.journey-nav-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:.9rem;color:var(--color-text-muted);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.journey-nav-btn:hover{border-color:var(--color-primary);color:var(--color-text)}#journey-results{padding:var(--space-xl);align-items:center}.journey-results-header{text-align:center;margin-bottom:var(--space-xl)}.journey-results-header h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:300;color:var(--color-text);margin-bottom:var(--space-sm)}#scent-profile-summary{font-size:1.1rem;color:var(--color-text-muted);max-width:600px;margin:0 auto;line-height:1.6}.scent-profile-visual{margin-bottom:var(--space-xl)}.scent-wheel{width:200px;height:200px;margin:0 auto;position:relative;border-radius:50%;background:conic-gradient(from 0deg,#ffb6c14d,#ffdab94d,#d4a5744d,#8b5a2b4d,#228b224d,#0080804d,#ffb6c14d);display:flex;align-items:center;justify-content:center}.scent-wheel:after{content:"";width:120px;height:120px;background:var(--color-bg);border-radius:50%}.scent-wheel-label{position:absolute;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.journey-matches{width:100%;max-width:1000px;margin-bottom:var(--space-xl)}.journey-matches h3{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--color-text);text-align:center;margin-bottom:var(--space-sm)}.matches-intro{text-align:center;font-size:.95rem;color:var(--color-text-muted);margin-bottom:var(--space-xl)}.matched-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.matched-product-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;position:relative}.matched-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:var(--color-primary)}.matched-product-image{aspect-ratio:1;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-surface) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.matched-product-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.matched-product-card:hover .matched-product-image img{transform:scale(1.05)}.match-percentage{position:absolute;top:var(--space-sm);right:var(--space-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:.8rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.matched-product-info{padding:var(--space-md)}.matched-product-name{font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--color-text);margin-bottom:var(--space-xs)}.matched-product-brand{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.matched-product-notes{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.match-reason{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--glass-border);font-size:.8rem;color:var(--color-primary);font-style:italic}.journey-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}@media(max-width:768px){.journey-options,.matched-products-grid{grid-template-columns:1fr}.journey-title{font-size:1.8rem}}.results-brand{text-align:center;margin-bottom:var(--space-lg)}.results-brand-logo{width:60px;height:60px;object-fit:contain;opacity:.9}.personality-reveal{text-align:center;margin-bottom:var(--space-lg);animation:personalityReveal .8s ease-out}.personality-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}@keyframes personalityReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.personality-icon{font-size:4rem;display:block;margin-bottom:var(--space-md);animation:iconBounce .6s ease-out .3s both}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.personality-name{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400;color:var(--color-text);margin-bottom:var(--space-xs)}.personality-tagline{font-size:1.1rem;color:var(--color-primary);font-style:italic}.personality-description{max-width:600px;margin:0 auto var(--space-xl);text-align:center}.personality-description p{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.personality-traits{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.trait-badge{padding:var(--space-xs) var(--space-md);background:#d4a5741a;border:1px solid rgba(212,165,116,.3);border-radius:var(--radius-full);font-size:.85rem;color:var(--color-primary)}.match-section{margin-bottom:var(--space-xl);width:100%}.match-section-title{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--color-text);margin-bottom:var(--space-xs);text-align:center}.match-section-subtitle{font-size:.9rem;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-lg)}.signature-section .matched-product-card{max-width:400px;margin:0 auto}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg)}.wildcard-section{background:linear-gradient(135deg,rgba(212,165,116,.05) 0%,transparent 100%);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px dashed rgba(212,165,116,.3)}.wildcard-section .matched-product-card{max-width:350px;margin:0 auto}.signature-card{border:2px solid var(--color-primary);box-shadow:0 8px 30px #d4a57433}.wildcard-card{border-style:dashed}.wildcard-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.75rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.synesthetic-desc{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.syn-item{font-size:.75rem;padding:2px 8px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-muted)}.view-product-btn{width:100%;padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.view-product-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.match-reason{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;line-height:1.5;margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--glass-border)}.journey-skip-btn{display:inline-block;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9rem;cursor:pointer;transition:all .3s ease}.journey-skip-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.scent-profile-chart{margin:var(--space-xl) auto;text-align:center}.profile-chart-container{position:relative;width:200px;height:200px;margin:0 auto var(--space-md)}.profile-axis-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.axis-label{position:absolute;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.axis-label.top{top:-20px;left:50%;transform:translate(-50%)}.axis-label.bottom{bottom:-20px;left:50%;transform:translate(-50%)}.axis-label.left{left:-35px;top:50%;transform:translateY(-50%)}.axis-label.right{right:-40px;top:50%;transform:translateY(-50%)}.profile-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.profile-quadrant{border:1px solid var(--glass-border)}.profile-quadrant.q1{background:#64c8ff0d}.profile-quadrant.q2{background:#d4a57414}.profile-quadrant.q3{background:#96dcc80d}.profile-quadrant.q4{background:#ffc8960d}.profile-point{position:absolute;width:20px;height:20px;transform:translate(-50%,50%);z-index:10}.point-pulse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:#d4a5744d;animation:pointPulse 2s ease-in-out infinite}@keyframes pointPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.5);opacity:0}}.point-center{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--color-primary);border:3px solid #fff;box-shadow:0 2px 8px #0000004d}.profile-quadrant-label{font-size:.95rem;color:var(--color-text-secondary)}.profile-quadrant-label strong{color:var(--color-primary)}.share-profile-btn{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-full);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #d4a5744d}.share-profile-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a57466}.share-profile-btn svg{opacity:.9}@media(max-width:768px){.matches-grid{grid-template-columns:1fr}.personality-icon{font-size:3rem}.personality-name{font-size:1.6rem}.profile-chart-container{width:160px;height:160px}}.import-instructions{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,rgba(212,165,116,.03) 100%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.import-instructions h3{font-family:var(--font-display);font-size:1.1rem;color:var(--color-text);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.import-instructions ul{list-style:none;padding:0;margin:0}.import-instructions li{position:relative;padding:var(--space-sm) 0;padding-left:var(--space-xl);font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.import-instructions li:before{content:"";position:absolute;left:var(--space-xs);top:.95rem;width:8px;height:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50%}.file-upload-zone{border:2px dashed rgba(212,165,116,.3);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,rgba(212,165,116,.03) 0%,var(--color-bg-secondary) 100%);position:relative;overflow:hidden}.file-upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(212,165,116,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.file-upload-zone:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#d4a57414,#d4a57405);transform:translateY(-4px);box-shadow:0 12px 40px #d4a57433}.file-upload-zone:hover:before{opacity:1}.file-upload-zone.dragover{border-color:var(--color-primary);border-style:solid;background:linear-gradient(135deg,#d4a57426,#d4a5740d);transform:scale(1.02);box-shadow:0 16px 48px #d4a57440}.file-upload-zone.has-file{border-color:var(--color-success);border-style:solid;background:linear-gradient(135deg,#4ade8014,#4ade8005)}.upload-icon{font-size:4rem;margin-bottom:var(--space-md);filter:grayscale(.3);transition:all .3s ease;position:relative;z-index:1}.file-upload-zone:hover .upload-icon{filter:grayscale(0);transform:scale(1.15) translateY(-4px)}.file-upload-zone h3{font-family:var(--font-display);font-size:1.25rem;color:var(--color-text);margin-bottom:var(--space-sm);position:relative;z-index:1}.file-upload-zone p{color:var(--color-text-muted);margin-bottom:var(--space-md);position:relative;z-index:1}.upload-hint{font-size:.8rem;color:var(--color-text-tertiary);margin-top:var(--space-md);position:relative;z-index:1}.file-upload-zone .btn{background:linear-gradient(135deg,#d4a57433,#d4a5741a);border:1px solid rgba(212,165,116,.4);color:var(--color-primary);font-weight:500;padding:.75rem 1.5rem;position:relative;z-index:1;transition:all .2s ease}.file-upload-zone .btn:hover{background:linear-gradient(135deg,var(--color-primary) 0%,rgba(212,165,116,.8) 100%);border-color:var(--color-primary);color:var(--color-bg);transform:translateY(-2px);box-shadow:0 6px 20px #d4a5744d}.btn-export{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;box-shadow:0 2px 12px #14b8a640}.btn-export:hover{box-shadow:0 4px 20px #14b8a659}.config-source-card{border-left:3px solid var(--color-primary)}.status-indicator.loading{animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;box-shadow:0 0 #f0ad4e66}50%{opacity:.6;box-shadow:0 0 0 4px #f0ad4e00}}.status-indicator.warning{background:var(--color-warning)}.cat-vanilla{color:#f4d03f}.cat-gourmand{color:#e67e22}.cat-woody{color:#8b7355}.cat-floral{color:#e91e63}.cat-fresh{color:#00bcd4}.cat-spicy{color:#ff5722}.cat-fruity{color:#ff9800}.cat-musky{color:#9c27b0}.cat-oud{color:#5d4037}.product-card.discontinued{opacity:.6}.product-card.discontinued .product-image{filter:grayscale(.5)}.product-card.discontinued:hover{opacity:.85}.modal-nav:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.sync-status.success{color:var(--color-success)}.sync-status.error{color:var(--color-error)}.sync-status .sync-message:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:var(--space-xs)}.sync-status.success .sync-message:before{background:var(--color-success)}.sync-status.error .sync-message:before{background:var(--color-error)}.no-data{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.no-data p{font-size:.9rem;margin-bottom:var(--space-md)}.detail-image{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-surface) 100%);padding:var(--space-xl);display:flex;align-items:center;justify-content:center;min-height:350px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.detail-image img{max-width:100%;max-height:300px;object-fit:contain}.product-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:.25rem .6rem;background:var(--color-primary);color:var(--color-bg);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);z-index:2}input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}small{display:block;font-size:.75rem;color:var(--color-text-tertiary);margin-top:var(--space-2xs)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-light)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:2rem}.quick-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:none;border-radius:var(--radius-sm);color:var(--color-bg);cursor:pointer;transition:var(--transition-fast)}.quick-action-btn:hover{background:var(--color-primary);transform:scale(1.1)}.quick-action-btn svg{width:14px;height:14px}.essentials-error{text-align:center;padding:var(--space-2xl);color:var(--color-error);background:var(--color-error-bg);border-radius:var(--radius-md);font-size:.9rem}.settings-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap}.settings-save-section{display:flex;gap:var(--space-md);padding-top:var(--space-lg);margin-top:var(--space-lg);border-top:1px solid var(--glass-border)}.settings-add-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.detail-actions-wrap{display:flex;gap:var(--space-sm);flex-wrap:wrap}.detail-status{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem}.detail-status .status-dot-lg{width:10px;height:10px;border-radius:50%}.detail-status .status-dot-lg.collected{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.detail-status .status-dot-lg.missing{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.detail-status .status-dot-lg.discontinued{background:var(--color-error)}@media(max-width:768px){.product-detail-info{max-height:none;padding:var(--space-lg)}.image-thumbnails{justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-xs)}.detail-pricing{grid-template-columns:repeat(3,1fr)}.essentials-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}.essential-image-container{height:150px}.export-options{gap:var(--space-md)}.export-card{padding:var(--space-xl)}.matcher-actions{flex-direction:column}.matcher-actions .btn{width:100%}}.user-info-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-surface);border-radius:var(--radius-full);border:1px solid var(--glass-border)}.user-avatar-sm{width:28px;height:28px;border-radius:50%;object-fit:cover}.role-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-bg)}.role-badge.viewer{background:var(--color-text-muted);color:var(--color-bg)}.role-badge.editor{background:#4a90d9}.role-badge.manager{background:#7b68ee}.role-badge.admin{background:var(--color-primary)}.settings-tabs{display:flex;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.settings-tab:hover{background:var(--color-surface-hover);color:var(--color-text)}.settings-tab.active{background:var(--color-primary);color:var(--color-bg)}.settings-tab.active svg{stroke:var(--color-bg)}.settings-tab svg{flex-shrink:0}.settings-tab-content{display:none}.settings-tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.form-hint{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--space-2xs)}.image-url-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.image-preview-small{margin-top:var(--space-sm);min-height:60px;border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.image-preview-small img{max-width:100%;max-height:100px;object-fit:contain}.pricing-editor{display:flex;flex-direction:column;gap:var(--space-lg)}.pricing-origin-group{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.pricing-origin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border)}.pricing-origin-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-primary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.price-input-group{display:flex;flex-direction:column;gap:var(--space-2xs)}.price-input-group label{font-size:.8rem;color:var(--color-text-secondary)}.price-input-wrapper{position:relative;display:flex;align-items:center}.price-input-wrapper:before{content:"$";position:absolute;left:12px;color:var(--color-text-muted);font-weight:500}.price-input{width:100%;padding:var(--space-sm) var(--space-sm) var(--space-sm) 28px;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.95rem;font-weight:500;transition:var(--transition-fast)}.price-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.sizes-editor{display:flex;flex-direction:column;gap:var(--space-lg)}.sizes-origin-group{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-md)}.sizes-origin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border)}.sizes-origin-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-primary)}.sizes-variant-section{margin-bottom:var(--space-md)}.sizes-variant-title{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm);text-transform:capitalize}.sizes-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.size-tag{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:.8rem;color:var(--color-text)}.size-tag .remove-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:50%;transition:var(--transition-fast)}.size-tag .remove-btn:hover{background:var(--color-error);color:#fff}.add-size-form{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.add-size-form input{flex:1;padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.85rem}.add-size-form input:focus{outline:none;border-color:var(--color-primary)}.add-size-form button{padding:var(--space-xs) var(--space-sm);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-bg);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.add-size-form button:hover{background:var(--color-primary-dark)}.users-list{display:flex;flex-direction:column;gap:var(--space-sm)}.user-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--glass-border);transition:var(--transition-fast)}.user-item:hover{border-color:var(--glass-border-hover)}.user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--color-surface)}.user-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;color:var(--color-bg)}.user-name{font-weight:600;color:var(--color-text);margin-bottom:2px}.user-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.user-status{display:flex;align-items:center;gap:4px}.user-status .dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted)}.user-status .dot.online{background:var(--color-success)}.user-actions{display:flex;gap:var(--space-xs)}.user-actions select{padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.8rem;cursor:pointer}.user-actions select:focus{outline:none;border-color:var(--color-primary)}.user-actions .btn-icon{padding:var(--space-xs);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast)}.user-actions .btn-icon:hover{border-color:var(--color-error);color:var(--color-error)}.access-requests-list{display:flex;flex-direction:column;gap:var(--space-sm)}.request-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-warning-bg);border-radius:var(--radius-md);border:1px solid rgba(240,173,78,.3)}.request-info{flex:1}.request-email{font-weight:600;color:var(--color-text)}.request-time{font-size:.8rem;color:var(--color-text-muted)}.request-reason{font-size:.85rem;color:var(--color-text-secondary);margin-top:4px;font-style:italic}.request-actions{display:flex;gap:var(--space-sm)}.count-badge{background:var(--color-warning);color:var(--color-bg);padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.audit-filters{display:flex;gap:var(--space-sm)}.audit-log-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:500px;overflow-y:auto}.audit-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:.85rem}.audit-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-surface)}.audit-icon.login{background:#4a90d933;color:#4a90d9}.audit-icon.create{background:var(--color-success-bg);color:var(--color-success)}.audit-icon.update{background:#d4a57433;color:var(--color-primary)}.audit-icon.delete{background:var(--color-error-bg);color:var(--color-error)}.audit-icon.export{background:#7b68ee33;color:#7b68ee}.audit-action{color:var(--color-text);margin-bottom:2px}.audit-action strong{color:var(--color-primary)}.audit-details{font-size:.8rem;color:var(--color-text-muted)}.audit-time{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--glass-border)}#audit-page-info{font-size:.85rem;color:var(--color-text-secondary)}@media(max-width:768px){.settings-tabs{padding:var(--space-xs)}.settings-tab{padding:var(--space-xs) var(--space-sm);font-size:.8rem}.settings-tab span:not(.settings-tab svg){display:none}.user-info-badge{display:none}.pricing-grid{grid-template-columns:1fr 1fr}.user-item{flex-wrap:wrap}.user-actions{width:100%;justify-content:flex-end;margin-top:var(--space-sm)}}.image-upload-group{display:flex;flex-direction:column;gap:var(--space-sm)}.upload-row{display:flex;gap:var(--space-sm)}.upload-row .btn{background:linear-gradient(135deg,#d4a57426,#d4a5740d);border:1px solid rgba(212,165,116,.3);color:var(--color-primary);font-weight:500;transition:all .2s ease}.upload-row .btn:hover{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0%,rgba(212,165,116,.8) 100%);color:var(--color-bg);transform:translateY(-1px);box-shadow:0 4px 12px #d4a57440}.image-preview-small{margin-top:var(--space-sm);min-height:80px;border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed var(--glass-border)}.image-preview-small img{max-width:100%;max-height:120px;object-fit:contain}.btn-autofill{width:100%;margin-top:var(--space-sm);display:flex;flex-direction:column;align-items:center;gap:4px;padding:.875rem 1rem;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px dashed rgba(99,102,241,.4);border-radius:var(--radius-lg);color:#818cf8;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.btn-autofill svg{width:20px;height:20px;margin-bottom:2px}.btn-autofill .autofill-hint{font-size:.75rem;font-weight:400;opacity:.7}.btn-autofill:hover:not(:disabled){background:linear-gradient(135deg,#6366f133,#8b5cf61a);border-color:#818cf8;border-style:solid;transform:translateY(-2px);box-shadow:0 8px 24px #6366f133}.btn-autofill:disabled{opacity:.4;cursor:not-allowed}.btn-autofill.loading{pointer-events:none}.btn-autofill.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.btn-autofill.success{background:linear-gradient(135deg,#4ade8026,#22c55e0d);border-color:var(--color-success);border-style:solid;color:var(--color-success)}.btn-autofill .spinning{animation:spin 1s linear infinite}.import-excel-section{margin-bottom:var(--space-lg)}.excel-import-zone{border:2px dashed rgba(212,165,116,.3);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;cursor:pointer;transition:all .25s ease;background:linear-gradient(135deg,rgba(212,165,116,.02) 0%,transparent 100%);margin-bottom:var(--space-md)}.excel-import-zone:hover{border-color:var(--color-primary);background:linear-gradient(135deg,#d4a57414,#d4a57405);transform:translateY(-2px);box-shadow:0 8px 24px #d4a57426}.excel-import-zone.dragover{border-color:var(--color-primary);border-style:solid;background:linear-gradient(135deg,#d4a57426,#d4a5740d)}.excel-import-zone.has-file{border-color:var(--color-success);background:linear-gradient(135deg,#4ade8014,#4ade8005)}.excel-import-zone.has-file .upload-content svg{color:var(--color-success);background:#4ade8026}.excel-import-zone .upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-muted)}.excel-import-zone .upload-content svg{color:var(--color-primary);width:32px;height:32px;padding:8px;background:#d4a5741a;border-radius:50%;transition:all .25s ease}.import-excel-btn{width:100%;justify-content:center;padding:.875rem 1.5rem}.import-excel-btn:disabled{opacity:.5;cursor:not-allowed}.login-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg);z-index:100000;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .2s ease,visibility .2s ease}.login-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.login-card{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:3rem;text-align:center;max-width:400px;width:90%;box-shadow:var(--shadow-xl)}.login-logo{width:80px;height:auto;margin-bottom:1.5rem;opacity:.9}.login-title{font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--color-text-primary);margin:0 0 .5rem;letter-spacing:.02em}.login-subtitle{color:var(--color-text-muted);font-size:.9rem;margin:0 0 2rem}.login-google-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:var(--color-surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s ease}.login-google-btn:hover{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #d4a5744d}.login-google-btn svg{flex-shrink:0}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:var(--radius-md);font-size:.85rem;margin-bottom:1.5rem;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--glass-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:1.5rem auto 0}@keyframes spin{to{transform:rotate(360deg)}}.auth-nav{display:flex;align-items:center;margin-left:var(--space-sm);padding-left:var(--space-sm);border-left:1px solid var(--glass-border)}.login-btn{color:var(--color-primary)!important}.login-btn:hover{background:var(--color-primary)!important;color:var(--color-bg)!important}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.user-menu-btn:hover{border-color:var(--color-primary);background:var(--color-surface-hover)}.nav-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-surface-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000}.user-dropdown-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--glass-border);display:flex;flex-direction:column;gap:4px}.user-dropdown-header span:first-child{font-size:.85rem;color:var(--color-text);font-weight:500}.role-badge-sm{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-bg);width:fit-content}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);text-decoration:none;font-size:.85rem;transition:var(--transition-fast)}.user-dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.user-dropdown-item svg{flex-shrink:0}.shopify-indicator{display:flex;align-items:center;margin-left:var(--space-md)}.shopify-indicator.connected .shopify-connected{display:flex;align-items:center;gap:6px;color:var(--color-success);font-size:.85rem;font-weight:500}.shopify-indicator.connected .shopify-refresh-btn{margin-left:8px;padding:4px 10px;font-size:.75rem;background:transparent;border:1px solid rgba(212,165,116,.3);color:var(--color-text-muted);display:flex;align-items:center;gap:4px;transition:all .2s ease}.shopify-indicator.connected .shopify-refresh-btn:hover{background:#d4a57426;color:var(--color-primary);border-color:var(--color-primary)}.shopify-indicator.connected .shopify-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.shopify-indicator.disconnected .shopify-connect-btn{background:linear-gradient(135deg,#d4a57426,#d4a5740d);border:1px solid rgba(212,165,116,.3);color:var(--color-primary);padding:6px 12px;font-size:.8rem;display:flex;align-items:center;gap:6px}.shopify-indicator.disconnected .shopify-connect-btn:hover{background:var(--color-primary);color:var(--color-bg)}.shopify-indicator.not-configured .shopify-not-configured{color:var(--color-text-muted);font-size:.8rem}.shopify-status-badge{position:absolute;top:8px;left:8px;z-index:10}.shopify-status-badge span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700}.shopify-status-badge.on-shopify span{background:var(--color-success);color:#fff}.shopify-status-badge.not-on-shopify span{background:var(--color-text-muted);color:var(--color-bg)}.shopify-status-badge.needs-sync span{background:#f59e0b;color:#fff;animation:pulse-sync 2s ease-in-out infinite}@keyframes pulse-sync{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.draft-badge{position:absolute;top:8px;left:8px;z-index:10}.draft-badge span{display:inline-block;padding:2px 8px;background:var(--color-warning);color:#000;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.draft-toggle{padding:var(--space-sm) 0;border-top:1px solid var(--glass-border)}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.toggle-text{display:flex;flex-direction:column;gap:2px}.toggle-text strong{font-size:.85rem;color:var(--color-text)}.toggle-hint{font-size:.75rem;color:var(--color-text-muted)}.toggle-switch{position:relative;width:44px;height:24px;background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-full);transition:var(--transition-fast);cursor:pointer}.toggle-switch.active{background:var(--color-warning);border-color:var(--color-warning)}.toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:var(--transition-fast);box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-slider{left:22px}.shopify-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;margin-left:6px;vertical-align:middle}.shopify-badge.on-shopify{background:var(--color-success);color:#fff}.shopify-badge.not-on-shopify{background:var(--color-text-muted);color:var(--color-bg)}.shopify-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);font-size:.9rem}.shopify-status.on-shopify{background:var(--color-success-bg);border:1px solid rgba(92,184,92,.3)}.shopify-status.on-shopify .status-icon{color:var(--color-success);font-weight:700}.shopify-status.on-shopify .status-text{color:var(--color-success);font-weight:500}.shopify-status.on-shopify .status-detail{color:var(--color-text-muted);font-size:.8rem;margin-left:auto;text-transform:capitalize}.shopify-status.not-on-shopify{background:var(--color-surface);border:1px solid var(--glass-border)}.shopify-status.not-on-shopify .status-icon{color:var(--color-text-muted)}.shopify-status.not-on-shopify .status-text{color:var(--color-text-secondary)}.shopify-status.unknown{background:var(--color-surface);border:1px dashed var(--glass-border)}.shopify-status.unknown .status-icon{color:var(--color-warning)}.shopify-status.unknown .status-text{color:var(--color-text-muted)}.shopify-status.unknown .status-detail{font-size:.75rem;color:var(--color-text-muted);opacity:.7}.shopify-status.needs-sync{background:#f59e0b1a;border:1px solid rgba(245,158,11,.4)}.shopify-status.needs-sync .status-icon{color:#f59e0b;font-weight:700;animation:rotate-icon 2s linear infinite}@keyframes rotate-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shopify-status.needs-sync .status-text{color:#f59e0b;font-weight:600}.shopify-status.needs-sync .status-detail{color:var(--color-text-muted);font-size:.75rem;display:block;width:100%;margin-top:4px}.shopify-sync-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#96bf48,#5e8e3e);border:none;border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.shopify-sync-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #96bf484d}.shopify-sync-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.shopify-sync-btn svg{width:16px;height:16px}.shopify-section{background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-md)}.shopify-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.shopify-section-title{font-size:.95rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:8px}.shopify-section-title svg{color:#96bf48}.selection-toolbar .shopify-sync-btn{padding:8px 14px;font-size:.85rem}.import-summary{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md)}.import-summary .summary-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-lg)}.import-summary .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary)}.import-summary .summary-stat.warning .stat-value{color:var(--color-warning)}.import-summary .stat-label{font-size:.85rem;color:var(--color-text-secondary);margin-top:4px}.duplicates-section{margin-top:var(--space-lg)}.duplicates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.duplicates-header h3{margin:0;font-size:1rem;color:var(--color-text)}.bulk-duplicate-actions{display:flex;gap:var(--space-sm)}.duplicates-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.import-duplicate-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border);gap:var(--space-md)}.import-duplicate-item:last-child{border-bottom:none}.import-duplicate-item:hover{background:var(--color-surface)}.duplicate-info{flex:1;min-width:0}.duplicate-name{font-weight:600;color:var(--color-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duplicate-comparison{display:flex;align-items:center;gap:var(--space-sm);font-size:.8rem;color:var(--color-text-secondary);flex-wrap:wrap}.duplicate-existing{color:var(--color-warning)}.duplicate-arrow{color:var(--color-text-tertiary)}.duplicate-new{color:var(--color-success)}.duplicate-actions{flex-shrink:0}.duplicate-action-select{padding:6px 10px;font-size:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text);cursor:pointer}.duplicate-action-select:focus{outline:none;border-color:var(--color-primary)}#shopify-details{margin-top:var(--space-md)}.shopify-loading,.shopify-error{font-size:.85rem;color:var(--color-text-secondary);padding:var(--space-sm)}.shopify-error{color:var(--color-error)}.shopify-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.shopify-detail-item{display:flex;flex-direction:column;padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm)}.shopify-detail-item .detail-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.shopify-detail-item .detail-value{font-size:1rem;font-weight:600;color:var(--color-text)}.shopify-detail-item .detail-value.in-stock{color:var(--color-success)}.shopify-detail-item .detail-value.out-of-stock{color:var(--color-error)}.shopify-detail-item .detail-value.status-active{color:var(--color-success)}.shopify-detail-item .detail-value.status-draft{color:var(--color-warning)}.shopify-detail-item .detail-value.status-archived{color:var(--color-text-secondary)}.shopify-variants-section{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.variants-header{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);padding:var(--space-sm);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.shopify-variants-list{max-height:150px;overflow-y:auto}.shopify-variant{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:.85rem}.shopify-variant:last-child{border-bottom:none}.variant-title{color:var(--color-text)}.variant-inventory{font-weight:500;color:var(--color-success)}.shopify-meta{display:flex;gap:var(--space-md);margin-top:var(--space-sm);font-size:.75rem;color:var(--color-text-tertiary)}.shopify-meta .unpublished{color:var(--color-warning)}.restock-card{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border)}.restock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.restock-title{display:flex;align-items:center;gap:var(--space-sm)}.restock-title h3{margin:0;font-size:1rem;font-weight:600}.restock-title svg{color:var(--color-warning)}.restock-badge{background:var(--color-warning);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px;min-width:24px;text-align:center}.restock-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.restock-items{display:flex;flex-direction:column;gap:2px;max-height:250px;overflow-y:auto}.restock-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-success);font-size:.9rem}.restock-empty svg{color:var(--color-success)}.restock-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.restock-item:hover{background:var(--color-border)}.restock-item-main{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.restock-item-status{font-size:1rem;flex-shrink:0}.restock-item-info{display:flex;flex-direction:column;min-width:0}.restock-item-name{font-size:.9rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.restock-item-meta{font-size:.75rem;color:var(--color-text-secondary)}.restock-item-badges{display:flex;gap:var(--space-xs)}.restock-badge-shopify{font-size:.85rem}.restock-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.restock-actions .btn{flex:1;justify-content:center}.restock-modal-content{max-width:700px}.restock-modal-header{margin-bottom:var(--space-md)}.restock-modal-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin:var(--space-xs) 0 0 0}.restock-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.restock-filter{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s ease}.restock-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.restock-filter.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.restock-modal-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-lg)}.restock-modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.low-stock-card{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border)}.low-stock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.low-stock-title{display:flex;align-items:center;gap:var(--space-sm)}.low-stock-title h3{margin:0;font-size:1rem;font-weight:600}.low-stock-title svg{color:var(--color-danger)}.low-stock-badge{background:var(--color-danger);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px;min-width:24px;text-align:center}.low-stock-badge.ok{background:var(--color-success)}.low-stock-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.low-stock-items{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.low-stock-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-success);font-size:.9rem}.low-stock-empty svg{color:var(--color-success)}.low-stock-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.low-stock-item:hover{background:var(--color-border)}.low-stock-item-main{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.low-stock-item-qty{font-size:.85rem;font-weight:700;flex-shrink:0;min-width:28px;text-align:center;padding:2px 6px;border-radius:var(--radius-sm)}.low-stock-item-qty.out{background:var(--color-danger);color:#fff}.low-stock-item-qty.low{background:var(--color-warning);color:#fff}.low-stock-item-qty.not-tracked{background:var(--color-border);color:var(--color-text-secondary);font-weight:500}.low-stock-item-info{display:flex;flex-direction:column;min-width:0}.low-stock-item-name{font-size:.85rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.low-stock-item-variant{font-size:.7rem;color:var(--color-text-secondary)}.low-stock-item-action{flex-shrink:0}.low-stock-item-action .btn{padding:4px 10px;font-size:.75rem}.low-stock-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.low-stock-actions .btn{flex:1;justify-content:center}.low-stock-disconnected{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg);color:var(--color-text-secondary);font-size:.85rem;text-align:center;gap:var(--space-sm)}.low-stock-disconnected svg{opacity:.5}.low-stock-modal-content{max-width:800px}.low-stock-modal-header{margin-bottom:var(--space-md)}.low-stock-modal-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin:var(--space-xs) 0 0 0}.low-stock-modal-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md)}.low-stock-modal-stat{text-align:center}.low-stock-modal-stat-value{font-size:1.5rem;font-weight:700}.low-stock-modal-stat-value.danger{color:var(--color-danger)}.low-stock-modal-stat-value.warning{color:var(--color-warning)}.low-stock-modal-stat-label{font-size:.75rem;color:var(--color-text-secondary)}.low-stock-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.low-stock-filter{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s ease}.low-stock-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.low-stock-filter.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.low-stock-modal-list{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-lg)}.low-stock-modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.restock-input-group{display:flex;align-items:center;gap:var(--space-xs)}.restock-input-group input{width:50px;padding:4px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;text-align:center}.restock-input-group .btn{padding:4px 8px}.bulk-oil-main-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--color-border);margin-top:var(--space-xl)}.bulk-oil-main-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.bulk-oil-main-title{display:flex;align-items:center;gap:var(--space-md)}.bulk-oil-main-title svg{color:var(--color-primary);flex-shrink:0}.bulk-oil-main-title h3{margin:0;font-size:1.25rem;font-weight:600;font-family:var(--font-display)}.bulk-oil-main-subtitle{margin:var(--space-2xs) 0 0 0;font-size:.85rem;color:var(--color-text-secondary)}.bulk-oil-main-actions{display:flex;gap:var(--space-sm)}.bulk-oil-main-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.bulk-oil-stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);transition:transform .15s ease}.bulk-oil-stat-item:hover{transform:translateY(-2px)}.bulk-oil-stat-value{font-size:1.75rem;font-weight:700;font-family:var(--font-display)}.bulk-oil-stat-item.low .bulk-oil-stat-value{color:var(--color-error)}.bulk-oil-stat-item.medium .bulk-oil-stat-value{color:var(--color-warning)}.bulk-oil-stat-item.good .bulk-oil-stat-value{color:var(--color-success)}.bulk-oil-stat-item.unknown .bulk-oil-stat-value{color:var(--color-text-secondary)}.bulk-oil-stat-label{font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--space-2xs)}.bulk-oil-main-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm);max-height:300px;overflow-y:auto;padding:var(--space-xs)}.bulk-oil-main-grid .bulk-oil-item{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.bulk-oil-main-grid .bulk-oil-item:hover{border-color:#d4a5744d;background:var(--color-surface-hover)}@media(max-width:768px){.bulk-oil-main-stats{grid-template-columns:repeat(2,1fr)}.bulk-oil-main-header{flex-direction:column;align-items:flex-start}}.bulk-oil-card{background:var(--color-card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border)}.bulk-oil-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.bulk-oil-title{display:flex;align-items:center;gap:var(--space-sm)}.bulk-oil-title h3{margin:0;font-size:1rem;font-weight:600}.bulk-oil-title svg{color:var(--color-primary)}.bulk-oil-badge{background:var(--color-warning);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px;min-width:24px;text-align:center}.bulk-oil-badge.ok{background:var(--color-success)}.bulk-oil-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 var(--space-md) 0}.bulk-oil-items{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.bulk-oil-empty{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-secondary);font-size:.9rem}.bulk-oil-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.bulk-oil-item:hover{background:var(--color-border)}.bulk-oil-item-main{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.bulk-oil-item-level{width:40px;height:24px;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);position:relative;overflow:hidden}.bulk-oil-item-level-fill{position:absolute;bottom:0;left:0;right:0;background:var(--color-success);transition:height .2s ease}.bulk-oil-item-level-fill.low{background:var(--color-danger)}.bulk-oil-item-level-fill.medium{background:var(--color-warning)}.bulk-oil-item-info{display:flex;flex-direction:column;min-width:0}.bulk-oil-item-name{font-size:.85rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-oil-item-percent{font-size:.7rem;color:var(--color-text-secondary)}.bulk-oil-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.bulk-oil-actions .btn{flex:1;justify-content:center}.bulk-oil-modal-content{max-width:800px}.bulk-oil-modal-header{margin-bottom:var(--space-md)}.bulk-oil-modal-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin:var(--space-xs) 0 0 0}.bulk-oil-modal-stats{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);flex-wrap:wrap}.bulk-oil-modal-stat{text-align:center;flex:1;min-width:60px}.bulk-oil-modal-stat-value{font-size:1.25rem;font-weight:700}.bulk-oil-modal-stat-value.danger{color:var(--color-danger)}.bulk-oil-modal-stat-value.warning{color:var(--color-warning)}.bulk-oil-modal-stat-value.success{color:var(--color-success)}.bulk-oil-modal-stat-label{font-size:.7rem;color:var(--color-text-secondary)}.bulk-oil-filters{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.bulk-oil-filter{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s ease}.bulk-oil-filter:hover{border-color:var(--color-primary);color:var(--color-primary)}.bulk-oil-filter.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.bulk-oil-modal-list{max-height:400px;overflow-y:auto;overflow-x:visible;display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-lg);padding:var(--space-xs)}.bulk-oil-modal-item{display:flex;cursor:pointer;transition:all .15s ease;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid transparent}.bulk-oil-modal-item:hover{background:var(--color-surface-hover);border-color:#d4a57433;transform:translate(2px)}.bulk-oil-modal-item:active{transform:translate(0)}.bulk-oil-modal-item-info{flex:1;min-width:0}.bulk-oil-modal-item-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-oil-modal-item-brand{font-size:.75rem;color:var(--color-text-secondary)}.bulk-oil-modal-item-controls{display:flex;align-items:center;gap:var(--space-sm)}.bottle-picker{display:flex;align-items:center;gap:var(--space-md)}.bottle-container{position:relative;width:36px;height:72px;cursor:pointer;-webkit-user-select:none;user-select:none}.bottle-neck{position:absolute;top:0;left:50%;transform:translate(-50%);width:14px;height:10px;background:linear-gradient(180deg,#d4a5744d,#d4a57426);border:1px solid rgba(212,165,116,.4);border-bottom:none;border-radius:3px 3px 0 0}.bottle-cap{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:18px;height:8px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:3px 3px 1px 1px;box-shadow:0 2px 4px #0000004d}.bottle-body{position:absolute;top:10px;left:0;right:0;bottom:0;background:linear-gradient(90deg,#ffffff08,#ffffff14 30%,#ffffff08 70%,#0000000d);border:1px solid rgba(212,165,116,.25);border-radius:4px 4px 8px 8px;overflow:hidden;box-shadow:inset 0 0 15px #0003,0 4px 12px #0000004d}.bottle-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#d4a574e6,#b8884ff2,#8b6f47);transition:height .4s cubic-bezier(.34,1.56,.64,1);border-radius:0 0 7px 7px}.bottle-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(180deg,#fff6,#ffffff1a);border-radius:50%}.bottle-body:before{content:"";position:absolute;top:5px;left:4px;width:6px;bottom:10px;background:linear-gradient(180deg,#ffffff26,#ffffff0d);border-radius:3px;z-index:2}.bottle-markers{position:absolute;top:10px;right:-8px;bottom:0;width:6px;display:flex;flex-direction:column}.bottle-marker{flex:1;position:relative}.bottle-marker:before{content:"";position:absolute;right:0;top:50%;width:4px;height:1px;background:#d4a5744d;transition:all .15s ease}.bottle-container:hover .bottle-marker:before{background:#d4a57499;width:6px}.bottle-fill.level-100{background:linear-gradient(180deg,#5cb85ce6,#48a448)}.bottle-fill.level-75{background:linear-gradient(180deg,#5cb85cd9,#48a448f2)}.bottle-fill.level-50{background:linear-gradient(180deg,#f0ad4ee6,#dc993a)}.bottle-fill.level-25{background:linear-gradient(180deg,#e25555d9,#c84141)}.bottle-fill.level-10{background:linear-gradient(180deg,#e25555e6,#b42d2d)}.bottle-fill.level-0{height:0!important}.bottle-percent{font-size:.8rem;font-weight:600;color:var(--color-text);min-width:40px;text-align:right}.bottle-percent.level-good{color:var(--color-success)}.bottle-percent.level-medium{color:var(--color-warning)}.bottle-percent.level-low{color:var(--color-error)}.bottle-percent.level-unknown{color:var(--color-text-secondary)}.bottle-container:hover .bottle-body{border-color:#d4a57480;box-shadow:inset 0 0 15px #0003,0 4px 12px #0000004d,0 0 20px #d4a57426}.bottle-container.dragging .bottle-body{border-color:var(--color-primary);box-shadow:inset 0 0 15px #0003,0 4px 12px #0000004d,0 0 25px #d4a5744d}.bottle-container.dragging .bottle-fill{transition:height .05s ease-out}#bottle-level-popover{position:fixed;z-index:10000;background:var(--color-surface-elevated);border:1px solid rgba(212,165,116,.3);border-radius:var(--radius-lg);padding:var(--space-sm);box-shadow:0 10px 40px #00000080,0 0 0 1px #ffffff0d;display:none;flex-direction:column;gap:4px;min-width:120px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#bottle-level-popover.active{display:flex;animation:popoverFadeIn .15s ease-out}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#bottle-level-popover:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#d4a5744d}#bottle-level-popover:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--color-surface-elevated)}.popover-level-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;font-size:.85rem;color:var(--color-text);border:none;background:transparent;width:100%;text-align:left}.popover-level-option:hover{background:#d4a57426;transform:translate(2px)}.popover-level-option.selected{background:#d4a57433;color:var(--color-primary)}.popover-level-bar{width:28px;height:10px;background:var(--color-surface);border-radius:3px;overflow:hidden;border:1px solid var(--color-border);flex-shrink:0}.popover-level-fill{height:100%;border-radius:2px;transition:width .2s ease}.popover-level-fill.fill-100{width:100%;background:var(--color-success)}.popover-level-fill.fill-75{width:75%;background:var(--color-success)}.popover-level-fill.fill-50{width:50%;background:var(--color-warning)}.popover-level-fill.fill-25{width:25%;background:var(--color-error)}.popover-level-fill.fill-10{width:10%;background:var(--color-error)}.popover-level-fill.fill-0{width:0%;background:transparent}.bottle-container.compact{width:28px;height:56px}.bottle-container.compact .bottle-neck{width:10px;height:8px}.bottle-container.compact .bottle-cap{width:14px;height:6px;top:-4px}.bottle-container.compact .bottle-body{top:8px}.bottle-container.compact .bottle-markers{display:none}.bottle-container.large{width:60px;height:120px}.bottle-container.large .bottle-neck{width:20px;height:14px}.bottle-container.large .bottle-cap{width:26px;height:10px;top:-8px}.bottle-container.large .bottle-body{top:14px;border-radius:6px 6px 12px 12px}.bottle-container.large .bottle-fill{border-radius:0 0 11px 11px}.bottle-container.large .bottle-markers{right:-12px}.bottle-level-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.85rem;cursor:pointer;transition:all .2s ease;min-width:110px;text-align:left}.bottle-level-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translate(2px)}.bottle-level-btn.selected{background:#d4a57426;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 12px #d4a57433}.bottle-level-btn .level-bar{width:28px;height:10px;background:var(--color-surface-elevated);border-radius:3px;overflow:hidden;border:1px solid var(--color-border);flex-shrink:0}.bottle-level-btn .level-fill{display:block;height:100%;border-radius:2px;transition:width .2s ease}.bulk-oil-modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;padding-top:var(--space-md);border-top:1px solid var(--color-border)}body.modal-open{overflow:hidden}@media(max-width:768px){.modal{padding:0;align-items:flex-end}.modal-content{max-height:90vh;max-height:90dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-content.product-detail{max-height:95vh;max-height:95dvh;overflow-y:auto;display:flex;flex-direction:column}.product-detail-grid{flex:1;overflow-y:auto;min-height:0}.product-detail-info{max-height:none;overflow-y:visible;padding:var(--space-lg);padding-bottom:var(--space-2xl)}.product-detail-images{padding:var(--space-md);min-height:auto;flex-shrink:0}.image-main{min-height:200px}.image-main img{max-height:250px}.catalog-grid{gap:var(--space-md);padding:var(--space-md)}.product-card,.header{padding:var(--space-md)}.header-title{font-size:1.25rem}.nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-xs)}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{white-space:nowrap;flex-shrink:0}.modal-close{width:44px;height:44px;top:var(--space-sm);right:var(--space-sm)}input,select,textarea{font-size:16px!important}.bulk-actions{flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md)}.bulk-actions .btn{flex:1;min-width:120px;justify-content:center}.essentials-grid{gap:var(--space-md)}.essential-card{padding:var(--space-md)}.action-btn,.card-action-btn,.product-action{min-width:44px;min-height:44px}.import-preview-header{flex-direction:column;gap:var(--space-md)}.import-summary{width:100%;justify-content:space-around}.import-actions{width:100%}.import-actions .btn{flex:1}.import-filter-bar{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.select-all-actions{margin-left:0;width:100%;justify-content:space-between}.import-preview-item{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:var(--space-sm)}.import-item-image{grid-row:span 2}.import-item-status{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:var(--space-xs)}}@media(max-width:480px){:root{--space-lg: 1rem;--space-xl: 1.5rem}.modal-content{padding:var(--space-md);max-height:92vh;max-height:92dvh}.modal-content.product-detail{max-height:95vh;max-height:95dvh}.product-detail-info{padding:var(--space-md)}.product-detail-name{font-size:1.25rem}.product-detail-brand{font-size:.9rem}.catalog-grid{grid-template-columns:1fr;gap:var(--space-sm)}.product-card-name{font-size:1rem}.product-detail-pricing{flex-direction:column;gap:var(--space-sm)}.price-item{width:100%}.scent-tags{gap:var(--space-xs)}.scent-tag{font-size:.7rem;padding:2px 8px}}@supports (-webkit-touch-callout: none){.modal,.modal-content,.product-detail-grid{-webkit-overflow-scrolling:touch}}.brand-suggestion{margin-top:var(--space-xs);padding:var(--space-sm);background:#d4a57426;border:1px solid var(--color-accent);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.brand-suggestion .suggestion-text{flex:1;font-size:.85rem;color:var(--color-text)}.brand-suggestion .suggestion-text strong{color:var(--color-accent)}.brand-suggestion .suggestion-btn{padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .15s ease;border:none}.brand-suggestion .suggestion-btn.accept{background:var(--color-accent);color:var(--color-bg)}.brand-suggestion .suggestion-btn.accept:hover{background:var(--color-accent-hover)}.brand-suggestion .suggestion-btn.dismiss{background:transparent;border:1px solid var(--glass-border);color:var(--color-text-secondary)}.brand-suggestion .suggestion-btn.dismiss:hover{background:#ffffff0d}.input-error{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c33!important}.validation-error{color:#e74c3c;font-size:.8rem;margin-top:.25rem;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.validation-success{color:#27ae60;font-size:.8rem;margin-top:.25rem}.char-counter{font-size:.75rem;color:var(--color-text-secondary);text-align:right;margin-top:.25rem}.char-counter.warning{color:#f39c12}.char-counter.error{color:#e74c3c}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}.product-image-container{position:relative;background:var(--color-bg-secondary)}.product-image-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.05) 50%,transparent 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;z-index:1;opacity:1;transition:opacity .3s ease}.product-image-container.loaded:before{opacity:0;pointer-events:none}.product-image{opacity:0;transition:opacity .3s ease}.product-image.loaded{opacity:1}.product-card-skeleton{background:var(--glass-bg);border-radius:var(--radius-lg);overflow:hidden}.product-card-skeleton .skeleton-image{aspect-ratio:1;background:var(--color-bg-secondary)}.product-card-skeleton .skeleton-text{height:1rem;margin:.75rem;border-radius:var(--radius-sm)}.product-card-skeleton .skeleton-text.short{width:60%}.low-bandwidth-mode .product-image{filter:blur(0);image-rendering:pixelated}.sync-health-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.sync-health-card .health-check-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.sync-health-card .health-check-header h3{flex:1;margin:0;font-size:.9rem}.btn-icon-sm{background:transparent;border:none;padding:var(--space-2xs);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all .2s}.btn-icon-sm:hover{background:var(--color-surface-hover);color:var(--color-primary)}.sync-health-content{font-size:.85rem}.sync-health-ok{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-success);font-weight:500}.sync-health-stat{color:var(--color-text-muted);font-size:.8rem;margin-top:var(--space-xs)}.sync-health-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--color-success)}.sync-health-success svg{margin-bottom:var(--space-md);color:var(--color-success)}.sync-health-success p{margin:0;font-size:1rem;color:var(--color-text-secondary)}.sync-health-issues{display:flex;flex-direction:column;gap:var(--space-md)}.sync-issue-section{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md)}.sync-issue-title{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm) 0;font-size:.9rem;font-weight:600}.issue-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);color:#fff}.issue-badge.error{background:var(--color-error)}.issue-badge.warning{background:var(--color-warning)}.issue-badge.info{background:var(--color-primary)}.sync-issue-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-xs) 0}.sync-issue-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto}.sync-issue-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.sync-issue-item:hover{background:var(--color-surface-hover)}.sync-issue-item.issue-error{color:var(--color-error)}.sync-issue-item.issue-warning{color:var(--color-warning)}.sync-issue-item.issue-info{color:var(--color-primary)}.issue-icon{font-size:1rem}.sync-stats-summary{display:flex;gap:var(--space-lg);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.sync-stat{text-align:center}.sync-stat strong{display:block;font-size:1.5rem;color:var(--color-primary)}.issue-section{margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface)}.issue-section h4{margin:0 0 var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-xs)}.issue-section.issue-error h4{color:var(--color-error)}.issue-section.issue-warning h4{color:var(--color-warning)}.issue-section.issue-info h4{color:var(--color-primary)}.issue-section.issue-muted h4{color:var(--color-text-muted)}.issue-count{font-weight:400;opacity:.7}.issue-description{font-size:.85rem;color:var(--color-text-muted);margin:0 0 var(--space-md) 0}.issue-list{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto}.issue-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.issue-name{font-weight:500;flex:1}.issue-detail{font-size:.8rem;color:var(--color-text-muted);flex:1}.issue-more{text-align:center;color:var(--color-text-muted);font-size:.85rem;padding:var(--space-xs)}.btn-xs{padding:var(--space-2xs) var(--space-xs);font-size:.75rem;background:var(--color-primary);color:var(--color-bg);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s}.btn-xs:hover{opacity:.9}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-bg)}.bulk-sync-progress{padding:var(--space-lg) 0}.progress-bar-container{height:8px;background:var(--color-surface);border-radius:4px;overflow:hidden;margin-bottom:var(--space-md)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));transition:width .3s ease;border-radius:4px}.progress-stats{text-align:center;font-size:1.25rem;margin-bottom:var(--space-sm)}.progress-details{display:flex;justify-content:center;gap:var(--space-lg);font-size:.9rem}.success-count{color:var(--color-success)}.failed-count{color:var(--color-error)}.bulk-sync-status{text-align:center;color:var(--color-text-secondary);font-size:.9rem;margin-top:var(--space-md)}.modal-lg .modal-content{max-width:700px}.modal-sm .modal-content{max-width:400px}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}[x-cloak]{display:none!important}[x-transition\:enter]{transition:all .3s ease-out}[x-transition\:enter-start]{opacity:0;transform:translateY(-10px)}[x-transition\:enter-end]{opacity:1;transform:translateY(0)}[x-transition\:leave]{transition:all .2s ease-in}[x-transition\:leave-start]{opacity:1}[x-transition\:leave-end]{opacity:0}.shopify-product-link{margin-top:var(--space-md);padding:var(--space-md);background:#5cb85c14;border:1px solid rgba(92,184,92,.2);border-radius:var(--radius-md)}.shopify-store-link{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;text-decoration:none;transition:var(--transition-fast)}.shopify-store-link:hover{background:#4cae4c;transform:translateY(-1px)}.shopify-store-link svg{flex-shrink:0}.shopify-url-hint{display:block;margin-top:var(--space-xs);font-size:.7rem;color:var(--color-text-muted);word-break:break-all}.alpine-loading{opacity:.6;pointer-events:none}.infinite-scroll-sentinel{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:var(--space-xl)}.loading-more{display:flex;align-items:center;gap:var(--space-sm)}.product-card.selectable{cursor:pointer}.product-card.selectable:hover{border-color:var(--color-primary)}.product-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px #d4a5744d}.product-card.selected:before{content:"✓";position:absolute;top:8px;left:8px;width:24px;height:24px;background:var(--color-primary);color:var(--color-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:10}.btn-outline{background:transparent;border:1px solid currentColor}.btn-outline:hover{background:#ffffff0d}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-elevated) 37%,var(--color-surface) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-image{aspect-ratio:1}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0908b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100}.btn.is-loading{position:relative;color:transparent;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinner .6s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.is-updating{animation:pulse 1s ease-in-out infinite}@media(pointer:coarse){.btn,button{min-height:44px;min-width:44px}.filter-select,.form-input{min-height:44px}input[type=checkbox],input[type=radio]{min-width:22px;min-height:22px}.product-card.selectable .card-checkbox{width:28px;height:28px}.nav-item{padding:var(--space-sm) var(--space-md)}}.product-card,.nav-item,.btn,.filter-chip,.status-btn{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.product-card:active,.btn:active,.nav-item:active{transform:scale(.98)}.product-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-primary);opacity:0;transition:opacity .15s ease;pointer-events:none;border-radius:inherit}.product-card:active:after{opacity:.1}.error-boundary{padding:var(--space-xl);text-align:center;background:var(--color-error-bg);border:1px solid rgba(226,85,85,.3);border-radius:var(--radius-md)}.error-boundary h3{color:var(--color-error);margin-bottom:var(--space-sm)}.error-boundary p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.error-boundary .btn{margin-top:var(--space-md)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.empty-state h3{color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.modal-swipe-hint{position:absolute;top:50%;width:40px;height:4px;background:var(--color-text-muted);border-radius:2px;opacity:.5}.modal-swipe-hint.left{left:8px}.modal-swipe-hint.right{right:8px}@media(max-width:768px){.toast-container{top:auto;bottom:20px;right:10px;left:10px;max-width:none}.toast{padding:var(--space-sm) var(--space-md);font-size:.9rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.catalog-filters{flex-direction:column}.bulk-actions-menu{position:fixed;bottom:60px;left:10px;right:10px;width:auto}.selection-toolbar{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface-elevated);border-top:1px solid var(--glass-border);z-index:100;padding:var(--space-sm) var(--space-md)}.product-detail-grid{grid-template-columns:1fr}.product-detail-images{max-height:50vh}.modal-nav{display:none}}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-bg);padding:var(--space-sm) var(--space-md);z-index:10001;transition:top .3s ease}.skip-link:focus{top:0}.toggle-switch{position:relative;width:44px;height:24px;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.toggle-switch:hover{border-color:var(--glass-border-hover)}.toggle-switch.active{background:var(--color-success);border-color:var(--color-success)}.toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--color-text-muted);border-radius:50%;transition:var(--transition-fast)}.toggle-switch.active .toggle-slider{transform:translate(20px);background:#fff}.toggle-label{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.toggle-text{font-size:.9rem;color:var(--color-text)}.shopify-availability-toggle{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.availability-hint{display:block;margin-top:var(--space-xs);font-size:.75rem;color:var(--color-text-muted)}.alpine-toasts{position:fixed;top:80px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:420px;pointer-events:none}.alpine-toasts .toast{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#1e2026f2,#181a20fa);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 24px #0006,0 2px 8px #0003,inset 0 1px #ffffff0d;pointer-events:auto;position:relative;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-width:300px;max-width:420px;animation:toastSlideIn .35s cubic-bezier(.21,1.02,.73,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.alpine-toasts .toast-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1rem;font-weight:700}.alpine-toasts .toast-success .toast-icon{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;box-shadow:0 0 12px #22c55e4d}.alpine-toasts .toast-error .toast-icon{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#ef4444;box-shadow:0 0 12px #ef44444d}.alpine-toasts .toast-warning .toast-icon{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#f59e0b;box-shadow:0 0 12px #f59e0b4d}.alpine-toasts .toast-info .toast-icon{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#3b82f6;box-shadow:0 0 12px #3b82f64d}.alpine-toasts .toast-message{flex:1;font-size:.9rem;color:#fffffff2;line-height:1.5;font-weight:500;letter-spacing:.01em}.alpine-toasts .toast-close{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;color:#fff6;cursor:pointer;border-radius:6px;transition:all .2s ease;padding:0}.alpine-toasts .toast-close:hover{background:#ffffff1a;color:#ffffffe6;transform:scale(1.1)}.alpine-toasts .toast-progress{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 0 12px;transition:width .1s linear}.alpine-toasts .toast-success .toast-progress{background:linear-gradient(90deg,#22c55e,#4ade80)}.alpine-toasts .toast-error .toast-progress{background:linear-gradient(90deg,#ef4444,#f87171)}.alpine-toasts .toast-warning .toast-progress{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.alpine-toasts .toast-info .toast-progress{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.alpine-toasts .toast-removing{animation:toastSlideOut .3s cubic-bezier(.33,0,.67,0) forwards}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}@media(max-width:480px){.alpine-toasts{top:auto;bottom:20px;left:12px;right:12px;max-width:none}.alpine-toasts .toast{min-width:auto;max-width:none}}.toast-undo{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:inherit;padding:4px 10px;font-size:.8rem;font-weight:600;cursor:pointer;margin-left:auto;margin-right:var(--space-xs);transition:all .2s}.toast-undo:hover{background:#ffffff59}.filter-presets-dropdown{position:relative}.presets-menu{position:absolute;top:100%;left:0;z-index:100;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs);margin-top:4px}.preset-item{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;color:var(--color-text);text-align:left;transition:background .15s}.preset-item:hover{background:var(--color-surface-hover)}.preset-icon{width:20px;text-align:center}.preset-delete{margin-left:auto;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);font-size:1rem;line-height:1}.preset-delete:hover{background:var(--color-error);color:#fff}.preset-divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}.preset-save{color:var(--color-primary)}.modal-xl{max-width:1200px;width:95vw}.comparison-grid{display:grid;gap:var(--space-md);margin:var(--space-lg) 0}.comparison-item{display:flex;flex-direction:column;padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);position:relative}.comparison-remove{position:absolute;top:8px;right:8px;background:var(--color-surface-hover);border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:1rem;color:var(--color-text-muted);transition:all .2s}.comparison-remove:hover{background:var(--color-error);color:#fff}.comparison-image{width:100%;height:180px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-bg);margin-bottom:var(--space-sm)}.comparison-name{font-size:1rem;font-weight:600;margin:0 0 var(--space-sm) 0;color:var(--color-text)}.comparison-field{display:flex;justify-content:space-between;padding:var(--space-xs) 0;border-bottom:1px solid var(--color-border-light);font-size:.85rem}.comparison-field .field-label{color:var(--color-text-muted)}.comparison-field .field-value{font-weight:500}.comparison-pricing{margin-top:var(--space-sm)}.comparison-pricing .field-label{display:block;color:var(--color-text-muted);font-size:.8rem;margin-bottom:var(--space-xs)}.comparison-pricing .price-row{display:flex;justify-content:space-between;font-size:.85rem;padding:2px 0}.comparison-float{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);cursor:pointer;font-weight:500;transition:all .2s}.comparison-float:hover{transform:translateY(-2px);box-shadow:0 8px 25px #b8860b66}.comparison-count{background:#fff;color:var(--color-primary);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{display:flex;flex-direction:column;padding:var(--space-sm);background:var(--color-card-bg);border-radius:var(--radius-md)}.skeleton-image{width:100%;aspect-ratio:1;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-top:var(--space-sm)}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.product-image[loading=lazy]{background:var(--color-surface)}.product-image.loaded{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-card:after{content:"Right-click to toggle status";position:absolute;bottom:0;left:0;right:0;padding:4px;background:#000000bf;color:#fff;font-size:.7rem;text-align:center;opacity:0;transition:opacity .2s;pointer-events:none}.product-card:hover:after{opacity:0}.card-compare-btn{position:absolute;top:8px;left:8px;z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px;cursor:pointer;opacity:0;transition:all .2s}.product-card:hover .card-compare-btn{opacity:1}.card-compare-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.card-compare-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;opacity:1}.shortcut-hint{display:inline-flex;align-items:center;gap:2px;margin-left:var(--space-xs);color:var(--color-text-muted);font-size:.75rem}kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:1px 4px;font-family:inherit;font-size:.7rem}.user-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.user-item:last-child{border-bottom:none}.user-info{flex:1}.user-name{font-weight:500;color:var(--color-text)}.user-email{font-size:.85rem;color:var(--color-text-muted)}.user-actions{display:flex;align-items:center;gap:var(--space-xs)}.role-select{padding:6px 10px;font-size:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.access-request-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);background:var(--color-surface);border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.request-info{display:flex;flex-direction:column;gap:2px}.request-email{font-weight:500}.request-date{font-size:.8rem;color:var(--color-text-muted)}.request-actions{display:flex;gap:var(--space-xs)}.audit-log-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.audit-icon{font-size:1rem;width:24px;text-align:center}.audit-content{flex:1}.audit-action{font-size:.9rem;color:var(--color-text)}.audit-meta{display:flex;gap:var(--space-sm);font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.duplicate-comparison-panel{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.comparison-title{font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--space-sm)}.comparison-toggle{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:4px}.comparison-toggle:hover{text-decoration:underline}.comparison-table{width:100%;border-collapse:collapse;font-size:.85rem}.comparison-table th,.comparison-table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border-light)}.comparison-table th{font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.comparison-table tr:last-child td{border-bottom:none}.comparison-table .field-name{font-weight:500;color:var(--color-text);min-width:100px}.comparison-table .existing-value{color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-table .import-value{color:var(--color-text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-table .status-indicator{text-align:center;min-width:60px}.field-status{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.field-status.no-change{background:var(--color-surface-alt);color:var(--color-text-secondary)}.field-status.will-change{background:#f0ad4e26;color:var(--color-warning)}.field-status.data-loss{background:#dc354526;color:var(--color-error)}.field-status.new-data{background:#28a74526;color:var(--color-success)}.duplicate-actions-form{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.duplicate-actions-label{font-weight:600;font-size:.9rem;color:var(--color-text);margin-bottom:var(--space-xs)}.duplicate-action-options{display:flex;gap:var(--space-md);flex-wrap:wrap}.duplicate-action-option{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;flex:1;min-width:140px}.duplicate-action-option:hover{border-color:var(--color-primary);background:#9e77580d}.duplicate-action-option input[type=radio]{margin-top:2px}.duplicate-action-option.selected{border-color:var(--color-primary);background:#9e77581a}.action-option-content{display:flex;flex-direction:column;gap:2px}.action-option-title{font-weight:600;font-size:.9rem;color:var(--color-text)}.action-option-desc{font-size:.8rem;color:var(--color-text-secondary)}.shopify-sync-warning{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background:#f0ad4e1a;border:1px solid var(--color-warning);border-radius:var(--radius-sm);margin-top:var(--space-sm);font-size:.85rem;color:var(--color-text)}.shopify-sync-warning svg{flex-shrink:0;color:var(--color-warning)}.empty-value{color:var(--color-text-muted);font-style:italic}.image-comparison{display:flex;gap:var(--space-md);align-items:center}.image-comparison img{max-width:60px;max-height:60px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.image-comparison .no-image{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-sm);font-size:.7rem;color:var(--color-text-muted)}