*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-\[calc\(6px\+env\(safe-area-inset-bottom\,0px\)\)\]{bottom:calc(6px + env(safe-area-inset-bottom,0px))}.left-2\.5{left:.625rem}.left-4{left:1rem}.left-auto{left:auto}.right-1{right:.25rem}.right-2\.5{right:.625rem}.right-4{right:1rem}.top-0{top:0px}.top-2\.5{top:.625rem}.z-10{z-index:10}.z-20{z-index:20}.m-0{margin:0}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-3{margin-top:.75rem}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.aspect-\[1\/0\.78\]{aspect-ratio:1/.78}.h-10{height:2.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-\[33px\]{min-height:33px}.min-h-\[44px\]{min-height:44px}.min-h-\[46px\]{min-height:46px}.min-h-\[48px\]{min-height:48px}.min-h-\[62px\]{min-height:62px}.min-h-\[92px\]{min-height:92px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\[390px\]{max-width:390px}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[22px_28px_22px\]{grid-template-columns:22px 28px 22px}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-7{gap:1.75rem}.gap-\[14px\]{gap:14px}.gap-\[3px\]{gap:3px}.gap-\[5px\]{gap:5px}.gap-\[9px\]{gap:9px}.gap-px{gap:1px}.self-start{align-self:flex-start}.justify-self-start{justify-self:start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[rgba\(0\,122\,255\,0\.1\)\]{border-color:#007aff1a}.border-\[rgba\(0\,122\,255\,0\.14\)\]{border-color:#007aff24}.border-\[rgba\(255\,59\,48\,0\.16\)\]{border-color:#ff3b3029}.border-\[rgba\(52\,199\,89\,0\.16\)\]{border-color:#34c75929}.border-\[rgba\(60\,60\,67\,0\.1\)\]{border-color:#3c3c431a}.border-\[rgba\(60\,60\,67\,0\.12\)\]{border-color:#3c3c431f}.border-outline{border-color:var(--outline)}.border-separator{border-color:var(--separator)}.border-transparent{border-color:transparent}.bg-\[\#34c759\]{--tw-bg-opacity: 1;background-color:rgb(52 199 89 / var(--tw-bg-opacity, 1))}.bg-\[\#f6f6f8\]{--tw-bg-opacity: 1;background-color:rgb(246 246 248 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(242\,242\,247\,0\.86\)\]{background-color:#f2f2f7db}.bg-\[rgba\(242\,242\,247\,0\.88\)\]{background-color:#f2f2f7e0}.bg-\[rgba\(255\,255\,255\,0\.9\)\]{background-color:#ffffffe6}.bg-\[rgba\(255\,59\,48\,0\.1\)\]{background-color:#ff3b301a}.bg-\[rgba\(52\,199\,89\,0\.14\)\]{background-color:#34c75924}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-background{background-color:var(--background)}.bg-danger{background-color:var(--danger)}.bg-primary{background-color:var(--primary)}.bg-primary-soft{background-color:var(--primary-soft)}.bg-surface{background-color:var(--surface)}.bg-surface-low{background-color:var(--surface-low)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-\[linear-gradient\(180deg\,\#fbfbfd_0\%\,\#f2f2f7_100\%\)\]{background-image:linear-gradient(180deg,#fbfbfd 0%,#f2f2f7 100%)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-7{padding:1.75rem}.p-\[18px\]{padding:18px}.p-\[2px_4px\]{padding:2px 4px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[18px\]{padding-left:18px;padding-right:18px}.px-\[3px\]{padding-left:3px;padding-right:3px}.px-\[7px\]{padding-left:7px;padding-right:7px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pb-\[calc\(24px_\+_env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.pb-\[calc\(var\(--bottom-nav-space\)\+24px\)\]{padding-bottom:calc(var(--bottom-nav-space) + 24px)}.pt-2{padding-top:.5rem}.pt-\[calc\(22px\+env\(safe-area-inset-top\,0px\)\)\]{padding-top:calc(22px + env(safe-area-inset-top,0px))}.text-left{text-align:left}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[19px\]{font-size:19px}.text-\[28px\]{font-size:28px}.text-\[34px\]{font-size:34px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-xs{font-size:.75rem;line-height:1rem}.font-\[850\]{font-weight:850}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.25\]{line-height:1.25}.leading-\[1\.2\]{line-height:1.2}.leading-none{line-height:1}.tracking-\[-0\.035em\]{letter-spacing:-.035em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-normal{letter-spacing:0em}.text-\[\#1f7a37\]{--tw-text-opacity: 1;color:rgb(31 122 55 / var(--tw-text-opacity, 1))}.text-\[\#8e8e93\]{--tw-text-opacity: 1;color:rgb(142 142 147 / var(--tw-text-opacity, 1))}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-inherit{color:inherit}.text-muted{color:var(--muted)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.no-underline{text-decoration-line:none}.opacity-\[0\.72\]{opacity:.72}.shadow-\[0_18px_50px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow: 0 18px 50px rgba(0,0,0,.12);--tw-shadow-colored: 0 18px 50px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.02\)\]{--tw-shadow: 0 1px 2px rgba(0,0,0,.02);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_22px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 8px 22px rgba(0,0,0,.1);--tw-shadow-colored: 0 8px 22px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-soft{--tw-shadow: var(--shadow-soft);--tw-shadow-colored: var(--shadow-soft);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-3xl{--tw-backdrop-blur: blur(64px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-\[18px\]{--tw-backdrop-blur: blur(18px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\[-webkit-overflow-scrolling\:touch\]{-webkit-overflow-scrolling:touch}:root{--background: #f2f2f7;--surface: #ffffff;--surface-low: #f5f5f7;--surface-high: #e8e8ed;--primary: #1d1d1f;--primary-container: #f5f5f7;--primary-soft: #e8f2ff;--secondary: #6e6e73;--text: #1d1d1f;--muted: #86868b;--outline: rgba(60, 60, 67, .16);--separator: rgba(60, 60, 67, .16);--accent: #007aff;--accent-soft: rgba(0, 122, 255, .12);--danger: #ff3b30;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .03), 0 12px 28px rgba(0, 0, 0, .04);--bottom-nav-space:calc(88px + env(safe-area-inset-bottom, 0px));--customer-sheet-viewport-height: 100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--background);font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{min-height:100%;min-height:100dvh}body{min-height:100vh;min-height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.material-symbols-rounded{font-family:Material Symbols Rounded;font-size:22px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;line-height:1}.desktop-preview{align-items:flex-start;background:linear-gradient(180deg,#fbfbfd 0%,#f2f2f7 100%);display:flex;gap:28px;justify-content:center;min-height:100vh;min-height:100dvh;padding:28px}.phone-frame{background:var(--background);border:1px solid rgba(60,60,67,.12);border-radius:32px;box-shadow:0 18px 50px #0000001f;height:min(920px,calc(100vh - 56px));height:min(920px,calc(100dvh - 56px));max-width:390px;overflow:hidden;position:relative;width:390px}.preview-rail{background:rgba(255,255,255,.86);border:1px solid var(--separator);border-radius:24px;box-shadow:var(--shadow-soft);max-width:250px;padding:22px;position:sticky;top:28px}.preview-rail h2{color:var(--primary);font-size:22px;margin:8px 0}.preview-rail p{color:var(--secondary);font-size:14px;line-height:1.45;margin:0 0 18px}.rail-links{display:grid;gap:8px}.rail-links button{background:var(--surface);border:1px solid var(--separator);border-radius:14px;color:var(--primary);padding:10px 12px;text-align:left}.rail-links button.active{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.mobile-shell{height:100%;overflow:hidden;position:relative}.screen-content{height:100%;overflow-y:auto;padding:0 18px calc(var(--bottom-nav-space) + 24px);-webkit-overflow-scrolling:touch}.screen-content.no-nav{height:100%;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.app-header{align-items:center;background:rgba(242,242,247,.88);backdrop-filter:blur(18px);display:flex;min-height:calc(92px + env(safe-area-inset-top,0px));gap:12px;justify-content:space-between;padding:calc(22px + env(safe-area-inset-top,0px)) 0 12px;position:sticky;top:0;z-index:10}.brand{align-items:center;color:var(--primary);display:flex;flex:1 1 auto;min-width:0}.brand h1{font-size:34px;font-weight:800;letter-spacing:-.035em;line-height:1.05;margin:0;overflow-wrap:normal;white-space:nowrap}.eyebrow,.product-category,.order-code{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.header-actions{align-items:center;display:flex;flex:0 0 auto;gap:4px}.icon-btn{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--secondary);display:flex;height:40px;justify-content:center;width:40px}.icon-btn:hover{background:rgba(60,60,67,.08)}.catalog-title h2,.list-heading h2{color:var(--primary);font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:4px 0 0}.eyebrow{color:var(--secondary)}.bottom-nav{align-items:center;background:rgba(255,255,255,.9);backdrop-filter:blur(24px);border:1px solid rgba(60,60,67,.1);border-radius:24px;box-shadow:0 8px 22px #0000001a;bottom:calc(6px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(4,1fr);left:16px;min-height:62px;padding:6px;position:absolute;right:16px;z-index:20}body.customer-sheet-open .bottom-nav{display:none}.bottom-nav .nav-label{font-size:10px;font-weight:500;letter-spacing:0;line-height:1.1;text-transform:none}.login-screen{align-items:center;background:var(--background);display:flex;height:100%;justify-content:center;padding:calc(22px + env(safe-area-inset-top,0px)) 22px calc(22px + env(safe-area-inset-bottom,0px))}.login-card{width:100%}.login-brand{color:var(--primary);margin-bottom:24px;text-align:center}.login-brand .material-symbols-rounded{font-size:48px}.login-brand h1{font-size:24px;margin:8px 0 6px}.login-brand p,.security-note p,.login-footer,.product-info p,.cart-main p,.customer-item p,.summary-card p,.admin-row p{color:var(--secondary);font-size:12px;line-height:1.45}.login-form,.form-panel,.admin-form-grid{display:grid;gap:12px}label{color:var(--secondary);display:grid;font-size:11px;font-weight:700;gap:6px;letter-spacing:.08em;text-transform:uppercase}input,select,textarea{background:var(--surface);border:1px solid var(--outline);border-radius:14px;color:var(--primary);font-size:16px;min-height:46px;padding:0 14px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #007aff24;outline:none}.password-input,.currency-field{position:relative}.input-clear-wrap{display:block;position:relative}.password-input input,.currency-field input,.input-clear-wrap input{width:100%}.input-clear-wrap input{padding-right:42px}#discount-amount{background:var(--surface-low);border-radius:16px;font-size:16px;font-weight:500;min-height:40px;padding:0 36px 0 12px}#discount-amount::-moz-placeholder{color:var(--muted);font-weight:500}#discount-amount::placeholder{color:var(--muted);font-weight:500}.password-input .inline-icon .material-symbols-rounded,.currency-field>.currency-symbol{color:var(--secondary);position:absolute;right:12px;top:50%;transform:translateY(-50%)}.currency-field>.currency-symbol{color:var(--secondary);font-size:14px;font-weight:600}.input-clear-btn{align-items:center;background:transparent;border:0;border-radius:999px;color:#8e8e93;display:inline-flex;height:30px;justify-content:center;padding:0;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px}.input-clear-btn:hover{background:rgba(60,60,67,.08)}.input-clear-btn .material-symbols-rounded{font-size:18px;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 20;position:static;transform:none}.currency-field.has-clear #discount-amount{padding-right:68px}.currency-field .input-clear-btn{right:30px}.forgot{align-self:end;background:transparent;border:0;color:var(--accent);font-size:12px;padding:0}.primary-btn,.secondary-btn,.oauth,.add-btn,.contact-card button{align-items:center;border:0;border-radius:999px;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:46px;padding:0 16px}.primary-btn{background:var(--accent);box-shadow:none;color:#fff}.primary-btn.compact,.secondary-btn{min-height:44px}.primary-btn.wide{width:100%}button[data-testid=btn-save-order]{font-size:14px;font-weight:700;line-height:1.15}.secondary-btn.wide{width:100%}.secondary-btn{background:white;border:1px solid var(--outline);color:var(--accent)}.divider{align-items:center;color:var(--outline);display:grid;font-size:10px;gap:12px;grid-template-columns:1fr auto 1fr;margin:20px 0}.divider:before,.divider:after{background:var(--outline);content:"";height:1px}.oauth{background:white;border:1px solid var(--outline);color:var(--secondary);margin-bottom:10px;width:100%}.oauth.apple{background:var(--primary);color:#fff}.oauth svg{height:18px;width:18px}.oauth.apple svg{fill:#fff}.security-note{align-items:center;background:var(--surface);border:1px solid var(--separator);border-radius:20px;color:var(--secondary);display:grid;justify-items:center;margin-top:32px;padding:18px;text-align:center}.login-footer{display:flex;justify-content:center;gap:22px;margin-top:24px}.search-wrap{align-items:center;display:flex;margin:0 4px 14px;position:relative}.app-header+.search-wrap{margin-top:12px}.search-wrap .material-symbols-rounded{color:var(--muted);font-size:20px;left:13px;position:absolute}.search-wrap input{background:#e9e9ee;border:0;border-radius:15px;font-size:16px;font-weight:450;min-height:40px;padding:0 42px 0 40px;width:100%}.search-clear-btn{align-items:center;background:transparent;border:0;border-radius:999px;color:#8e8e93;display:inline-flex;height:32px;justify-content:center;padding:0;position:absolute;right:4px;width:32px}.search-clear-btn .material-symbols-rounded{font-size:18px;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 20;left:auto;position:static}.chip-row{display:flex;gap:8px;margin:2px -18px 24px 0;overflow-x:auto;padding-bottom:4px}.chip{background:rgba(255,255,255,.78);border:1px solid transparent;border-radius:999px;color:var(--text);flex:0 0 auto;font-size:11px;font-weight:700;letter-spacing:.08em;padding:10px 17px;text-transform:uppercase}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.catalog-title,.list-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:16px}.text-action{align-items:center;background:transparent;border:0;color:var(--accent);display:inline-flex;font-size:11px;font-weight:700;gap:2px;letter-spacing:.08em;text-transform:uppercase}.product-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-card,.section-card,.cart-line,.order-card,.form-panel,.summary-panel,.contact-card,.admin-table,.edit-panel{background:var(--surface);border:1px solid rgba(60,60,67,.12);border-radius:22px}.product-card{box-shadow:0 1px 2px #00000005;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.product-card:hover{border-color:#007aff38;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.product-card.disabled{opacity:.72}.product-image{aspect-ratio:1 / .78;background:#f6f6f8;overflow:hidden;position:relative}.product-image img,.cart-line img,.customer-item img,.admin-row img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.badge{background:var(--primary);border-radius:999px;color:#fff;font-size:10px;font-weight:700;left:10px;letter-spacing:.08em;padding:5px 8px;position:absolute;top:10px}.badge.promo{background:var(--accent-soft);color:var(--accent)}.badge.danger{background:rgba(255,59,48,.1);color:var(--danger);left:auto;right:10px}.product-info{display:flex;flex-direction:column;gap:9px;padding:12px}.product-copy{display:flex;flex:1;flex-direction:column}.product-label-row{align-items:center;display:flex;gap:6px;justify-content:space-between;min-width:0;width:100%}.product-category{align-self:flex-start;background:var(--surface-low);border:1px solid var(--separator);border-radius:999px;color:var(--secondary);font-size:8px;font-weight:850;letter-spacing:.06em;line-height:1;padding:5px 7px;text-transform:uppercase}.product-info h3{color:var(--primary);display:-webkit-box;font-size:13px;font-weight:750;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;margin:8px 0;min-height:33px;overflow:hidden}.product-info p{margin:0 0 10px}.product-meta{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:auto}.size-pill{color:var(--secondary);font-size:10px;font-weight:800;line-height:1;min-width:0;white-space:nowrap}.product-label-row .size-pill{background:rgba(242,242,247,.86);border:1px solid var(--separator);border-radius:999px;padding:5px 7px}.product-meta .product-price{flex:1 1 auto;line-height:1;min-width:0}.stock-pill{background:rgba(52,199,89,.14);border:1px solid rgba(52,199,89,.16);border-radius:999px;color:#1f7a37;flex:0 0 auto;font-size:9px;font-weight:800;line-height:1;padding:6px 8px;white-space:nowrap}.stock-pill.danger{background:rgba(255,59,48,.1);border-color:#ff3b3029;color:var(--danger)}.product-footer,.cart-controls{align-items:center;display:flex;justify-content:space-between}.product-footer{align-items:stretch;border-top:1px solid var(--separator);display:grid;gap:5px;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch;min-height:92px;padding-top:8px}.product-price-row{align-items:center;display:flex;justify-content:center;width:100%}.product-buy-row{align-items:center;display:grid;gap:0;grid-template-columns:1fr;min-width:0;width:100%}.product-price{color:var(--primary);font-size:19px;font-weight:850;letter-spacing:0;line-height:1}.add-btn{background:transparent;border-radius:999px;box-shadow:none;color:#fff;font-size:9px;font-weight:800;letter-spacing:.02em;min-height:44px;min-width:0;padding:0 12px;position:relative;text-align:center;width:100%}.add-btn:before{background:var(--accent);border-radius:999px;content:"";inset:4px 0;position:absolute}.add-btn span{position:relative}.stepper{align-items:center;background:var(--surface-low);border:1px solid var(--separator);border-radius:999px;display:inline-flex;gap:8px;padding:4px}.stepper.small{display:grid;gap:1px;grid-template-columns:22px 28px 22px;min-height:30px;padding:2px 4px;width:auto}.product-footer .stepper.small{grid-template-columns:20px 26px 20px;min-height:28px}.product-footer .stepper button{height:22px;width:20px}.product-footer .stepper button .material-symbols-rounded{font-size:18px}.product-footer .qty-input{font-size:13px;height:24px;min-height:24px;width:26px}.stepper button{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--accent);display:flex;height:24px;justify-content:center;width:22px}.stepper button:hover{background:rgba(0,122,255,.1)}.stepper span{color:var(--primary);font-weight:700;min-width:16px;text-align:center}.cart-line{display:grid;gap:14px;grid-template-columns:92px 1fr;margin-bottom:14px;overflow:hidden;padding:12px;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cart-line.promo-active{border-color:#007aff3d;box-shadow:var(--shadow-soft)}.cart-line img{border-radius:12px}.cart-main h3{color:var(--primary);font-size:18px;line-height:1.2;margin:4px 0}.cart-main p{margin:0 0 14px}.promo-pill{align-self:start;background:var(--accent-soft);border:1px solid rgba(0,122,255,.14);border-radius:999px;color:var(--accent);display:inline-flex;font-size:11px;font-weight:850;line-height:1;margin:-6px 0 10px;padding:7px 9px;width:-moz-fit-content;width:fit-content}.promo-pill.small{font-size:10px;margin:4px 0 0;padding:6px 8px}.cart-controls strong{color:var(--primary);font-size:18px}.cart-remove-btn{align-items:center;background:transparent;border:0;border-radius:999px;color:var(--muted);display:inline-flex;height:44px;justify-content:center;width:44px}.cart-remove-btn:hover,.cart-remove-btn[aria-expanded=true]{background:rgba(255,59,48,.08);color:var(--danger)}.cart-remove-btn .material-symbols-rounded{font-size:19px}.cart-remove-confirm,.cart-clear-confirm{align-items:center;background:var(--surface-low);border:1px solid var(--separator);border-radius:999px;color:var(--primary);display:flex;gap:5px;justify-content:space-between;margin-top:8px;padding:4px 5px 4px 10px}.cart-clear-confirm{margin:0 0 12px}.cart-remove-confirm span,.cart-clear-confirm span{color:var(--secondary);font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}.cart-remove-confirm div,.cart-clear-confirm div{align-items:center;display:flex;gap:6px}.cart-remove-confirm button,.cart-clear-confirm button{border:0;border-radius:999px;font-size:12px;font-weight:700;min-height:34px;padding:0 10px}.cart-remove-confirm .ghost-btn,.cart-clear-confirm .ghost-btn{background:transparent;color:var(--accent)}.cart-remove-confirm .danger-btn,.cart-clear-confirm .danger-btn{background:rgba(255,59,48,.1);color:var(--danger)}.promotion-form{display:grid;gap:14px}.promotion-product{background:var(--surface-low);border:1px solid var(--separator);border-radius:18px;display:grid;gap:5px;padding:12px}.promotion-product strong{color:var(--primary);font-size:14px;line-height:1.2}.promotion-product span{font-size:12px}.promotion-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.promotion-grid label,.promotion-grid input,.modal-actions button{min-width:0;width:100%}.promotion-preview{background:var(--surface);border:1px solid var(--outline);border-radius:18px;color:var(--secondary);display:grid;gap:6px;grid-template-columns:1fr auto;padding:12px}.promotion-preview span:last-child{grid-column:1 / -1}.promotion-preview strong{color:var(--primary)}.modal-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-panel,.summary-panel,.section-card,.contact-card,.edit-panel{margin-top:16px;padding:16px}.edit-panel{overflow:hidden;padding:12px}.summary-row,.summary-total{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.summary-row span{color:var(--secondary);font-size:14px}.summary-row strong{color:var(--primary)}.discount-entry{margin:14px 0 10px}.danger-text{color:var(--danger)!important}.summary-total{border-top:1px solid var(--separator);margin-top:12px;padding-top:14px}.summary-total span,.summary-total strong{color:var(--primary);font-size:22px;font-weight:750}.status-row{margin-top:4px}.list-heading{align-items:center}.list-heading span{color:var(--secondary);font-size:14px}.order-list{display:grid;gap:12px}.order-card{color:inherit;display:grid;gap:10px;padding:16px;text-align:left;width:100%}.order-card h3{color:var(--primary);font-size:20px;margin:3px 0 0}.order-code{color:var(--muted)}.order-meta{color:var(--secondary);display:grid;font-size:12px;gap:4px}.order-card>strong{color:var(--primary);font-size:24px}.status-badge{border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800;justify-self:start;letter-spacing:.08em;padding:5px 10px}.status-badge.success{background:rgba(52,199,89,.14);border-color:#34c75929;color:#1f7a37}.status-badge.blue{background:var(--accent-soft);border-color:#007aff24;color:var(--accent)}.status-badge.neutral{background:var(--surface-low);border-color:var(--separator);color:var(--secondary)}.status-badge.danger{background:rgba(255,59,48,.1);border-color:#ff3b3029;color:var(--danger)}.hero-confirm{background:linear-gradient(135deg,#ffffff 0%,var(--primary-soft) 100%);border:1px solid var(--separator);border-radius:24px;margin-bottom:16px;padding:22px}.hero-confirm.expired{background:linear-gradient(135deg,#fff,rgba(255,59,48,.08))}.hero-confirm h2{color:var(--primary);font-size:32px;letter-spacing:-.02em;line-height:1.15;margin:8px 0}.hero-confirm p{color:var(--secondary);margin:0}.expiry-pill{background:white;border:1px solid var(--separator);border-radius:999px;color:var(--primary);display:inline-flex;font-size:12px;margin-top:12px;padding:7px 10px}.payment-customer-card{color:var(--secondary);display:grid;gap:6px}.payment-customer-card strong{color:var(--primary);font-size:18px}.section-title{align-items:center;color:var(--primary);display:flex;gap:8px;margin-bottom:12px}.section-title h3,.summary-card h3{font-size:20px;margin:0}.customer-item{border-bottom:1px solid var(--separator);display:grid;gap:12px;grid-template-columns:72px 1fr;padding:12px 0}.customer-item:last-child{border-bottom:0}.customer-item img{border-radius:12px;height:72px}.customer-item h4{color:var(--primary);font-size:16px;margin:4px 0}.customer-metrics{align-items:center;display:grid;grid-column:2;grid-template-columns:1fr auto}.customer-metrics span{color:var(--secondary);font-size:11px;font-weight:700;letter-spacing:.08em}.customer-metrics strong{color:var(--primary)}.info-panel{align-items:flex-start;background:var(--primary-soft);border:1px solid rgba(0,122,255,.1);border-radius:20px;color:var(--primary);display:flex;gap:12px;margin-top:16px;padding:16px}.info-panel p{font-size:15px;line-height:1.5;margin:0}.info-panel.slim p{font-size:12px}.trust-strip{align-items:center;color:var(--primary);display:flex;gap:6px;margin:12px 0 8px}.trust-strip span:last-child{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.contact-card p{align-items:center;color:var(--primary);display:flex;gap:10px;margin:8px 0;min-width:0}.payment-link-text{background:var(--surface-low);border:1px solid var(--separator);border-radius:999px;display:block;flex:1;font-size:14px;font-weight:800;min-width:0;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;white-space:nowrap}.contact-card button{background:var(--accent);border:0;color:#fff;margin-top:12px;width:100%}.feature-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.feature-grid div{align-items:center;background:white;border:1px solid var(--separator);border-radius:20px;color:var(--primary);display:grid;gap:8px;justify-items:center;min-height:104px;padding:14px;text-align:center}.feature-grid .material-symbols-rounded{font-size:32px}.feature-grid span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-table{display:grid;gap:0;margin-top:12px;overflow:hidden}.admin-row{align-items:center;border-bottom:1px solid var(--separator);display:grid;gap:10px;grid-template-columns:54px 1fr auto;padding:12px}.admin-row img{border-radius:10px;height:54px}.admin-row h3{color:var(--primary);font-size:15px;margin:0 0 2px}.admin-row p{margin:0 0 4px}.admin-row div span{background:var(--surface-low);border-radius:999px;color:var(--secondary);font-size:11px;padding:4px 6px}.admin-row strong{color:var(--primary);font-size:13px;grid-column:2}.admin-row .status-badge{grid-column:3;grid-row:2}.admin-row .icon-btn{grid-column:3;grid-row:1}.admin-pagination{align-items:center;color:var(--secondary);display:flex;font-size:12px;justify-content:space-between;padding:12px}.admin-pagination button{background:white;border:1px solid var(--outline);border-radius:999px;color:var(--accent);margin-left:4px;padding:4px 9px}.edit-head{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.edit-head h2{color:var(--primary);font-size:18px;line-height:1.15;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-head>span{align-items:center;color:var(--secondary);display:flex;flex:0 0 auto;font-size:9px;font-weight:700;gap:6px;letter-spacing:.08em}.toggle{align-items:center;background:#34c759;border-radius:999px;display:flex;height:20px;justify-content:flex-end;padding:2px;width:38px}.toggle i{background:white;border-radius:50%;display:block;height:16px;width:16px}.upload-box{align-items:center;border:2px dashed var(--outline);background:var(--surface-low);border-radius:16px;color:var(--muted);display:grid;justify-items:center;margin:10px 0;min-height:92px;padding:10px;text-align:center}.upload-box .material-symbols-rounded{font-size:30px}.upload-box strong{color:var(--secondary);font-size:12px}.upload-box span{color:var(--outline);font-size:10px}.admin-form-grid{gap:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.admin-form-grid label{min-width:0}.admin-form-grid input{min-height:40px;min-width:0;padding:0 12px;width:100%}.admin-form-grid label:first-child,.admin-form-grid label:last-child{grid-column:1 / -1}.edit-actions{align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px}.edit-actions .primary-btn,.edit-actions .secondary-btn{font-size:12px;font-weight:700;line-height:1;min-height:44px;padding:0 12px}.nav-button{align-items:center;background:transparent;border:0;border-radius:20px;color:var(--secondary);display:flex;flex-direction:column;gap:3px;min-height:48px;padding:4px 3px;text-decoration:none}.nav-button.active{background:var(--accent-soft);color:var(--accent)}.nav-button.active .nav-icon-wrap{background:transparent;color:var(--accent)}.nav-label{font-size:10px;font-weight:500;letter-spacing:0;line-height:1.1;text-transform:none}.nav-button.active .nav-label{font-weight:600}.nav-icon-wrap{align-items:center;border-radius:999px;display:inline-flex;height:22px;justify-content:center;position:relative;transition:background .16s ease,color .16s ease;width:34px}.nav-icon-wrap .material-symbols-rounded{font-size:19px;text-transform:none}.cart-badge{align-items:center;background:#ff3b30;border:1.5px solid rgba(255,255,255,.98);border-radius:999px;box-shadow:0 1px 2px #00000014;color:#fff;display:flex;font-size:8px!important;font-weight:700;height:15px;justify-content:center;letter-spacing:0;min-width:15px;padding:0 3px;position:absolute;right:0;top:-5px;text-transform:none!important}.inline-icon{align-items:center;background:transparent;border:0;color:var(--secondary);display:flex;height:44px;justify-content:center;position:absolute;right:0;top:1px;width:44px}.password-input input{padding-right:48px}.password-input.has-clear input{padding-right:82px}.password-input .input-clear-btn{right:40px}.field-error{color:var(--danger);font-size:12px;font-weight:650;letter-spacing:0;text-transform:none}[aria-invalid=true]{border-color:var(--danger)}.add-btn.muted{background:rgba(186,26,26,.1);color:var(--danger)}.add-btn.disabled-add{color:var(--secondary)}.add-btn.disabled-add:before{background:var(--surface-high)}.sr-only{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.qty-input{background:transparent;border:0;border-radius:999px;color:var(--primary);font-size:14px;font-weight:700;height:26px;min-height:26px;padding:0;text-align:center;width:30px}.qty-input:focus{box-shadow:inset 0 0 0 1px #00242833}.qty-input.invalid{color:var(--danger)}.quantity-error{color:var(--secondary);font-size:11px;font-weight:650;line-height:1.25;margin:8px 0 0}.quantity-error.visible{color:var(--danger)}.toggle{border:0}.toggle.off{background:#d1d1d6;justify-content:flex-start}.upload-box{width:100%}.empty-state{color:var(--secondary);font-size:14px;line-height:1.45;text-align:center}.overlay{align-items:center;background:rgba(0,0,0,.24);display:flex;inset:0;justify-content:center;padding:20px;position:absolute;z-index:60}.drawer-overlay{align-items:flex-end;padding:0}.modal-panel,.drawer-panel{background:white;border:1px solid var(--separator);border-radius:24px;box-shadow:0 20px 48px #00000029;color:var(--secondary);display:grid;gap:14px;padding:18px;width:min(100%,340px)}.drawer-panel{border-radius:28px 28px 0 0;width:100%}.customer-sheet-overlay{align-items:flex-end;padding:0;z-index:120}.customer-sheet{display:grid;gap:0;grid-template-rows:auto minmax(0,1fr) auto;height:min(calc(var(--customer-sheet-viewport-height) - 8px),620px);max-height:calc(var(--customer-sheet-viewport-height) - 8px);overflow:hidden;padding:0}.customer-sheet.compact{grid-template-rows:auto auto auto;height:auto;max-height:calc(var(--customer-sheet-viewport-height) - 8px)}.customer-sheet .panel-head{border-bottom:1px solid var(--separator);padding:16px 18px 12px}.customer-sheet-body{display:grid;gap:14px;grid-auto-rows:max-content;align-content:start;min-height:0;overflow-y:auto;padding:16px 18px;-webkit-overflow-scrolling:touch}.customer-sheet-body>*{align-self:start}.customer-sheet-footer{background:white;border-top:1px solid var(--separator);display:grid;gap:8px;grid-template-columns:minmax(0,.95fr) minmax(0,1.45fr);padding:10px 18px calc(12px + env(safe-area-inset-bottom,0px))}.customer-sheet-footer .primary-btn,.customer-sheet-footer .secondary-btn{font-size:13px;font-weight:700;line-height:1.12;min-height:44px;padding:0 12px;text-align:center;white-space:normal}.customer-sheet-footer:empty{display:none}.customer-search-row{display:grid;gap:10px}.customer-search-row .search-wrap{margin:0}.customer-results{display:grid;gap:10px}.customer-result,.selected-customer{background:var(--surface);border:1px solid var(--outline);border-radius:18px;color:var(--primary);display:grid;gap:4px;min-height:64px;padding:12px;text-align:left;width:100%}.selected-customer{align-self:start;border-radius:16px;gap:6px;height:auto;min-height:0;padding:12px 14px}.customer-result strong,.selected-customer strong{font-size:15px}.customer-result span,.selected-customer p,.customer-result small,.selected-customer small{color:var(--secondary);font-size:12px;margin:0}.vcard-save-btn{align-items:center;background:var(--primary-soft);border:1px solid rgba(0,122,255,.14);border-radius:16px;color:var(--accent);display:inline-flex;font-size:14px;font-weight:700;gap:6px;justify-content:center;margin-top:4px;min-height:44px;padding:0 14px;width:100%}.vcard-save-btn .material-symbols-rounded{font-size:19px}.new-customer-form{display:grid;gap:9px}.vcard-form-section{background:var(--surface);border:1px solid rgba(60,60,67,.1);border-radius:16px;display:grid;gap:8px;padding:10px}.vcard-section-title{color:var(--muted);font-size:12px;font-weight:600;line-height:1.2}.new-customer-form label{color:var(--secondary);font-size:12px;font-weight:600;gap:6px;letter-spacing:0;line-height:1.2;text-transform:none}.new-customer-form input{background:white;border-color:#3c3c4329;border-radius:13px;color:var(--primary);font-size:16px;font-weight:400;letter-spacing:0;line-height:20px;min-height:44px;padding:0 14px}.new-customer-form input:focus{border-color:#007aff6b;box-shadow:0 0 0 2px #007aff1f}.new-customer-form input::-moz-placeholder{color:#8e8e93;font-size:16px;font-weight:400}.new-customer-form input::placeholder{color:#8e8e93;font-size:16px;font-weight:400}.customer-empty{display:grid;gap:10px;padding:12px 0}.discard-confirm{background:rgba(255,149,0,.1);border:1px solid rgba(255,149,0,.18);border-radius:18px;color:var(--primary);display:grid;gap:10px;padding:12px}.discard-confirm div{display:grid;gap:8px;grid-template-columns:1fr 1fr}.danger-btn{align-items:center;background:var(--danger);border:0;border-radius:999px;color:#fff;display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:0 14px}.panel-head{align-items:center;display:flex;justify-content:space-between}.panel-head h3{color:var(--primary);font-size:20px;margin:0}.modal-copy{color:var(--secondary);font-size:14px;line-height:1.35;margin:0}.toast{align-items:center;background:white;border:1px solid var(--separator);border-left:4px solid var(--accent);border-radius:18px;bottom:calc(96px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-soft);color:var(--primary);display:grid;gap:8px;grid-template-columns:auto 1fr auto;left:18px;padding:12px;position:absolute;right:18px;z-index:70}.toast.error{border-left-color:var(--danger)}.toast button{align-items:center;background:transparent;border:0;color:var(--secondary);display:flex;height:36px;justify-content:center;width:36px}@media (max-width: 760px){.desktop-preview{padding:0}.customer-sheet-overlay{position:fixed}.phone-frame{border:0;border-radius:0;box-shadow:none;height:100vh;height:100dvh;max-width:none;width:100vw}.preview-rail{display:none}}