: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}.admin-pill,.eyebrow,.product-category,.order-code{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.admin-pill{background:var(--surface-high);border-radius:999px;color:var(--secondary);padding:3px 6px}.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)}.screen-heading{padding:2px 22px 16px}.screen-heading h2,.catalog-title h2,.list-heading h2,.admin-toolbar 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 a{align-items:center;color:var(--secondary);display:flex;flex-direction:column;gap:4px;text-decoration:none}.bottom-nav a.active{color:var(--accent)}.bottom-nav .nav-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.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}.password-input input,.currency-field input{width:100%}#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::placeholder{color:var(--muted);font-weight:500}.password-input .material-symbols-rounded,.currency-field span{color:var(--secondary);position:absolute;right:12px;top:50%;transform:translateY(-50%)}.currency-field span{color:var(--secondary);font-size:14px;font-weight:600}.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 12px 0 40px;width:100%}.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,.admin-toolbar{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%;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}.floating-action{align-items:center;background:var(--accent);border:4px solid var(--background);border-radius:999px;bottom:96px;box-shadow:0 12px 28px #007aff47;color:#fff;display:flex;height:58px;justify-content:center;position:absolute;right:22px;width:58px;z-index:30}.floating-action .material-symbols-rounded{font-size:28px}.cart-line{display:grid;gap:14px;grid-template-columns:92px 1fr;margin-bottom:14px;overflow:hidden;padding:12px;touch-action:pan-y;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: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{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-remove-confirm span{color:var(--secondary);font-size:12px;font-weight:700;line-height:1.2;white-space:nowrap}.cart-remove-confirm div{align-items:center;display:flex;gap:6px}.cart-remove-confirm button{border:0;border-radius:999px;font-size:12px;font-weight:700;min-height:34px;padding:0 10px}.cart-remove-confirm .ghost-btn{background:transparent;color:var(--accent)}.cart-remove-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-toolbar{align-items:flex-start;gap:12px}.admin-toolbar div{display:flex;flex-direction:column;gap:8px}.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{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:10px}.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:9px;font-weight:700;letter-spacing:0;text-transform:none}.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:var(--danger);border:2px solid white;border-radius:999px;color:#fff;display:flex;font-size:9px!important;font-weight:800;height:16px;justify-content:center;letter-spacing:0;min-width:16px;padding:0 4px;position:absolute;right:-1px;top:-6px;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}.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,.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}.new-customer-form{display:grid;gap:12px}.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}.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}}