:root{--color-white:#fff;--color-black:#000;--color-grey-50:#fafafa;--color-grey-100:#f5f5f5;--color-grey-200:#eee;--color-grey-300:#e0e0e0;--color-grey-400:#bdbdbd;--color-grey-500:#9e9e9e;--color-grey-600:#757575;--color-grey-700:#616161;--color-grey-800:#424242;--color-grey-900:#212121;--color-blue-light:#e3f2fd;--color-blue:#2196f3;--color-blue-dark:#1976d2;--color-background:var(--color-grey-50);--color-surface:var(--color-white);--color-surface-hover:var(--color-grey-100);--color-border:var(--color-grey-200);--color-border-light:var(--color-grey-100);--color-border-focus:var(--color-blue);--color-text-primary:var(--color-grey-900);--color-text-secondary:var(--color-grey-700);--color-text-tertiary:var(--color-grey-600);--color-text-muted:var(--color-grey-500);--color-primary:var(--color-blue);--color-primary-hover:var(--color-blue-dark);--color-primary-light:var(--color-blue-light);--color-accent:var(--color-blue);--color-accent-hover:var(--color-blue-dark);--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 1px 3px 0 #0000001a;--shadow-lg:0 4px 6px -1px #0000001a;--shadow-xl:0 10px 15px -3px #0000001a;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"SF Mono","Consolas","Monaco",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--sidebar-width:280px;--header-height:64px;--max-width:1200px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--color-background);color:#212121;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);line-height:1.6;margin:0}code{font-family:SF Mono,Consolas,Monaco,monospace;font-family:var(--font-mono)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid #2196f3;outline:2px solid var(--color-accent);outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:var(--color-background);display:flex;flex-direction:column;min-height:100vh}.app-container,.main-content{display:flex;flex:1 1;overflow:hidden}.main-content{background-color:var(--color-background);flex-direction:column;transition:margin-left var(--transition-base)}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.main-content.sidebar-closed{margin-left:0}.main-content.no-header{height:100vh}.sidebar-overlay{animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#33415566;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1024px){.main-content.sidebar-closed,.main-content.sidebar-open{margin-left:0}}@media (max-width:480px){.App{height:100dvh}}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);bottom:0;box-shadow:var(--shadow-md);display:flex;flex-direction:column;left:0;position:fixed;top:0;transform:translateX(0);transition:transform var(--transition-base);width:var(--sidebar-width);z-index:100}.sidebar.closed{transform:translateX(-100%)}.sidebar-toggle{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:var(--font-medium);height:40px;justify-content:center;left:var(--space-md);position:fixed;top:var(--space-md);transition:all var(--transition-fast);width:40px;z-index:101}.sidebar-toggle:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-focus);color:var(--color-text-primary)}@media (min-width:1025px){.sidebar-toggle.sidebar-open{display:none}}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:var(--space-xl) var(--space-lg)}.sidebar-header{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-lg)}.sidebar-title{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.sidebar-section{display:flex;flex-direction:column;gap:var(--space-lg)}.section-title{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;margin:0;text-transform:uppercase}.provider-group{display:flex;flex-direction:column;gap:var(--space-sm)}.provider-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.provider-toggle{background-color:var(--color-grey-100);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:2px;padding:2px}.provider-option{background-color:initial;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-xs) var(--space-sm);text-align:center;transition:all var(--transition-fast);white-space:nowrap}.provider-option:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.provider-option.active{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-white);font-weight:var(--font-semibold)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.nav-title{font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.5px;margin:0 0 var(--space-md) 0;text-transform:uppercase}.nav-title,.sidebar-tab{color:var(--color-text-secondary)}.sidebar-tab{align-items:center;background-color:initial;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-medium);gap:var(--space-md);padding:var(--space-md) var(--space-lg);position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.sidebar-tab:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-tab.active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-semibold)}.sidebar-tab.active:before{background-color:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.tab-icon{flex-shrink:0;font-size:var(--text-xl);text-align:center;width:24px}.tab-label{flex:1 1;letter-spacing:-.01em}.sidebar-install{margin-top:auto;padding-top:var(--space-md)}.install-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #667eea4d;color:var(--color-white);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-sm);justify-content:center;letter-spacing:.5px;padding:var(--space-sm) var(--space-lg);text-transform:uppercase;transition:all var(--transition-fast);width:100%}.install-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.install-btn svg{flex-shrink:0;height:18px;width:18px}.sidebar-footer{border-top:1px solid var(--color-border);padding-top:var(--space-lg)}.logout-btn{align-items:center;background-color:initial;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast);width:100%}.logout-btn:hover{background-color:var(--color-error);border-color:var(--color-error);color:var(--color-white)}.logout-btn svg{flex-shrink:0;height:18px;width:18px}@media (max-width:1024px){.sidebar{width:260px}.sidebar-toggle{left:var(--space-lg)}}@media (max-width:768px){.sidebar{bottom:0;box-shadow:var(--shadow-xl);left:0;position:fixed;top:0;width:var(--sidebar-width);z-index:1000}.sidebar.closed{transform:translateX(-100%)}.sidebar-toggle{left:var(--space-lg);top:var(--space-lg)}}@media (max-width:480px){.sidebar{max-width:320px;width:100%}.sidebar-toggle{font-size:var(--text-base);height:36px;left:var(--space-md);top:calc(var(--header-height) + var(--space-md));width:36px}.sidebar-content{padding:var(--space-lg)}}.create-tab{background-color:var(--color-background);flex:1 1;overflow-y:auto;padding:var(--space-xl)}.create-tab::-webkit-scrollbar{width:8px}.create-tab::-webkit-scrollbar-track{background:var(--color-grey-100)}.create-tab::-webkit-scrollbar-thumb{background:var(--color-grey-400);border-radius:var(--radius-sm)}.form-container-wrapper{margin:0 auto;max-width:var(--max-width)}.form-header{margin-bottom:var(--space-xl);text-align:center}.form-header h2{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.025em;margin:0 0 var(--space-md) 0}.form-header p{color:var(--color-text-secondary);font-size:var(--text-lg);margin:0}.product-form{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 2fr;margin-bottom:var(--space-lg)}.form-field{display:flex;flex-direction:column;gap:var(--space-sm)}.form-field.full-width{grid-column:1/-1}.form-field label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;text-transform:uppercase}.form-field input[type=number],.form-field input[type=text],.form-field input[type=url]{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.form-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-section{background-color:var(--color-grey-50);border:1px solid var(--color-grey-200);border-radius:var(--radius-lg);margin:var(--space-md) 0;padding:var(--space-lg)}.form-section h3{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.025em;margin:0 0 var(--space-lg) 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-lg)}.section-header h3{margin:0}.file-upload-area{display:flex;flex-direction:column;gap:var(--space-lg)}.file-upload-area input[type=file]{display:none}.file-upload-label{align-items:center;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:flex;font-weight:var(--font-medium);gap:var(--space-md);padding:var(--space-lg) var(--space-xl);text-align:center;transition:all var(--transition-fast)}.file-upload-label:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.file-upload-label svg{flex-shrink:0}.preview-image{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:120px;overflow:hidden;position:relative;width:120px}.preview-image img{height:100%;object-fit:cover;width:100%}.preview-image button{align-items:center;background-color:var(--color-error);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;line-height:1;position:absolute;right:5px;top:5px;transition:all var(--transition-fast);width:28px}.preview-image button:hover{background-color:var(--color-error-dark)}.gallery-preview{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:var(--space-md)}.remove-video-btn{background-color:var(--color-error);border:none;border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-weight:var(--font-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.remove-video-btn:hover{background-color:var(--color-error-dark)}.sizes-grid{display:flex;flex-direction:column;gap:var(--space-md)}.size-row{grid-gap:var(--space-md);align-items:center;display:grid;gap:var(--space-md);grid-template-columns:1fr 1.5fr auto}.size-row input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.size-row input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.size-row .remove-btn{align-items:center;background-color:var(--color-error);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;transition:all var(--transition-fast);width:36px}.size-row .remove-btn:hover{background-color:var(--color-error-dark)}.add-btn{background-color:var(--color-primary);border:none;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}.add-btn:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.price-input{align-items:center;display:flex;position:relative}.price-input .currency{color:var(--color-primary);font-size:var(--text-xl);font-weight:var(--font-bold);left:var(--space-lg);pointer-events:none;position:absolute}.price-input input{padding-left:3rem;width:100%}.dimensions-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.links-container{display:flex;flex-direction:column;gap:var(--space-md)}.link-row{grid-gap:var(--space-md);align-items:center;display:grid;gap:var(--space-md);grid-template-columns:1fr auto}.link-row input{border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast)}.link-row input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.link-row .remove-btn{align-items:center;background-color:var(--color-error);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;line-height:1;transition:all var(--transition-fast);width:36px}.link-row .remove-btn:hover{background-color:var(--color-error-dark)}.form-actions{gap:var(--space-lg);margin-top:var(--space-xl)}.reset-btn,.submit-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-md);justify-content:center;letter-spacing:.05em;padding:var(--space-lg) var(--space-xl);text-transform:uppercase;transition:all var(--transition-fast)}.submit-btn{background-color:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-white)}.submit-btn:hover:not(:disabled){background-color:var("black");border-color:var(--color-primary-dark)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.reset-btn{background-color:var(--color-grey-200);border:1px solid var(--color-grey-300);color:var(--color-text-primary)}.reset-btn:hover{background-color:var(--color-grey-300);border-color:var(--color-grey-400)}.spinner{border:3px solid var(--color-grey-300);border-top-color:var(--color-primary)}.product-result-section{animation:slideUp .5s ease;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:var(--space-xl);padding:var(--space-xl)}.product-result-section h2{color:var(--color-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-xl) 0;text-align:center}.result-card{gap:var(--space-xl)}.result-card,.result-images{display:flex;flex-direction:column}.result-images{gap:var(--space-lg)}.result-thumbnail{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:0 auto;max-width:400px;overflow:hidden;position:relative}.result-thumbnail img{display:block;height:auto;width:100%}.result-thumbnail .badge{background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.05em;padding:var(--space-sm) var(--space-lg);position:absolute;right:12px;text-transform:uppercase;top:12px}.result-gallery{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.result-gallery img{border:1px solid var(--color-grey-300);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:150px;object-fit:cover;transition:all var(--transition-fast);width:100%}.result-gallery img:hover{border-color:var(--color-primary)}.result-details{background-color:var(--color-grey-50);border:1px solid var(--color-grey-200);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl)}.detail-item{flex-direction:column;gap:var(--space-sm)}.detail-item .label{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.1em;text-transform:uppercase}.detail-item .value{font-size:var(--text-lg);font-weight:var(--font-medium);line-height:1.6}.detail-item .value.price{color:var(--color-primary);font-size:var(--text-3xl);font-weight:var(--font-bold)}.sizes-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.size-tag{background-color:var(--color-grey-200);border:1px solid var(--color-grey-300);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-sm) var(--space-lg)}.links-list{gap:var(--space-sm)}.links-list a{color:var(--color-primary);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast);word-break:break-all}.links-list a:hover{color:var(--color-primary-dark);text-decoration:underline}.upload-progress{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-lg)}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.progress-message{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-semibold)}.progress-steps{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.progress-bar{background-color:var(--color-grey-200);height:12px;overflow:hidden;position:relative;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background-color:var(--color-primary);height:100%;transition:width var(--transition-normal)}.response-data{background-color:var(--color-grey-900);border-radius:var(--radius-md);color:var(--color-primary);font-family:Courier New,monospace;font-size:var(--text-sm);line-height:1.6;max-height:300px;overflow-x:auto;overflow-y:auto;padding:var(--space-md)}.response-data::-webkit-scrollbar{height:8px;width:8px}.response-data::-webkit-scrollbar-track{background-color:var(--color-grey-700);border-radius:var(--radius-sm)}.response-data::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:var(--radius-sm)}.category-select{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:var(--text-base);outline:none;padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast);width:100%}.category-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.category-select:disabled{background-color:var(--color-grey-100);cursor:not-allowed;opacity:.7}.category-select option{background-color:var(--color-white);color:var(--color-text-primary);padding:var(--space-sm)}.ai-toggle-field{align-items:center;background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:var(--space-lg);padding:var(--space-lg)}.toggle-header{flex:1 1}.toggle-header label{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-sm);margin:0}.toggle-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--space-xs) 0 0 0}.toggle-switch{display:inline-block;flex-shrink:0;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:var(--color-grey-400);border-radius:var(--radius-full);bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition-fast)}.toggle-slider:before{background-color:var(--color-white);border-radius:50%;bottom:4px;box-shadow:var(--shadow-sm);content:"";height:26px;left:4px;width:26px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 2px var(--color-primary-light)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.ai-checkbox-overlay{position:absolute;right:8px;top:8px;z-index:2}.ai-checkbox{align-items:center;background-color:#000000b3;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:center;min-height:32px;min-width:32px;padding:6px;transition:all var(--transition-fast)}.ai-checkbox:hover{background-color:var(--color-primary)}.ai-checkbox input[type=checkbox]{accent-color:var(--color-white);cursor:pointer;height:20px;margin:0;width:20px}.checkbox-label{color:var(--color-white);font-size:13px;font-weight:var(--font-semibold);-webkit-user-select:none;user-select:none;white-space:nowrap}.remove-img-btn{align-items:center;background-color:var(--color-error);border:none;border-radius:50%;color:var(--color-white);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;left:8px;line-height:1;position:absolute;top:8px;transition:all var(--transition-fast);width:28px;z-index:2}.remove-img-btn:hover{background-color:var(--color-error-dark)}@media (max-width:1024px){.form-row{grid-template-columns:1fr}.dimensions-grid{grid-template-columns:repeat(2,1fr)}.product-form{padding:var(--space-xl)}.form-section{padding:var(--space-lg)}}@media (max-width:768px){.create-tab{padding:var(--space-lg)}.form-container-wrapper{max-width:100%}.form-header h2{font-size:var(--text-2xl)}.form-header p{font-size:var(--text-base)}.form-section,.product-form{padding:var(--space-lg)}.form-section{margin:var(--space-lg) 0}.form-section h3{font-size:var(--text-lg)}.form-actions{flex-direction:column;gap:var(--space-md)}.result-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.product-result-section{padding:var(--space-lg)}.product-result-section h2{font-size:var(--text-xl)}.size-row{grid-template-columns:1fr 1fr auto}.dimensions-grid{grid-template-columns:1fr 1fr}.result-thumbnail{max-width:100%}.ai-toggle-field{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.toggle-switch{align-self:flex-end}.ai-checkbox{padding:4px 8px}.checkbox-label{font-size:11px}.ai-checkbox input[type=checkbox]{height:16px;width:16px}}@media (max-width:480px){.create-tab{padding:var(--space-md)}.form-header{margin-bottom:var(--space-lg)}.form-header h2{font-size:var(--text-xl);letter-spacing:-.02em}.form-header p{font-size:var(--text-sm)}.product-form{padding:var(--space-lg)}.form-row{gap:var(--space-md);margin-bottom:var(--space-md)}.form-field{gap:var(--space-xs)}.form-section{border-radius:var(--radius-md);margin:var(--space-lg) 0;padding:var(--space-md)}.form-section h3{font-size:var(--text-base);margin-bottom:var(--space-md)}.form-field label{font-size:var(--text-xs);letter-spacing:.08em}.form-field input[type=number],.form-field input[type=text],.form-field input[type=url]{border-radius:var(--radius-sm);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.section-header{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.add-btn{font-size:var(--text-xs);width:100%}.add-btn,.file-upload-label{padding:var(--space-sm) var(--space-md)}.file-upload-label{border-radius:var(--radius-sm);font-size:var(--text-sm)}.file-upload-label svg{height:20px;width:20px}.preview-image{border-radius:var(--radius-sm);height:90px;width:90px}.preview-image button{font-size:1.2rem;height:24px;right:3px;top:3px;width:24px}.gallery-preview{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.remove-video-btn{border-radius:var(--radius-sm);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.size-row{gap:var(--space-sm);grid-template-columns:1fr}.size-row input{border-radius:var(--radius-sm);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.size-row .remove-btn{border-radius:var(--radius-sm);font-size:1.2rem;height:38px;width:100%}.price-input .currency{font-size:var(--text-lg);left:var(--space-md)}.price-input input{padding-left:2.5rem}.dimensions-grid{gap:var(--space-md);grid-template-columns:1fr}.link-row{gap:var(--space-sm);grid-template-columns:1fr}.link-row input{border-radius:var(--radius-sm);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.link-row .remove-btn{border-radius:var(--radius-sm);font-size:1.2rem;height:38px;width:100%}.form-actions{gap:var(--space-sm);margin-top:var(--space-xl)}.reset-btn,.submit-btn{border-radius:var(--radius-sm);font-size:var(--text-base);letter-spacing:.08em;padding:var(--space-md) var(--space-lg)}.spinner{border-width:2.5px;height:18px;width:18px}.product-result-section{border-radius:var(--radius-lg);margin-top:var(--space-lg);padding:var(--space-lg)}.product-result-section h2{font-size:var(--text-lg);margin-bottom:var(--space-lg)}.result-card{gap:var(--space-lg)}.result-images{gap:var(--space-md)}.result-thumbnail{border-radius:var(--radius-md)}.result-thumbnail .badge{border-radius:var(--radius-lg);font-size:11px;padding:var(--space-xs) var(--space-md);right:10px;top:10px}.result-gallery{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.result-gallery img{border-radius:var(--radius-sm);height:100px}.result-details{border-radius:var(--radius-md);gap:var(--space-md);padding:var(--space-lg)}.detail-item{gap:var(--space-xs)}.detail-item .label{font-size:11px;letter-spacing:.12em}.detail-item .value{font-size:var(--text-base);line-height:1.5}.detail-item .value.price{font-size:var(--text-2xl)}.sizes-list{gap:var(--space-xs)}.size-tag{border-radius:var(--radius-sm);font-size:11px;padding:var(--space-xs) var(--space-md)}.links-list{gap:var(--space-xs)}.links-list a{font-size:var(--text-sm)}.upload-progress{margin-top:var(--space-lg);padding:var(--space-lg)}.progress-info{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.progress-message{font-size:var(--text-sm)}.progress-steps{font-size:var(--text-xs)}.response-data{font-size:11px;max-height:200px;padding:var(--space-sm)}}.ai-processing-page{align-items:center;background:linear-gradient(135deg,var(--color-grey-50) 0,var(--color-grey-100) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-xl);position:relative}.ai-processing-page:before{background:radial-gradient(circle at 20% 80%,#e3f2fd4d 0,#0000 50%),radial-gradient(circle at 80% 20%,#e3f2fd33 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ai-processing-page.preview-state{align-items:flex-start;background:var(--color-background);height:100vh;overflow:hidden;padding:0}.processing-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-white);border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000f,inset 0 1px 0 #fffc;max-width:480px;overflow:hidden;padding:var(--space-3xl);position:relative;width:100%}.processing-container:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light),var(--color-primary));background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.processing-container h2{font-size:1rem;margin:1rem 0}.processing-message{font-size:1rem}.ai-animation{margin-bottom:2rem}.ai-brain{align-items:center;animation:brainPulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-radius:50%;box-shadow:0 0 0 0 #2196f366,0 0 0 20px #2196f300,0 0 0 40px #2196f300;display:flex;height:140px;justify-content:center;margin:0 auto;position:relative;width:140px}@keyframes brainPulse{0%,to{box-shadow:0 0 0 0 #2196f366,0 0 0 20px #2196f300,0 0 0 40px #2196f300}50%{box-shadow:0 0 0 0 #2196f366,0 0 0 10px #2196f333,0 0 0 20px #2196f31a}}.brain-pulse{animation:brainPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#2196f31a,#2196f30d);border-radius:50%;height:100%;position:absolute;width:100%}.brain-icon{animation:brainFloat 4s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3.5rem;z-index:1}@keyframes brainFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-4px) rotate(0deg)}75%{transform:translateY(-8px) rotate(-2deg)}}.processing-container h2{color:var(--color-text-primary);font-size:1.8rem;margin-bottom:.5rem}.processing-message{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:2rem}.progress-section{margin-top:2rem}.progress-bar-container{background:var(--color-grey-200);box-shadow:inset 0 1px 2px #0000001a;height:8px;margin-bottom:var(--space-2xl);width:100%}.progress-bar-container,.progress-bar-fill{border-radius:20px;overflow:hidden;position:relative}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar-fill:before{animation:progressShimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressShimmer{0%{left:-100%}to{left:100%}}.steps-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.step-item{align-items:center;background:var(--color-grey-50);border:1px solid var(--color-grey-200);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;padding:var(--space-md);transition:all var(--transition-fast)}.step-item.completed{background:linear-gradient(135deg,#4caf501a,#8bc34a1a);border-color:#4caf504d;color:var(--color-success);transform:translateX(4px)}.step-item.active{background:linear-gradient(135deg,#2196f31a,#64b5f61a);border-color:#2196f34d;box-shadow:0 2px 8px #2196f333;color:var(--color-primary);font-weight:600}.step-icon{align-items:center;background:var(--color-white);border:2px solid var(--color-grey-300);border-radius:50%;display:flex;flex-shrink:0;font-size:var(--text-lg);height:32px;justify-content:center;margin-right:var(--space-md);width:32px}.step-item.completed .step-icon{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-item.active .step-icon{animation:stepPulse 1.5s ease-in-out infinite;background:var(--color-primary);border-color:var(--color-primary);color:#fff}@keyframes stepPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.preview-container{background:linear-gradient(135deg,var(--color-grey-50) 0,var(--color-grey-100) 100%);height:100vh;overflow:hidden;position:relative}.preview-container:before{background:radial-gradient(circle at 30% 20%,#e3f2fd66 0,#0000 50%),radial-gradient(circle at 70% 80%,#e3f2fd4d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.preview-state .preview-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,var(--color-white) 0,var(--color-grey-50) 100%);border-bottom:1px solid var(--color-grey-200);box-shadow:0 2px 20px #00000014;display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-2xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.preview-header .header-content{flex:1 1;gap:var(--space-md);min-width:0}.preview-header .sparkle-icon{animation:sparkleFloat 3s ease-in-out infinite;color:var(--color-primary);font-size:var(--text-2xl)}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-4px) rotate(120deg)}66%{transform:translateY(-2px) rotate(240deg)}}.preview-header h2{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-header p{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.back-icon-btn{background:var(--color-white);border:2px solid var(--color-grey-300);border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000001a;color:var(--color-text-secondary);height:48px;transition:all var(--transition-fast);width:48px}.back-icon-btn:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 8px 20px #2196f34d;color:var(--color-white);transform:translateY(-2px)}.preview-content{grid-gap:.4rem;display:grid;gap:.4rem;grid-template-columns:.7fr 1fr;height:100%;margin:0 auto;max-width:1800px;overflow:hidden;padding:.4rem}.preview-left{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;overflow:hidden;padding:1rem;position:-webkit-sticky;position:sticky;top:70px}.preview-left,.preview-right{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;height:100%}.preview-right{overflow-x:hidden;overflow-y:auto;padding:.2rem;scrollbar-color:#00adb54d #0000;scrollbar-width:thin}.preview-right::-webkit-scrollbar{width:6px}.preview-right::-webkit-scrollbar-track{background:#0000}.preview-right::-webkit-scrollbar-thumb{background:#00adb54d;border-radius:3px}.preview-right::-webkit-scrollbar-thumb:hover{background:#00adb580}.product-showcase{display:flex;flex-direction:column;gap:2rem}.main-image-container{aspect-ratio:4/5;background:linear-gradient(135deg,var(--color-grey-100) 0,var(--color-grey-200) 100%);border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px 0 #fff9;margin:0 auto;max-width:400px;transition:all var(--transition-fast)}.main-image-container:hover{box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a,inset 0 1px 0 #fffc;transform:translateY(-4px)}.main-image-container img{transition:transform var(--transition-base)}.ai-badge-overlay{animation:badgePulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 4px 12px #2196f34d;color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-sm) var(--space-lg);right:var(--space-lg);top:var(--space-lg)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gallery-thumbnails{grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.gallery-thumb{background:linear-gradient(135deg,var(--color-grey-100),var(--color-grey-200));border:1px solid #fff3;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014,inset 0 1px 0 #fff6;transition:all var(--transition-fast)}.gallery-thumb:hover{box-shadow:0 12px 24px #00000026,0 4px 8px #0000001a,inset 0 1px 0 #fff9;transform:translateY(-4px) scale(1.02)}.gallery-thumb.active{border:2px solid var(--color-primary);box-shadow:0 8px 20px #2196f34d,0 2px 8px #2196f333,inset 0 1px 0 #fffc;transform:scale(1.05)}.ai-mini-badge{color:#fff}.product-meta{gap:.5rem;padding:.5rem 0;text-align:left}.video-links-section{background:var(--color-surface);border:1px solid #e8e8e8;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.video-links-section .section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.video-links-section .section-title svg{stroke:var(--color-accent)}.video-links-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.video-link-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 2px 8px #00000014;display:block;overflow:hidden;text-decoration:none;transition:all var(--transition-normal)}.video-link-card:hover{border-color:var(--color-accent);box-shadow:0 8px 20px #00adb526;transform:translateY(-4px)}.video-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding-top:56.25%;position:relative;width:100%}.video-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.play-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:50%;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-fast);width:60px}.video-link-card:hover .play-overlay{background:#00adb5e6;transform:translate(-50%,-50%) scale(1.1)}.video-info{background:#fff;justify-content:space-between;padding:.75rem}.platform-badge{color:var(--color-text-primary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.video-info svg{stroke:var(--color-text-secondary);transition:stroke var(--transition-fast)}.video-link-card:hover .video-info svg{stroke:var(--color-accent)}.category-badge,.sku-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;padding:.4rem .8rem}.sku-badge{background:var(--color-background);border:1px solid #e0e0e0;color:var(--color-text-primary)}.category-badge{background:#00adb514;border:1px solid #00adb533}.form-section{display:flex;flex-direction:column;gap:.1rem}.form-section h4{align-items:center;color:#000;display:flex;font-size:.8rem;font-weight:600;gap:.1rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.form-section h4:before{background:var(--color-accent);border-radius:2px;content:"";height:14px;width:3px}.editable-field{background:#fafafa;border:2px solid #e8e8e8;border-radius:8px;color:#000;cursor:text;font-size:.9rem;line-height:1.5;min-height:40px;padding:.75rem;transition:all .2s ease}.editable-field:hover{background:#fff;border-color:#00adb566;box-shadow:0 1px 6px #00adb514}.editable-field:focus{background:#fff;border-color:var(--color-accent);box-shadow:0 2px 8px #00adb51f;outline:none}.editable-field.large{font-size:.88rem;min-height:100px}.product-title{background:#fafafa;border:2px solid #e8e8e8;border-radius:8px;cursor:text;font-size:1.4rem;padding:.75rem;transition:all .2s ease}.product-title:hover{background:#fff;border-color:#00adb566;box-shadow:0 1px 6px #00adb514}.product-title:focus{background:#fff;border-color:var(--color-accent);box-shadow:0 2px 8px #00adb51f;outline:none}.editable-input{font-weight:inherit}.editable-input,.editable-textarea{background:#0000;border:none;color:#000;font-family:inherit;font-size:inherit;outline:none;padding:.5rem;width:100%}.editable-textarea{min-height:100px;resize:vertical}.price-section{border-bottom:1px solid #00adb526;border-top:1px solid #00adb526;gap:.75rem;padding:.5rem 0}.price{background:#fafafa;border:2px solid #e8e8e8;border-radius:8px;cursor:text;display:inline-block;font-size:1.6rem;padding:.55rem .75rem;transition:all .2s ease}.price:hover{background:#fff;border-color:#00adb566;box-shadow:0 1px 6px #00adb514}.price:focus{background:#fff;border-color:var(--color-accent);box-shadow:0 2px 8px #00adb51f;outline:none}.price-label{color:#666;font-size:.8rem}.short-desc{background:var(--color-background)}.dim-item{background:#000000a8}.dim-value{color:var(--color-text-primary)}.preview-actions{border-top:1px solid #e8e8e8;flex-direction:column;gap:.5rem;margin-top:auto;padding-top:.85rem}.action-btn{border-radius:8px;box-shadow:0 2px 8px #0000000f;font-size:.75rem;font-weight:700;gap:.4rem;padding:.5rem 1rem;transition:all .25s ease}.action-btn:hover{transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn.secondary{background:linear-gradient(135deg,var(--color-text-secondary),#4a4f57);border:2px solid #0000;color:#fff}.action-btn.secondary:hover{background:linear-gradient(135deg,#4a4f57,#5a5f67);box-shadow:0 4px 12px #393e4640}.action-btn.primary{border:2px solid #0000;box-shadow:0 3px 12px #00adb540;font-size:.8rem;padding:.6rem 1rem}.action-btn.primary:hover{background:linear-gradient(135deg,var(--color-accent-hover),#00e5e8);box-shadow:0 5px 18px #00adb559}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.spinner-small{height:14px;width:14px}.description-section{background:#fff;border-top:1px solid #e0e0e0;margin:0}.description-section h3{color:var(--color-text-primary)}.description-content{background:#f9f9f9;cursor:pointer;transition:all .3s ease}.description-content:hover{background:#00adb50d;outline:2px dashed #00adb54d}.description-content.editing{background:#fff;outline:2px solid var(--color-accent)}.description-content p{color:var(--color-text-primary)}.links-section,.video-section{background:#fff}.links-section h4,.video-section h4{color:var(--color-text-primary)}.external-link{background:#00adb50d}.external-link:hover{background:#00adb51a}.video-info{background:var(--color-background);color:var(--color-text-primary)}.short-desc{background:#f9f9f9;cursor:pointer;transition:all .3s ease}.short-desc:hover{background:#00adb50d;outline:2px dashed #00adb54d}.short-desc.editing{background:#fff;outline:2px solid var(--color-accent)}.dimensions-section h4,.short-desc p,.sizes-section h4{color:var(--color-text-primary)}.size-pill{background:#fff;border:2px solid #e0e0e0}.size-stock{color:var(--color-text-secondary)}.dim-item{background:#f9f9f9;border:2px solid #e0e0e0;transition:all .3s ease}.dim-item:hover{background:#0d0b0b;border-color:var(--color-accent)}.dim-value{color:#1a1717;flex:1 1;font-size:.9rem;font-weight:500}[contentEditable=true]{outline:none}@media (max-width:1400px){.preview-content{max-width:100%;padding:.875rem}.gallery-thumbnails{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}@media (max-width:1200px){.preview-content{gap:.4rem;grid-template-columns:1fr;max-height:none;overflow:visible;padding:.75rem}.preview-left{max-width:400px;position:relative;top:0}.preview-left,.preview-right{height:auto;margin:0 auto;overflow:visible}.preview-right{max-width:1000px}.main-image-container{aspect-ratio:4/5}.gallery-thumbnails{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}@media (max-width:900px){.preview-header h2{font-size:.95rem}.product-title{font-size:1.25rem}.price{font-size:1.4rem}}@media (max-width:768px){.ai-processing-page.preview-state{overflow:auto}.preview-container{min-height:100vh}.preview-container,.preview-content,.preview-left,.preview-right{height:auto;overflow:visible}.preview-state .preview-header{padding:.5rem 1rem}.preview-header h2{font-size:.9rem}.back-icon-btn{height:38px;width:38px}.preview-content{gap:.75rem;padding:.5rem}.preview-left,.preview-right{border-radius:10px;padding:.875rem}.product-title{font-size:1.15rem;padding:.65rem}.price{font-size:1.3rem;padding:.5rem .65rem}.editable-field{font-size:.85rem;padding:.65rem}.gallery-thumbnails{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.form-section{gap:.1rem}.form-section h4{font-size:.15rem}.action-btn{font-size:.8rem;padding:.7rem 1.1rem}.action-btn.primary{font-size:.85rem;padding:.75rem 1.1rem}}@media (max-width:480px){.preview-state .preview-header{padding:.45rem .75rem}.preview-header h2{font-size:.8rem}.back-icon-btn{height:34px;width:34px}.back-icon-btn svg{height:18px;width:18px}.preview-content{gap:.6rem;padding:.4rem}.preview-left,.preview-right{border-radius:8px;padding:.75rem}.main-image-container{border-radius:8px}.gallery-thumbnails{gap:.4rem;grid-template-columns:repeat(4,1fr)}.gallery-thumb{border-radius:6px}.product-title{font-size:1.05rem;padding:.6rem}.price{font-size:1.2rem;padding:.45rem .6rem}.price-label{font-size:.7rem}.editable-field{font-size:.82rem;min-height:38px;padding:.6rem}.editable-field.large{min-height:90px}.form-section{gap:.1rem}.form-section h4{font-size:.7rem;gap:.3rem}.form-section h4:before{height:12px;width:2px}.sizes-pills{gap:.5rem}.size-pill{border-radius:8px;padding:.6rem 1rem}.size-name{font-size:1.05rem}.size-stock{font-size:.7rem}.dim-item{gap:.6rem;padding:.6rem .75rem}.dim-icon{font-size:1.3rem}.dim-value{font-size:.82rem}.product-meta{gap:.4rem;padding:.4rem 0}.category-badge,.sku-badge{border-radius:5px;font-size:.7rem;padding:.35rem .7rem}.ai-badge-overlay{border-radius:12px;font-size:.75rem;padding:6px 12px;right:12px;top:12px}.ai-mini-badge{border-radius:6px;font-size:.65rem;padding:1px 4px;right:3px;top:3px}.action-btn{border-radius:8px;font-size:.8rem;gap:.4rem;padding:.6rem .9rem}.action-btn.primary{font-size:.85rem;padding:.65rem .9rem}.preview-actions{gap:.6rem;padding-top:.75rem}}.preview-header .header-content{align-items:center;display:flex;gap:1rem}.preview-header .sparkle-icon{animation:float 3s ease-in-out infinite;font-size:2.5rem}.preview-header h2{color:var(--color-surface);font-size:1.8rem;font-weight:700;margin:0}.preview-header p{color:var(--color-accent);font-size:.95rem;margin:.25rem 0 0}.back-icon-btn{align-items:center;background:#eeeeee1a;border:2px solid #00adb54d;border-radius:50%;color:var(--color-surface);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.back-icon-btn:hover{background:#00adb533;border-color:var(--color-accent);transform:translateX(-4px)}.product-showcase{grid-gap:2.5rem;background:linear-gradient(180deg,#00adb505,#0000);display:grid;gap:2.5rem;grid-template-columns:1fr 1fr;padding:2rem}.showcase-images{display:flex;flex-direction:column;gap:1rem}.main-image-container{aspect-ratio:3/4;background:linear-gradient(135deg,var(--color-text-secondary),var(--color-text-primary));border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;position:relative;width:100%}.main-image-container img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.main-image-container:hover img{transform:scale(1.05)}.ai-badge-overlay{animation:pulse 2s infinite;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border-radius:20px;box-shadow:0 4px 15px #00adb566;color:#fff;font-size:.85rem;font-weight:600;padding:8px 16px;position:absolute;right:20px;top:20px}.gallery-thumbnails{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.gallery-thumb{aspect-ratio:1;background:var(--color-text-secondary);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.gallery-thumb:hover{box-shadow:0 8px 20px #00adb54d;transform:translateY(-4px)}.gallery-thumb img{height:100%;object-fit:cover;width:100%}.gallery-thumb.more{align-items:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center}.ai-mini-badge{background:#00adb5e6;border-radius:8px;font-size:.7rem;padding:2px 6px;position:absolute;right:4px;top:4px}.showcase-details{display:flex;flex-direction:column;gap:1.5rem}.product-meta{display:flex;flex-wrap:wrap;gap:.75rem}.category-badge,.sku-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:6px 14px}.sku-badge{background:#393e4680;border:1px solid var(--color-text-secondary);color:var(--color-surface)}.category-badge{background:linear-gradient(135deg,#00adb533,#00adb51a);border:1px solid #00adb54d;color:var(--color-accent)}.product-title{color:#000;font-size:2rem;line-height:1.3;margin:0}.price-section{align-items:baseline;border-bottom:2px solid #00adb533;border-top:2px solid #00adb533;display:flex;gap:1rem;padding:1rem 0}.price{color:var(--color-accent);font-size:2.5rem;font-weight:800}.price-label{color:var(--color-surface);font-size:.9rem;opacity:.7}.short-desc{background:#393e464d;border-left:4px solid var(--color-accent);border-radius:12px;padding:1.25rem}.short-desc p{color:var(--color-surface);font-size:1rem;line-height:1.6;margin:0}.dimensions-section h4,.sizes-section h4{color:var(--color-surface);font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.sizes-pills{display:flex;flex-wrap:wrap;gap:.75rem}.size-pill{background:linear-gradient(135deg,var(--color-text-secondary),var(--color-text-primary));border:2px solid #00adb54d;border-radius:12px;cursor:default;display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1.25rem;transition:all .3s ease}.size-pill:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00adb533;transform:translateY(-2px)}.size-name{color:var(--color-accent);font-size:1.2rem;font-weight:700}.size-stock{color:var(--color-surface);font-size:.75rem;opacity:.8}.dimensions-grid{display:flex;flex-direction:column;gap:.75rem}.dim-item{align-items:center;background:#2f3338;border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem}.dim-icon{font-size:1.5rem}.dim-value{color:var(--color-surface);font-size:.95rem}.description-section{background:#393e4633;border-radius:16px;margin:0 2rem;padding:2rem}.description-section h3{color:var(--color-surface);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.description-content{background:#22283180;border-left:4px solid var(--color-accent);border-radius:12px;padding:1.5rem}.description-content p{color:var(--color-surface);font-size:1rem;line-height:1.8;margin:0;opacity:.95}.links-section,.video-section{padding:0 2rem 1rem}.links-section h4,.video-section h4{color:var(--color-surface);font-size:1.1rem;margin:0 0 .75rem}.links-list{display:flex;flex-direction:column;gap:.5rem}.external-link{align-items:center;background:#00adb51a;border:1px solid #00adb533;border-radius:10px;color:var(--color-accent);display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.external-link:hover{background:#00adb533;border-color:var(--color-accent);transform:translateX(4px)}.video-info{align-items:center;background:#393e464d;border-radius:10px;color:var(--color-surface);display:flex;gap:.75rem;padding:1rem}.preview-actions{background:linear-gradient(0deg,#00adb50d,#0000);border-top:2px solid #00adb533;padding:2rem}.action-btn{align-items:center;border:2px solid;border-radius:12px;display:flex;flex:1 1;font-size:1.05rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.action-btn.secondary{background:#393e4680;border-color:#eee3;color:var(--color-surface)}.action-btn.secondary:hover{background:#393e46cc;border-color:var(--color-surface);box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.action-btn.primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border-color:var(--color-accent);box-shadow:0 4px 15px #00adb54d;color:#fff}.action-btn.primary:hover{box-shadow:0 8px 25px #00adb580;transform:translateY(-2px)}@media (max-width:1200px){.product-showcase{gap:2rem;grid-template-columns:1fr}.main-image-container{margin:0 auto;max-width:500px}}@media (max-width:768px){.preview-header{border-radius:12px 12px 0 0;padding:1rem}.preview-header h2{font-size:1.3rem}.preview-header p{font-size:.85rem}.sparkle-icon{font-size:1.8rem!important}.product-showcase{padding:1.5rem}.product-title{font-size:1.5rem}.price{font-size:2rem}.sizes-pills{justify-content:center}.description-section,.links-section,.video-section{padding:1rem}.description-section{margin:0 1rem}.preview-actions{flex-direction:column;padding:1.5rem}.action-btn{width:100%}}@media (max-width:480px){.gallery-thumbnails{grid-template-columns:repeat(3,1fr)}.product-meta{justify-content:left}.price-section{justify-content:center}.back-icon-btn{height:36px;width:36px}}.preview-state{align-items:flex-start;background:var(--color-surface);overflow-y:auto;padding:0}.preview-container{animation:slideInRight .5s ease;background:#fff;margin:0 auto;max-width:1200px;min-height:100vh;width:100%}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.preview-header{background:linear-gradient(135deg,var(--color-text-primary),var(--color-text-secondary));color:#fff;padding:2rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.preview-header h2{color:#fff;font-size:2rem;margin:0 0 .5rem}.preview-header p{color:var(--color-surface);margin:0}.preview-content{padding:.5rem}.details-preview-section h3,.images-preview-section h3{border-bottom:2px solid var(--color-accent);color:var(--color-text-primary);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.images-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:2rem}.preview-image-card{border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease}.preview-image-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.preview-image-card.main{grid-column:span 2}.preview-image-card img{height:250px;object-fit:cover;width:100%}.image-badge{background:linear-gradient(0deg,#000c,#0000);bottom:0;color:#fff;font-size:.9rem;font-weight:500;left:0;padding:.75rem;position:absolute;right:0}.content-preview-section{margin:2rem 0}.content-field{margin-bottom:1.5rem}.content-field label{color:var(--color-text-primary);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.content-box{background:var(--color-surface);border-left:4px solid var(--color-accent);border-radius:12px;padding:1.5rem}.title-box p{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;margin:0}.short-desc-box p{font-size:1rem;line-height:1.6}.description-box p,.short-desc-box p{color:var(--color-text-secondary);margin:0}.description-box p{font-size:.95rem;line-height:1.8}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.detail-item{align-items:center;background:var(--color-surface);border-radius:8px;color:#000;display:flex;justify-content:space-between;padding:20px}.detail-item .label{color:var(--color-text-secondary);font-weight:600}.detail-item .value{color:var(--color-text-primary)}.detail-item .value.price{color:var(--color-accent);font-size:1.2rem;font-weight:700}.preview-actions{background:#fff;border-top:2px solid var(--color-surface);bottom:0;display:flex;gap:1rem;justify-content:space-between;padding:.5rem 1rem;position:-webkit-sticky;position:sticky}.confirm-btn,.edit-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.edit-btn{background:var(--color-text-secondary);color:#fff}.edit-btn:hover{background:var(--color-text-primary);transform:translateX(-3px)}.confirm-btn{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#fff}.confirm-btn:hover{box-shadow:0 8px 20px #00adb54d;transform:translateY(-2px)}.error-state{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.error-container{background:#fff;border-radius:24px;max-width:500px;padding:3rem;text-align:center}.error-icon{font-size:5rem;margin-bottom:1rem}.error-container h2{color:var(--color-text-primary);margin-bottom:1rem}.error-container p{color:var(--color-text-secondary);margin-bottom:2rem}.back-btn{background:var(--color-text-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.back-btn:hover{background:var(--color-accent);transform:translateY(-2px)}@media (max-width:768px){.images-grid{grid-template-columns:1fr}.preview-image-card.main{grid-column:span 1}.preview-actions{flex-direction:column}.details-grid,.video-links-grid{grid-template-columns:1fr}.video-links-section{padding:1rem}.video-thumbnail{padding-top:75%}}.success-page{align-items:center;animation:fadeIn .5s ease;background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-hover) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.success-animation{animation:dropIn .8s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:15%}@keyframes dropIn{0%{opacity:0;transform:translateY(-500px) scale(0)}50%{transform:translateY(0) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.checkmark-circle{height:120px;position:relative;width:120px}.checkmark-background{background:#fff;border-radius:50%;box-shadow:0 10px 40px #0003;height:100%;position:absolute;width:100%}.checkmark{stroke-width:3;stroke:#fff;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 var(--color-accent);display:block;height:120px;width:120px}.checkmark-circle-path{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:var(--color-accent);fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke-dasharray:48;stroke-dashoffset:48;stroke:var(--color-accent);stroke-width:3;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes fill{to{box-shadow:inset 0 0 0 60px var(--color-accent)}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}.success-content{animation:slideUp .8s ease .3s backwards;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003;max-width:600px;padding:10rem 3rem 3rem;position:relative;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.success-content h1{animation:fadeInText .6s ease 1s backwards;color:var(--color-text-primary);font-size:2.2rem;margin-bottom:.5rem}@keyframes fadeInText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-message{animation:fadeInText .6s ease 1.2s backwards;color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:2rem}.success-details{animation:fadeInText .6s ease 1.4s backwards;margin:2rem 0}.detail-card{align-items:center;background:linear-gradient(135deg,#00adb51a,#00d4df0d);border:2px solid #00adb533;border-radius:16px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.detail-icon{font-size:3rem}.detail-info{flex:1 1;text-align:left}.detail-info h3{color:var(--color-text-primary);font-size:1.3rem;margin:0 0 .25rem}.detail-info p{color:var(--color-text-secondary);font-size:.9rem;margin:0}.detail-stats{display:flex;gap:1rem;justify-content:space-around;margin-bottom:1.5rem}.stat-item{align-items:center;background:var(--color-surface);border-radius:12px;display:flex;flex:1 1;flex-direction:column;padding:1rem}.stat-value{color:var(--color-accent);font-size:1.8rem;font-weight:700}.stat-label{color:var(--color-text-secondary);font-size:.9rem;margin-top:.25rem}.ai-badge{align-items:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border-radius:30px;box-shadow:0 4px 12px #00adb54d;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.75rem 1.5rem}.badge-icon{font-size:1.2rem}.product-link-section{animation:fadeInText .6s ease 1.4s backwards;background:#fffffff2;border:2px solid #00adb533;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.link-label{color:var(--color-text-primary);font-size:.9rem;font-weight:600;margin:0 0 .75rem}.product-link{align-items:center;background:linear-gradient(135deg,var(--color-accent),#00ced1);border-radius:10px;box-shadow:0 3px 10px #00adb540;color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:.6rem;padding:.85rem 1.5rem;text-decoration:none;transition:all .3s ease}.product-link:hover{background:linear-gradient(135deg,#00ced1,#00e5e8);box-shadow:0 5px 15px #00adb559;transform:translateX(4px)}.product-link svg{flex-shrink:0}.success-actions{animation:fadeInText .6s ease 1.6s backwards;margin-top:2rem}.add-new-btn{align-items:center;background:linear-gradient(135deg,var(--color-text-primary),var(--color-text-secondary));border:none;border-radius:16px;box-shadow:0 8px 20px #2228314d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1.2rem 2.5rem;transition:all .3s ease}.add-new-btn:hover{box-shadow:0 12px 30px #22283166;transform:translateY(-3px)}.btn-icon{font-size:1.5rem;font-weight:700}.confetti{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.confetti:after,.confetti:before{animation:confetti 3s ease-in-out infinite;background:var(--color-surface);content:"";height:10px;position:absolute;top:-10%;width:10px}.confetti:before{animation-delay:0s;left:20%}.confetti:after{animation-delay:1.5s;background:#ffffff80;left:80%}@keyframes confetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}@media (max-width:768px){.success-content{padding:8rem 2rem 2rem}.success-content h1{font-size:1.8rem}.detail-stats{flex-direction:column}.checkmark,.checkmark-circle{height:100px;width:100px}}.common-tab{background-color:var(--color-background);flex:1 1;overflow-y:auto;padding:var(--space-xl)}.common-tab::-webkit-scrollbar{width:8px}.common-tab::-webkit-scrollbar-track{background-color:var(--color-grey-100)}.common-tab::-webkit-scrollbar-thumb{background-color:var(--color-grey-400);border-radius:var(--radius-sm)}.tab-content{max-width:var(--max-width)}.tab-header{margin-bottom:var(--space-xl)}.tab-header h2{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.025em;margin:0 0 var(--space-md) 0}.tab-header p{color:var(--color-text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium);margin:0}.form-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.form-group{margin-bottom:var(--space-xl)}.form-group label{color:var(--color-text-secondary);letter-spacing:.05em;margin-bottom:var(--space-md)}.form-input,.form-textarea{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-textarea{font-family:Consolas,Monaco,Courier New,monospace;line-height:1.6;resize:vertical}.action-btn{background-color:var(--color-primary);border:none;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--space-lg) var(--space-xl);text-transform:uppercase;transition:all var(--transition-fast);width:100%}.action-btn:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.action-btn.delete-btn{background-color:var(--color-error);border:1px solid var(--color-error);color:var(--color-white)}.action-btn.delete-btn:hover{background-color:var(--color-error-dark);border-color:var(--color-error-dark)}.result-container{background-color:var(--color-grey-50);border:1px solid var(--color-grey-200);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-xl)}.result-container h3{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.025em;margin:0 0 var(--space-lg) 0}.result-container pre{background-color:var(--color-grey-900);border:1px solid var(--color-grey-700);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--text-sm);line-height:1.6;margin:0;overflow-x:auto;padding:var(--space-lg)}.result-container pre::-webkit-scrollbar{height:8px}.result-container pre::-webkit-scrollbar-track{background-color:var(--color-grey-700)}.result-container pre::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:var(--radius-sm)}.under-construction{align-items:center;background-color:var(--color-background);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:var(--space-xl) var(--space-lg);text-align:center}.construction-icon{color:var(--color-grey-400);font-size:6rem;margin-bottom:var(--space-lg)}.under-construction h2{color:var(--color-text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.025em;margin:0 0 var(--space-md) 0}.under-construction p{color:var(--color-text-secondary);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:1.6;margin:0;max-width:500px}@media (max-width:1024px){.tab-content{max-width:750px}}@media (max-width:768px){.common-tab{padding:var(--space-lg)}.tab-content{padding:0}.tab-header h2{font-size:var(--text-2xl)}.tab-header p{font-size:var(--text-base)}.form-container{padding:var(--space-lg)}.form-group{margin-bottom:var(--space-lg)}.action-btn{font-size:var(--text-base);padding:var(--space-md) var(--space-lg)}.result-container{margin-top:var(--space-lg);padding:var(--space-lg)}.result-container h3{font-size:var(--text-lg)}.result-container pre{font-size:var(--text-xs);padding:var(--space-md)}.under-construction{padding:var(--space-lg) var(--space-md)}.construction-icon{font-size:4rem}.under-construction h2{font-size:var(--text-2xl)}.under-construction p{font-size:var(--text-base)}}@media (max-width:480px){.common-tab{padding:var(--space-md)}.tab-header{margin-bottom:var(--space-lg)}.tab-header h2{font-size:var(--text-xl)}.tab-header p{font-size:var(--text-sm)}.form-container{padding:var(--space-md)}.form-group{margin-bottom:var(--space-md)}.form-group label{font-size:var(--text-xs)}.action-btn,.form-input,.form-textarea{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.result-container{margin-top:var(--space-md);padding:var(--space-md)}.result-container h3{font-size:var(--text-base)}.result-container pre{font-size:11px;padding:var(--space-sm)}.under-construction{padding:var(--space-md)}.construction-icon{font-size:3rem}.under-construction h2{font-size:var(--text-lg)}.under-construction p{font-size:var(--text-sm)}}.update-tab{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem 1rem}.tab-content{margin:0 auto;max-width:1400px}.tab-header{animation:fadeInDown .6s ease-out;margin-bottom:3rem;text-align:center}.tab-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000001a}.tab-header p{color:#64748b;font-size:1.1rem;font-weight:500}.search-input-wrapper{max-width:700px}.search-input:focus{border-color:#667eea;box-shadow:0 15px 50px #667eea40,0 5px 15px #667eea1a}.search-input::placeholder{font-style:normal}.search-icon{color:#667eea}.search-input:focus~.search-icon{color:#764ba2}.clear-search{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.clear-search:hover{box-shadow:0 6px 20px #667eea80}.search-results-info{color:#64748b}.product-card{animation:fadeIn .5s ease-out;border:2px solid #0000;border-radius:24px;box-shadow:0 8px 30px #00000014;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:hover{border-color:#667eea;box-shadow:0 20px 60px #667eea33;transform:translateY(-8px) scale(1.02)}.product-image{background:linear-gradient(135deg,#f5f7fa,#e4e9f2)}.product-image:before{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.product-card:hover .product-image img{transform:scale(1.08)}.no-image{color:#cbd5e1}.product-title{margin:0 0 .75rem}.product-sku{margin:0 0 .5rem}.product-price{background:linear-gradient(135deg,#667eea,#764ba2)}.product-stock{margin:0 0 .5rem}.status-publish{background:linear-gradient(135deg,#10b981,#059669)}.status-draft{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-pending{background:linear-gradient(135deg,#3b82f6,#2563eb)}.status-private{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.product-actions{padding:0 1.5rem 1.5rem}.btn-edit{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 20px #667eea4d;font-size:1rem;font-weight:700;gap:.6rem;letter-spacing:1px;padding:1rem 1.25rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-edit:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 30px #667eea80;transform:translateY(-3px)}.btn-edit:active{transform:translateY(-1px)}.btn-edit:disabled{cursor:not-allowed;opacity:.6;transform:none}.load-more-container{margin:3rem 0}.btn-load-more{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px #667eea66}.btn-load-more:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 15px 40px #667eea80;transform:translateY(-4px)}.loading-state{color:#64748b}.spinner-large{border:5px solid #667eea33;border-top-color:#667eea;margin-bottom:1.5rem}.error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171;border-radius:16px;box-shadow:0 8px 20px #dc262633;color:#dc2626;font-weight:600;gap:1rem;padding:1.25rem 1.75rem}.error-message span{font-size:1.5rem}.modal-overlay{animation:fadeIn .3s ease-out;background:#0f172abf}.modal-content{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);border-radius:24px;box-shadow:0 25px 50px #00000040;max-width:700px}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #f1f5f9}.modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.modal-close{background:#f1f5f9;color:#64748b}.modal-close:hover{background:linear-gradient(135deg,#667eea,#764ba2)}.edit-form{padding:2.5rem}.form-group{margin-bottom:1.75rem}.form-group label{color:#1e293b;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1rem;padding:1rem 1.25rem}.form-group input:focus,.form-group textarea:focus{background:#fafbfc;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-group textarea{min-height:100px}.form-actions{border-top:2px solid #f1f5f9;margin-top:2.5rem;padding-top:2rem}.btn-cancel,.btn-save{border-radius:12px;font-size:1rem;font-weight:700;gap:.6rem;letter-spacing:.8px;min-width:140px;padding:1rem 2rem;text-transform:uppercase}.btn-cancel:hover{background:#e2e8f0;color:#1e293b;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #667eea4d}.btn-save:hover{box-shadow:0 12px 30px #667eea80;transform:translateY(-3px)}.variants-section{border-top:2px solid #f1f5f9;margin-top:2rem;padding-top:2rem}.variants-section h4{color:#1e293b;font-size:1.2rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.loading-variants{background:#f8fafc;border-radius:12px;color:#64748b;gap:1rem;padding:1.5rem}.variants-list{gap:1.25rem}.variant-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s ease}.variant-item:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26;transform:translateX(8px)}.variant-header{border-bottom:2px solid #e2e8f0;margin-bottom:1rem;padding-bottom:.75rem}.variant-name{color:#1e293b;font-size:1.05rem;font-weight:700}.variant-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:800}.variant-details{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.variant-field{gap:.4rem}.variant-field label{color:#64748b;font-weight:700;letter-spacing:.8px}.variant-field input{border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .3s ease}.variant-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.no-variants{background:#f8fafc;border-radius:12px;color:#64748b;padding:1.5rem}.variant-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;right:12px}@media (max-width:768px){.update-tab{padding:1.5rem .75rem}.tab-header h2{font-size:2rem}.products-grid{gap:1.5rem;grid-template-columns:1fr}.product-image{height:200px}.modal-content{border-radius:20px;margin:.5rem;max-height:calc(100vh - 1rem)}.edit-form,.modal-header{padding:1.5rem}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}.variant-details{grid-template-columns:1fr}}@media (max-width:480px){.tab-header h2{font-size:1.75rem}.search-input{font-size:.95rem;padding:1rem 3.5rem}.product-title{font-size:1.05rem}.modal-header h3{font-size:1.4rem}.edit-form{padding:1.25rem}.btn-load-more{font-size:.95rem;padding:1rem 2rem}}.search-container{margin-bottom:2rem;padding:0 1rem}.search-input-wrapper{margin:0 auto;max-width:500px;position:relative}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #fffc;border-radius:50px;box-shadow:0 4px 20px #00000014;color:var(--color-grey-800);font-size:1rem;padding:1rem 3rem;transition:all .3s ease}.search-input:focus{border-color:var(--color-primary);box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.search-input::placeholder{color:var(--color-grey-500);font-style:italic}.search-icon{left:1rem}.clear-search,.search-icon{color:var(--color-grey-500);font-size:1.2rem}.clear-search{background:none;padding:.25rem;right:1rem;transition:all .2s ease}.clear-search:hover{background:var(--color-grey-200);color:var(--color-grey-700)}.search-results-info{color:var(--color-grey-600);font-size:.9rem;font-weight:500;margin-top:.75rem}.product-card{background:#fff;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.product-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.product-image{align-items:center;background:linear-gradient(135deg,var(--color-grey-100),var(--color-grey-200));display:flex;justify-content:center}.product-card:hover .product-image img{transform:scale(1.05)}.no-image{color:var(--color-grey-400)}.product-title{color:var(--color-text-primary);margin:0 0 .5rem}.product-sku{color:var(--color-text-secondary);font-size:.85rem;margin:0 0 .25rem}.product-price{color:var(--color-accent);font-size:1.2rem;margin:0 0 .25rem}.product-stock{color:var(--color-text-secondary);font-size:.85rem;margin:0 0 .25rem}.product-status{letter-spacing:.5px;padding:.25rem .5rem}.status-publish{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-draft{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.status-pending{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.status-private{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.product-actions{padding:0 1.25rem 1.25rem}.btn-edit{align-items:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.btn-edit:hover{box-shadow:0 6px 16px #00adb54d;transform:translateY(-2px)}.btn-edit:active{transform:translateY(0)}.load-more-container{margin:2rem 0}.btn-load-more:hover{box-shadow:0 8px 24px #2196f366;transform:translateY(-2px)}.loading-state{color:var(--color-text-secondary)}.spinner-large{border:4px solid #00adb533;border-top:4px solid var(--color-accent);height:48px;margin-bottom:1rem;width:48px}.spinner-small{animation:spin .8s linear infinite}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #e57373;border-radius:12px;color:#c62828;font-weight:500;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem}.modal-overlay{padding:1rem}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid var(--color-grey-200)}.modal-header h3{color:var(--color-text-primary)}.modal-close{border-radius:6px;color:var(--color-text-secondary);padding:.25rem}.modal-close:hover{background:var(--color-grey-100);color:var(--color-text-primary)}.edit-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#fff;border:2px solid var(--color-grey-200);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #00adb51a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-actions{border-top:1px solid var(--color-grey-200);justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel{background:var(--color-grey-200);color:var(--color-text-secondary)}.btn-cancel:hover{background:var(--color-grey-300);color:var(--color-text-primary)}.btn-save{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));box-shadow:0 4px 16px #00adb54d;color:#fff}.btn-save:hover{box-shadow:0 6px 20px #00adb566;transform:translateY(-2px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.products-grid{gap:1rem;grid-template-columns:1fr}.product-card{border-radius:12px}.product-image{height:160px}.product-info{padding:1rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header{padding:1.25rem 1.5rem}.edit-form{padding:1.5rem}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}@media (max-width:480px){.tab-header{text-align:left}.tab-header h2{font-size:1.75rem}.product-title{font-size:1rem}.modal-header h3{font-size:1.25rem}.edit-form{padding:1rem}}.variants-section{border-top:2px solid var(--color-grey-200);margin-top:1.5rem;padding-top:1.5rem}.variants-section h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.variants-section h4:before{content:"🏷️";font-size:1rem}.loading-variants{align-items:center;background:var(--color-grey-50);border-radius:8px;color:var(--color-text-secondary);display:flex;gap:.75rem;padding:1rem}.variants-list{display:flex;flex-direction:column;gap:1rem}.variant-item{background:var(--color-grey-50);border:1px solid var(--color-grey-200);border-radius:12px;padding:1rem;transition:all .2s ease}.variant-item:hover{background:#fff;border-color:var(--color-accent);box-shadow:0 2px 8px #00adb51a}.variant-header{align-items:center;border-bottom:1px solid var(--color-grey-200);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.variant-name{color:var(--color-text-primary);font-size:.95rem;font-weight:600}.variant-price{color:var(--color-accent);font-size:1rem;font-weight:700}.variant-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.variant-field{display:flex;flex-direction:column;gap:.25rem}.variant-field label{color:var(--color-text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.variant-field input{border:1px solid var(--color-grey-300);border-radius:6px;font-size:.9rem;padding:.5rem;transition:all .2s ease}.variant-field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #00adb51a;outline:none}.no-variants{background:var(--color-grey-50);border-radius:8px;color:var(--color-text-secondary);font-style:italic;padding:1rem;text-align:center}.variant-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:12px;box-shadow:0 2px 8px #2196f34d;font-size:.7rem;padding:4px 8px;right:8px;top:8px}.delete-tab{--delete-red:#ff4757;--delete-red-hover:#ff3742;--delete-red-light:#ff47571a;--warning-yellow:#ffa726;--warning-yellow-light:#ffa7261a}.delete-tab .tab-header{animation:fadeInDown .6s ease-out;margin-bottom:2.5rem;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.delete-tab .tab-header h2{color:#991b1b;font-size:2.5rem;font-weight:800;margin-bottom:.75rem;text-shadow:2px 2px 4px #0000001a}.delete-tab .tab-header p{color:#7c2d12;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem}.warning-banner{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fed7aa);border:3px solid var(--warning-yellow);border-radius:16px;box-shadow:0 8px 25px #f59e0b40;color:#92400e;font-weight:600;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.75rem}@keyframes pulse{0%,to{box-shadow:0 8px 25px #f59e0b40}50%{box-shadow:0 12px 35px #f59e0b66}}.warning-banner span{animation:shake 3s ease-in-out infinite;font-size:1.75rem}@keyframes shake{0%,90%,to{transform:rotate(0deg)}92%,96%{transform:rotate(-10deg)}94%,98%{transform:rotate(10deg)}}.warning-banner strong{color:#78350f}.search-container{animation:fadeInUp .6s ease-out .2s both;margin-bottom:2.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-bar{margin:0 auto;max-width:700px;position:relative}.search-icon{color:#dc2626;font-size:1.4rem;left:1.5rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.search-input{background:#fff;border:3px solid #0000;border-radius:60px;box-shadow:0 10px 40px #0000001f,0 2px 8px #0000000f;color:#334155;font-size:1.05rem;padding:1.25rem 4rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus{background:#fff;border-color:#ef4444;box-shadow:0 15px 50px #ef444440,0 5px 15px #ef44441a;outline:none;transform:translateY(-3px)}.search-input:focus~.search-icon{color:#b91c1c;transform:translateY(-50%) scale(1.1)}.search-input::placeholder{color:#94a3b8}.clear-search{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;padding:.5rem;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:all .3s ease;width:32px}.clear-search:hover{box-shadow:0 6px 20px #ef444480;transform:translateY(-50%) scale(1.15) rotate(90deg)}.search-results-info{background:#fff;border-radius:50px;box-shadow:0 4px 12px #00000014;color:#7c2d12;display:inline-block;font-size:.95rem;font-weight:600;margin-left:50%;margin-top:1rem;padding:.75rem 1.5rem;text-align:center;transform:translateX(-50%)}.products-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.product-card.delete-card{animation:fadeIn .5s ease-out;background:#fff;border:2px solid #0000;border-radius:24px;box-shadow:0 8px 30px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card.delete-card:hover{border-color:#ef4444;box-shadow:0 20px 60px #ef444433;transform:translateY(-8px) scale(1.02)}.product-image{background:linear-gradient(135deg,#fee2e2,#fecaca);height:240px}.product-image:before{background:linear-gradient(135deg,#ef44441a,#dc26261a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.product-card:hover .product-image:before{opacity:1}.product-image img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-image:hover img{transform:scale(1.08)}.no-image{color:#fca5a5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3.5rem}.variant-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;z-index:10}.delete-overlay{transition:all .3s ease}.product-card:hover .delete-overlay{animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.btn-delete{background:linear-gradient(135deg,var(--delete-red),var(--delete-red-hover));box-shadow:0 6px 20px #ef444466;font-size:1.3rem;height:48px;width:48px}.btn-delete:hover{background:linear-gradient(135deg,var(--delete-red-hover),#b91c1c);box-shadow:0 8px 30px #ef444499;transform:scale(1.15) rotate(10deg)}.product-info{padding:1.5rem}.product-title{color:#1e293b;font-size:1.15rem;font-weight:700;line-height:1.5;min-height:3rem}.product-sku{background:#f1f5f9;border-radius:8px;color:#64748b;display:inline-block;font-weight:600;padding:.35rem .75rem}.product-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;margin:.75rem 0}.product-stock{color:#64748b;font-weight:500}.product-status{border-radius:20px;box-shadow:0 4px 12px #00000026;font-size:.8rem;font-weight:700;letter-spacing:.8px;padding:.4rem .9rem;text-transform:uppercase}.product-status.status-publish{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.product-status.status-draft{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.product-status.status-pending{background:linear-gradient(135deg,#eab308,#ca8a04);color:#fff}.product-status.status-private{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.load-more-container{margin-top:3rem}.btn-load-more{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:60px;box-shadow:0 10px 30px #ef444466;color:#fff;font-size:1.05rem;font-weight:700;gap:1rem;letter-spacing:1.2px;padding:1.25rem 3rem;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-load-more:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 15px 40px #ef444480;transform:translateY(-4px)}.loading-state{color:#7c2d12;padding:5rem 2rem}.loading-state p{font-weight:600;margin-top:1.5rem}.spinner-large{border:5px solid #ef444433;border-top-color:#ef4444;height:60px;width:60px}.spinner-small{border:3px solid #ffffff4d;height:22px;width:22px}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9}.modal-content.delete-modal{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px #0006;max-width:550px}.modal-header{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:2px solid #fee2e2;padding:2rem 2.5rem}.modal-header h3{color:#991b1b;font-size:1.75rem;font-weight:800}.modal-close{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:rotate(90deg)}.delete-confirmation{padding:2rem}.delete-icon{animation:shake 3s ease-in-out infinite;font-size:4.5rem;margin-bottom:1.5rem}.delete-confirmation h4{color:#1e293b;font-size:1.4rem;font-weight:700;line-height:1.4}.product-summary{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:16px;padding:1.75rem}.product-summary p{color:#1e293b;font-size:1rem;font-weight:500;margin:.75rem 0}.product-summary strong{color:#7c2d12;font-weight:700}.warning-text{background:#fef2f2;border-left:4px solid #dc2626;border-radius:12px;color:#dc2626;font-size:.95rem;font-weight:600;line-height:1.6;padding:1rem 1.5rem}.form-actions{gap:1.25rem}.btn-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b;font-weight:700;letter-spacing:.8px;padding:1rem 1.75rem;text-transform:uppercase}.btn-cancel:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1;color:#1e293b;transform:translateY(-2px)}.btn-delete-confirm{background:linear-gradient(135deg,var(--delete-red),var(--delete-red-hover));box-shadow:0 8px 25px #ef444466;font-weight:700;gap:.75rem;letter-spacing:.8px;padding:1rem 1.75rem;text-transform:uppercase}.btn-delete-confirm:hover:not(:disabled){background:linear-gradient(135deg,var(--delete-red-hover),#b91c1c);box-shadow:0 12px 35px #ef444499;transform:translateY(-3px)}@media (max-width:768px){.delete-tab{padding:1.5rem .75rem}.delete-tab .tab-header h2{font-size:2rem}.products-grid{gap:1.5rem;grid-template-columns:1fr}.product-card.delete-card{margin:0}.modal-content.delete-modal{margin:1rem;width:95%}.form-actions{flex-direction:column}.btn-cancel,.btn-delete-confirm{width:100%}}@media (max-width:480px){.delete-tab .tab-header h2{font-size:1.75rem}.warning-banner{font-size:.9rem;padding:1rem}.search-input{font-size:.95rem;padding:1rem 3.5rem}.product-info{padding:1.25rem}.product-title{font-size:1.05rem}.delete-confirmation,.modal-header{padding:1.5rem}.modal-header h3{font-size:1.4rem}.form-actions{padding:0 1.5rem 1.5rem}.btn-load-more{font-size:.95rem;padding:1rem 2rem}}.warning-banner{align-items:center;background:var(--warning-yellow-light);border:1px solid var(--warning-yellow);border-radius:12px;color:#e65100;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.warning-banner span{font-size:1.5rem}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem}.product-card.delete-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card.delete-card:hover{border-color:var(--delete-red-light);box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.product-image{background:var(--bg-secondary);height:200px;overflow:hidden;position:relative;width:100%}.product-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-image:hover img{transform:scale(1.05)}.no-image{align-items:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));color:var(--text-secondary);display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.variant-badge{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;left:12px;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;text-transform:uppercase;top:12px}.delete-overlay{opacity:0;position:absolute;right:12px;top:12px;transition:opacity .3s ease}.product-card:hover .delete-overlay{opacity:1}.btn-delete{align-items:center;background:var(--delete-red);border:none;border-radius:50%;box-shadow:0 4px 12px #ff47574d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.btn-delete:hover{background:var(--delete-red-hover);box-shadow:0 6px 20px #ff475766;transform:scale(1.1)}.btn-delete:disabled{cursor:not-allowed;opacity:.6;transform:none}.product-info{padding:1.25rem}.product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:var(--text-primary);display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:.75rem;overflow:hidden}.product-sku{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.product-price{color:var(--primary-color);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.product-stock{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.product-status{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.product-status.status-publish{background:#4caf501a;color:#2e7d32}.product-status.status-draft{background:#ffa7261a;color:#e65100}.product-status.status-pending{background:#ffc1071a;color:#f57c00}.product-status.status-private{background:#607d8b1a;color:#37474f}.load-more-container{display:flex;justify-content:center;margin-top:2rem}.btn-load-more{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border:3px solid var(--color-primary);border-radius:12px;box-shadow:0 4px 16px #2196f34d;color:#403333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.btn-load-more:hover:not(:disabled){box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.btn-load-more:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.loading-state p{font-size:1.1rem;margin-top:1rem}.spinner-large{border-top:4px solid var(--bg-secondary);border:4px solid var(--bg-secondary);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.spinner-large,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content.delete-modal{animation:slideIn .3s ease;background:"gray";border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.delete-confirmation{padding:1rem;text-align:center}.delete-icon{font-size:4rem;margin-bottom:1rem}.delete-confirmation h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.product-summary{background:var(--bg-secondary);border-radius:12px;margin:1.5rem 0;padding:1.5rem;text-align:left}.product-summary p{color:var(--text-primary);font-size:.95rem;margin:.5rem 0}.product-summary strong{color:var(--text-secondary)}.warning-text{color:#e65100;font-size:.9rem;font-weight:500;line-height:1.5;margin-bottom:2rem}.form-actions{display:flex;gap:1rem;padding:0 2rem 2rem}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-secondary)}.btn-delete-confirm{align-items:center;background:var(--delete-red);border:none;border-radius:12px;box-shadow:0 4px 16px #ff47574d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.btn-delete-confirm:hover:not(:disabled){background:var(--delete-red-hover);box-shadow:0 6px 20px #ff475766;transform:translateY(-1px)}.btn-cancel:disabled,.btn-delete-confirm:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.products-grid{gap:1rem;grid-template-columns:1fr}.product-card.delete-card{margin:0 .5rem}.modal-content.delete-modal{margin:1rem;width:95%}.form-actions{flex-direction:column}.btn-cancel,.btn-delete-confirm{width:100%}}@media (max-width:480px){.delete-tab .tab-header h2{color:#000;font-size:1.5rem}.warning-banner{font-size:.9rem;padding:.75rem}.product-info{padding:1rem}.product-title{font-size:1rem}.delete-confirmation{padding:1.5rem}.modal-header{padding:1rem 1.5rem}.form-actions{padding:0 1.5rem 1.5rem}}.login-page{align-items:center;background-color:var(--color-background);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%}.login-container{max-width:480px;padding:var(--space-lg);position:relative;width:100%;z-index:1}.login-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-xl)}.login-header{margin-bottom:var(--space-xl);text-align:center}.logo-section{gap:var(--space-md);margin-bottom:var(--space-md)}.logo-icon,.logo-section{align-items:center;display:flex;justify-content:center}.logo-icon{background-color:var(--color-primary);border-radius:var(--radius-lg);color:var(--color-white);font-size:2.5rem;height:60px;width:60px}.login-header h1{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.025em;margin:0}.login-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.error-message{align-items:center;background-color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-white);display:flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.error-message svg{flex-shrink:0}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-left:var(--space-xs)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-secondary);left:var(--space-lg);pointer-events:none;position:absolute;transition:all var(--transition-fast)}.input-wrapper input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--color-primary)}.form-group input{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--space-md) var(--space-lg) var(--space-md) 3rem;transition:all var(--transition-fast);width:100%}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group input::placeholder{color:var(--color-grey-500)}.form-group input:disabled{background-color:var(--color-grey-100);cursor:not-allowed;opacity:.6}.login-btn{align-items:center;background-color:var(--color-primary);border:none;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--space-sm);justify-content:center;margin-top:var(--space-sm);padding:var(--space-lg);transition:all var(--transition-fast);width:100%}.login-btn:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.login-btn:disabled{background-color:var(--color-grey-400);border-color:var(--color-grey-400);cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--color-white);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.login-footer{border-top:1px solid var(--color-grey-200);margin-top:var(--space-xl);padding-top:var(--space-lg);text-align:center}.login-footer p{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);margin:0}@media (max-width:600px){.login-container{padding:var(--space-md)}.login-card{border-radius:var(--radius-lg);padding:var(--space-lg)}.login-header h1{font-size:var(--text-xl)}.logo-icon{font-size:2rem;height:50px;width:50px}.login-subtitle{font-size:var(--text-xs)}.form-group input{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md) var(--space-sm) 2.75rem}.login-btn{font-size:var(--text-base);padding:var(--space-md)}}@media (max-width:400px){.login-card{padding:var(--space-md)}.logo-section{gap:var(--space-sm)}.login-header h1{font-size:var(--text-lg)}.logo-icon{font-size:1.75rem;height:45px;width:45px}}
/*# sourceMappingURL=main.f65b12a4.css.map*/