:root{--brand-primary: #2563EB;--brand-secondary: #0EA5E9;--bg-base: #F8FAFC;--bg-surface: #FFFFFF;--bg-muted: #F1F5F9;--bg-overlay: rgba(0, 0, 0, .4);--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--border-default: #E2E8F0;--border-strong: #CBD5E1;--border-focus: #2563EB;--action-default: #2563EB;--action-hover: #1D4ED8;--action-subtle: #EFF6FF;--action-subtle-text: #1D4ED8;--success-default: #16A34A;--success-subtle: #F0FDF4;--warning-default: #D97706;--warning-subtle: #FFFBEB;--danger-default: #DC2626;--danger-subtle: #FEF2F2;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--sidebar-width: 56px;--topbar-height: 56px}[data-theme=dark]{--bg-base: #0F172A;--bg-surface: #1E293B;--bg-muted: #334155;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #64748B;--border-default: #334155;--border-strong: #475569;--border-focus: #3B82F6;--action-default: #3B82F6;--action-hover: #2563EB;--action-subtle: #1E3A5F;--action-subtle-text: #93C5FD;--success-subtle: #052E16;--warning-subtle: #1C1008;--danger-subtle: #1C0606}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}input,textarea,select,button{font-family:inherit;font-size:inherit}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);outline:none;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #2563eb26}label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.whatsapp-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-6);background:var(--warning-subtle, #fef9c3);border-bottom:1px solid var(--warning-border, #fde68a);font-size:var(--text-sm);color:var(--warning-text, #92400e);flex-shrink:0}.whatsapp-banner__link{white-space:nowrap;font-weight:var(--font-medium);color:var(--action-default);text-decoration:underline}@media (max-width: 639px){.list-page,.settings-page,.share-page{max-width:100%}.inline-form{flex-direction:column}.item-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.item-actions{width:100%;justify-content:flex-end}.share-url-box{flex-direction:column;align-items:stretch}.share-url{white-space:normal;word-break:break-all}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh}.catalog-cover{height:180px}.catalog-topbar{grid-template-columns:auto auto;grid-template-rows:auto auto;height:auto;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);gap:var(--space-2)}.catalog-topbar__left{grid-column:1;grid-row:1}.catalog-topbar .catalog-social{grid-column:2;grid-row:1;justify-self:end}.catalog-topbar .catalog-search{grid-column:1 / -1;grid-row:2;max-width:none;width:100%}.product-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column-reverse;align-items:stretch}.settings-actions .btn-primary{width:100%;justify-content:center}}@media (min-width: 480px) and (max-width: 639px){.product-grid{grid-template-columns:repeat(2,1fr)}}.page-loading{padding:var(--space-12);text-align:center;color:var(--text-muted)}.page-title{margin:0 0 var(--space-6);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.empty-state{padding:var(--space-12);text-align:center;border:2px dashed var(--border-default);border-radius:var(--radius-xl);background:var(--bg-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--text-muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:none;background:var(--action-default);color:var(--text-inverse);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;transition:background .15s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:var(--action-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;transition:background .15s}.btn-secondary:hover:not(:disabled){background:var(--bg-muted)}.btn-ghost{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background .15s}.btn-ghost:hover:not(:disabled){background:var(--bg-muted)}.btn-ghost--danger{color:var(--danger-default)}.btn-ghost--danger:hover:not(:disabled){background:var(--danger-subtle)}.btn-hard-delete{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:none;background:var(--danger-default);color:var(--text-inverse);font-size:var(--text-sm);cursor:pointer;transition:background .15s}.btn-hard-delete:hover:not(:disabled){background:#b91c1c}.btn-hard-delete:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-body{padding:var(--space-6)}.confirm-modal-question{margin:0 0 var(--space-3);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.confirm-modal-list{list-style:disc;padding-left:var(--space-5);margin:0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.confirm-modal-orders-note{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.confirm-modal-warning{margin:0 0 var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--danger-default)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-error{font-size:var(--text-sm);color:var(--danger-default);margin:var(--space-2) 0 0}.item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.item-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface)}.item-info{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.item-name{font-weight:var(--font-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.item-meta{font-size:var(--text-sm);color:var(--text-secondary)}.item-meta--muted{color:var(--text-muted);font-style:italic}.item-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.inline-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.inline-form input{flex:1}.inline-form--row{width:100%}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-default)}.modal-header h2{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-close{background:none;border:none;font-size:var(--text-lg);color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);line-height:1}.modal-close:hover{background:var(--bg-muted);color:var(--text-primary)}.modal-form{padding:var(--space-6)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.list-page{max-width:720px}.settings-page{max-width:540px}.settings-form{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6)}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-4)}.save-feedback{font-size:var(--text-sm);color:var(--success-default);font-weight:var(--font-medium)}.settings-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:var(--space-6) 0 var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default)}.share-page{max-width:600px}.share-description{color:var(--text-secondary);margin:0 0 var(--space-6)}.share-url-box{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface)}.share-url{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-loading,.catalog-not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--text-muted)}.catalog-page{min-height:100vh;background:var(--bg-base)}.catalog-cover{width:100%;height:315px;overflow:hidden}.catalog-cover img{width:100%;height:100%;object-fit:cover}.catalog-topbar{width:100%;padding:0 var(--space-4) 0 var(--space-3);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);height:60px;border-bottom:1px solid var(--border-default)}.catalog-topbar__left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.catalog-topbar .catalog-logo{width:72px;height:54px;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0}.catalog-topbar .catalog-name{font-size:var(--text-base);font-weight:var(--font-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.catalog-content{max-width:900px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-16)}.catalog-section{margin-bottom:var(--space-10)}.catalog-section-title{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-default)}.product-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.product-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .15s,transform .15s}.product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card:focus-visible{outline:2px solid var(--action-default);outline-offset:2px}.product-card-image{aspect-ratio:1;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.product-card:hover .product-card-image img{transform:scale(1.04)}.product-card-no-image{width:100%;height:100%;background:var(--bg-muted)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center}.lightbox__img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-sm)}.lightbox__close{position:absolute;top:var(--space-4);right:var(--space-4);background:#ffffff26;border:none;color:#fff;font-size:1.25rem;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox__close:hover{background:#ffffff47}.lightbox__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:1.75rem;width:3rem;height:3rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.lightbox__arrow:hover{background:#ffffff47}.lightbox__arrow--prev{left:var(--space-4)}.lightbox__arrow--next{right:var(--space-4)}.lightbox__arrow:disabled{opacity:.25;cursor:default}.product-card-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.product-card-name{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-price{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--action-default)}.product-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.product-modal{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:680px;max-height:90vh;overflow:hidden;display:flex;flex-direction:row;position:relative}.product-modal__left{flex-shrink:0;width:280px;display:flex;flex-direction:column}.product-modal__image{flex:1;min-height:0;overflow:hidden;cursor:zoom-in;position:relative}@keyframes modal-img-fade{0%{opacity:.45}to{opacity:1}}.product-modal__image img{width:100%;height:100%;object-fit:cover;display:block;animation:modal-img-fade .18s ease}@media (prefers-reduced-motion: reduce){.product-modal__image img{animation:none}}.product-modal__no-image{width:100%;height:100%;background:var(--bg-muted);cursor:default}.product-modal__gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#00000059;border:none;color:#fff;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;padding:0;transition:background .12s,opacity .12s}.product-modal__gallery-arrow:hover:not(:disabled){background:#0000008c}.product-modal__gallery-arrow:disabled{opacity:.25;cursor:default}.product-modal__gallery-arrow--prev{left:var(--space-2)}.product-modal__gallery-arrow--next{right:var(--space-2)}.product-modal__thumbs{flex-shrink:0;display:flex;gap:var(--space-1);padding:var(--space-2);background:var(--bg-muted)}.product-modal__thumb{flex:1;min-width:0;aspect-ratio:1;border:2px solid transparent;border-radius:var(--radius-sm);padding:0;overflow:hidden;cursor:pointer;background:none;opacity:.6;transition:opacity .12s,border-color .12s}.product-modal__thumb:hover{opacity:.85}.product-modal__thumb--active{opacity:1;border-color:var(--action-default)}.product-modal__thumb img{width:100%;height:100%;object-fit:cover;display:block}.product-modal__close{position:absolute;top:var(--space-3);right:var(--space-3);background:var(--bg-muted);border:none;color:var(--text-secondary);width:2rem;height:2rem;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;z-index:1;transition:background .12s}.product-modal__close:hover{background:var(--border-default)}.product-modal__body{flex:1;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto}.product-modal__name{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.3;padding-right:var(--space-6)}.product-modal__description{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.product-modal__price-row{margin-top:auto}.product-modal__price{display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--action-default)}.product-modal__price--from{font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--text-muted)}@media (max-width: 639px){.product-modal{flex-direction:column;max-height:85vh}.product-modal__left{width:100%}.product-modal__image{flex:none;aspect-ratio:4 / 3}.product-modal__body{overflow-y:auto}}.variant-attr{margin-bottom:var(--space-2)}.variant-attr__label{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.variant-attr__values{display:flex;flex-wrap:wrap;gap:var(--space-1)}.variant-chip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:background .12s,border-color .12s,color .12s;min-height:32px}.variant-chip:hover{border-color:var(--action-default);color:var(--action-default)}.variant-chip--selected{background:var(--action-default);border-color:var(--action-default);color:var(--text-inverse)}.variant-chip--selected:hover{color:var(--text-inverse)}.variant-out-of-stock,.variant-unavailable{font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-1) 0 0}.variant-out-of-stock{color:var(--color-danger, #e53e3e)}.co-item__variant{font-size:var(--text-xs);color:var(--text-muted)}.catalog-topbar .catalog-search{width:416px;margin:0 auto}.catalog-search{position:relative;margin:0;width:100%;max-width:320px}.catalog-search__input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);box-sizing:border-box;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.catalog-search__input::-webkit-search-cancel-button{display:none}.catalog-search__input:focus{outline:none;border-color:var(--action-default)}.catalog-search__clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-sm);line-height:1;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center}.catalog-search__clear:hover{color:var(--text-primary)}.catalog-search-empty{padding:var(--space-12) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-base);margin:0}.catalog-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.catalog-tab{padding:var(--space-2) var(--space-4);min-height:44px;border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.catalog-tab:hover{border-color:var(--action-default);color:var(--action-default)}.catalog-tab--active{background:var(--action-default);border-color:var(--action-default);color:var(--text-inverse)}.catalog-tab--active:hover{background:var(--action-hover);border-color:var(--action-hover);color:var(--text-inverse)}.catalog-empty{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-8) 0;text-align:center}.dashboard-catalog-url{padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-surface);margin-bottom:var(--space-6)}.dashboard-catalog-url__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.dashboard-catalog-url__row{display:flex;align-items:center;gap:var(--space-3)}.dashboard-catalog-url__link{flex:1;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.dashboard-catalog-url__link:hover{text-decoration:underline}.dashboard-catalog-url__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}@media (max-width: 639px){.dashboard-catalog-url__row{flex-direction:column;align-items:stretch}.dashboard-catalog-url__actions{justify-content:flex-end}}.img-uploader{display:flex;flex-direction:column;gap:var(--space-3)}.img-uploader__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.img-uploader__item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-default);background:var(--bg-muted);cursor:grab;-webkit-user-select:none;user-select:none}.img-uploader__item--dragging{cursor:grabbing}.img-uploader__item--dragging .img-uploader__controls{opacity:0}.img-uploader__item img{width:100%;height:100%;object-fit:cover;display:block}.img-uploader__badge{position:absolute;top:var(--space-1);left:var(--space-1);font-size:10px;font-weight:var(--font-semibold);background:#0000008c;color:#fff;padding:2px 5px;border-radius:var(--radius-sm);pointer-events:none}.img-uploader__controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#00000080;opacity:0;transition:opacity .15s}.img-uploader__item:hover .img-uploader__controls{opacity:1}.img-uploader__ctrl-btn{flex:1;padding:var(--space-1) 0;border:none;background:transparent;color:#fff;font-size:var(--text-sm);cursor:pointer;line-height:1;transition:background .1s}.img-uploader__ctrl-btn:hover:not(:disabled){background:#ffffff26}.img-uploader__ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.img-uploader__ctrl-btn--remove{color:#fca5a5}.img-uploader__footer{display:flex;align-items:center;gap:var(--space-3)}.img-uploader__add-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--border-default);background:transparent;color:var(--action-default);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background .15s,border-color .15s}.img-uploader__add-btn:hover{background:var(--action-subtle);border-color:var(--action-default)}.img-uploader__counter{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.img-uploader__errors{list-style:none;margin:0;padding:var(--space-2) var(--space-3);background:var(--danger-subtle, #fee2e2);border:1px solid var(--danger-border, #fecaca);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-1)}.img-uploader__errors li{font-size:var(--text-xs);color:var(--danger-default)}@media (max-width: 480px){.img-uploader__grid{grid-template-columns:repeat(2,1fr)}}.biz-img-upload{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.biz-img-upload__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.biz-img-upload__thumb-row{display:flex;align-items:center;gap:var(--space-3)}.biz-img-upload__thumb-row--wide{flex-direction:column;align-items:flex-start}.biz-img-upload__thumb{flex-shrink:0;position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-default);background:var(--bg-muted)}.biz-img-upload__thumb:not(.biz-img-upload__thumb--wide){max-width:200px;max-height:120px;min-width:48px;min-height:48px}.biz-img-upload__thumb--wide{width:100%;height:128px;cursor:grab}.biz-img-upload__thumb--wide:active{cursor:grabbing}.biz-img-upload__thumb:not(.biz-img-upload__thumb--wide) img{object-fit:contain;max-width:200px;max-height:120px;width:auto;height:auto;display:block;-webkit-user-select:none;user-select:none}.biz-img-upload__thumb--wide img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.biz-img-upload__drag-hint{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;background:#00000080;color:#fff;font-size:11px;text-align:center;pointer-events:none}.biz-img-upload__thumb-meta{display:flex;flex-direction:column;gap:var(--space-2)}.biz-img-upload__success{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--success-default, #16a34a)}.biz-img-upload__remove{background:none;border:none;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;padding:0;text-decoration:underline;text-align:left;transition:color .15s}.biz-img-upload__remove:hover{color:var(--danger-default)}.biz-img-upload__row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.biz-img-upload__btn{flex-shrink:0}.field-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);line-height:1.5}.field-hint code{font-family:var(--font-mono);background:var(--bg-muted);padding:0 var(--space-1);border-radius:var(--radius-sm)}.item-thumbnail{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-default)}.item-thumbnail img{width:100%;height:100%;object-fit:cover}.item-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1);flex-shrink:0}.item-badge{display:inline-block;padding:0 var(--space-2);border-radius:var(--radius-full);border:1px solid var(--border-default);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-muted);white-space:nowrap}.catalog-topbar .catalog-social{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:0;justify-self:end}.catalog-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;border:none;color:#fff;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.catalog-social-link svg{width:19px;height:19px}.catalog-social-link[aria-label=WhatsApp]{background:#25d366}.catalog-social-link[aria-label=Facebook]{background:#1877f2}.catalog-social-link[aria-label=Instagram]{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.catalog-social-link[aria-label=TikTok]{background:#010101}.catalog-social-link:hover{transform:scale(1.1);box-shadow:0 4px 14px #00000040}.catalog-whatsapp-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:#25d366;color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);text-decoration:none;transition:background .15s}.catalog-whatsapp-btn:hover{background:#1ebe5d}.catalog-no-products{padding:var(--space-16) var(--space-4);text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.catalog-no-products__icon{flex-shrink:0;opacity:.5}.catalog-no-products p{margin:0;font-size:var(--text-lg)}.filter-bar{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center}.filter-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.filter-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.products-search{position:relative;margin-left:auto}.products-search__input{padding:var(--space-1) var(--space-8) var(--space-1) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);width:220px;box-sizing:border-box;transition:border-color .15s,width .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.products-search__input::-webkit-search-cancel-button{display:none}.products-search__input:focus{outline:none;border-color:var(--action-default);width:280px}.products-search__clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-xs);line-height:1;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center}.products-search__clear:hover{color:var(--text-primary)}@media (max-width: 639px){.products-search{margin-left:0;width:100%}.products-search__input{width:100%}.products-search__input:focus{width:100%}}.filter-btn--active{background:var(--action-subtle);border-color:var(--action-default);color:var(--action-default);font-weight:var(--font-medium)}.item-row--inactive{opacity:.6}.item-badge--muted{color:var(--text-muted);border-color:var(--border-default)}.item-name-row{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.color-field{display:flex;align-items:center;gap:var(--space-2)}.color-swatch{flex-shrink:0;width:36px;height:36px;padding:2px;border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;background:none}.color-field input[type=text]{flex:1}.color-clear{flex-shrink:0;background:none;border:none;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);line-height:1;transition:color .15s}.color-clear:hover{color:var(--danger-default)}.field-checkbox-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.field-checkbox-label input[type=checkbox]{width:16px;height:16px;flex-shrink:0;cursor:pointer}.settings-subsection-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:var(--space-4) 0 var(--space-2)}@media (max-width: 639px){.btn-primary,.btn-secondary,.btn-ghost,.catalog-tab{min-height:44px}img{max-width:100%;height:auto}.product-card-image img{height:100%}}.cart-controls{margin-top:var(--space-3)}.cart-btn-add{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--action-default);background:transparent;color:var(--action-default);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background .15s,color .15s;min-height:36px}.cart-btn-add:hover{background:var(--action-default);color:var(--text-inverse)}.cart-qty-controls{display:flex;align-items:center;gap:var(--space-2)}.cart-qty-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-muted);color:var(--text-primary);font-size:var(--text-base);line-height:1;cursor:pointer;transition:background .15s,border-color .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-qty-btn:hover:not(:disabled){background:var(--action-subtle);border-color:var(--action-default)}.cart-qty-btn:disabled{opacity:.4;cursor:not-allowed}.cart-qty-display{min-width:28px;text-align:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.cart-warning{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--warning-subtle, #fef9c3);border-bottom:1px solid var(--warning-default, #ca8a04);font-size:var(--text-sm);color:var(--text-primary)}[data-theme=dark] .cart-warning{background:#ca8a0426;border-bottom-color:#ca8a0466}.cart-warning__dismiss{flex-shrink:0;background:none;border:none;color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);line-height:1;transition:color .15s}.cart-warning__dismiss:hover{color:var(--text-primary)}.catalog-content--with-cart{padding-bottom:80px}.cart-indicator{position:fixed;bottom:0;left:0;right:0;background:var(--action-default);color:var(--text-inverse);padding:var(--space-3) var(--space-4);z-index:100;box-shadow:0 -2px 12px #00000026}.cart-indicator__content{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.cart-indicator__summary{font-size:var(--text-sm);font-weight:var(--font-medium)}.cart-indicator__checkout-btn{flex-shrink:0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--text-inverse);background:transparent;color:var(--text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background .15s;white-space:nowrap;min-height:36px}.cart-indicator__checkout-btn:hover{background:#ffffff26}.checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200}.checkout-panel{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--bg-base);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:201;overflow-y:auto;padding:var(--space-6) var(--space-4) var(--space-8)}.checkout-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.checkout-panel__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.checkout-panel__close{background:none;border:none;font-size:var(--text-lg);color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);line-height:1;transition:color .15s}.checkout-panel__close:hover{color:var(--text-primary)}.checkout-panel__placeholder{color:var(--text-muted);font-size:var(--text-sm);text-align:center;padding:var(--space-8) 0}@media (max-width: 639px){.cart-btn-add{min-height:44px}.cart-qty-btn{width:40px;height:40px}}.co-screen{padding-top:var(--space-2)}.co-item-list{list-style:none;margin:0 0 var(--space-1);padding:0}.co-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-default);font-size:var(--text-sm)}.co-item:last-child{border-bottom:none}.co-item__name{color:var(--text-primary);flex:1;min-width:0}.co-item__qty{color:var(--text-secondary);font-size:var(--text-xs)}.co-item__subtotal{font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;flex-shrink:0}.co-item__controls{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.co-item__qty-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-default);color:var(--text-primary);font-size:var(--text-base);line-height:1;cursor:pointer;transition:background-color .15s,border-color .15s}.co-item__qty-btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.co-item__qty-count{min-width:20px;text-align:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.co-item__remove{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:color .15s,background-color .15s;margin-left:var(--space-1)}.co-item__remove:hover{color:var(--danger-default);background:var(--danger-subtle)}.co-clear{text-align:center;margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-default)}.co-clear__btn{background:none;border:none;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;text-decoration:underline;padding:0}.co-clear__btn:hover{color:var(--danger-default)}.co-total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-top:2px solid var(--border-default);margin-bottom:var(--space-5)}.co-total__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.co-total__amount{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--action-default)}.co-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.co-success{text-align:center}.co-success__check{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--success-subtle, #dcfce7);color:var(--success-default, #16a34a);font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 auto var(--space-3)}[data-theme=dark] .co-success__check{background:#16a34a26}.co-success__order-number{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--space-5)}.co-success .co-item-list{text-align:left}.co-success__actions{flex-direction:column;align-items:stretch;gap:var(--space-3)}.co-success__wa-btn{justify-content:center;margin-top:0}.co-success__close-btn{width:100%;justify-content:center}.co-error{text-align:center;padding:var(--space-4) 0}.co-error__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--danger-subtle, #fee2e2);color:var(--danger-default, #dc2626);font-size:var(--text-xl);font-weight:var(--font-bold);margin:0 auto var(--space-3)}[data-theme=dark] .co-error__icon{background:#dc262626}.co-error__message{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-6);line-height:1.6}.co-error__actions{justify-content:center}.orders-page{max-width:700px}.orders-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-5)}.order-tabs{display:flex;gap:var(--space-1);overflow-x:auto;padding-bottom:var(--space-1);margin-bottom:var(--space-5);scrollbar-width:none}.order-tabs::-webkit-scrollbar{display:none}.order-tab{flex-shrink:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full, 9999px);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.order-tab:hover{background:var(--bg-muted);color:var(--text-primary)}.order-tab--active{background:var(--action-default);border-color:var(--action-default);color:var(--text-inverse)}.order-tab--active:hover{background:var(--action-hover, var(--action-default));color:var(--text-inverse)}.orders-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0}.order-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:background .12s,border-color .12s;text-align:left}.order-card:hover{background:var(--bg-muted);border-color:var(--border-strong, var(--border-default))}.order-card:focus-visible{outline:2px solid var(--action-default);outline-offset:2px}.order-card--skeleton{pointer-events:none;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.order-card__left{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.order-card__number{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.order-card__customer{font-size:var(--text-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-card__meta{font-size:var(--text-xs);color:var(--text-muted)}.order-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.order-card__total{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.order-card__arrow{font-size:18px;color:var(--text-muted);flex-shrink:0}.order-status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full, 9999px);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap}.order-status-badge--pending{background:var(--warning-subtle, #fef3c7);color:var(--warning-text, #92400e)}.order-status-badge--confirmed{background:var(--info-subtle, #dbeafe);color:var(--info-text, #1e40af)}.order-status-badge--delivered{background:var(--success-subtle, #d1fae5);color:var(--success-text, #065f46)}.order-status-badge--cancelled{background:var(--bg-muted);color:var(--text-muted)}[data-theme=dark] .order-status-badge--pending{background:#d9770626;color:#fcd34d}[data-theme=dark] .order-status-badge--confirmed{background:#1a56db33;color:#93c5fd}[data-theme=dark] .order-status-badge--delivered{background:#15803d33;color:#6ee7b7}.orders-empty{display:flex;flex-direction:column;align-items:center;padding:var(--space-16, 4rem) var(--space-8);text-align:center}.orders-empty__icon{font-size:48px;margin-bottom:var(--space-4)}.orders-empty__heading{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--space-2)}.orders-empty__sub{font-size:var(--text-sm);color:var(--text-muted);margin:0;max-width:300px}.orders-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-10) var(--space-8);text-align:center;color:var(--text-secondary)}.skeleton{background:var(--border-default);border-radius:var(--radius-md);animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton--line{display:block}.skeleton--block{display:block;width:100%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.order-detail-page{max-width:860px}.order-detail__back{margin-bottom:var(--space-5)}.order-detail__back-link{font-size:var(--text-sm);color:var(--action-default);text-decoration:none;font-weight:var(--font-medium)}.order-detail__back-link:hover{text-decoration:underline}.order-detail__header{margin-bottom:var(--space-6)}.order-detail__title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-1)}.order-detail__title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.order-detail__date{font-size:var(--text-sm);color:var(--text-muted);margin:0}.order-detail__body{display:flex;flex-direction:column;gap:var(--space-5)}@media (min-width: 640px){.order-detail__body{flex-direction:row;align-items:flex-start;gap:var(--space-6)}.order-detail__main{flex:1}.order-detail__sidebar{width:280px;flex-shrink:0}}.order-detail__skeleton{padding:var(--space-2)}.order-detail__section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.order-detail__section:last-child{margin-bottom:0}.order-detail__section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-4)}.order-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.order-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.order-item__info{flex:1;min-width:0}.order-item__name{font-size:var(--text-sm);color:var(--text-primary);display:block}.order-item__qty{font-size:var(--text-xs);color:var(--text-muted)}.order-item__prices{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.order-item__unit{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.order-item__subtotal{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.order-total{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--border-default)}.order-total__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.order-total__amount{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.order-customer{display:flex;flex-direction:column;gap:var(--space-3)}.order-customer__row{display:flex;flex-direction:column;gap:2px}.order-customer__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.order-customer__value{font-size:var(--text-sm);color:var(--text-primary)}.order-customer__phone{color:var(--action-default);text-decoration:none}.order-customer__phone:hover{text-decoration:underline}.order-customer__row--note .order-customer__value{color:var(--text-secondary);font-style:italic}.order-actions{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.order-actions__error{font-size:var(--text-sm);color:var(--danger-default, #dc2626);margin:0 0 var(--space-3)}.order-actions__buttons{display:flex;flex-direction:column;gap:var(--space-2)}.order-actions__cancel-btn{color:var(--danger-default, #dc2626);font-size:var(--text-sm)}.order-actions__cancel-btn:hover{color:var(--danger-default, #dc2626)}.order-actions__cancel-confirm{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--danger-subtle, #fee2e2);border-radius:var(--radius-md);border:1px solid var(--danger-border, #fecaca)}.order-actions__cancel-warning{font-size:var(--text-sm);color:var(--danger-default, #dc2626);margin:0;font-weight:var(--font-medium)}.order-actions__cancel-btns{display:flex;gap:var(--space-2)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:opacity .15s;border:none;background:var(--danger-default, #dc2626);color:#fff}.btn-danger:hover{opacity:.88}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 639px){.order-detail__sidebar .order-actions{position:fixed;bottom:56px;left:0;right:0;border-radius:0;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -2px 8px #00000014;z-index:90}.order-detail-page{padding-bottom:140px}}.modal--wide{max-width:640px}.vs-section{margin-top:var(--space-4);border-top:1px solid var(--border-default);padding-top:var(--space-4)}.vs-divider{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-3)}.vs-loading{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-2) 0}.vs-attr-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.vs-attr-row{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.vs-attr-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.vs-attr-name-wrap{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.vs-attr-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid transparent}.vs-attr-name:hover{border-color:var(--border-default);background:var(--bg-surface)}.vs-attr-name-input{font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border:1px solid var(--action-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);outline:none;width:120px}.vs-attr-count{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;padding:1px var(--space-2);white-space:nowrap}.vs-attr-del{padding:var(--space-1);font-size:var(--text-sm);flex-shrink:0}.vs-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.vs-chip{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;padding:2px var(--space-2) 2px var(--space-3);font-size:var(--text-sm);color:var(--text-primary)}.vs-chip-del{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-base);line-height:1;padding:0;display:flex;align-items:center}.vs-chip-del:hover{color:var(--danger-default)}.vs-add-val-form{display:inline-flex;align-items:center;gap:4px}.vs-add-val-input{height:26px;font-size:var(--text-sm);border:1px solid var(--action-default);border-radius:20px;padding:0 var(--space-2);width:80px;background:var(--bg-surface);color:var(--text-primary);outline:none}.vs-add-val-ok{color:var(--action-default);font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}.vs-add-val-btn{font-size:var(--text-sm);color:var(--text-secondary);padding:2px var(--space-2);border-radius:20px;border:1px dashed var(--border-default)}.vs-add-val-btn:hover{border-color:var(--action-default);color:var(--action-default);background:transparent}.vs-val-err{margin-top:var(--space-1)}.vs-add-attr-form{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.vs-add-attr-input{flex:1;min-width:0}.vs-generate-row{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-3) 0 var(--space-1)}.vs-gen-hint{font-size:var(--text-sm);color:var(--text-muted)}.vt-wrap{margin-top:var(--space-4);border-top:1px solid var(--border-default);padding-top:var(--space-3)}.vt-divider{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.vt-count{font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--bg-muted);border:1px solid var(--border-default);border-radius:10px;padding:1px var(--space-2);color:var(--text-secondary)}.vt-scroll{overflow-x:auto}.vt-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:480px}.vt-th{text-align:left;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border-default);white-space:nowrap}.vt-th-order{width:48px}.vt-th-label{width:auto;min-width:100px}.vt-th-sku{width:100px}.vt-th-price{width:90px}.vt-th-stock{width:80px}.vt-th-active{width:56px;text-align:center}.vt-th-del{width:36px}.vt-row:hover .vt-td{background:var(--bg-muted)}.vt-row--inactive{opacity:.55}.vt-td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--border-default);vertical-align:middle}.vt-td-order{white-space:nowrap}.vt-arrows{display:flex;flex-direction:column;gap:0}.vt-arrow-btn{padding:1px var(--space-1);font-size:10px;line-height:1.2;color:var(--text-muted)}.vt-arrow-btn:disabled{opacity:.25}.vt-td-label{font-weight:var(--font-medium)}.vt-label--off{text-decoration:line-through;color:var(--text-muted)}.vt-input{width:100%;height:28px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);padding:0 var(--space-2);font-size:var(--text-sm);color:var(--text-primary);font-family:inherit}.vt-input:focus{outline:none;border-color:var(--action-default)}.vt-input:disabled{opacity:.45;cursor:not-allowed}.vt-input--center,.vt-td-active{text-align:center}.vt-toggle{position:relative;width:32px;height:18px;display:inline-block;cursor:pointer}.vt-toggle input{opacity:0;width:0;height:0;position:absolute}.vt-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-default);border-radius:9px;transition:background .15s}.vt-toggle input:checked+.vt-track{background:var(--action-default)}.vt-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .15s;pointer-events:none}.vt-toggle input:checked~.vt-thumb{transform:translate(14px)}.vt-td-del{text-align:center}.vt-err-row .vt-err-cell{padding:var(--space-1) var(--space-2) var(--space-2);border-bottom:1px solid var(--border-default)}.vt-table tr:last-child .vt-td,.vt-table tr:last-child .vt-err-cell{border-bottom:none}.vt-inherited{display:inline-block;font-size:var(--text-sm);font-style:italic;color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-sm);padding:4px 8px;white-space:nowrap}.vt-inherited-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.pm-toggle{margin-bottom:var(--space-4)}.pm-toggle-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.pm-radio-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.pm-radio-card{border:2px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.pm-radio-card:hover{border-color:var(--border-strong)}.pm-radio-card--selected{border-color:var(--action-default);background:var(--action-subtle)}.pm-radio-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.pm-radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.pm-radio-card--selected .pm-radio-dot{border-color:var(--action-default)}.pm-radio-dot-inner{width:8px;height:8px;border-radius:50%;background:var(--action-default);opacity:0;transition:opacity .15s}.pm-radio-card--selected .pm-radio-dot-inner{opacity:1}.pm-radio-card-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.pm-radio-card-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;padding-left:24px}.pm-mode-note{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2);line-height:1.45}.pm-preview{background:var(--action-subtle);border:1px solid var(--action-subtle-text);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.pm-preview-title{font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-size:10px}.pm-preview-row{display:flex;gap:var(--space-2)}.pm-preview-row+.pm-preview-row{margin-top:2px}.pm-preview-key{font-weight:var(--font-medium);color:var(--text-muted);min-width:48px}.pm-preview-val strong{color:var(--text-primary)}