:root{--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Consolas, "Courier New", monospace;--font-family: var(--font-family-base);--font-mono: var(--font-family-mono);--fs-2xs: .75rem;--fs-xs: .8125rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.75rem;--fs-4xl: 2rem;--fs-5xl: 2.5rem;--fs-6xl: 3rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.7;--primary: #0496a5;--primary-dark: #037a87;--primary-light: #5bc0c9;--accent: #FF7F50;--accent-dark: #e66a3d;--accent-light: #ffaa88;--danger: #ef4444;--danger-dark: #dc2626;--success: #22c55e;--success-dark: #16a34a;--warning: #f59e0b;--whatsapp: #25D366;--whatsapp-dark: #1ebe57;--bg-body: #f0f7f9;--bg-card: #ffffff;--bg-input: #ffffff;--text-main: #0f172a;--text-heading: var(--text-main);--text-muted: #475569;--text-light: #64748b;--type-brand-size: var(--fs-md);--type-brand-weight: var(--fw-extrabold);--type-page-title-size: var(--fs-2xl);--type-page-title-weight: var(--fw-bold);--type-page-title-line-height: 1.15;--type-section-title-size: var(--fs-xl);--type-section-title-weight: var(--fw-bold);--type-section-title-line-height: 1.2;--type-card-title-size: var(--fs-lg);--type-card-title-weight: var(--fw-semibold);--type-card-title-line-height: 1.25;--type-display-size: var(--fs-6xl);--type-kpi-size: var(--fs-4xl);--type-price-size: var(--fs-2xl);--type-price-accent-size: var(--fs-4xl);--type-body-size: var(--fs-md);--type-body-sm-size: var(--fs-sm);--type-label-size: var(--fs-sm);--type-label-weight: var(--fw-semibold);--type-meta-size: var(--fs-xs);--type-meta-weight: var(--fw-medium);--type-caption-size: var(--fs-2xs);--type-caption-weight: var(--fw-medium);--type-badge-size: var(--fs-2xs);--type-badge-weight: var(--fw-bold);--type-button-size: var(--fs-sm);--type-button-weight: var(--fw-semibold);--type-button-lg-size: var(--fs-md);--type-input-size: var(--fs-md);--type-input-weight: var(--fw-regular);--field-min-height: 44px;--field-min-height-emphasis: 46px;--field-min-height-compact: 34px;--field-textarea-min-height: 112px;--field-padding-inline: 12px;--field-padding-block: 12px;--field-padding-inline-icon-start: 40px;--field-padding-inline-icon-end: 40px;--field-padding-inline-select-end: 34px;--field-radius: 12px;--field-radius-lg: 14px;--field-border-color: var(--border-color);--field-border-color-hover: #bfd3df;--field-border-color-focus: var(--primary);--field-bg: #ffffff;--field-bg-muted: #f8fafc;--field-text-color: var(--text-main);--field-placeholder-color: var(--text-muted);--field-shadow: 0 2px 4px rgba(15, 23, 42, .02);--field-shadow-focus: 0 0 0 4px rgba(4, 150, 165, .1), 0 4px 12px rgba(15, 23, 42, .05);--field-focus-ring: 0 0 0 3px rgba(4, 150, 165, .14);--field-label-gap: 6px;--field-label-color: var(--text-main);--field-hint-gap: 6px;--field-hint-color: var(--text-muted);--field-error-color: #dc2626;--field-error-size: var(--type-meta-size);--field-error-weight: var(--fw-medium);--border-color: #e0e0e0;--radius: 12px;--radius-sm: 8px;--radius-full: 50px;--shadow: 0 2px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--nav-height: 60px;--header-height: 56px;--z-header: 800;--z-nav: 900;--z-active-bar: 950;--z-cart: 950;--z-overlay: 1000;--z-modal: 1200;--z-toast: 1500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--fs-md);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family-base);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text-main);background-color:var(--bg-body);padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom,0) + 16px);min-height:100vh;overflow-x:hidden}a{color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:24px;height:24px;border-width:3px}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.container{--container-inline-padding: clamp(12px, 3vw, 24px);width:100%;max-width:min(100%,760px);margin:0 auto;padding:var(--container-inline-padding)}.app-main,.vendor-shell-main,.catalog-shell-main,.admin-main{width:100%}.catalog-shell-main{min-height:100vh}body.app-shell,body.catalog-shell,body.vendor-shell,body.admin-layout,body.auth-page{overflow-x:hidden}html,body.vendor-shell,.vendor-shell-main{overflow-x:clip}.vendor-shell-main>*{max-width:100%}.vendor-shell-main-white{background:#fff}.page-content{padding-top:var(--spacing-md)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.app-header{position:sticky;top:0;left:0;right:0;height:var(--header-height);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);z-index:999;box-shadow:var(--shadow)}.app-header h1{font-size:var(--fs-lg);font-weight:600}.header-icon{width:24px;height:24px;cursor:pointer;opacity:.9;transition:opacity .2s}.header-icon:hover{opacity:1}.header-back{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff1f;color:#fff;text-decoration:none;opacity:.9;transition:opacity .2s,background .2s,transform .18s}.header-back:hover{opacity:1;color:#fff;background:#ffffff2e;transform:translateY(-1px)}.header-back svg{width:20px;height:20px;flex-shrink:0}.header-back-label{display:none;font-size:var(--fs-sm);font-weight:500}.breadcrumbs{display:none;padding:0 var(--spacing-md);margin-bottom:var(--spacing-sm)}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.breadcrumbs-item{display:flex;align-items:center;gap:4px}.breadcrumbs-link{color:var(--text-muted);font-size:var(--fs-xs);text-decoration:none;transition:color .2s ease}.breadcrumbs-link:hover{color:var(--primary)}.breadcrumbs-separator{color:var(--text-light);display:flex;align-items:center}.breadcrumbs-current{color:var(--text-main);font-size:var(--fs-xs);font-weight:500}@media(min-width:768px){.breadcrumbs{display:block;margin-top:var(--spacing-md)}.header-back-label{display:inline}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:auto;height:var(--nav-height);background:var(--bg-card);display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--border-color);z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);padding-left:max(8px,env(safe-area-inset-left,0));padding-right:max(8px,env(safe-area-inset-right,0));box-sizing:border-box;overflow:hidden}body.vendor-shell{padding-bottom:calc(var(--nav-height, 74px) + env(safe-area-inset-bottom) + 24px)}.vendor-bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:100vw;display:grid;overflow-x:clip;justify-content:stretch;align-items:stretch;contain:layout paint}.vendor-bottom-nav.nav-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vendor-bottom-nav.nav-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vendor-bottom-nav.nav-count-5{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-muted);font-size:var(--fs-2xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:color .2s ease;min-width:60px;min-height:52px;position:relative;border-radius:10px;width:100%;flex:1 1 0;min-width:0;max-width:100%;box-sizing:border-box;overflow:hidden}.badge-dot{--badge-dot-offset-top: 3px;--badge-dot-offset-right: 10px}.nav-item svg,.nav-item .nav-icon{width:24px;height:24px;margin-bottom:2px;stroke:currentColor;fill:none}.nav-item span{margin-top:2px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.nav-item:hover,.nav-item.active{color:var(--primary);background:#0496a514}.nav-item.active svg,.nav-item.active .nav-icon{stroke:var(--primary)}.vendor-bottom-nav.nav-count-5 .nav-item{min-width:0;font-size:var(--fs-2xs);padding-left:4px;padding-right:4px}.vendor-bottom-nav .nav-item{justify-self:stretch}.vendor-bottom-nav.nav-count-5 .badge-dot{--badge-dot-offset-right: 6px}.card{--card-bg: var(--bg-card, #fff);--card-border: rgba(15, 23, 42, .08);--card-radius: 14px;--card-shadow: 0 6px 24px rgba(15, 23, 42, .06);--card-padding: clamp(16px, 3vw, 20px);--card-spacing: var(--spacing-md, 16px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);margin-bottom:15px;color:var(--text-main, #0f172a)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--card-spacing);margin-bottom:var(--card-spacing)}.card-body{color:inherit}.card-title{margin:0 0 .5rem;font-size:var(--type-card-title-size);font-weight:var(--type-card-title-weight);line-height:var(--type-card-title-line-height);color:var(--text-main, #0f172a)}.card-subtitle{margin:0;font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:1.4;color:var(--text-muted, #64748b)}.card-footer{margin-top:var(--card-spacing);padding-top:var(--card-spacing);border-top:1px solid var(--card-border)}.empty-state{--empty-state-padding: 48px 24px;--empty-state-text: var(--text-muted, #64748b);--empty-state-icon: var(--border-color, #cbd5e1);text-align:center;padding:var(--empty-state-padding);color:var(--empty-state-text)}.empty-state-icon{width:64px;height:64px;margin:0 auto 16px;color:var(--empty-state-icon)}.empty-state-title{margin:0 0 8px;font-size:var(--fs-lg);font-weight:600;color:var(--text-main, #0f172a)}.empty-state-text{margin:0;font-size:var(--fs-md)}.header-hero{background-color:var(--primary);background-image:linear-gradient(135deg,var(--primary) 0%,#0369a1 100%);color:#fff;padding:max(8px,env(safe-area-inset-top)) 16px 10px;position:sticky;top:0;z-index:1000;box-shadow:0 4px 15px #00000026;border-bottom:2px solid rgba(255,255,255,.1)}.header-hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.hero-brand{display:flex;align-items:center;min-width:0}.header-hero-title{font-size:var(--type-brand-size);font-weight:var(--type-brand-weight);margin:0;letter-spacing:-.02em;color:#fff;display:flex;align-items:center;gap:6px;flex-shrink:0}.top-nav-links{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.top-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border-radius:999px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:var(--type-body-sm-size);font-weight:600}.top-nav-link:hover,.top-nav-link:focus-visible{color:#fff;background:#fff3;outline:none}.hero-value-prop{flex:1;display:flex;align-items:center;justify-content:center;min-width:100%;order:3;height:38px;overflow:hidden;margin-top:8px;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:100px;border:1px solid rgba(255,255,255,.15);padding:0 16px;box-shadow:inset 0 0 10px #ffffff0d}@media(min-width:768px){.header-hero-content{flex-wrap:nowrap;padding:10px 0}.header-hero-title{font-size:var(--type-card-title-size)}.hero-value-prop{min-width:auto;order:2;margin-top:0;justify-content:flex-start;height:36px;max-width:480px;margin-left:20px;flex:0 1 auto}}@media(min-width:480px){.header-hero{padding:36px 24px}}.footer-links{margin-top:8px;font-size:var(--type-meta-size);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--primary);text-decoration:underline}.footer-separator{color:var(--text-muted)}@media(max-width:767px){.header-hero-content{align-items:stretch}.header-hero-title{width:100%;justify-content:center;font-size:clamp(1.25rem,4vw,1.6rem)}.top-nav-links{width:100%;justify-content:stretch}.top-nav-link{flex:1 1 100%}}body.auth-page{position:relative;background:radial-gradient(circle at top left,rgba(4,150,165,.14),transparent 28%),radial-gradient(circle at top right,rgba(120,199,219,.14),transparent 22%),linear-gradient(180deg,#f5f7fa,#eef5f8 38%,#f8fafc)!important;padding-bottom:0;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}body.auth-page:before,body.auth-page:after{content:"";position:fixed;border-radius:999px;pointer-events:none;z-index:0}body.auth-page:before{width:340px;height:340px;top:-120px;left:-120px;background:#0496a514}body.auth-page:after{width:280px;height:280px;right:-80px;bottom:-90px;background:#0f3d560f}.auth-container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px var(--spacing-md);max-width:448px;margin:0 auto;width:100%}.auth-container--wide{max-width:720px}.auth-container--compact{max-width:430px}.auth-header{text-align:center;margin-bottom:20px}.auth-header-badge{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;margin-bottom:14px;border-radius:999px;background:#0496a514;border:1px solid rgba(4,150,165,.14);color:#0496a5;font-size:var(--fs-2xs);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.auth-logo{width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 14px;border-radius:22px;background:linear-gradient(135deg,#0496a5,#037a87);color:#fff;box-shadow:0 18px 40px #0496a538;border:1px solid rgba(255,255,255,.32)}.auth-title{font-size:var(--type-page-title-size);font-weight:var(--type-page-title-weight);color:#0f172a;margin-bottom:6px}.auth-subtitle{color:var(--text-muted);font-size:var(--type-body-sm-size);line-height:1.6;max-width:54ch;margin:0 auto}.auth-card{background:#fffffff5;border-radius:20px;padding:var(--spacing-lg);border:1px solid #e2e8f0;box-shadow:0 20px 48px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-footer{text-align:center;margin-top:16px;font-size:var(--type-meta-size);color:var(--text-muted)}.auth-footer a{color:var(--primary);font-weight:700;text-underline-offset:3px}.auth-footer--subtle{margin-top:10px}.auth-footer p{margin:0}.auth-utility-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid #dbe7ee;background:#f8fbfc;color:#0496a5;text-decoration:none;font-weight:700}.auth-utility-link:hover{background:#eef6f8}.auth-info-card{margin-bottom:16px;padding:16px;border-radius:18px;background:#f8fbfc;border:1px solid #dbe7ee}.auth-info-card p{margin:0}.auth-info-card p+p{margin-top:8px}.auth-info-title{color:var(--text-main);font-weight:700}.auth-info-copy{color:#475569}.auth-info-meta{color:#64748b;font-size:14px}.auth-inline-check{display:inline-flex;align-items:center;gap:10px;color:var(--text-muted)}.auth-inline-check input{accent-color:var(--primary)}.auth-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0;color:var(--text-light);font-size:var(--type-caption-size)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{padding:0 var(--spacing-sm)}.auth-alert-link{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.auth-alert-link:hover{opacity:.85}.auth-alert-intro{display:inline-block;margin-bottom:8px;font-weight:600}.auth-alert-list{list-style:none;margin:0;padding:0}.auth-alert-list li+li{margin-top:6px}@media(max-width:640px){.auth-container{padding:20px 12px}.auth-logo{width:64px;height:64px;border-radius:18px}.auth-card{border-radius:18px;padding:18px 16px}}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-label,.admin-label{display:block;margin-bottom:var(--field-label-gap);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:1.35;color:var(--field-label-color)}.form-input,.ui-input,.form-select,.ui-select,.form-textarea,.ui-textarea,.admin-input,.admin-select,.admin-textarea,.search-input,.search-select,.config-static-input{--control-border-color: var(--field-border-color);--control-border-color-hover: var(--field-border-color-hover);--control-border-color-focus: var(--field-border-color-focus);--control-shadow: var(--field-shadow);--control-shadow-focus: var(--field-shadow-focus);--control-bg: var(--field-bg);--control-bg-disabled: var(--field-bg-muted);--control-text-color: var(--field-text-color);--control-placeholder-color: var(--field-placeholder-color);--control-radius: var(--field-radius);width:100%;border:1px solid var(--control-border-color);background:var(--control-bg);color:var(--control-text-color);border-radius:var(--control-radius);font-size:var(--type-input-size);font-weight:var(--type-input-weight);line-height:var(--lh-normal);box-shadow:var(--control-shadow);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.form-hint,.config-static-help{display:block;margin-top:var(--field-hint-gap);font-size:var(--type-meta-size);font-weight:var(--type-meta-weight);line-height:1.4;color:var(--field-hint-color)}.form-input,.ui-input,.form-select,.ui-select,input.admin-input,select.admin-select,.search-input,.search-select,.config-static-input{min-height:var(--field-min-height);padding:0 var(--field-padding-inline)}.form-textarea,.ui-textarea,textarea.admin-input,.admin-textarea{min-height:var(--field-textarea-min-height);padding:var(--field-padding-block) var(--field-padding-inline);resize:vertical}.form-select,.ui-select,.admin-select,.search-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:var(--field-padding-inline-select-end)}.form-input:focus,.ui-input:focus,.form-select:focus,.ui-select:focus,.form-textarea:focus,.ui-textarea:focus,.admin-input:focus,.admin-select:focus,.admin-textarea:focus,.search-input:focus,.search-select:focus,.config-static-input:focus{outline:none;border-color:var(--control-border-color-focus);box-shadow:var(--control-shadow-focus)}.form-input.error,.ui-input.error,.form-select.error,.ui-select.error,.form-textarea.error,.ui-textarea.error,.admin-input.error,.admin-select.error,.admin-textarea.error,.search-input.error,.search-select.error,.config-static-input.error{--control-border-color: var(--field-error-color);box-shadow:0 0 0 3px #dc26261f}.form-input:hover,.ui-input:hover,.form-select:hover,.ui-select:hover,.form-textarea:hover,.ui-textarea:hover,.admin-input:hover,.admin-select:hover,.admin-textarea:hover,.search-input:hover,.search-select:hover,.config-static-input:hover{border-color:var(--control-border-color-hover)}.form-input::placeholder,.ui-input::placeholder,.form-textarea::placeholder,.ui-textarea::placeholder,.admin-input::placeholder,.admin-textarea::placeholder,.search-input::placeholder{color:var(--control-placeholder-color)}.form-input:disabled,.ui-input:disabled,.form-select:disabled,.ui-select:disabled,.form-textarea:disabled,.ui-textarea:disabled,.admin-input:disabled,.admin-select:disabled,.admin-textarea:disabled,.search-input:disabled,.search-select:disabled,.config-static-input:disabled{background:var(--control-bg-disabled);color:var(--text-muted);cursor:not-allowed}.inline-input,.ui-input-inline{min-height:var(--field-min-height-compact)}.form-error,.field-error,.input-error-message{display:block;margin-top:var(--field-hint-gap);color:var(--field-error-color);font-size:var(--field-error-size);font-weight:var(--field-error-weight);line-height:1.4}.image-upload-wrapper{width:100%}.image-upload-label{display:block;cursor:pointer}.image-preview{width:100%;aspect-ratio:1;max-width:200px;margin:0 auto;border:2px dashed var(--border-color);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--fs-sm);text-align:center;transition:border-color .2s,background .2s;overflow:hidden;background:var(--bg-body)}.image-preview:hover{border-color:var(--primary);background:#0496a50d}.image-preview svg{margin-bottom:var(--spacing-sm);opacity:.5}.image-preview img{width:100%;height:100%;object-fit:cover}.current-images{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.current-image-item{position:relative;width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden}.current-image-item img{width:100%;height:100%;object-fit:cover}.delete-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:var(--primary);color:#fff;border:none;border-radius:50%;font-size:var(--fs-2xs);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn{--btn-bg: var(--primary);--btn-bg-hover: var(--primary-dark);--btn-text: #fff;--btn-border: transparent;--btn-shadow: 0 10px 20px rgba(4, 150, 165, .16);--btn-shadow-hover: 0 14px 24px rgba(4, 150, 165, .2);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 24px;border:1px solid var(--btn-border);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-text);box-shadow:var(--btn-shadow);font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:1.2;text-decoration:none;cursor:pointer;transition:transform .18s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,opacity .2s ease}.btn:hover:not(:disabled){background:var(--btn-bg-hover);color:var(--btn-text);border-color:var(--btn-border);box-shadow:var(--btn-shadow-hover);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.985)}.btn:focus-visible{outline:none;box-shadow:var(--field-focus-ring),var(--btn-shadow-hover)}.btn:disabled,.btn.disabled{opacity:.64;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{--btn-bg: var(--primary);--btn-bg-hover: var(--primary-dark);--btn-text: #fff;--btn-border: transparent;--btn-shadow: 0 10px 20px rgba(4, 150, 165, .16);--btn-shadow-hover: 0 14px 24px rgba(4, 150, 165, .2)}.btn-secondary,.btn-outline{--btn-bg: #fff;--btn-bg-hover: var(--bg-body);--btn-text: var(--text-main);--btn-border: var(--border-color);--btn-shadow: 0 8px 16px rgba(15, 23, 42, .05);--btn-shadow-hover: 0 10px 18px rgba(15, 23, 42, .08)}.btn-success{--btn-bg: var(--success);--btn-bg-hover: var(--success-dark);--btn-text: #fff;--btn-border: transparent;--btn-shadow: 0 12px 22px rgba(34, 197, 94, .18);--btn-shadow-hover: 0 14px 26px rgba(34, 197, 94, .22)}.btn-warning{--btn-bg: #fff4d8;--btn-bg-hover: #ffe7b8;--btn-text: #8a3f14;--btn-border: #f0b15f;--btn-shadow: 0 12px 22px rgba(217, 119, 6, .12);--btn-shadow-hover: 0 14px 26px rgba(217, 119, 6, .16)}.btn-danger{--btn-bg: var(--danger);--btn-bg-hover: var(--danger-dark);--btn-text: #fff;--btn-border: transparent;--btn-shadow: 0 12px 22px rgba(239, 68, 68, .18);--btn-shadow-hover: 0 14px 26px rgba(239, 68, 68, .22)}.btn-ghost{--btn-bg: transparent;--btn-bg-hover: var(--bg-body);--btn-text: var(--text-muted);--btn-border: var(--border-color);--btn-shadow: none;--btn-shadow-hover: none}.btn-ghost-danger{--btn-bg: transparent;--btn-bg-hover: rgba(239, 68, 68, .1);--btn-text: var(--danger);--btn-border: rgba(239, 68, 68, .3);--btn-shadow: none;--btn-shadow-hover: none}.btn-sm{min-height:36px;padding:8px 16px;font-size:var(--type-meta-size)}.btn-lg{min-height:50px;padding:16px 32px;font-size:var(--type-button-lg-size)}.btn-block{width:100%}.btn-pill{border-radius:var(--radius-full)}.btn-icon{width:44px;min-width:44px;padding:0}.fab-add{position:fixed;bottom:calc(var(--nav-height) + 20px);left:50%;transform:translate(-50%);width:auto;padding:0 24px;height:52px;border-radius:30px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #ff7f5080;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;font-weight:700;white-space:nowrap}.fab-add:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 20px #ff7f5080}.fab-add:active{transform:translate(-50%) scale(.95)}.badge{--badge-bg: #e9ecef;--badge-text: #495057;--badge-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:24px;padding:4px 10px;border:1px solid var(--badge-border);border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-size:var(--type-badge-size);font-weight:var(--type-badge-weight);line-height:1.2;text-transform:uppercase;letter-spacing:.03em}.badge-success{--badge-bg: #d4edda;--badge-text: #155724}.badge-danger{--badge-bg: #f8d7da;--badge-text: #721c24}.badge-warning{--badge-bg: #fff3cd;--badge-text: #856404}.badge-info{--badge-bg: #d1ecf1;--badge-text: #0c5460}.badge-muted{--badge-bg: #e9ecef;--badge-text: #495057}.badge-dot{--badge-dot-size: 20px;--badge-dot-offset-top: 3px;--badge-dot-offset-right: 10px;--badge-dot-bg: linear-gradient(180deg, #f97316 0%, #ea580c 100%);--badge-dot-text: #fff;--badge-dot-border: #fff;position:absolute;top:var(--badge-dot-offset-top);right:var(--badge-dot-offset-right);min-width:var(--badge-dot-size);width:auto;height:var(--badge-dot-size);padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--badge-dot-bg);color:var(--badge-dot-text);border:2px solid var(--badge-dot-border);box-shadow:0 6px 14px #ea580c47;font-size:10px;font-weight:800;line-height:1}.badge-dot:empty{--badge-dot-size: 8px;min-width:8px;width:8px;height:8px;padding:0;border:0;box-shadow:none;background:#ef4444}.icon-action{--icon-action-size: 36px;--icon-action-bg: rgba(255, 255, 255, .2);--icon-action-bg-hover: rgba(255, 255, 255, .3);--icon-action-text: #fff;--icon-action-border: rgba(255, 255, 255, .3);--icon-action-shadow: none;--icon-action-shadow-hover: none;width:var(--icon-action-size);height:var(--icon-action-size);min-width:var(--icon-action-size);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--icon-action-bg);color:var(--icon-action-text);border:1px solid var(--icon-action-border);box-shadow:var(--icon-action-shadow);text-decoration:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.icon-action:hover{background:var(--icon-action-bg-hover);color:var(--icon-action-text);border-color:var(--icon-action-border);box-shadow:var(--icon-action-shadow-hover)}.icon-action:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff38,var(--icon-action-shadow-hover)}.icon-action svg{width:18px;height:18px;flex-shrink:0}.status-inline{display:inline-flex;align-items:center;gap:8px}.status-kicker{font-size:var(--fs-2xs, .6875rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #64748b)}.status-dot{--status-dot-size: 9px;--status-dot-bg: var(--primary, #0496a5);--status-dot-ring: rgba(4, 150, 165, .12);width:var(--status-dot-size);height:var(--status-dot-size);border-radius:50%;background:var(--status-dot-bg);box-shadow:0 0 0 6px var(--status-dot-ring)}.status-text{font-weight:700;font-size:var(--fs-sm, .8125rem);color:#0f172a}.status-open .status-dot{--status-dot-bg: var(--primary, #0496a5);--status-dot-ring: rgba(4, 150, 165, .12)}.status-open .status-text{color:#0f766e}.status-closed .status-dot{--status-dot-bg: #dc3545;--status-dot-ring: rgba(239, 68, 68, .08)}.status-closed .status-text{color:#b91c1c}.table-responsive,.table-container{--table-shell-offset: 24px;overflow-x:auto;margin:0 calc(var(--table-shell-offset) * -1);padding:0 var(--table-shell-offset);width:calc(100% + (var(--table-shell-offset) * 2))}.table,.admin-table{width:100%;border-collapse:collapse}.table th,.table td,.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color, #e0e0e0)}.table th,.admin-table th{background:#f8f9fa;font-size:var(--type-caption-size);font-weight:var(--type-badge-weight);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #64748b)}.table td,.admin-table td{font-size:var(--type-body-sm-size, var(--fs-sm));line-height:var(--lh-normal)}.table tbody tr:hover,.admin-table tbody tr:hover{background:#f8f9fa}.table-cards td[data-label]:before,.admin-table-cards td[data-label]:before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--text-muted, #64748b);font-size:var(--type-caption-size);font-weight:var(--type-badge-weight);text-transform:uppercase;letter-spacing:.04em}@media(max-width:960px){.table-responsive,.table-container{--table-shell-offset: 16px}.table th,.table td,.admin-table th,.admin-table td{white-space:nowrap;padding:12px 10px;font-size:var(--fs-sm)}}@media(max-width:640px){.table-cards thead,.admin-table-cards thead{display:none}.table-cards,.table-cards tbody,.table-cards tr,.table-cards td,.admin-table-cards,.admin-table-cards tbody,.admin-table-cards tr,.admin-table-cards td{display:block;width:100%}.table-cards tr,.admin-table-cards tr{padding:14px;margin-bottom:14px;border:1px solid var(--border-color, #e0e0e0);border-radius:14px;background:var(--bg-card, #fff);box-shadow:0 6px 20px #0f172a0f}.table-cards td,.admin-table-cards td{padding:10px 0;white-space:normal;border-bottom:1px solid rgba(148,163,184,.18)}.table-cards td:last-child,.admin-table-cards td:last-child{border-bottom:0;padding-bottom:0}}.modal-overlay,.overlay{--modal-overlay-bg: rgba(0, 0, 0, .5);position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--modal-overlay-bg);z-index:var(--z-modal)}.modal{--modal-bg: var(--bg-card);--modal-radius: var(--radius);--modal-padding: var(--spacing-lg);--modal-width: 90%;--modal-max-width: 640px;--modal-max-height: 90vh;background:var(--modal-bg);border-radius:var(--modal-radius);padding:var(--modal-padding);width:var(--modal-width);max-width:var(--modal-max-width);max-height:var(--modal-max-height);overflow-y:auto;z-index:calc(var(--z-modal) + 1)}.modal-close,.modal-close-btn,.qr-modal-close,.edit-modal-close{--modal-close-size: 44px;width:var(--modal-close-size);height:var(--modal-close-size);min-width:var(--modal-close-size);padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.modal-hint{margin:0;font-size:var(--fs-xs);color:var(--text-muted);text-align:center}.product-row{--product-row-bg: transparent;--product-row-bg-hover: #f8fafc;--product-row-padding: var(--spacing-sm);--product-row-radius: 0;--product-row-border: none;--product-row-border-bottom: 1px solid #f1f5f9;--product-row-gap: 14px;--product-row-shadow: none;--product-row-shadow-hover: none;background:var(--product-row-bg);padding:var(--product-row-padding);border-radius:var(--product-row-radius);border:var(--product-row-border);border-bottom:var(--product-row-border-bottom);margin-bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--product-row-gap);box-shadow:var(--product-row-shadow);transition:background .15s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-row:last-child{border-bottom:none}.product-row:hover{background:var(--product-row-bg-hover);box-shadow:var(--product-row-shadow-hover)}.product-row-content{--product-row-content-gap: var(--spacing-sm);--product-row-content-align: center;display:flex;align-items:var(--product-row-content-align);gap:var(--product-row-content-gap);flex:1}.product-row-image{--product-row-image-size: 70px;--product-row-image-radius: var(--radius-sm);--product-row-image-bg: var(--bg-body);--product-row-image-border: none;--product-row-image-shadow: none;width:var(--product-row-image-size);height:var(--product-row-image-size);border-radius:var(--product-row-image-radius);overflow:hidden;flex-shrink:0;background:var(--product-row-image-bg);border:var(--product-row-image-border);box-shadow:var(--product-row-image-shadow)}.product-row-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--product-row-placeholder-color, var(--text-light))}.product-row-info{flex:1;min-width:0;display:var(--product-row-info-display, block);gap:var(--product-row-info-gap, 0)}.product-row-name{font-size:var(--fs-md);font-weight:var(--product-row-name-weight, 500);color:var(--text-main);margin-bottom:var(--product-row-name-margin-bottom, 2px);margin-top:var(--product-row-name-margin-top, 0);white-space:var(--product-row-name-white-space, nowrap);overflow:hidden;text-overflow:ellipsis;line-height:var(--product-row-name-line-height, inherit)}.product-row-price{font-size:var(--fs-md);font-weight:700;color:var(--primary);margin-bottom:4px}.product-row-actions{--product-row-actions-direction: column;--product-row-actions-align: center;--product-row-actions-gap: 0;--product-row-actions-min-width: 60px;display:flex;flex-direction:var(--product-row-actions-direction);align-items:var(--product-row-actions-align);min-width:var(--product-row-actions-min-width);gap:var(--product-row-actions-gap)}.product-row-menu{--product-row-menu-gap: 6px;--product-row-menu-margin-top: var(--spacing-sm);--product-row-menu-padding-top: var(--spacing-sm);display:flex;gap:var(--product-row-menu-gap);margin-top:var(--product-row-menu-margin-top);padding-top:var(--product-row-menu-padding-top);border-top:none}.product-row-menu .btn{padding:var(--product-row-menu-btn-padding, 6px 10px);font-size:var(--product-row-menu-btn-font-size, var(--fs-2xs));display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:var(--product-row-menu-btn-radius, var(--radius-sm));font-weight:var(--product-row-menu-btn-weight, 500);transition:all .2s ease;width:var(--product-row-menu-btn-width, auto);min-width:var(--product-row-menu-btn-min-width, 0);height:var(--product-row-menu-btn-height, auto)}.product-row-menu .btn-label{display:inline}@media(max-width:400px){.product-row-menu .btn-label{display:none}}.alert{--alert-bg: #ffffff;--alert-text: var(--text-main);--alert-border: var(--border-color);--alert-accent: var(--primary);padding:16px;border-radius:var(--radius);font-size:var(--fs-md);font-weight:500;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:12px;background:var(--alert-bg);color:var(--alert-text);border:1px solid var(--alert-border);border-left:5px solid var(--alert-accent);box-shadow:0 4px 6px #0000000d}.alert-success{--alert-bg: #ecfdf5;--alert-text: #065f46;--alert-border: #a7f3d0;--alert-accent: #10b981}.alert-danger,.alert-error{--alert-bg: #fef2f2;--alert-text: #991b1b;--alert-border: #fecaca;--alert-accent: #ef4444}.alert-warning{--alert-bg: #fffbeb;--alert-text: #92400e;--alert-border: #fde68a;--alert-accent: #f59e0b}.alert-info{--alert-bg: #eff6ff;--alert-text: #1e40af;--alert-border: #bfdbfe;--alert-accent: #3b82f6}.pagination-wrapper{display:flex;justify-content:center}.pagination-wrapper nav{display:flex;gap:var(--spacing-xs)}.pagination-wrapper a,.pagination-wrapper span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);font-size:var(--fs-sm);background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color)}.pagination-wrapper a:hover,.pagination-wrapper span[aria-current=page]{background:var(--primary);color:#fff;border-color:var(--primary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background:var(--bg-card);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;z-index:var(--z-nav);box-shadow:0 -2px 10px #0000000d}.cart-bar,.floating-cart{position:fixed;bottom:calc(var(--nav-height) + 10px);left:var(--spacing-md);right:var(--spacing-md);background:var(--primary);color:#fff;padding:var(--spacing-md);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;z-index:var(--z-cart);box-shadow:var(--shadow-lg)}.toast{--toast-bg: #333;--toast-text: #fff;--toast-accent: var(--primary);position:fixed;bottom:calc(var(--nav-height) + 80px);left:50%;transform:translate(-50%);background:var(--toast-bg);color:var(--toast-text);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--fs-sm);z-index:var(--z-toast);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.toast.show{opacity:1;visibility:visible}.toast-success{--toast-bg: #28a745;--toast-text: #fff;--toast-accent: var(--success)}.toast-error,.toast-danger{--toast-bg: #dc3545;--toast-text: #fff;--toast-accent: var(--danger)}.toast-warning{--toast-bg: #ffc107;--toast-text: #333;--toast-accent: var(--warning)}.toast-info{--toast-bg: #17a2b8;--toast-text: #fff;--toast-accent: var(--info)}.notification{position:fixed;top:20px;right:20px;padding:14px 20px;border-radius:var(--radius-sm);background:var(--text-main);color:#fff;font-size:var(--fs-md);font-weight:500;box-shadow:var(--shadow-lg);z-index:var(--z-toast);animation:slideInRight .3s ease-out,fadeOut .3s ease-in 2.7s forwards;max-width:320px;word-wrap:break-word}.notification-success{background:linear-gradient(135deg,#28a745,#20c997)}.notification-error{background:linear-gradient(135deg,#dc3545,#e74c3c)}.notification-warning{background:linear-gradient(135deg,#ffc107,#fd7e14);color:var(--text-main)}.notification-info{background:linear-gradient(135deg,#17a2b8,#3498db)}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-container .toast{box-sizing:border-box;pointer-events:auto;background:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 6px 20px #0000001a;display:flex;align-items:center;gap:12px;min-width:260px;max-width:380px;border-left:4px solid var(--toast-accent);transform:translate(120%);opacity:0;visibility:visible;position:relative;left:auto;bottom:auto;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease;font-size:var(--fs-md);color:var(--text-main);font-weight:500;line-height:1.4;word-break:break-word;overflow-wrap:anywhere}.toast-container .toast.show{transform:translate(0);opacity:1}.toast-container .toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-container .toast-success .toast-icon,.toast-container .toast-danger .toast-icon,.toast-container .toast-warning .toast-icon,.toast-container .toast-info .toast-icon{color:var(--toast-accent)}@media(max-width:768px){.toast-container{inset:auto 16px 24px;align-items:stretch}.toast-container .toast{min-width:0;width:auto;max-width:100%;margin:0;font-size:var(--fs-sm);padding:12px}}.ui-switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%}.ui-switch-copy{min-width:0;color:var(--text-main);font-weight:600;line-height:1.35}.ui-switch,.ui-switch-sm{--ui-switch-width: 52px;--ui-switch-height: 30px;--ui-switch-thumb-size: 24px;--ui-switch-thumb-offset: 2px;--ui-switch-thumb-translate: 22px;--ui-switch-track-off: #d6e2ea;--ui-switch-track-on: #10b981;--ui-switch-track-border-off: rgba(148, 163, 184, .24);--ui-switch-track-border-on: rgba(16, 185, 129, .28);position:relative;display:inline-flex;width:var(--ui-switch-width);min-width:var(--ui-switch-width);height:var(--ui-switch-height);flex-shrink:0;cursor:pointer}.ui-switch-sm{--ui-switch-width: 40px;--ui-switch-height: 24px;--ui-switch-thumb-size: 18px;--ui-switch-thumb-offset: 2px;--ui-switch-thumb-translate: 16px;--ui-switch-track-off: #ef4444;--ui-switch-track-on: #10b981;--ui-switch-track-border-off: rgba(239, 68, 68, .24);--ui-switch-track-border-on: rgba(16, 185, 129, .28)}.ui-switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-switch-slider{position:absolute;inset:0;border-radius:999px;background:var(--ui-switch-track-off);border:1px solid var(--ui-switch-track-border-off);box-shadow:inset 0 1px 2px #0f172a14;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.ui-switch-slider:before{content:"";position:absolute;top:50%;left:var(--ui-switch-thumb-offset);width:var(--ui-switch-thumb-size);height:var(--ui-switch-thumb-size);margin-top:calc(var(--ui-switch-thumb-size) / -2);border-radius:50%;background:#fff;box-shadow:0 3px 8px #0f172a2e;transition:transform .2s ease}.ui-switch-input:checked+.ui-switch-slider{background:var(--ui-switch-track-on);border-color:var(--ui-switch-track-border-on);box-shadow:inset 0 1px 2px #0f172a0f,0 0 0 3px #10b9811f}.ui-switch-input:checked+.ui-switch-slider:before{transform:translate(var(--ui-switch-thumb-translate))}.ui-switch-input:focus-visible+.ui-switch-slider{outline:none;box-shadow:var(--zs-vendor-btn-focus-ring)}.ui-switch-input:disabled+.ui-switch-slider{opacity:.6;cursor:not-allowed}.ui-switch-state-label{display:block;text-align:center;color:var(--text-muted)}.ui-switch-state-label{font-size:var(--fs-2xs);font-weight:700;line-height:1.2}@media(max-width:640px){.ui-switch-row{gap:12px}.ui-switch-copy{font-size:var(--fs-md)}}.d-none{display:none}.d-flex{display:flex}.d-block{display:block}.d-inline-block{display:inline-block}.flex-column{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-center{align-items:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.m-0{margin:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.py-1{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-2{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.px-1{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-2{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.w-100{width:100%}.w-auto{width:auto}.hidden{display:none!important}.visible{visibility:visible}.invisible{visibility:hidden}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-full{border-radius:var(--radius-full)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.fs-2xs{font-size:var(--fs-2xs)}.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-md{font-size:var(--fs-md)}.fs-lg{font-size:var(--fs-lg)}.fs-xl{font-size:var(--fs-xl)}.fs-2xl{font-size:var(--fs-2xl)}.fs-3xl{font-size:var(--fs-3xl)}.fs-4xl{font-size:var(--fs-4xl)}.fs-5xl{font-size:var(--fs-5xl)}.fs-6xl{font-size:var(--fs-6xl)}.font-bold{font-weight:var(--fw-bold)}.font-semibold{font-weight:var(--fw-semibold)}.font-regular{font-weight:var(--fw-regular)}.font-medium{font-weight:var(--fw-medium)}.font-extrabold{font-weight:var(--fw-extrabold)}.lh-tight{line-height:var(--lh-tight)}.lh-normal{line-height:var(--lh-normal)}.lh-relaxed{line-height:var(--lh-relaxed)}.font-mono{font-family:var(--font-family-mono)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.category-hub-shell{display:grid;gap:16px}.category-hub-toolbar,.category-hub-backbar,.category-detail-actions,.category-inline-form-actions,.category-card-actions,.category-child-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.category-hub-backbar,.category-detail-header,.category-inline-form,.category-empty-state,.category-detail-empty,.category-children-block{padding:16px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 14px 32px #0f172a0f}.category-hub-toolbar,.category-hub-backbar-plain{padding:0;border:0;background:transparent}.category-detail-header-plain{padding:0;border:0;background:transparent;display:flex;justify-content:flex-end;gap:0}.category-detail-actions-floating{display:contents}.category-hub-fab{bottom:calc(var(--nav-height, 74px) + env(safe-area-inset-bottom,0px) + 16px);z-index:1001;width:fit-content!important;min-width:0;flex:0 0 auto;max-width:calc(100vw - 32px);padding-inline:20px}.category-hub-grid,.category-children-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.category-inline-form,.category-inline-form-row,.category-detail-header{display:grid;gap:12px}.category-detail-header{grid-template-columns:minmax(0,1fr) auto}.category-empty-state,.category-detail-empty,.category-children-block{display:grid;gap:12px}.category-detail-list{display:grid;gap:14px}.category-hub-pill-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.category-hub-subcategories-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 10px;border-radius:999px;line-height:1}.category-card,.category-child-card{position:relative;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc);overflow:hidden;box-shadow:0 14px 32px #0f172a0f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.category-card:hover,.category-child-card:hover{transform:translateY(-1px);box-shadow:0 18px 36px #0f172a17;border-color:#94a3b847}.category-card-overlay-link{position:absolute;inset:0;z-index:1}.category-card-main,.category-child-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:18px;align-items:center;color:inherit;text-decoration:none}.category-card-main-link{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;color:inherit;text-decoration:none}.category-card-main-general{position:relative;z-index:2;gap:14px;pointer-events:none}.category-card-meta-inline{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:10px}.category-card-meta-inline .category-card-meta{flex:0 0 auto;min-width:auto}.category-card-main:hover,.category-child-main:hover{text-decoration:none}.category-card-icon,.category-child-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary, #f97316) 10%,#ffffff));color:var(--primary, #c2410c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary, #f97316) 20%,transparent)}.category-child-icon{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--primary, #3b82f6) 6%,#ffffff));color:color-mix(in srgb,var(--primary, #2563eb) 90%,#000);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary, #3b82f6) 15%,transparent)}.category-card-icon svg,.category-child-icon svg{width:20px;height:20px}.category-card-title,.category-child-title,.category-detail-title{margin:0;font-size:var(--fs-md);font-weight:700;color:var(--text-main)}.category-card-meta,.category-child-meta{grid-column:1 / -1}.category-card-meta,.category-child-meta,.category-detail-copy,.category-empty-copy,.category-detail-empty-copy{margin:0;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.45}.category-card-actions,.category-child-actions{padding:14px 18px 18px;border-top:1px solid rgba(226,232,240,.9);margin-top:2px}.category-card-create-link{margin-left:auto!important;align-self:center}.category-card-create-inline{margin-left:auto!important;pointer-events:auto}.category-inline-form-title,.category-empty-title,.category-detail-empty-title,.category-children-title{margin:0;font-size:var(--fs-md);font-weight:700;color:var(--text-main)}.category-hub-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f8fafc;color:#475569;font-size:var(--fs-xs);font-weight:700}.category-sheet-backdrop{position:fixed;inset:0;background:#0f172a6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000}.category-delete-modal{position:fixed;inset:0;display:grid;place-items:center;padding:16px;z-index:1003}.category-delete-modal-card{width:min(100%,460px);display:grid;gap:16px;padding:20px;border-radius:22px;border:1px solid rgba(148,163,184,.24);background:#fff;box-shadow:0 28px 60px #0f172a3d}.category-delete-modal-title{margin:0;font-size:var(--fs-md);font-weight:700;color:var(--text-main)}.category-delete-modal-copy{margin:0;color:var(--text-muted);font-size:var(--fs-sm);line-height:1.5}.category-delete-choice-group{display:grid;gap:10px}.category-delete-choice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--border-color);border-radius:16px;background:#f8fafc;cursor:pointer}.category-delete-choice-copy{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px}.category-delete-target-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#fff7ed;color:#c2410c;font-weight:700}.category-delete-target-badge svg{width:16px;height:16px}.category-delete-choice input{margin:0;align-self:center}.category-delete-modal-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:720px){body.category-sheet-open{overflow:hidden}.category-detail-header{grid-template-columns:1fr}.category-inline-form{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-height, 74px) + env(safe-area-inset-bottom,0px) + 12px);z-index:1002;padding:18px;border-radius:24px;border:1px solid rgba(148,163,184,.28);box-shadow:0 22px 54px #0f172a38;max-height:calc(100vh - 160px);overflow:auto}.category-inline-form-row{gap:14px}.category-delete-modal{align-items:end;padding:12px}.category-delete-modal-card{width:100%;border-radius:24px;margin-bottom:calc(var(--nav-height, 74px) + env(safe-area-inset-bottom,0px) + 8px)}.category-delete-modal-actions{display:grid;grid-template-columns:1fr 1fr}.category-hub-toolbar,.category-hub-backbar,.category-detail-actions,.category-inline-form-actions,.category-card-actions,.category-child-actions{align-items:stretch}.category-hub-toolbar .btn,.category-hub-toolbar .link-button,.category-inline-form-actions .btn,.category-detail-actions .btn,.category-detail-actions .link-button{width:100%;justify-content:center}.category-hub-fab{width:fit-content!important;max-width:calc(100vw - 24px)}.category-card-create-link{margin-left:0}.category-card-meta-inline{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}.category-card-create-inline{margin-left:auto!important;flex:0 0 auto}}.edit-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center}.edit-modal[hidden]{display:none!important}.edit-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}.edit-modal-content{position:relative;background:var(--bg-card);border-radius:var(--radius);width:90%;max-width:400px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0006}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.edit-modal-header h3{margin:0;font-size:var(--fs-lg)}.edit-modal-close{--modal-close-size: 40px;border:1px solid var(--zs-btn-secondary-border);background:linear-gradient(180deg,#fff,#f8fbfd);font-size:var(--fs-xl);color:var(--zs-btn-secondary-text);cursor:pointer;box-shadow:0 8px 16px #0f172a14}.edit-modal-close:hover{background:#eef6fb;border-color:var(--zs-btn-secondary-border-hover);color:#16779d}.edit-modal-body{padding:16px}.edit-image-preview{width:100%;height:180px;border:2px dashed var(--border-color);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);overflow:hidden;background:var(--bg-body)}.edit-image-preview img{width:100%;height:100%;object-fit:cover}.edit-image-preview p{margin-top:8px;font-size:var(--fs-sm)}.edit-modal-footer{display:flex;gap:12px;padding:16px;border-top:1px solid var(--border-color)}.edit-modal-footer .btn{flex:1}.config-modal .config-modal-content{max-width:460px;border-radius:16px}.config-modal .config-modal-body{max-height:60vh;overflow-y:auto;padding:15px}.config-modal .config-acc-icon{color:var(--primary)}.config-modal .section-disclosure-toggle{min-height:48px}.config-modal .upload-area{min-height:120px}.config-modal .config-logo-preview{width:120px;height:120px;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a;display:none}.config-modal .config-logo-preview.is-visible{display:flex}.config-modal .config-logo-preview-img{width:100%;height:100%;object-fit:cover}.config-hidden{display:none}@media(max-width:640px){.config-modal .config-modal-content{width:calc(100% - 16px);max-width:none;max-height:calc(100vh - 16px);border-radius:14px}.config-modal .config-modal-body{max-height:calc(100vh - 220px);padding:12px}.config-modal .edit-modal-footer{position:sticky;bottom:0;background:#fff;z-index:2}.config-modal .edit-modal-footer .btn{min-height:44px}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#000000e6;color:#fff;padding:8px 12px;z-index:99;box-shadow:0 -2px 10px #0003;animation:slideUp .3s ease-out;transition:bottom .3s ease}.cookie-banner.cart-active{bottom:70px}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}.cookie-text{display:flex;align-items:center;gap:6px;font-size:var(--type-meta-size);line-height:1.3}.cookie-text svg{flex-shrink:0;width:14px;height:14px}.cookie-text a{color:var(--primary, #d9534f);text-decoration:underline}.cookie-accept-btn{background:var(--primary, #d9534f);color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:var(--type-button-size);font-weight:var(--type-button-weight);cursor:pointer;white-space:nowrap}.cookie-accept-btn:hover{opacity:.9}.cookie-accept-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #d9534f3d}@media(min-width:768px){.container{max-width:720px}.product-grid{grid-template-columns:repeat(3,1fr)}.bottom-nav:not(.vendor-bottom-nav){display:none}body{padding-bottom:0}body.vendor-shell{padding-bottom:calc(var(--nav-height, 74px) + env(safe-area-inset-bottom) + 24px)}}img,svg,video,canvas{max-width:100%}@media(min-width:1024px){.container{max-width:1080px}.product-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.container{--container-inline-padding: 14px;padding-left:14px;padding-right:14px}.app-main,.vendor-shell-main,.admin-main{padding-bottom:max(20px,env(safe-area-inset-bottom))}.vendor-shell .quick-settings-fab{bottom:calc(var(--nav-height, 74px) + env(safe-area-inset-bottom) + 18px)}.footer .container{text-align:center}}@media(max-width:400px){.vendor-bottom-nav .nav-item{min-width:0;font-size:var(--fs-2xs);padding-left:2px;padding-right:2px}.vendor-bottom-nav .nav-item .nav-icon,.vendor-bottom-nav .nav-item svg{width:22px;height:22px}.product-row-menu .btn-label{display:none}.container{--container-inline-padding: 12px;padding-left:12px;padding-right:12px}}