@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Orbitron:wght@400;700;900&display=swap";
:root{--color-bg:#09090b;--color-bg-2:#0f0f12;--color-bg-3:#18181b;--color-surface:#18181b;--color-surface-2:#27272a;--color-surface-3:#3f3f46;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-cyan:#10b981;--color-cyan-dim:#10b9811a;--color-cyan-glow:none;--color-magenta:#fff;--color-magenta-dim:#ffffff1a;--color-magenta-glow:none;--color-purple:#6366f1;--color-purple-dim:#6366f11a;--color-amber:#f59e0b;--color-amber-dim:#f59e0b1a;--color-green:#10b981;--color-green-dim:#10b98126;--color-red:#ef4444;--color-red-dim:#ef444426;--color-primary:#10b981;--color-primary-dim:#10b9811a;--color-secondary:#fff;--color-secondary-dim:#ffffff1a;--color-text:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-muted:#52525b;--color-text-inverse:#09090b;--image-stage-bg:radial-gradient(circle at 50% 45%, #10b98129, transparent 42%), linear-gradient(145deg, #242428, #141417);--image-stage-shadow:0 14px 34px #00000059;--font-body:"Outfit", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--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;--space-20:5rem;--space-24:6rem;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 24px #0009;--shadow-glow-cyan:none;--shadow-glow-magenta:none;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:1200px;--header-height:64px;--sidebar-width:260px}:root[data-theme=light]{--color-bg:#f4f5f7;--color-bg-2:#eef0f3;--color-bg-3:#e4e7eb;--color-surface:#fff;--color-surface-2:#f7f8fa;--color-surface-3:#e5e7eb;--color-border:#0f172a1a;--color-border-hover:#0f172a33;--color-cyan:#059669;--color-cyan-dim:#0596691a;--color-magenta:#312e81;--color-magenta-dim:#312e811a;--color-purple:#4f46e5;--color-purple-dim:#4f46e51a;--color-amber:#b45309;--color-amber-dim:#b453091a;--color-green:#059669;--color-green-dim:#0596691f;--color-red:#dc2626;--color-red-dim:#dc26261a;--color-primary:#059669;--color-primary-dim:#0596691a;--color-secondary:#111827;--color-secondary-dim:#11182714;--color-text:#111827;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-inverse:#fff;--shadow-sm:0 1px 2px #0f172a14;--shadow-md:0 8px 24px #0f172a14;--shadow-lg:0 18px 45px #0f172a24;--image-stage-bg:radial-gradient(circle at 50% 45%, #0596691c, transparent 44%), linear-gradient(145deg, #fff, #e9edf2);--image-stage-shadow:0 16px 34px #0f172a1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;font-size:1rem;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}input,textarea,select,button{font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);color:var(--color-text);font-weight:700;line-height:1.2}.font-display{font-family:var(--font-display);letter-spacing:.05em}.text-gradient-cyan,.text-gradient-neon{color:var(--color-cyan)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-4);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-8)}}.hero-accordion-row{flex-wrap:wrap}.hero-accordion-images{min-width:100%}@media (min-width:900px){.hero-accordion-row{flex-wrap:nowrap}.hero-accordion-images{min-width:660px}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.glass{background:color-mix(in srgb, var(--color-surface) 82%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}.glass-hover{transition:background var(--transition-base), border-color var(--transition-base)}.glass-hover:hover{background:color-mix(in srgb, var(--color-surface-2) 88%, transparent);border-color:var(--color-border-hover)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-cyan), #08a);color:var(--color-bg);box-shadow:var(--shadow-glow-cyan)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 40px #00f5ff80}.btn-secondary{background:linear-gradient(135deg, var(--color-magenta), #808);color:#fff;box-shadow:var(--shadow-glow-magenta)}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 40px #ff00e580}.btn-outline{color:var(--color-cyan);border:1px solid var(--color-cyan);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-cyan-dim);box-shadow:var(--shadow-glow-cyan)}.btn-ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-hover)}.btn-danger{background:var(--color-red);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-sm{padding:.375rem .875rem;font-size:.875rem}.btn-lg{padding:.875rem 2rem;font-size:1.0625rem}.btn-icon{border-radius:var(--radius-md);padding:.625rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card-hover:hover{border-color:var(--color-cyan);box-shadow:var(--shadow-glow-cyan);transform:translateY(-4px)}.card-body{padding:var(--space-5)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);letter-spacing:.02em;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-immediate{background:var(--color-green-dim);color:var(--color-green);border:1px solid #10b9814d}.badge-printed{background:var(--color-amber-dim);color:var(--color-amber);border:1px solid #f59e0b4d}.badge-designed{background:var(--color-purple-dim);color:var(--color-purple);border:1px solid #8b5cf64d}.badge-none{background:var(--color-red-dim);color:var(--color-red);border:1px solid #ef44444d}.badge-admin{background:var(--color-cyan-dim);color:var(--color-cyan);border:1px solid #00f5ff4d}.badge-distributor{background:var(--color-magenta-dim);color:var(--color-magenta);border:1px solid #ff00e54d}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.form-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:all var(--transition-base);outline:none;padding:.75rem 1rem;font-size:.9375rem}.form-input:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px var(--color-cyan-dim)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239898b0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--color-red);font-size:.8125rem}.header{z-index:100;height:var(--header-height);background:color-mix(in srgb, var(--color-bg-2) 86%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header-inner{height:100%;padding:0 var(--space-4);max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--space-3);font-family:var(--font-display);color:var(--color-text);transition:color var(--transition-fast);font-size:1.1rem;font-weight:700;display:flex}.header-logo:hover{color:var(--color-cyan)}.logo-light{display:none!important}.logo-dark,:root[data-theme=light] .logo-light{display:block!important}:root[data-theme=light] .logo-dark{display:none!important}.header-logo-icon{background:linear-gradient(135deg, var(--color-cyan), var(--color-magenta));border-radius:var(--radius-md);width:36px;height:36px;box-shadow:var(--shadow-glow-cyan);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.header-nav{align-items:center;gap:var(--space-6);display:none}@media (min-width:768px){.header-nav{display:flex}}.header-nav-link{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.9375rem;font-weight:500;position:relative}.header-nav-link:hover,.header-nav-link.active{color:var(--color-cyan)}.header-nav-link.active:after{content:"";background:var(--color-cyan);border-radius:var(--radius-full);height:2px;box-shadow:var(--color-cyan-glow);position:absolute;bottom:-4px;left:0;right:0}.header-actions{align-items:center;gap:var(--space-3);display:flex}.header-cart-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.header-cart-btn:hover{color:var(--color-cyan);border-color:var(--color-cyan);background:var(--color-cyan-dim)}.theme-toggle{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font:inherit;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);font-size:.8125rem;font-weight:700;display:inline-flex}.theme-toggle:hover{border-color:var(--color-cyan);color:var(--color-cyan);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}@media (max-width:520px){.header-actions>.theme-toggle{display:none}}.cart-badge{background:var(--color-magenta);color:#fff;border-radius:var(--radius-full);width:18px;height:18px;box-shadow:var(--shadow-glow-magenta);justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.mobile-menu-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}@media (min-width:768px){.mobile-menu-btn{display:none}}.drawer-overlay{z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#000000b3;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:all}.drawer{background:var(--color-bg-2);border-right:1px solid var(--color-border);z-index:201;width:min(320px,85vw);transition:transform var(--transition-base);padding:var(--space-6) var(--space-5);gap:var(--space-6);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.drawer.open{transform:translate(0)}.hero{min-height:calc(100svh - var(--header-height));padding:var(--space-12) 0;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(at 20%,#00f5ff14 0%,#0000 60%),radial-gradient(at 80% 20%,#ff00e514 0%,#0000 60%),radial-gradient(at 60% 80%,#8b5cf60f 0%,#0000 60%);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.4;background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 80%);mask-image:radial-gradient(#000 20%,#0000 80%)}.hero-content{z-index:1;max-width:var(--max-width);padding:0 var(--space-4);gap:var(--space-10);grid-template-columns:1fr;align-items:center;margin:0 auto;display:grid;position:relative}@media (min-width:1024px){.hero-content{padding:0 var(--space-8);grid-template-columns:1fr 1fr}}.hero-text{gap:var(--space-6);flex-direction:column;display:flex}.hero-eyebrow{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-cyan-dim);border-radius:var(--radius-full);color:var(--color-cyan);text-transform:uppercase;letter-spacing:.1em;border:1px solid #00f5ff4d;width:fit-content;font-size:.8125rem;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.75rem);font-weight:900;line-height:1.1}.hero-description{color:var(--color-text-secondary);max-width:520px;font-size:1.125rem;line-height:1.7}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.hero-stat-value{font-family:var(--font-display);color:var(--color-cyan);font-size:1.75rem;font-weight:700}.hero-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem}.product-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.product-card{background:var(--color-surface);border:1.5px solid color-mix(in srgb, var(--color-border) 85%, var(--color-text) 15%);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000d}:root[data-theme=light] .product-card{border:1.5px solid #0f172a29;box-shadow:0 4px 20px #0f172a14,0 1px 3px #0f172a0a}.product-card:hover{border-color:var(--color-cyan);box-shadow:var(--shadow-glow-cyan), 0 14px 32px #00000024;transform:translateY(-6px)}.product-card-image{aspect-ratio:5/4;background:var(--image-stage-bg);border-bottom:2px solid color-mix(in srgb, var(--color-border) 70%, var(--color-cyan) 30%);padding:var(--space-4);display:block;position:relative;overflow:hidden}.product-card-image img{object-fit:contain;border-radius:var(--radius-md);width:100%;height:100%;box-shadow:var(--image-stage-shadow);transition:transform var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.05)}.product-card-image-placeholder{background:linear-gradient(135deg, var(--color-bg-3), var(--color-surface-2));justify-content:center;align-items:center;width:100%;height:100%;font-size:4rem;display:flex}.product-card-stock-badge{top:var(--space-3);right:var(--space-3);position:absolute}.product-card-vinyl-arrows{aspect-ratio:5/4;pointer-events:none;z-index:3;justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute;top:0;left:0;right:0}.product-card-vinyl-arrows button{background:color-mix(in srgb, var(--color-bg) 70%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;height:36px;margin:0 var(--space-2);opacity:1;pointer-events:auto;transition:opacity var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-self:center;align-items:center;width:36px;display:inline-flex}.product-card-vinyl-arrows button:focus-visible{opacity:1}.product-card-vinyl-arrows button:hover{border-color:var(--color-cyan);transform:scale(1.04)}.product-card-vinyl-counter{margin-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-bg) 76%, transparent);color:var(--color-text-secondary);align-self:flex-end;padding:2px 8px;font-size:.7rem;font-weight:800;line-height:1.4}.product-card-body{padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.product-card-category{color:var(--color-cyan);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.product-card-name{font-size:1.0625rem;font-weight:700;line-height:1.3}.product-card-name a{color:var(--color-text)}.product-card-name a:hover{color:var(--color-cyan)}.product-card-description{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-card-mode{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);display:grid}.product-card-mode strong{color:var(--color-text);font-size:.875rem;line-height:1.25;display:block}.product-card-mode span{color:var(--color-text-muted);margin-top:2px;font-size:.75rem;line-height:1.35;display:block}.product-card-mode small{color:var(--color-cyan);font-size:.75rem;font-weight:800}.product-card-vinyl-select{gap:var(--space-2);display:grid}.product-card-vinyl-select span{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.product-card-vinyl-select select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);width:100%;min-height:42px;color:var(--color-text);padding:0 var(--space-3)}.product-card-vinyl-select.is-locked{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2)}.product-card-vinyl-select.is-locked strong{color:var(--color-text);font-size:.9375rem}.product-card-vinyl-select.is-locked small{color:var(--color-text-muted);font-size:.75rem}.vinyl-picker{gap:var(--space-3);display:grid}.vinyl-picker-select{gap:var(--space-2);display:grid}.vinyl-picker-select span{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.vinyl-picker-select select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);width:100%;min-height:46px;color:var(--color-text);font:inherit;padding:0 var(--space-3)}.vinyl-picker-select select:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px var(--color-cyan-dim);outline:none}.vinyl-picker-preview{aspect-ratio:4/3;background:var(--image-stage-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);justify-content:center;align-items:center;display:flex;overflow:hidden}.vinyl-picker-preview img{object-fit:contain;border-radius:var(--radius-md);width:100%;height:100%;box-shadow:var(--image-stage-shadow)}.vinyl-picker-empty{color:var(--color-text-muted);min-height:220px;padding:var(--space-4);text-align:center;align-items:center;display:flex}.purchase-mode-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.purchase-mode-card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left;cursor:pointer;width:100%;transition:border-color var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast);font-family:inherit;display:grid}.purchase-mode-card:hover:not(:disabled){border-color:var(--color-cyan)}.purchase-mode-card:disabled{opacity:.5;cursor:not-allowed}.purchase-mode-card.active{border-color:var(--color-cyan);background:var(--color-cyan-dim)}.purchase-mode-card strong{color:var(--color-text);font-size:.875rem;line-height:1.25}.purchase-mode-card span{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.45}.purchase-mode-card small{color:var(--color-cyan);font-size:.75rem;font-weight:800}@media (max-width:680px){.purchase-mode-grid{grid-template-columns:1fr}}.product-card-footer{padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price{font-family:var(--font-display);color:var(--color-text);font-size:1.25rem;font-weight:700}.product-price-login{color:var(--color-text-muted);font-size:.875rem;font-style:italic}.console-logo-marquee{gap:var(--space-3);margin:var(--space-10) auto 0;max-width:100%;display:grid}.console-logo-marquee-caption{color:var(--color-text-muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:.75rem;font-weight:800}.console-logo-marquee-window{padding:var(--space-3) 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.console-logo-marquee-window:before,.console-logo-marquee-window:after{content:"";pointer-events:none;z-index:2;width:90px;position:absolute;top:0;bottom:0}.console-logo-marquee-window:before{background:linear-gradient(90deg, var(--color-bg), transparent);left:0}.console-logo-marquee-window:after{background:linear-gradient(270deg, var(--color-bg), transparent);right:0}.console-logo-marquee-track{align-items:center;gap:var(--space-8);width:max-content;animation:160s linear infinite console-logo-scroll;display:flex}.console-logo-marquee:hover .console-logo-marquee-track{animation-play-state:paused}.console-logo-pill{box-shadow:none;min-width:80px;height:52px;padding:0 var(--space-2);opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .25s,opacity .25s;display:inline-flex}.console-logo-pill:hover{opacity:1;transform:translateY(-2px)scale(1.08)}.console-logo-pill img{object-fit:contain;filter:none;max-width:105px;max-height:40px;transition:transform .2s;display:block}.product-console-logos{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);display:grid}.product-card-console-logos{margin:var(--space-2) 0}.product-card-console-logos .product-console-logos{gap:var(--space-1);border-top:none;margin-top:0;padding-top:0}.product-card-console-logos .product-console-title{display:none}.product-card-console-logos .product-console-logo{min-width:46px;height:28px;padding:0 var(--space-1)}.product-card-console-logos .product-console-logo img{max-width:48px;max-height:22px}.product-console-title{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.product-console-row{padding:2px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.product-console-track{align-items:center;gap:var(--space-3);justify-content:flex-end;width:max-content;animation:44s linear infinite product-console-scroll-right;display:flex}.product-console-row:hover .product-console-track{animation-play-state:paused}.product-console-logo{min-width:60px;height:38px;padding:0 var(--space-2);opacity:.85;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .2s,opacity .2s;display:inline-flex}.product-console-logo:hover{opacity:1;transform:scale(1.08)}.product-console-logo img{object-fit:contain;max-width:64px;max-height:28px}@keyframes product-console-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes console-logo-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.console-logo-marquee-track{flex-wrap:wrap;justify-content:center;width:auto;animation:none}.product-console-track{flex-wrap:wrap;width:auto;animation:none}}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-10) 0}.section-header{text-align:center;margin-bottom:var(--space-10);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.section-subtitle{color:var(--color-text-secondary);max-width:600px;font-size:1.0625rem}.section-divider{background:linear-gradient(90deg, var(--color-cyan), var(--color-magenta));border-radius:var(--radius-full);width:60px;height:3px;margin:0 auto}.process-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.process-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);display:grid}.process-card:hover{border-color:var(--color-cyan);box-shadow:0 0 36px color-mix(in srgb, var(--color-cyan) 30%, transparent), var(--shadow-lg);transform:translateY(-4px)scale(1.02)}.process-card span{background:var(--color-cyan-dim);border:1px solid color-mix(in srgb, var(--color-cyan) 35%, transparent);border-radius:var(--radius-full);color:var(--color-cyan);justify-content:center;align-items:center;width:34px;height:34px;font-weight:900;display:flex}.process-card h3{font-size:1rem}.process-card p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.55}@media (max-width:980px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.process-grid{grid-template-columns:1fr}}.category-tabs{gap:var(--space-2);padding-bottom:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.category-tab:hover{color:var(--color-text);border-color:var(--color-border-hover)}.category-tab.active{background:var(--color-cyan-dim);color:var(--color-cyan);border-color:#00f5ff66}.cart-sidebar{background:var(--color-bg-2);border-left:1px solid var(--color-border);z-index:300;width:min(420px,100vw);transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.cart-sidebar.open{transform:translate(0)}.cart-header{padding:var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.cart-title{align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:700;display:flex}.cart-items{padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.cart-item{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.cart-item-image{border-radius:var(--radius-sm);background:var(--color-surface-2);flex-shrink:0;width:64px;height:64px;overflow:hidden}.cart-item-details{flex:1;min-width:0}.cart-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;line-height:1.3;overflow:hidden}.cart-item-customization{color:var(--color-text-muted);margin-top:2px;font-size:.75rem}.cart-item-price{color:var(--color-cyan);margin-top:var(--space-2);font-weight:700}.cart-qty-controls{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.cart-qty-btn{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;color:var(--color-text);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1rem;display:flex}.cart-qty-btn:hover{background:var(--color-surface-3);border-color:var(--color-border-hover)}.cart-qty-value{text-align:center;min-width:24px;font-size:.9375rem;font-weight:600}.cart-footer{padding:var(--space-5);border-top:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;display:flex}.cart-total-row{justify-content:space-between;align-items:center;display:flex}.cart-total-label{color:var(--color-text-secondary);font-size:1rem;font-weight:600}.cart-total-value{font-family:var(--font-display);color:var(--color-cyan);font-size:1.5rem;font-weight:700}.checkout-item-card{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.checkout-item-icon{background:var(--image-stage-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;display:flex}.checkout-item-mode{align-items:center;gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.checkout-item-mode small{color:var(--color-text-muted);font-size:.75rem}.checkout-payment-note{gap:var(--space-1);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-2);display:grid}.checkout-payment-note strong{color:var(--color-text)}.checkout-payment-note span,.checkout-summary-hint{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.checkout-summary-hint{padding:var(--space-2) 0}.delivery-method-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.delivery-method-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;align-items:flex-start;gap:var(--space-2);min-height:132px;padding:var(--space-4);text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);display:grid}.delivery-method-card:hover,.delivery-method-card.selected{background:var(--color-cyan-dim);border-color:var(--color-cyan);transform:translateY(-1px)}.delivery-method-card>span{color:var(--color-cyan)}.delivery-method-card strong{font-size:1rem}.delivery-method-card small{color:var(--color-text-secondary);font-size:.82rem;line-height:1.45}.checkout-delivery-note{background:var(--color-surface-2);border:1px solid var(--color-border);border-left:3px solid var(--color-cyan);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4);gap:.2rem;display:grid}.checkout-delivery-note strong{color:var(--color-cyan);font-size:.92rem}.checkout-delivery-note span{color:var(--color-text-secondary);font-size:.86rem;line-height:1.5}@media (max-width:640px){.delivery-method-grid{grid-template-columns:1fr}}.notification-bell{cursor:pointer;position:relative}.notification-dot{background:var(--color-magenta);border-radius:var(--radius-full);border:2px solid var(--color-bg);width:10px;height:10px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.admin-layout{flex-direction:column;min-height:100vh;display:flex}@media (min-width:1024px){.admin-layout{flex-direction:row}.admin-layout:has(.admin-sidebar-wrapper:hover) .admin-main{padding-left:calc(var(--space-6) + 188px)}}.admin-mobile-header{display:flex!important}@media (min-width:1024px){.admin-mobile-header{display:none!important}}.admin-sidebar-wrapper{display:none}@media (min-width:1024px){.admin-sidebar-wrapper{z-index:80;width:72px;transition:width .24s;position:fixed;inset:0 auto 0 0;display:block!important}.admin-sidebar-wrapper:hover,.admin-sidebar-wrapper:focus-within{width:var(--sidebar-width)}}@media (max-width:1023px){.admin-sidebar-wrapper{z-index:99;background:var(--color-bg-2);width:260px;height:calc(100vh - 50px);transition:left .3s cubic-bezier(.4,0,.2,1);display:block;position:fixed;top:50px;left:-260px;box-shadow:4px 0 10px #0003}.admin-sidebar-wrapper.open{left:0}.admin-sidebar{width:100%!important;height:100%!important;display:flex!important}}.admin-sidebar{width:var(--sidebar-width);background:var(--color-bg-2);border-right:1px solid var(--color-border);padding:var(--space-6) 0;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-brand{padding:0 var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.admin-sidebar-brand-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.admin-sidebar-logo{object-fit:contain;width:auto;height:32px}.admin-main{min-width:0;padding:var(--space-6) var(--space-5);flex:1;transition:padding-left .24s}@media (min-width:768px){.admin-main{padding:var(--space-8)}}@media (min-width:1024px){.admin-main{padding-left:calc(var(--space-6) + 72px)}.admin-sidebar-wrapper .admin-sidebar{width:72px;transition:width .24s,box-shadow .24s;overflow-x:hidden}.admin-sidebar-wrapper:hover .admin-sidebar,.admin-sidebar-wrapper:focus-within .admin-sidebar{width:var(--sidebar-width);box-shadow:14px 0 34px #0f172a1f}.admin-sidebar-wrapper .admin-sidebar-brand{padding-inline:var(--space-3)}.admin-sidebar-wrapper .admin-sidebar-logo{object-fit:contain;width:34px;height:34px}.admin-sidebar-wrapper:hover .admin-sidebar-logo,.admin-sidebar-wrapper:focus-within .admin-sidebar-logo{width:120px;height:32px}.admin-sidebar-wrapper .theme-toggle,.admin-sidebar-wrapper .admin-sidebar-section,.admin-sidebar-wrapper .admin-nav-link span,.admin-sidebar-wrapper .admin-store-link span:last-child{opacity:0;visibility:hidden;white-space:nowrap;transition:opacity .16s}.admin-sidebar-wrapper:hover .theme-toggle,.admin-sidebar-wrapper:focus-within .theme-toggle,.admin-sidebar-wrapper:hover .admin-sidebar-section,.admin-sidebar-wrapper:focus-within .admin-sidebar-section,.admin-sidebar-wrapper:hover .admin-nav-link span,.admin-sidebar-wrapper:focus-within .admin-nav-link span,.admin-sidebar-wrapper:hover .admin-store-link span:last-child,.admin-sidebar-wrapper:focus-within .admin-store-link span:last-child{opacity:1;visibility:visible}}.admin-sidebar-section{padding:var(--space-2) var(--space-5);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;margin-top:var(--space-4);font-size:.6875rem;font-weight:700}.admin-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.9375rem;font-weight:500;display:flex;position:relative}.admin-nav-link svg{flex:none}.admin-store-link{color:var(--color-text-muted);align-items:center;gap:var(--space-2);font-size:.875rem;display:flex}.admin-nav-link:hover{color:var(--color-text);background:var(--color-surface)}.admin-nav-link.active{color:var(--color-cyan);background:var(--color-cyan-dim)}.admin-nav-link.active:before{content:"";background:var(--color-cyan);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;box-shadow:var(--color-cyan-glow);position:absolute;top:0;bottom:0;left:0}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);transition:all var(--transition-base);flex-direction:column;display:flex}.stat-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.stat-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.stat-card-icon.cyan{background:var(--color-cyan-dim);color:var(--color-cyan)}.stat-card-icon.magenta{background:var(--color-magenta-dim);color:var(--color-magenta)}.stat-card-icon.green{background:var(--color-green-dim);color:var(--color-green)}.stat-card-icon.amber{background:var(--color-amber-dim);color:var(--color-amber)}.stat-card-label{color:var(--color-text-muted);font-size:.8125rem;font-weight:500}.stat-card-value{font-family:var(--font-display);color:var(--color-text);font-size:1.875rem;font-weight:700}.production-kanban{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;display:grid}.production-filters{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:flex}.production-filters-heading{align-items:center;gap:var(--space-3);color:var(--color-cyan);flex:none;display:flex}.production-filters-heading h2{color:var(--color-text);margin:0;font-size:.9375rem;font-weight:700}.production-filters-heading p{color:var(--color-text-muted);margin:2px 0 0;font-size:.75rem}.production-filter-options{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.production-filter-button{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;font-size:.8125rem;font-weight:650;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.production-filter-button:hover{border-color:var(--color-cyan);color:var(--color-text)}.production-filter-button:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.production-filter-button.active{border-color:var(--color-cyan);background:color-mix(in srgb, var(--color-cyan) 14%, transparent);color:var(--color-cyan)}.production-filter-button span{background:var(--color-surface-2);color:currentColor;text-align:center;border-radius:999px;min-width:24px;padding:2px 6px;font-size:.75rem}.production-kanban-filtered{grid-template-columns:minmax(280px,1fr)}@media (max-width:800px){.production-filters{flex-direction:column;align-items:stretch}.production-filter-options{justify-content:flex-start}}.admin-page-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.admin-page-heading h1{margin:0;font-size:1.5rem;font-weight:800}.admin-page-heading p{color:var(--color-text-muted);margin:4px 0 0;font-size:.875rem}.admin-results-summary,.admin-toolbar-count{color:var(--color-text-muted);white-space:nowrap;font-size:.8125rem}.admin-list-toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-wrap:wrap;display:flex}.admin-search-field{align-items:center;gap:var(--space-2);min-width:260px;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text-muted);flex:320px;display:flex}.admin-search-field:focus-within{border-color:var(--color-cyan);box-shadow:0 0 0 2px var(--color-cyan-dim)}.admin-search-field input{min-width:0;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0;flex:1}.admin-search-field button{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.admin-filter-group{align-items:center;gap:var(--space-2);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.admin-filter-group select{min-height:44px;padding:0 32px 0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-2);color:var(--color-text);font:inherit;font-size:.8125rem}.admin-empty-state{text-align:center;color:var(--color-text-muted);padding:var(--space-10)!important}.table-secondary{color:var(--color-text-muted);margin-top:2px;font-size:.8125rem}.customer-summary-grid{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.customer-summary-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-cyan);display:flex}.customer-summary-card div{flex-direction:column;display:flex}.customer-summary-card strong{color:var(--color-text);font-size:1.25rem}.customer-summary-card span{color:var(--color-text-muted);font-size:.75rem}.consent-badges{flex-wrap:wrap;gap:4px;display:flex}.consent-badges span{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);padding:2px 6px;font-size:.6875rem}.consent-badges span.enabled{border-color:var(--color-green);background:var(--color-green-dim);color:var(--color-green)}.customer-status{border-radius:var(--radius-full);padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.customer-status-lead{background:var(--color-amber-dim);color:var(--color-amber)}.customer-status-customer{background:var(--color-green-dim);color:var(--color-green)}.customer-status-inactive{background:var(--color-surface-2);color:var(--color-text-muted)}.customer-edit-form{gap:var(--space-4);flex-direction:column;display:flex}.customer-edit-form small{color:var(--color-text-muted)}.customer-consent-fieldset{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.customer-consent-fieldset legend{padding:0 var(--space-2);font-weight:700}.customer-consent-fieldset p{color:var(--color-text-muted);margin:0;font-size:.8125rem}.customer-consent-fieldset label{align-items:center;gap:var(--space-2);min-height:36px;display:flex}@media (max-width:720px){.admin-page-heading{flex-direction:column;align-items:flex-start}.admin-search-field{min-width:100%}.admin-filter-group,.admin-filter-group select{width:100%}.customer-summary-grid{grid-template-columns:1fr}}.kanban-column{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.kanban-column-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.kanban-column-title{font-size:.9375rem;font-weight:700}.kanban-count{background:var(--color-surface-2);border-radius:var(--radius-full);justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.kanban-items{padding:var(--space-4);gap:var(--space-3);flex-direction:column;min-height:100px;display:flex}.kanban-item{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.kanban-item:hover{border-color:var(--color-cyan);background:var(--color-surface)}.kanban-item-badges{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.kanban-item-title{color:var(--color-text);font-size:.875rem;font-weight:600}.kanban-item-order{color:var(--color-cyan);font-size:.75rem;font-family:var(--font-display);margin-top:2px}.kanban-item-meta{color:var(--color-text-muted);margin-top:var(--space-2);font-size:.75rem}.production-task-panel{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-2);display:grid}.production-task-panel p{color:var(--color-text-secondary);margin:0;font-size:.875rem}.production-task-panel ul{gap:var(--space-2);display:grid}.production-task-panel li{color:var(--color-text-muted);padding-left:1.25rem;font-size:.8125rem;position:relative}.production-task-panel li:before{content:"□";color:var(--color-cyan);position:absolute;left:0}.data-table{border-collapse:collapse;width:100%}.data-table th{padding:var(--space-3) var(--space-4);text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border);white-space:nowrap;font-size:.75rem;font-weight:700}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;font-size:.9375rem}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#ffffff05}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:auto hidden}.insumos-summary-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.insumos-summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex}.insumos-summary-card strong{color:var(--color-text);font-family:var(--font-display);font-size:1.4rem;line-height:1;display:block}.insumos-summary-card span:last-child{color:var(--color-text-muted);margin-top:.25rem;font-size:.78rem;display:block}.insumos-summary-icon{background:var(--color-cyan-dim);border-radius:var(--radius-md);color:var(--color-cyan);border:1px solid #00f5ff38;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.insumos-summary-card.is-warning .insumos-summary-icon{background:var(--color-amber-dim);color:var(--color-amber);border-color:#f59e0b47}.insumos-summary-card.is-danger .insumos-summary-icon{background:var(--color-red-dim);color:var(--color-red);border-color:#ef444447}.insumo-row-design td{background:color-mix(in srgb, var(--color-purple-dim) 28%, transparent)}.insumo-design-stock{background:var(--color-purple-dim);border-radius:var(--radius-md);color:var(--color-purple);text-align:center;border:1px solid #8b5cf63d;flex-direction:column;align-items:center;gap:.1rem;min-width:150px;padding:.4rem .65rem;display:flex}.insumo-design-stock span{font-size:.78rem;font-weight:800}.insumo-design-stock small{color:var(--color-text-muted);font-size:.68rem}.order-item-mode{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.order-item-mode small{color:var(--color-text-muted);font-size:.78rem}.product-admin-catalog-flags{flex-wrap:wrap;gap:.35rem;max-width:220px;display:flex}.product-admin-catalog-flags span{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);white-space:nowrap;padding:.14rem .48rem;font-size:.7rem;font-weight:700}.product-admin-catalog-flags .is-ok{background:var(--color-green-dim);color:var(--color-green);border-color:#10b9813d}.product-admin-catalog-flags .is-missing{background:var(--color-red-dim);color:var(--color-red);border-color:#ef44443d}.stock-validation-panel{background:var(--color-amber-dim);border-radius:var(--radius-lg);color:var(--color-text-secondary);gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-4);border:1px solid #f59e0b47;display:grid}.stock-validation-panel strong{color:var(--color-amber);font-size:.92rem}.stock-validation-panel ul{gap:.25rem;margin:0;padding-left:1.1rem;display:grid}.stock-validation-panel li{font-size:.82rem}.stock-validation-panel small{color:var(--color-text-muted);font-size:.76rem}@media (max-width:900px){.insumos-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.insumos-summary-grid{grid-template-columns:1fr}}.status-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-pending_confirmation{background:var(--color-amber-dim);color:var(--color-amber)}.status-confirmed{background:var(--color-cyan-dim);color:var(--color-cyan)}.status-in_production{background:var(--color-purple-dim);color:var(--color-purple)}.status-ready{color:var(--color-green);background:#10b98133}.status-dispatched{color:#818cf8;background:#6366f133}.status-delivered{background:var(--color-green-dim);color:var(--color-green)}.status-cancelled{background:var(--color-red-dim);color:var(--color-red)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:400;padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;transition:transform var(--transition-base);overflow-y:auto;transform:scale(.95)translateY(20px)}.modal-overlay.open .modal{transform:scale(1)translateY(0)}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:1.125rem;font-weight:700}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-3);display:flex}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-2) 50%, var(--color-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-cyan);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:500;gap:var(--space-3);max-width:380px;width:calc(100% - var(--space-12));flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:.3s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast.success{border-color:var(--color-green)}.toast.error{border-color:var(--color-red)}.toast.info{border-color:var(--color-cyan)}.toast.warning{border-color:var(--color-amber)}.swatch-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.swatch{border-radius:var(--radius-md);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border:2px solid #0000;position:relative}.swatch:hover{transform:scale(1.15)}.swatch.selected{border-color:#fff;transform:scale(1.1);box-shadow:0 0 0 3px #ffffff4d}.swatch.out-of-stock{opacity:.3;cursor:not-allowed}.swatch.out-of-stock:after{content:"";border-radius:inherit;background:repeating-linear-gradient(45deg,#0000,#0000 4px,#00000080 4px 5px);position:absolute;inset:0}.footer{background:var(--color-bg-2);border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-8);margin-top:auto}.footer-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand{gap:var(--space-4);flex-direction:column;display:flex}.footer-description{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}.footer-heading{color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);font-size:.8125rem;font-weight:700}.footer-link{color:var(--color-text-secondary);padding:var(--space-1) 0;transition:color var(--transition-fast);font-size:.9375rem;display:block}.footer-link:hover{color:var(--color-cyan)}.footer-bottom{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-4);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.customizer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.customizer-section{gap:var(--space-3);flex-direction:column;display:flex}.customizer-section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.8125rem;font-weight:700}.controls-type-grid{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.controls-type-grid>div{gap:.25rem;display:grid}.controls-type-grid small{color:var(--color-text-muted);text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1}.controls-type-grid .category-tab{min-height:30px;padding:.2rem .55rem;font-size:.72rem}.control-layout-preview{background:linear-gradient(145deg, color-mix(in srgb, var(--color-surface-3) 38%, transparent), transparent), var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.control-player-preview{gap:var(--space-2);display:grid}.control-player-preview>span{color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:900}.control-panel-visual{background:radial-gradient(circle at 25% 45%, color-mix(in srgb, var(--color-cyan) 12%, transparent), transparent 32%), linear-gradient(180deg, #24242a, #141418);border:1px solid color-mix(in srgb, var(--color-border) 72%, white 8%);border-radius:20px 20px var(--radius-lg) var(--radius-lg);box-shadow:inset 0 -10px 18px #00000038, var(--shadow-sm);min-height:96px;padding:var(--space-3);grid-template-columns:42px minmax(0,max-content);justify-content:center;align-items:center;gap:.55rem;display:grid}:root[data-theme=light] .control-panel-visual{background:radial-gradient(circle at 25% 45%,#0596691f,#0000 32%),linear-gradient(#fff,#e7ebf0)}.control-joystick-visual{justify-self:center;width:36px;height:58px;position:relative}.control-joystick-visual:before{border-radius:var(--radius-full);content:"";background:linear-gradient(#2b2b31,#111);width:8px;height:30px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)rotate(-6deg)}.control-joystick-visual:after{background:var(--control-color);content:"";border:2px solid #fff9;border-radius:50%;width:28px;height:28px;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 8px 14px #00000047}.control-buttons-visual{place-items:center;gap:.18rem;display:grid}.control-button-row{justify-content:center;gap:.24rem;display:flex}.control-button-row.top{margin-bottom:.12rem;transform:translate(10px)}.control-button-row.aux{opacity:.82;margin-top:.05rem}.control-buttons-visual i{background:var(--control-color);border:2px solid #ffffff9e;border-radius:50%;width:22px;height:22px;display:block;box-shadow:inset 0 -5px 7px #00000038,0 5px 10px #0000002e}.control-button-row.aux i{width:16px;height:16px}.player-control-picker{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:760px){.player-control-picker{grid-template-columns:1fr 1fr}}@media (max-width:560px){.controls-type-grid{justify-content:flex-start;width:100%}.control-panel-visual{padding:var(--space-3);grid-template-columns:36px minmax(0,max-content)}}@media (max-width:430px){.control-layout-preview{grid-template-columns:1fr}}.admin-variant-row{border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);display:flex}.admin-variant-row span{color:var(--color-text-muted);margin-top:2px;font-size:.8125rem;display:block}.admin-cover-preview{aspect-ratio:16/9;background:var(--image-stage-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);overflow:hidden}.admin-cover-preview img{object-fit:contain;border-radius:var(--radius-sm);width:100%;height:100%;box-shadow:var(--image-stage-shadow);display:block}.admin-cover-empty{aspect-ratio:16/9;background:var(--color-surface-2);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;gap:var(--space-2);flex-direction:column;justify-content:center;display:flex}.admin-vinyl-grid{gap:var(--space-3);max-height:520px;padding-right:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid;overflow:auto}.admin-vinyl-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-vinyl-toolbar .admin-search-field{flex:280px}.admin-vinyl-actions,.admin-vinyl-summary{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-vinyl-summary span{border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);padding:3px 8px;font-size:.75rem;font-weight:700}.admin-vinyl-tile{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex}.admin-vinyl-tile.selected{border-color:var(--color-cyan)}.admin-vinyl-tile img{aspect-ratio:4/3;background:var(--image-stage-bg);border-radius:var(--radius-sm);object-fit:contain;padding:var(--space-2);width:100%}.admin-vinyl-tile label{align-items:flex-start;gap:var(--space-2);font-size:.8125rem;line-height:1.3;display:flex}.admin-vinyl-tile label span{gap:2px;display:grid}.admin-vinyl-tile label small{color:var(--color-text-muted);font-size:.7rem}.admin-color-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));display:grid}.admin-color-chip{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-secondary);cursor:pointer;font:inherit;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);font-size:.875rem;font-weight:700;display:inline-flex}.admin-color-chip:hover,.admin-color-chip.selected{border-color:var(--color-cyan);background:var(--color-cyan-dim);color:var(--color-text);transform:translateY(-1px)}.admin-color-chip:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.admin-color-dot{border-radius:var(--radius-full);width:20px;height:20px;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-surface) 90%, transparent);border:1px solid #0000;flex:0 0 20px}.admin-color-custom{gap:var(--space-3);grid-template-columns:180px 1fr;align-items:end;display:grid}.admin-color-custom label{gap:var(--space-2);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;font-size:.75rem;font-weight:700;display:flex}.admin-color-custom input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);cursor:pointer;width:100%;height:44px;padding:4px}.admin-console-logo-selector{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);display:grid}.admin-logo-preset-panel{background:color-mix(in srgb, var(--color-cyan) 7%, var(--color-surface-2));border:1px solid color-mix(in srgb, var(--color-cyan) 22%, var(--color-border));border-radius:var(--radius-md);align-items:end;gap:var(--space-3);padding:var(--space-4);grid-template-columns:minmax(190px,1fr) minmax(230px,1.2fr) auto auto;display:grid}.admin-logo-preset-panel p{color:var(--color-text-muted);grid-column:1/-1;margin:0;font-size:.75rem;line-height:1.5}.admin-console-logo-header{align-items:flex-start;gap:var(--space-3);justify-content:space-between;display:flex}.admin-console-logo-header h4{margin-bottom:2px;font-size:.9375rem}.admin-console-logo-header p{color:var(--color-text-muted);margin:0;font-size:.8125rem}.admin-console-logo-header span{color:var(--color-cyan);white-space:nowrap;font-size:.75rem;font-weight:800}.admin-console-logo-grid{gap:var(--space-2);max-height:340px;padding-right:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(142px,1fr));display:grid;overflow:auto}.admin-console-logo-option{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-2);min-height:50px;padding:var(--space-2);grid-template-columns:auto 42px 1fr;display:grid}.admin-console-logo-option.selected{border-color:var(--color-cyan);background:var(--color-cyan-dim)}.admin-console-logo-option.disabled{cursor:not-allowed;opacity:.45}.admin-console-logo-option input{accent-color:var(--color-cyan)}.admin-console-logo-option img{object-fit:contain;max-width:42px;height:28px}.admin-console-logo-option span{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:700;overflow:hidden}@media (max-width:900px){.admin-logo-preset-panel{grid-template-columns:1fr;align-items:stretch}}@media (max-width:720px){.admin-vinyl-actions,.admin-vinyl-toolbar .admin-filter-group,.admin-vinyl-toolbar .admin-filter-group select{width:100%}.admin-vinyl-actions .btn{flex:1 1 0}.admin-color-custom{grid-template-columns:1fr}}.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:initial}}.hide-desktop{display:initial}@media (min-width:768px){.hide-desktop{display:none}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s both fade-in}.fade-in-delay-1{animation-delay:.1s}.fade-in-delay-2{animation-delay:.2s}.fade-in-delay-3{animation-delay:.3s}.neon-line{background:linear-gradient(90deg, transparent, var(--color-cyan), transparent);opacity:.5;height:1px}.glow-dot{background:var(--color-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--color-cyan), 0 0 16px var(--color-cyan);border-radius:50%;display:inline-block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}.whatsapp-float:hover{transform:scale(1.1)translateY(-2px);box-shadow:0 6px 20px #25d36699!important}.chatbot-status-strip{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.chatbot-link-grid{gap:var(--space-5);grid-template-columns:minmax(280px,420px) 1fr;align-items:start;display:grid}.chatbot-card-title{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.chatbot-card-title svg{color:var(--color-primary);flex:none;margin-top:3px}.chatbot-card-title h2{margin:0}.chatbot-card-title p{color:var(--color-text-muted);margin:var(--space-1) 0 0}.chatbot-qr-card .btn{width:100%}.chatbot-qr-box{background:linear-gradient(135deg, #00d4aa1a, transparent), var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);min-height:320px;padding:var(--space-4);justify-content:center;align-items:center;display:flex;overflow:hidden}.chatbot-qr-box img{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);object-fit:contain;height:min(280px,70vw);padding:var(--space-3);background:#fff;width:min(280px,70vw)}.chatbot-empty-qr{color:var(--color-text-muted);align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.chatbot-empty-qr svg{color:var(--color-primary)}.chatbot-empty-qr strong{color:var(--color-text);font-size:1.05rem}.chatbot-empty-qr.success svg{color:var(--color-success)}.chatbot-steps{counter-reset:chatbot-step;gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.chatbot-steps li{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-8) + var(--space-2));align-items:flex-start;gap:2px;display:grid;position:relative}.chatbot-steps li:before{background:var(--color-primary);color:var(--color-bg);content:counter(chatbot-step);counter-increment:chatbot-step;height:28px;left:var(--space-3);top:var(--space-3);border-radius:999px;justify-content:center;align-items:center;width:28px;font-size:.8rem;font-weight:800;display:flex;position:absolute}.chatbot-steps span,.chatbot-checklist{color:var(--color-text-muted)}.chatbot-checklist{gap:var(--space-3);display:grid}.chatbot-checklist label{align-items:center;gap:var(--space-2);display:flex}.chat-inbox{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);height:calc(100vh - 160px);min-height:520px;max-height:calc(100vh - 160px);box-shadow:var(--shadow-sm);grid-template-columns:minmax(260px,320px) minmax(0,1fr);display:grid;overflow:hidden}.chat-inbox-sidebar{border-right:1px solid var(--color-border);background:var(--color-bg-2);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.chat-inbox-search{margin:var(--space-4) var(--space-4) var(--space-2)}.chat-filter-tabs{gap:var(--space-2);padding:0 var(--space-4) var(--space-3);flex-shrink:0;display:flex;overflow-x:auto}.chat-filter-tabs button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800}.chat-filter-tabs button:hover,.chat-filter-tabs button.active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));color:var(--color-primary)}.chat-conversation-list{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.chat-conversation-item{gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:0;border-top:1px solid var(--color-border);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.chat-conversation-item:hover,.chat-conversation-item.active{background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.chat-status-dot{background:var(--color-text-muted);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);border-radius:999px;margin-top:6px}.chat-status-bot{color:var(--color-green);background:var(--color-green)}.chat-status-human{color:var(--color-primary);background:var(--color-primary)}.chat-status-paused{color:var(--color-amber);background:var(--color-amber)}.chat-conversation-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.chat-conversation-copy strong,.chat-conversation-copy small,.chat-conversation-copy em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-conversation-copy small,.chat-conversation-copy em,.chat-conversation-meta small{color:var(--color-text-muted);font-size:.75rem;font-style:normal}.chat-conversation-meta{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.chat-conversation-meta b{background:var(--color-red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:.75rem;display:inline-flex}.chat-thread-panel{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.chat-thread-header{justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 92%, var(--color-primary) 8%);flex-shrink:0;display:flex}.chat-thread-header h2{margin:0;font-size:1.2rem}.chat-thread-header p{color:var(--color-text-muted);margin:4px 0 0}.chat-thread-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chat-mode-bot{background:var(--color-green-dim);color:var(--color-green)}.chat-mode-human{background:color-mix(in srgb, var(--color-primary) 16%, transparent);color:var(--color-primary)}.chat-mode-paused{background:var(--color-amber-dim);color:var(--color-amber)}.chat-thread-layout{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;position:relative;overflow:hidden}.chat-thread-layout.has-card-open{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.chat-messages{gap:var(--space-3);padding:var(--space-5);background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 7%, transparent), transparent 34%), var(--color-bg);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.chat-bubble-row{display:flex}.chat-bubble-row.outbound{justify-content:flex-end}.chat-bubble{max-width:min(78%,620px);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:18px}.chat-bubble-row.outbound .chat-bubble{background:color-mix(in srgb, var(--color-primary) 14%, var(--color-surface));border-bottom-right-radius:6px}.chat-bubble-row.inbound .chat-bubble{border-bottom-left-radius:6px}.chat-bubble span{color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.72rem;font-weight:800;display:block}.chat-bubble p{white-space:pre-wrap;margin:0;line-height:1.45}.chat-bubble small{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.72rem;display:block}.chat-customer-card{padding:var(--space-4);border-left:1px solid var(--color-border);background:var(--color-surface);min-height:0;overflow-y:auto}.chat-customer-card h3{margin:0 0 var(--space-4)}.chat-customer-card dl,.chat-customer-card div{gap:var(--space-2);display:grid}.chat-customer-card dt{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:800}.chat-customer-card dd{color:var(--color-text);margin:0}.chat-customer-card a{color:var(--color-primary);font-weight:800}.chat-reply-box{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface);z-index:5;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid;position:relative}.chat-reply-box textarea{resize:vertical;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;min-height:62px;color:var(--color-text);padding:var(--space-3)}.chat-reply-box div{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.chat-empty-panel{align-content:center;place-items:center;gap:var(--space-3);min-height:520px;color:var(--color-text-muted);text-align:center;display:grid}@media (max-width:900px){.chatbot-link-grid,.chat-inbox,.chat-thread-layout,.chat-reply-box{grid-template-columns:1fr}.chat-inbox-sidebar{border-right:0;border-bottom:1px solid var(--color-border)}.chat-conversation-list{max-height:260px}.chat-thread-header{flex-direction:column}.chat-bubble{max-width:92%}.product-grid{gap:var(--space-8)}.product-card{margin-bottom:var(--space-2)}}