.btn{border-radius:var(--btn-radius,var(--radius-md));cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), translate var(--transition), scale var(--transition), transform .12s ease;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:.95rem;font-weight:600;line-height:1.25;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--btn-primary-bg,var(--color-primary));color:var(--btn-primary-text,#fff)}.btn-primary:hover{background:var(--btn-primary-hover-bg,var(--color-primary-hover));color:var(--btn-primary-hover-text,var(--btn-primary-text,#fff))}.btn-outline{border-color:var(--btn-outline-border,var(--color-border));color:var(--btn-outline-text,var(--color-text));background:0 0}.btn-outline:hover{background:var(--btn-outline-hover-bg,transparent);border-color:var(--btn-outline-hover-border,var(--color-primary));color:var(--btn-outline-hover-text,var(--color-primary))}[data-btn-hover=lift] .btn:not(:disabled):hover{box-shadow:var(--shadow-md);translate:0 -2px}[data-btn-hover=grow] .btn:not(:disabled):hover{scale:1.04}[data-btn-hover=glow] .btn-primary:not(:disabled):hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--btn-primary-hover-bg,var(--color-primary-hover)) 30%, transparent)}[data-btn-hover=glow] .btn-outline:not(:disabled):hover{box-shadow:0 0 0 4px color-mix(in srgb, var(--btn-outline-hover-border,var(--color-primary)) 22%, transparent)}[data-motion=off] .btn:hover{translate:none;scale:none}.btn-ghost{color:var(--color-text-muted);background:0 0}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface-alt)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{filter:brightness(.92)}.btn-sm{padding:7px 14px;font-size:.85rem}.btn-block{width:100%}.badge{letter-spacing:.02em;text-transform:uppercase;background:var(--color-surface-alt);color:var(--color-text-muted);border-radius:999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;line-height:1.4;display:inline-flex}.badge-accent{background:color-mix(in srgb, var(--color-accent) var(--badge-tint,18%), transparent);color:var(--color-accent)}.badge-success{background:color-mix(in srgb, var(--color-success) var(--badge-tint,18%), transparent);color:var(--color-success)}.badge-danger{background:color-mix(in srgb, var(--color-danger) var(--badge-tint,18%), transparent);color:var(--color-danger)}.badge-warning{color:#f5a623;background:#f5a6232e}.card{background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), border-color var(--transition), background var(--transition)}.field{flex-direction:column;gap:6px;min-width:0;margin-bottom:16px;display:flex}.field label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.input{border-radius:var(--radius-sm);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);width:100%;min-width:0;color:var(--color-text);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:11px 14px;font-size:.95rem;line-height:1.4}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent)}.rating{color:var(--color-accent);align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:inline-flex}.theme-toggle{border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:background var(--transition), transform .2s ease;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.theme-toggle:hover{background:var(--color-surface-alt);transform:rotate(15deg)}.language-toggle{letter-spacing:.02em;font-size:.75rem;font-weight:700}.language-toggle:hover{transform:none}.scroll-to-top{z-index:40;border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);width:44px;height:44px;color:var(--color-text);box-shadow:var(--shadow-md);cursor:pointer;transition:background var(--transition), color var(--transition), transform .15s ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:fixed;bottom:20px;right:20px}.scroll-to-top:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}@media (width<=640px){.scroll-to-top{width:40px;height:40px;bottom:14px;right:14px}}.color-picker-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.color-picker-row:last-child{border-bottom:none}.color-picker-row .label{color:var(--color-text);font-size:.9rem;font-weight:500}.color-picker-controls{align-items:center;gap:8px;display:flex}.color-swatch{border-radius:var(--radius-sm);border:var(--border-width) var(--border-style) var(--color-border);cursor:pointer;background:0 0;width:36px;height:36px;padding:0}.color-hex-input{border-radius:var(--radius-sm);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);width:90px;color:var(--color-text);padding:7px 10px;font-family:monospace;font-size:.8rem}.modal-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:85vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex;position:sticky;top:0}.modal-header h3{margin:0}.modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-surface-alt);color:var(--color-text)}.modal-body{padding:20px}.cancellation-reason-note{color:var(--color-danger);margin-top:4px;font-size:.8rem;display:block}.pickup-deadline{color:var(--color-text-muted);align-items:center;gap:4px;margin-top:4px;font-size:.78rem;display:inline-flex}.input-date{cursor:pointer}.input-date::-webkit-calendar-picker-indicator{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loader{--loader-color-1:var(--site-loader-color-1,var(--color-text));--loader-color-2:var(--site-loader-color-2,var(--color-primary));--loader-size:1px;width:calc(48 * var(--loader-size));height:calc(48 * var(--loader-size));border:calc(3 * var(--loader-size)) solid;border-color:var(--loader-color-1) var(--loader-color-1) transparent transparent;box-sizing:border-box;border-radius:50%;animation:1s linear infinite loader-rotation;display:inline-block;position:relative}.loader:after,.loader:before{content:"";box-sizing:border-box;border:calc(3 * var(--loader-size)) solid;border-color:transparent transparent var(--loader-color-2) var(--loader-color-2);width:calc(40 * var(--loader-size));height:calc(40 * var(--loader-size));transform-origin:50%;border-radius:50%;margin:auto;animation:.5s linear infinite loader-rotation-back;position:absolute;inset:0}.loader:before{width:calc(32 * var(--loader-size));height:calc(32 * var(--loader-size));border-color:var(--loader-color-1) var(--loader-color-1) transparent transparent;animation:1.5s linear infinite loader-rotation}.loader-small{--loader-size:.5px}@keyframes loader-rotation{to{transform:rotate(360deg)}}@keyframes loader-rotation-back{to{transform:rotate(-360deg)}}.loader-block{justify-content:center;align-items:center;min-height:160px;padding:48px 16px;display:flex}.loader-block.is-compact{min-height:0;padding:16px}.bars-loader,.bars-loader:before,.bars-loader:after{background:currentColor;width:1em;height:4em;animation:1s ease-in-out infinite bars-loader}.bars-loader{color:inherit;text-indent:-9999em;margin:2em auto 0;font-size:3.5px;animation-delay:-.16s;display:inline-block;position:relative;overflow:visible;transform:translateZ(0)}.bars-loader:before,.bars-loader:after{content:"";position:absolute;top:0}.bars-loader:before{animation-delay:-.32s;left:-1.5em}.bars-loader:after{left:1.5em}@keyframes bars-loader{0%,80%,to{height:4em;box-shadow:0 0}40%{height:5em;box-shadow:0 -2em}}:root .search-bar-input,:root .stock-search,:root .customer-map-search,:root .admin-products-search,:root .product-search-box{background:var(--search-bg,var(--color-surface));border-color:var(--search-border,var(--color-border))}:root .search-bar-input,:root .stock-search,:root .customer-map-search,:root .admin-products-search .input,:root .product-search-box .input{color:var(--search-text,var(--color-text))}:root .admin-products-search .input,:root .product-search-box .input{background:0 0}:root .search-bar-input::placeholder,:root .stock-search::placeholder,:root .customer-map-search::placeholder,:root .admin-products-search .input::placeholder,:root .product-search-box .input::placeholder{color:var(--search-placeholder,var(--color-text-muted))}:root .search-bar-input,:root .stock-search,:root .customer-map-search,:root .admin-products-search{border-radius:var(--search-radius,var(--radius-sm))}:root .product-search-box{border-radius:var(--search-radius,999px)}:root .search-bar-input:focus,:root .stock-search:focus,:root .customer-map-search:focus{border-color:var(--search-focus-border,var(--color-primary));box-shadow:0 0 0 3px color-mix(in srgb, var(--search-focus-border,var(--color-primary)) 20%, transparent)}:root .admin-products-search:focus-within,:root .product-search-box:focus-within{border-color:var(--search-focus-border,var(--color-primary))}:root .search-bar-icon,:root .admin-products-search>svg,:root .product-search-box>svg{color:var(--search-icon,var(--color-text-muted))}.password-input{align-items:center;display:flex;position:relative}.password-input .input{padding-right:46px}.password-input-toggle{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:6px}.password-input-toggle:hover{color:var(--color-text);background:var(--color-surface-alt)}.password-input-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.btn.is-signing-in:disabled{opacity:1;cursor:progress}@media (width<=768px){.input,select.input,textarea.input{font-size:1rem}}@media (pointer:coarse){.btn-sm,.modal-close,.qty-stepper button{min-width:44px;min-height:44px}}.empty-panel{text-align:center;padding:clamp(32px, 1rem + 5vw, 64px) var(--gutter);flex-direction:column;align-items:center;gap:8px;display:flex}.empty-panel-icon{background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:64px;height:64px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.empty-panel h3{margin:0;font-size:1.15rem}.empty-panel p{max-width:46ch;color:var(--color-text-muted);margin:0}.empty-panel-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.skeleton-hero{border-radius:var(--radius-lg);height:120px}.skeleton-square{aspect-ratio:1;border-radius:var(--radius-lg)}