:root{--color-accent:#6c5ce7;--color-accent-hover:#5a4dd6;--color-accent-light:#a29bfe;--color-accent-muted:#6c5ce71f;--color-accent-border:#6c5ce74d;--color-green:#00b894;--color-green-bg:#00b8941f;--color-green-border:#00b89433;--color-amber:#f0a500;--color-amber-bg:#f0a5001f;--color-red:#e05c5c;--color-red-bg:#e05c5c1f;--color-red-border:#e05c5c40;--color-blue:#4a9eff;--color-blue-bg:#4a9eff1f;--color-blue-border:#4a9eff33;--color-bg:var(--product-bg);--color-bg-2:var(--product-bg-2);--color-bg-3:var(--product-bg-3);--color-bg-4:var(--product-bg-4);--color-text:var(--product-text);--color-text-muted:var(--product-text-muted);--color-text-dim:var(--product-text-dim);--color-border:var(--product-border);--color-border-hover:var(--product-border-hover);--color-bg-main:#f8fafc;--color-bg-card:#fff;--color-bg-sidebar:#1e293b;--color-text-main:#1e293b;--color-text-light-muted:#64748b;--color-border-light:#e2e8f0;--primary:var(--color-accent);--primary-hover:var(--color-accent-hover);--secondary:#64748b;--success:var(--color-green);--danger:var(--color-red);--warning:var(--color-amber);--info:var(--color-blue);--bg-main:var(--color-bg-main);--bg-card:var(--color-bg-card);--bg-sidebar:var(--color-bg-sidebar);--text-main:var(--color-text-main);--text-muted:var(--color-text-light-muted);--text-inverse:#fff;--border-color:var(--color-border-light);--product-bg:#f8fafc;--product-bg-2:#fff;--product-bg-3:#f1f5f9;--product-bg-4:#e2e8f0;--product-text:#1e293b;--product-text-muted:#64748b;--product-text-dim:#94a3b8;--product-border:#e2e8f0;--product-border-hover:#cbd5e1;--font-sans:"DM Sans", "Inter", system-ui, -apple-system, sans-serif;--font-display:"Syne", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:15px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-.01em;--letter-spacing-wide:.05em;--letter-spacing-wider:.09em;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:20px;--space-9:24px;--space-10:28px;--space-11:32px;--space-12:40px;--space-13:48px;--space-14:60px;--radius-sm:4px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 40px #0000004d;--transition-fast:all .12s ease;--transition-base:all .15s ease;--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1);--transition-spring:all .3s cubic-bezier(.34, 1.56, .64, 1);--max-content-width:1800px;--sidebar-width:230px;--header-height:60px;--tab-bar-height:48px;--z-base:1;--z-dropdown:50;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;font-family:var(--font-sans);line-height:var(--line-height-base);font-weight:var(--font-weight-normal);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--color-bg-main);color:var(--color-text-main)}@media (prefers-color-scheme:dark){:root{--color-bg-main:#0f172a;--color-bg-card:#1e293b;--color-text-main:#f1f5f9;--color-text-light-muted:#94a3b8;--color-border-light:#334155;--bg-main:#0f172a;--bg-card:#1e293b;--text-main:#f1f5f9;--text-muted:#94a3b8;--border-color:#334155}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-main);min-height:100vh;color:var(--color-text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-accent{color:var(--color-accent-light)}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.text-green{color:var(--color-green)}.text-red{color:var(--color-red)}.text-amber{color:var(--color-amber)}.text-blue{color:var(--color-blue)}.status-badge{padding:var(--space-1) var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-2);display:inline-flex}.status-badge.active{background:var(--color-green-bg);color:var(--color-green);border:1px solid var(--color-green-border)}.status-badge.draft,.status-badge.pending{background:var(--color-amber-bg);color:var(--color-amber)}.status-badge.ordered{background:var(--color-blue-bg);color:var(--color-blue)}.status-badge.received{background:var(--color-green-bg);color:var(--color-green)}.status-badge.confirmed{background:var(--color-accent-muted);color:var(--color-accent-light)}.status-badge.shipped{color:#b39dfc;background:#8b5cf61f}.status-badge.delivered{background:var(--color-green-bg);color:var(--color-green)}.status-badge.cancelled{background:var(--color-red-bg);color:var(--color-red)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);border-radius:var(--radius);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-sans);transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce74d}.btn-secondary{background-color:var(--color-bg-main);border-color:var(--color-border-light);color:var(--color-text-main)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border-light)}.btn-danger{background-color:var(--color-red);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-ghost{border-color:var(--color-border);color:var(--color-text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-3);color:var(--color-text);border-color:var(--color-border-hover)}input[type=text],input[type=number],input[type=email],input[type=password],input[type=url],input[type=search],textarea{background-color:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius);width:100%;color:var(--color-text-main);font-family:var(--font-sans);font-size:var(--font-size-md);transition:var(--transition-smooth);outline:none;padding:.625rem .875rem}input:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}input::placeholder,textarea::placeholder{color:var(--color-text-light-muted);opacity:.7}textarea{resize:vertical;min-height:80px}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xs);overflow:hidden}.card-header{padding:var(--space-8) var(--space-9);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.card-body{padding:var(--space-9)}.card-footer{padding:var(--space-8) var(--space-9);background-color:var(--color-bg-main);border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:var(--space-7);display:flex}.table-container{border:1px solid var(--color-border-light);border-radius:var(--radius);background-color:var(--color-bg-card);width:100%;overflow-x:auto}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.standard-table{border-collapse:collapse;width:100%}.standard-table th{text-align:left;padding:var(--space-7);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-light-muted);background-color:var(--color-bg-main);border-bottom:1px solid var(--color-border-light)}.standard-table td{padding:var(--space-7);border-bottom:1px solid var(--color-border-light);vertical-align:middle;font-size:var(--font-size-md)}.standard-table tr:last-child td{border-bottom:none}.standard-table tr:hover td{background-color:#6c5ce705}.tabs-nav{gap:var(--space-2);padding:0 var(--space-9);background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border-light);display:flex}.tab-link{padding:var(--space-7) var(--space-8);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-light-muted);transition:var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000}.tab-link:hover{color:var(--color-text-main)}.tab-link.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.main-wrapper{width:100%;max-width:var(--max-content-width);padding:var(--space-9);margin:0 auto}.responsive-grid{gap:var(--space-9);align-items:flex-start;display:flex}@media (width<=1024px){.responsive-grid{flex-direction:column!important}.responsive-grid>div{flex:0 0 100%!important;width:100%!important;max-width:100%!important}}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3}.dark .glass{background:#1e293bb3}.sidebar{background-color:var(--bg-sidebar);width:260px;color:var(--text-inverse);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{padding:2rem 1.5rem}.sidebar-logo{color:var(--primary);letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:0 1rem;display:flex}.nav-item{border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-inverse);background-color:#ffffff0d}.nav-item.active{background-color:var(--primary);color:var(--text-inverse)}.has-submenu{cursor:pointer;justify-content:space-between}.nav-item-content{align-items:center;gap:.75rem;display:flex}.submenu{flex-direction:column;gap:.25rem;margin-top:.25rem;margin-bottom:.5rem;padding-left:2.75rem;display:flex}.submenu-item{border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.submenu-item:hover{color:var(--text-inverse);background-color:#ffffff0d}.submenu-item.active{color:var(--primary);background-color:#ffffff05;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem}.user-profile{align-items:center;gap:.75rem;padding:.5rem;display:flex}.user-avatar{background-color:var(--primary);border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:600;display:flex}.user-info{flex:1;min-width:0}.user-name{margin-bottom:.125rem;font-size:.875rem;font-weight:600}.user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dashboard-layout{background-color:var(--bg-main);min-height:100vh;display:flex}.dashboard-main{flex:1;padding:2rem;overflow-y:auto}.dashboard-container{max-width:100%;margin:0 auto}@media (width<=768px){.dashboard-layout{flex-direction:column}.dashboard-main{padding:1rem}.dashboard-container{padding:0}.mobile-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.menu-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}}.mobile-header{display:none}.login-page{background-color:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background-color:var(--bg-card);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:2.5rem}.login-title{text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem;font-size:.875rem}.form-group{margin-bottom:1.25rem}.form-label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-main);width:100%;color:var(--text-main);padding:.625rem .875rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary);outline:none}.login-button{background-color:var(--primary);color:#fff;border-radius:var(--radius);border:none;width:100%;margin-top:1rem;padding:.75rem;font-weight:600;transition:background-color .2s}.login-button:hover{background-color:var(--primary-hover)}.login-button:disabled{opacity:.7;cursor:not-allowed}.error-message{color:var(--danger);text-align:center;margin-bottom:1rem;font-size:.875rem}.product-list-container{flex-direction:column;gap:1.5rem;display:flex}.list-header{justify-content:space-between;align-items:center;display:flex}.page-title{color:var(--text-main);font-size:1.875rem;font-weight:700}.add-button{background-color:var(--primary);color:#fff;border-radius:var(--radius);border:none;align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:600;transition:background-color .2s;display:flex}.add-button:hover{background-color:var(--primary-hover)}.filter-bar{align-items:center;gap:1rem;display:flex}.search-box{flex:1;max-width:400px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-box input{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-card);width:100%;color:var(--text-main);padding:.625rem 1rem .625rem 2.5rem}.category-filter{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-card);color:var(--text-main);min-width:180px;padding:.625rem 1rem}.filter-button{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-card);color:var(--text-muted);align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:500;display:flex}.table-card{background-color:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);background-color:#00000005;padding:1rem;font-size:.75rem}.data-table td{border-bottom:1px solid var(--border-color);padding:1rem;font-size:.875rem}.sku-badge{background-color:var(--bg-main);border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.status-badge{border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.status-badge.active{color:var(--success);background-color:#10b9811a}.status-badge.inactive{color:var(--danger);background-color:#ef44441a}.action-buttons{gap:.5rem;display:flex}.icon-button{border:1px solid var(--border-color);color:var(--text-muted);background-color:#0000;border-radius:4px;padding:.375rem;transition:all .2s}.icon-button:hover{color:var(--text-main);background-color:var(--bg-main)}.icon-button.delete:hover{color:var(--danger);border-color:var(--danger)}.product-name-cell{flex-direction:column;gap:.25rem;display:flex}.product-tags{flex-wrap:wrap;gap:.25rem;display:flex}.tag-badge{background-color:var(--tag-color,var(--primary));color:#fff;text-transform:uppercase;border-radius:4px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.media-library{flex-direction:column;gap:1.5rem;height:calc(100vh - 100px);display:flex}.media-content{flex:1;gap:2rem;min-height:0;display:flex}.media-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;height:100%;padding:.5rem;display:grid;overflow-y:auto}.media-item{background-color:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color);cursor:pointer;height:fit-content;transition:all .2s;overflow:hidden}.media-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-4px)}.media-item.selected{border-color:var(--primary);ring:2px var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.media-preview{aspect-ratio:1;background-color:var(--bg-main);justify-content:center;align-items:center;display:flex;overflow:hidden}.media-preview img{object-fit:cover;width:100%;height:100%}.file-icon-placeholder{color:var(--text-muted)}.media-info{padding:.75rem}.media-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-main);font-size:.8125rem;font-weight:500;display:block;overflow:hidden}.media-sidebar{background-color:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color);flex-direction:column;width:350px;padding:1.5rem;animation:.3s ease-out slideIn;display:flex;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.sidebar-preview{aspect-ratio:16/9;border-radius:var(--radius-sm);background-color:var(--bg-main);border:1px solid var(--border-color);width:100%;margin-bottom:1.5rem;overflow:hidden}.sidebar-preview img{object-fit:contain;width:100%;height:100%}.sidebar-info{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.info-group label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.info-group span{word-break:break-all;font-size:.875rem}.url-copy{gap:.5rem;margin-top:.25rem;display:flex}.url-copy input{border:1px solid var(--border-color);background-color:var(--bg-main);border-radius:4px;flex:1;padding:.4rem;font-size:.75rem}.url-copy button{background-color:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:.4rem}.sidebar-actions{gap:1rem;display:flex}.sidebar-actions button,.sidebar-actions a{border-radius:var(--radius);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.btn-secondary{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-main)}.btn-danger{color:var(--danger);background-color:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background-color:var(--danger);color:#fff}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border-radius:var(--radius);width:100%;max-width:650px;box-shadow:var(--shadow-lg);max-height:90vh;padding:2rem;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h2{font-size:1.25rem;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:background-color .2s}.close-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.modal-form{flex-direction:column;gap:1.25rem;display:flex}.form-row{gap:1.25rem;display:flex}.form-row .form-group{flex:1}.form-group label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-main);width:100%;color:var(--text-main);padding:.625rem .875rem;font-size:.875rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.modal-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;display:flex}.btn-cancel{border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-muted);background:0 0;padding:.625rem 1.25rem;font-weight:600}.btn-submit{background-color:var(--primary);color:#fff;border-radius:var(--radius);border:none;padding:.625rem 1.25rem;font-weight:600}.btn-submit:hover{background-color:var(--primary-hover)}.btn-submit:disabled{opacity:.7}.modal-content.wide{max-width:1000px}.form-sections{grid-template-columns:1fr;gap:3rem;display:grid}@media (width<=900px){.form-sections{grid-template-columns:1fr}}.form-section h3{border-bottom:1px solid var(--border-color);color:var(--primary);margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.tags-selection{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-main);flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.tag-toggle{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.tag-toggle.active{background-color:var(--tag-color,var(--primary));color:#fff;border-color:#0000;box-shadow:0 2px 4px #0000001a}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.section-header h3{border-bottom:none;margin-bottom:0}.switch{cursor:pointer;align-items:center;gap:.75rem;display:flex;position:relative}.switch input{opacity:0;width:0;height:0}.slider{background-color:#ccc;border-radius:20px;width:34px;height:20px;transition:all .4s;display:inline-block;position:relative}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(14px)}.switch-label{font-size:.875rem;font-weight:500}.variants-container{border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--bg-main);padding:1rem}.variants-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.variants-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:.5rem;font-size:.75rem}.variants-table td{padding:.5rem}.variants-table input{padding:.4rem .6rem;font-size:.8125rem}.btn-remove{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.4rem;display:flex}.btn-remove:hover{background-color:#ef44441a}.btn-add-variant{border:1px dashed var(--border-color);border-radius:var(--radius);width:100%;color:var(--primary);cursor:pointer;background:0 0;padding:.625rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-add-variant:hover{border-color:var(--primary);background-color:#4f46e50d}.form-page,.details-page{flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.form-section{flex-direction:column;gap:1.25rem;display:flex}.image-upload-slot{border:2px dashed var(--border-color);border-radius:var(--radius);cursor:pointer;background-color:var(--bg-main);justify-content:center;align-items:center;width:150px;height:150px;transition:all .2s;display:flex;position:relative;overflow:hidden}.image-upload-slot:hover{border-color:var(--primary);background-color:#4f46e50d}.image-upload-slot img{object-fit:cover;width:100%;height:100%}.image-upload-slot .placeholder{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;display:flex}.image-upload-slot .placeholder span{font-size:.75rem;font-weight:500}.image-upload-slot .overlay{color:#fff;opacity:0;background:#0006;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-upload-slot:hover .overlay{opacity:1}.variant-image-slot{border:1px solid var(--border-color);cursor:pointer;background-color:var(--bg-main);width:36px;height:36px;color:var(--text-muted);border-radius:4px;justify-content:center;align-items:center;display:flex;overflow:hidden}.variant-image-slot img{object-fit:cover;width:100%;height:100%}.variant-image-slot:hover{border-color:var(--primary);color:var(--primary)}.category-list-container{flex-direction:column;gap:1.5rem;display:flex}.cat-name{color:var(--text-main);font-weight:600}.slug-badge{background-color:var(--bg-main);color:var(--text-muted);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.tag-list-container{flex-direction:column;gap:1.5rem;display:flex}.tag-chip{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.unit-list-container{flex-direction:column;gap:1.5rem;display:flex}.unit-name{color:var(--text-main);font-weight:600}.inventory-container{flex-direction:column;gap:2rem;display:flex}.inventory-header{justify-content:space-between;align-items:center;display:flex}.header-actions{gap:1rem;display:flex}.primary-button,.secondary-button{border-radius:var(--radius);align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:600;transition:all .2s;display:flex}.primary-button{background-color:var(--primary);color:#fff;border:none}.primary-button:hover{background-color:var(--primary-hover)}.secondary-button{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted)}.secondary-button:hover{background-color:var(--bg-main);color:var(--text-main)}.stock-summary-card{background-color:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.card-title{color:var(--text-main);margin-bottom:1.5rem;font-size:1.125rem;font-weight:600}.inventory-table{border-collapse:collapse;width:100%}.inventory-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:1rem;font-size:.75rem}.inventory-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:1rem}.product-info .name{color:var(--text-main);font-weight:600}.warehouse-info{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.stock-count{font-family:var(--mono);font-size:1rem;font-weight:600}.low-stock{color:var(--danger)}.stock-status{border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.stock-status.stable{color:var(--success);background-color:#10b9811a}.stock-status.alert{color:var(--danger);background-color:#ef44441a}.adjust-btn{border:1px solid var(--border-color);color:var(--text-muted);background-color:#0000;border-radius:4px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;transition:all .2s;display:flex}.adjust-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.loading{color:var(--text-muted);justify-content:center;padding:4rem;display:flex}.warehouse-list-container{flex-direction:column;gap:1.5rem;display:flex}.warehouse-name-cell{flex-direction:column;gap:.25rem;display:flex}.warehouse-name{color:var(--text-main);font-size:1rem;font-weight:600}.warehouse-location{color:var(--text-muted);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.contact-info-cell{flex-direction:column;gap:.25rem;display:flex}.info-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-main);align-items:center;gap:.75rem;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--primary)}