@font-face{font-family:Hanken Grotesk;src:url(../fonts/hanken-grotesk-latin-var.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(../fonts/ibm-plex-mono-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#007266;--brand-pressed:#005a51;--brand-tint:#e0f0ed;--brand-tint-strong:#c6e5df;--brand-text:#00635a;--plum:#701c1c;--plum-deep:#521414;--plum-tint:#f7eeed;--mist:#d8b4ae;--on-plum:#f6f3ec;--navy:#1f3b54;--turquoise:#00a693;--bg:#f6f3ec;--bg-outside:#e9e3d7;--surface:#fff;--fill:#efe9de;--fill-pressed:#e5ddcf;--text:#22252a;--text-2:#5c5a54;--text-3:#8b877e;--text-on-brand:#fff;--line:#dcd5c7;--separator:#22252a17;--border:#22252a21;--info-tint:#e8eff9;--info-text:#2b5288;--warning-tint:#fcf0e2;--warning-border:#f0d6b6;--warning-text:#95500f;--error-tint:#fbeceb;--error-text:#a3302a;--danger:#c0392b;--neutral-tint:#ece6da;--neutral-text:#5c5a54;--radius-xs:0;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-xl:0;--radius-pill:0;--shadow-card:0 0 0 1px var(--line);--shadow-raised:0 10px 30px #16201a1f;--shadow-bar:0 -1px 0 var(--separator);--font:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Vazirmatn", "Noto Sans Arabic", sans-serif;--font-display:"Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Vazirmatn", sans-serif;--font-figures:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--frame-width:520px;--gutter:20px;--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--ease:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg-outside)}body{min-height:100dvh;font-family:var(--font);color:var(--text);background:var(--bg-outside);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.4}body.has-sheet{overflow:hidden}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;text-align:start;background:0 0;border:0;padding:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:2px;border-radius:var(--radius-xs)}.icon{flex:none;display:block}[dir=rtl] .icon-directional{transform:scaleX(-1)}.app-frame{max-width:var(--frame-width);background:var(--bg);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}@media (width>=600px){.app-frame{box-shadow:0 0 0 1px #16201a0f,0 20px 60px #16201a14}}.screen{flex-direction:column;flex:1;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.text-warning{color:var(--warning-text)}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes rise{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{flex-direction:column;flex:1;min-height:100%;display:flex}.page-body{padding:8px var(--gutter) 32px;animation:page-in .24s var(--ease);flex-direction:column;flex:1;gap:16px;display:flex}.page-footer{z-index:20;position:sticky;bottom:0}.nav-bar{z-index:30;min-height:calc(52px + var(--safe-top));padding:var(--safe-top) 8px 0;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border-bottom:1px solid var(--separator);grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;gap:8px;display:grid;position:sticky;top:0}.nav-bar-title{letter-spacing:-.01em;text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;font-weight:600;overflow:hidden}.nav-bar-side{align-items:center;display:flex}.nav-bar-side-end{justify-content:flex-end}.back-button{min-height:var(--tap);color:var(--brand);border-radius:var(--radius-sm);align-items:center;gap:2px;max-width:100%;padding:0 10px 0 4px;font-size:17px;display:inline-flex}.back-button span{white-space:nowrap}.back-button:active{opacity:.55}.large-header{padding:calc(20px + var(--safe-top)) var(--gutter) 4px}.large-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.large-title{font-family:var(--font-display);letter-spacing:-.025em;font-size:32px;font-weight:700;line-height:1.15}.large-subtitle{color:var(--text-2);margin-top:4px}.bottom-nav{z-index:30;padding:6px 4px calc(6px + var(--safe-bottom));background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border-top:1px solid var(--separator);grid-template-columns:repeat(4,1fr);display:grid;position:sticky;bottom:0}.bottom-nav-item{min-height:50px;color:var(--text-3);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:3px;padding:4px 2px;font-size:12px;font-weight:500;transition:color .15s;display:flex}.bottom-nav-item.is-active{color:var(--brand);font-weight:600}.btn{border-radius:var(--radius-md);letter-spacing:-.01em;white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background-color .15s,transform .1s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.985)}.btn-md{min-height:52px;padding:0 20px;font-size:17px}.btn-sm{min-height:var(--tap);border-radius:var(--radius-sm);padding:0 14px;font-size:15px}.btn-block{width:100%;display:flex}.btn-primary{background:var(--brand);color:var(--text-on-brand)}.btn-primary:active:not(:disabled){background:var(--brand-pressed)}.btn-secondary{background:var(--surface);color:var(--brand);box-shadow:inset 0 0 0 1px var(--border)}.btn-secondary:active:not(:disabled){background:var(--fill)}.btn-plain{color:var(--brand);padding-inline:8px}.btn-plain:active:not(:disabled){opacity:.55}.btn-destructive{background:var(--danger);color:#fff}.btn:disabled:not(.is-loading){opacity:.45}.btn.is-loading{opacity:.85}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.text-button{min-height:var(--tap);color:var(--brand);align-items:center;gap:6px;padding:0 4px;font-size:15px;display:inline-flex}.text-button-muted{color:var(--text-2)}.text-button-quiet{color:var(--text-3);font-size:14px}.text-button:active{opacity:.55}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;height:24px;padding:0 9px;font-size:13px;font-weight:600;display:inline-flex}.badge-brand{background:var(--brand-tint);color:var(--brand-text)}.badge-neutral{background:var(--neutral-tint);color:var(--neutral-text)}.badge-info{background:var(--info-tint);color:var(--info-text)}.badge-warning{background:var(--warning-tint);color:var(--warning-text)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}button.card{width:100%;transition:background-color .15s;display:block}button.card:active{background:var(--fill)}.card-quiet{box-shadow:inset 0 0 0 1px var(--border);background:0 0}.quiet-title{font-weight:600}.quiet-text{color:var(--text-2);margin-top:2px;font-size:15px}.section{flex-direction:column;gap:8px;display:flex}.section-header{justify-content:space-between;align-items:center;min-height:32px;padding-inline:4px;display:flex}.section-header h2{color:var(--text-2);font-size:15px;font-weight:600}.section-footnote{color:var(--text-3);padding-inline:4px;font-size:13px}.chevron{color:var(--text-3)}.list{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.list>li+li .list-row:before{content:"";top:0;border-top:1px solid var(--separator);position:absolute;inset-inline:52px 0}.list-row{align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;display:flex;position:relative}.list-row.is-interactive:active{background:var(--fill)}.list-icon{width:24px;color:var(--brand);flex:none;place-items:center;display:grid}.list-text{flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.list-text.is-stacked{flex-direction:column;align-items:flex-start;gap:2px}.list-label{font-weight:500}.list-text.is-stacked .list-label{color:var(--text-2);font-size:13px;font-weight:500}.list-value{color:var(--text-2);text-align:end;white-space:pre-line;overflow-wrap:anywhere}.list-text.is-stacked .list-value{color:var(--text);text-align:start}.list-row.tone-brand .list-label{color:var(--brand)}.list-row.tone-destructive .list-label,.list-row.tone-destructive .list-icon{color:var(--danger)}.card-list{flex-direction:column;gap:10px;display:flex}.row-card{background:var(--surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:14px 14px 14px 16px;padding-inline:16px 12px;transition:background-color .15s;display:flex}.row-card:active{background:var(--fill)}.row-card-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.row-card-top,.row-card-bottom{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-card-bottom{margin-top:6px}.row-card-title{letter-spacing:-.01em;font-size:17px;font-weight:600}.row-card-amount{font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.row-card-sub{color:var(--text-2);font-size:14px}.row-card .progress{margin-top:8px}.invoice-card.is-overdue{box-shadow:var(--shadow-card), inset 3px 0 0 var(--warning-border)}[dir=rtl] .invoice-card.is-overdue{box-shadow:var(--shadow-card), inset -3px 0 0 var(--warning-border)}.segmented{background:var(--fill);border-radius:var(--radius-sm);padding:3px;display:flex}.segmented-item{border-radius:var(--radius-xs);text-align:center;min-height:38px;color:var(--text-2);flex:1;padding:0 8px;font-size:15px;font-weight:500;transition:background-color .15s,color .15s}.segmented-item.is-selected{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #16201a1f}.search-field{background:var(--surface);border-radius:var(--radius-md);min-height:48px;box-shadow:inset 0 0 0 1px var(--border);color:var(--text-3);align-items:center;gap:8px;padding-inline:14px 6px;display:flex}.search-field:focus-within{box-shadow:inset 0 0 0 2px var(--brand)}.search-field input{min-width:0;height:46px;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:17px}.search-field input::placeholder{color:var(--text-3)}.search-field input::-webkit-search-cancel-button{display:none}.search-clear{width:var(--tap);height:var(--tap);color:var(--text-2);border-radius:50%;place-items:center;display:grid}.qty-wrap{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.qty-unit{color:var(--text-2);font-size:12px;font-weight:500;line-height:1.2}.qty{border-radius:var(--radius-sm);background:var(--fill);align-items:center;height:44px;display:inline-flex}.qty.has-value{background:var(--brand-tint)}.qty-btn{border-radius:var(--radius-sm);width:40px;height:44px;color:var(--brand);place-items:center;display:grid}.qty-btn:active:not(:disabled){background:var(--brand-tint-strong)}.qty-btn:disabled{color:var(--text-3);opacity:.6}.qty-input{border-radius:var(--radius-xs);background:var(--surface);text-align:center;font-variant-numeric:tabular-nums;width:42px;height:36px;color:var(--text);box-shadow:0 0 0 1px var(--separator);border:0;font-size:17px;font-weight:600}.qty-input:focus{outline:2px solid var(--brand);outline-offset:0}.qty-add{border-radius:var(--radius-sm);background:var(--fill);height:44px;color:var(--brand);align-items:center;gap:6px;padding:0 16px 0 12px;padding-inline:12px 16px;font-size:16px;font-weight:600;display:inline-flex}.qty-add:active:not(:disabled){background:var(--brand-tint)}.thumb{border-radius:var(--radius-sm);color:var(--thumb-color,var(--brand));background:color-mix(in srgb, var(--thumb-color,var(--brand)) 13%, #fff);flex:none;place-items:center;display:grid;overflow:hidden}.thumb-photo{box-shadow:inset 0 0 0 1px var(--separator);background:#fff;padding:4px}.thumb-photo img{object-fit:contain;width:100%;height:100%;display:block}.thumb svg{width:60%;height:60%}.thumb-md{width:48px;height:48px}.thumb-lg{width:64px;height:64px}.product-list{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.product-row{align-items:center;gap:12px;padding:12px 12px 12px 14px;padding-inline:14px 12px;transition:background-color .2s;display:flex;position:relative}.product-row+.product-row:before{content:"";top:0;border-top:1px solid var(--separator);position:absolute;inset-inline:74px 0}.product-row.is-selected{background:color-mix(in srgb, var(--brand-tint) 45%, var(--surface))}.product-row.is-unavailable .thumb,.product-row.is-unavailable .product-name,.product-row.is-unavailable .product-meta{opacity:.55}.product-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.product-name{letter-spacing:-.005em;font-size:16px;font-weight:600;line-height:1.3}.product-meta{color:var(--text-2);font-size:14px}.product-meta bdi{display:block}.product-meta .product-price{white-space:nowrap}.product-price{color:var(--text);font-variant-numeric:tabular-nums;font-weight:500}.product-hint{color:var(--text-3);font-size:13px}.stock{font-size:13px;font-weight:600}.stock-lowStock{color:var(--warning-text)}.stock-outOfStock{color:var(--text-2)}.product-action{flex:none}.order-bar{margin:0 12px calc(12px + var(--safe-bottom));background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-raised), 0 0 0 1px var(--separator);animation:page-in .25s var(--ease);align-items:center;gap:12px;padding:10px 10px 10px 18px;padding-inline:18px 10px;display:flex}.order-bar-summary{flex-direction:column;flex:1;min-width:0;display:flex}.order-bar-count{color:var(--text-2);font-size:14px}.order-bar-total{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.order-bar-button{flex:none;gap:4px;padding-inline:20px 14px}.sheet-layer{z-index:100;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#0f14115c;animation:.2s fade;position:absolute;inset:0}.sheet{width:100%;max-width:var(--frame-width);max-height:90dvh;padding:8px var(--gutter) calc(16px + var(--safe-bottom));background:var(--bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-raised);animation:rise .3s var(--ease);outline:none;position:relative;overflow-y:auto}@media (width>=600px){.sheet-layer{align-items:center}.sheet{border-radius:var(--radius-xl);width:calc(100% - 32px)}}.sheet-grabber{background:var(--border);border-radius:3px;width:36px;height:5px;margin:0 auto 14px}.sheet-title{letter-spacing:-.015em;text-align:center;font-size:20px;font-weight:700}.sheet-message{color:var(--text-2);text-align:center;flex-direction:column;gap:8px;margin-top:8px;display:flex}.sheet-note{justify-content:center;align-items:center;gap:6px;font-size:14px;display:inline-flex}.sheet-note-warning{border-radius:var(--radius-sm);background:var(--warning-tint);color:var(--warning-text);text-align:center;margin-top:12px;padding:10px 12px;display:block}.sheet-choices{flex-direction:column;gap:10px;margin-top:18px;display:flex}.sheet-choice{border-radius:var(--radius-md);background:var(--surface);width:100%;box-shadow:inset 0 0 0 1px var(--border);text-align:start;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.sheet-choice:first-child{background:var(--brand);box-shadow:none;color:#fff}.sheet-choice:active{background:var(--fill);transform:scale(.99)}.sheet-choice:first-child:active{background:var(--brand-pressed)}.sheet-choice-title{font-size:17px;font-weight:600}.sheet-choice:not(:first-child) .sheet-choice-title{color:var(--brand)}.sheet-choice-text{opacity:.85;font-size:14px}.sheet-choice:not(:first-child) .sheet-choice-text{color:var(--text-2);opacity:1}.demo-note{color:var(--warning-text);font-size:13px}.sheet-footnote{color:var(--text-2);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:14px;display:flex}.sheet-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.contact-options,.language-options{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-top:16px;overflow:hidden}.contact-options li+li,.language-options li+li{border-top:1px solid var(--separator)}.contact-option{align-items:center;gap:14px;min-height:64px;padding:10px 16px;display:flex}.contact-option:active,.language-option:active:not(:disabled){background:var(--fill)}.contact-icon{border-radius:var(--radius-sm);background:var(--brand-tint);width:40px;height:40px;color:var(--brand);place-items:center;display:grid}.contact-text{flex-direction:column;flex:1;display:flex}.contact-label{font-weight:600}.contact-value{color:var(--text-2);text-align:start;font-size:14px}.language-option{justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:0 16px;font-size:17px;display:flex}.language-option.is-selected{color:var(--brand);font-weight:600}.language-option:disabled{color:var(--text-3)}.language-soon{color:var(--text-3);font-size:13px}.notice{border-radius:var(--radius-md);animation:page-in .2s var(--ease);align-items:flex-start;gap:10px;padding:12px 14px;font-size:15px;line-height:1.4;display:flex}.notice .icon{margin-top:1px}.notice-info{background:var(--info-tint);color:var(--info-text)}.notice-success{background:var(--brand-tint);color:var(--brand-text)}.notice-warning{background:var(--warning-tint);color:var(--warning-text)}.notice-error{background:var(--error-tint);color:var(--error-text)}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:40px 16px 24px;display:flex}.empty-icon{background:var(--fill);width:64px;height:64px;color:var(--text-2);border-radius:50%;place-items:center;margin-bottom:10px;display:grid}.empty-state h2{font-size:19px;font-weight:600}.empty-state p{max-width:300px;color:var(--text-2)}.empty-action{margin-top:16px}.summary{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:14px 16px}.summary dl{flex-direction:column;gap:8px;display:flex}.summary-line{color:var(--text-2);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.summary-line dt{flex-direction:column;display:flex}.summary-line dd{font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.summary-line.is-total{border-top:1px solid var(--separator);color:var(--text);padding-top:10px;font-size:18px;font-weight:700}.summary-hint{color:var(--text-3);font-size:13px}.summary.is-updating dd,.send-bar-total.is-updating strong{opacity:.5;transition:opacity .2s}.summary-footnote{color:var(--text-3);margin-top:10px;font-size:12.5px}.timeline{flex-direction:column;display:flex}.timeline-step{gap:14px;padding-bottom:18px;display:flex;position:relative}.timeline-step:last-child{padding-bottom:0}.timeline-step:not(:last-child):after{content:"";top:26px;bottom:2px;background:var(--separator);border-radius:1px;width:2px;position:absolute;inset-inline-start:11px}.timeline-step.is-done:not(:last-child):after{background:var(--brand)}.timeline-marker{border:2px solid var(--border);background:var(--surface);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.timeline-step.is-done .timeline-marker{background:var(--brand);border-color:var(--brand)}.timeline-step.is-current .timeline-marker{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-tint)}.timeline-step.is-current .timeline-marker:after{content:"";background:var(--brand);border-radius:50%;width:10px;height:10px}.timeline-step.is-current:last-child .timeline-marker{background:var(--brand)}.timeline-step.is-current:last-child .timeline-marker:after{display:none}.timeline-content{flex-direction:column;gap:1px;padding-top:1px;display:flex}.timeline-label{font-weight:500}.timeline-step.is-upcoming .timeline-label{color:var(--text-3)}.timeline-step.is-current .timeline-label{color:var(--brand-text);font-weight:700}.timeline-text{color:var(--text);font-size:15px}.timeline-date{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:13px}.progress{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.progress-segment{background:var(--fill-pressed);border-radius:3px;height:5px}.progress-segment.is-filled{background:var(--brand)}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--text-2);padding-inline:4px;font-size:15px;font-weight:600}.field-optional{color:var(--text-3);font-weight:400}.textarea{border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:88px;box-shadow:inset 0 0 0 1px var(--border);resize:vertical;border:0;padding:12px 14px;font-size:16px;line-height:1.4}.textarea::placeholder{color:var(--text-3)}.input{border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:50px;box-shadow:inset 0 0 0 1px var(--border);border:0;padding:0 14px;font-size:17px}.input:focus{box-shadow:inset 0 0 0 2px var(--brand);outline:none}.field-hint{color:var(--text-3);padding-inline:4px;font-size:13px}.field-error{color:var(--error-text);padding-inline:4px;font-size:14px;font-weight:500}.field.has-error .input{box-shadow:inset 0 0 0 2px var(--danger)}.field-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:12px;display:grid}.switch-row{min-height:var(--tap);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.switch{appearance:none;background:var(--fill-pressed);cursor:pointer;border-radius:999px;flex:none;width:51px;height:31px;margin:0;transition:background-color .2s;position:relative}.switch:after{content:"";top:2px;width:27px;height:27px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;inset-inline-start:2px;box-shadow:0 2px 4px #0000002e}.switch:checked{background:var(--brand)}.switch:checked:after{transform:translate(20px)}[dir=rtl] .switch:checked:after{transform:translate(-20px)}.textarea:focus{box-shadow:inset 0 0 0 2px var(--brand);outline:none}.day-other{margin-top:12px}.home .page-body{padding-top:calc(16px + var(--safe-top));gap:20px}.brand-logo{max-width:100%;height:auto;display:block}.home-header .brand-logo{margin-inline-start:-2px}.home-company{font-family:var(--font-display);letter-spacing:-.025em;margin-top:14px;font-size:32px;font-weight:700;line-height:1.12}.home-customer-no{color:var(--text-2);margin-top:4px;font-size:15px}.hero-action{border-radius:var(--radius-xl);background:var(--brand);color:#fff;width:100%;box-shadow:none;align-items:center;gap:14px;padding:18px 16px 18px 18px;padding-inline:18px 16px;transition:background-color .15s,transform .1s;display:flex}.hero-action:active{background:var(--brand-pressed);transform:scale(.99)}.hero-icon{border-radius:var(--radius-md);background:#ffffff29;flex:none;place-items:center;width:50px;height:50px;display:grid}.hero-text{flex-direction:column;flex:1;gap:2px;display:flex}.hero-title{letter-spacing:-.015em;font-size:21px;font-weight:700}.hero-subtitle{opacity:.85;font-size:15px}.status-card{flex-direction:column;gap:12px;display:flex!important}.status-card-top{align-items:center;gap:12px;display:flex}.status-card-icon{border-radius:var(--radius-sm);background:var(--brand-tint);width:42px;height:42px;color:var(--brand);flex:none;place-items:center;display:grid}.status-card-heading{flex-wrap:wrap;flex:1;align-items:center;gap:4px 10px;display:flex}.status-card-title{font-size:17px;font-weight:600}.status-card-delivery{font-size:16px;font-weight:500}.status-card-more{color:var(--text-2);font-size:14px}.invoice-alert{padding:0;overflow:hidden}.invoice-alert li+li{border-top:1px solid var(--separator)}.invoice-alert-row{align-items:center;gap:10px;width:100%;padding:14px 12px 14px 16px;padding-inline:16px 12px;display:flex}.invoice-alert-row:active{background:var(--fill)}.invoice-alert-row.is-overdue{background:color-mix(in srgb, var(--warning-tint) 55%, var(--surface))}.invoice-alert-main{flex-direction:column;flex:1;display:flex}.invoice-alert-amount{font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.invoice-alert-due{color:var(--text-2);font-size:14px}.invoice-alert-row.is-overdue .invoice-alert-due{color:var(--warning-text)}.page-question{font-family:var(--font-display);letter-spacing:-.02em;margin-top:12px;padding-inline:4px;font-size:26px;font-weight:700;line-height:1.2}.choices{flex-direction:column;gap:12px;display:flex}.choice{background:var(--surface);border-radius:var(--radius-xl);width:100%;min-height:92px;box-shadow:var(--shadow-card);align-items:center;gap:16px;padding:18px 14px 18px 18px;padding-inline:18px 14px;transition:background-color .15s,transform .1s;display:flex}.choice:active{background:var(--fill);transform:scale(.99)}.choice-icon{border-radius:var(--radius-md);background:var(--brand-tint);width:54px;height:54px;color:var(--brand);flex:none;place-items:center;display:grid}.choice-text{flex-direction:column;flex:1;gap:2px;display:flex}.choice-title{letter-spacing:-.01em;font-size:19px;font-weight:700}.choice-subtitle{color:var(--text-2);font-size:15px}.page-intro{color:var(--text-2);padding-inline:4px;font-size:15px}.fill-usual{align-self:flex-start}.more-link{color:var(--text-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;font-size:15px;display:flex}.category-list{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.category-list li+li .category-row:before{content:"";top:0;border-top:1px solid var(--separator);position:absolute;inset-inline:80px 0}.category-row{align-items:center;gap:14px;width:100%;min-height:72px;padding:10px 14px;display:flex;position:relative}.category-row:active{background:var(--fill)}.category-text{flex-direction:column;flex:1;display:flex}.category-name{font-size:17px;font-weight:600}.category-count{color:var(--text-2);font-size:14px}.review-list{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.review-list>li+li{border-top:1px solid var(--separator)}.review-line{flex-direction:column;gap:6px;padding:14px 14px 10px;display:flex}.review-line-top{align-items:flex-start;gap:12px;display:flex}.review-line-total{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.review-line.has-issue{background:color-mix(in srgb, var(--warning-tint) 60%, var(--surface))}.line-issue{color:var(--warning-text);margin-top:2px;font-size:14px;font-weight:600}.review-footer-actions{justify-content:center;display:flex}.review-line-actions{justify-content:space-between;align-items:flex-start;padding-inline-start:56px;display:flex}.add-more{width:100%;min-height:56px;color:var(--brand);align-items:center;gap:12px;padding:0 16px;font-weight:600;display:flex}.add-more:active{background:var(--fill)}.add-more-icon{background:var(--brand-tint);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.detail-card{flex-direction:column;gap:16px;display:flex}.detail-row{color:var(--brand);gap:12px;display:flex}.detail-row+.detail-row{border-top:1px solid var(--separator);padding-top:16px}.detail-row>div{color:var(--text);flex-direction:column;gap:2px;display:flex}.detail-grow{flex:1;min-width:0}.detail-label{color:var(--text-2);font-size:14px;font-weight:600}.detail-value{font-size:16px}.detail-hint{color:var(--text-3);font-size:12.5px}.day-options{grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 6px;display:grid}.day-option{border-radius:var(--radius-sm);background:var(--fill);min-height:58px;color:var(--text);flex-direction:column;justify-content:center;align-items:center;transition:background-color .15s,box-shadow .15s;display:flex}.day-option-weekday{color:var(--text-2);font-size:13px}.day-option-date{font-size:15px;font-weight:600}.day-option.is-selected{background:var(--brand-tint);box-shadow:inset 0 0 0 2px var(--brand)}.day-option.is-selected .day-option-weekday{color:var(--brand-text)}.send-bar{padding:12px var(--gutter) calc(10px + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--separator);box-shadow:0 -8px 24px #16201a0f}.send-bar-total{color:var(--text-2);justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-inline:2px;display:flex}.send-bar-total strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:20px}.send-explain{text-align:center;color:var(--text-2);margin-top:8px;font-size:14px}.sent-page .page-body{padding-top:calc(48px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));justify-content:space-between}.sent{text-align:center;flex-direction:column;align-items:center;display:flex}.sent-check{background:var(--brand);color:#fff;width:88px;height:88px;box-shadow:0 0 0 10px var(--brand-tint);animation:pop .5s var(--ease) both;border-radius:50%;place-items:center;display:grid}.sent-title{font-family:var(--font-display);letter-spacing:-.02em;margin-top:28px;font-size:27px;font-weight:700}.sent-number-label{color:var(--text-2);margin-top:18px;font-size:14px}.sent-number{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.sent-message{max-width:330px;color:var(--text-2);margin-top:14px}.sent-facts{background:var(--surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);margin-top:28px}.sent-facts div{justify-content:space-between;gap:12px;padding:14px 16px;display:flex}.sent-facts div+div{border-top:1px solid var(--separator)}.sent-facts dt{color:var(--text-2);text-align:start}.sent-facts dd{text-align:end;font-weight:600}.sent-actions{flex-direction:column;gap:10px;margin-top:32px;display:flex}.status-hero{flex-direction:column;gap:2px;display:flex}.status-hero-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.status-hero-ordered,.status-hero-label{color:var(--text-2);font-size:14px}.status-hero-date{letter-spacing:-.015em;font-size:22px;font-weight:700}.line-list{padding:4px 16px}.line-item{justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.line-item+.line-item{border-top:1px solid var(--separator)}.line-item-info{flex-direction:column;min-width:0;display:flex}.line-item-name{font-weight:600}.line-item-meta{color:var(--text-2);font-size:14px}.line-item-pack{color:var(--text-3);font-size:13px}.line-item-total{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.detail-actions{flex-direction:column;gap:12px;margin-top:4px;display:flex}.help-line{color:var(--text-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px;font-size:15px;display:flex}.to-pay{justify-content:space-between;align-items:baseline;gap:12px;padding:0 4px;display:flex}.to-pay-label{color:var(--text-2)}.to-pay-amount{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.amount-hero{text-align:center;flex-direction:column;align-items:center;gap:2px;padding:24px 16px 20px;display:flex}.amount-hero-label{color:var(--text-2);font-size:14px}.amount-hero-value{font-family:var(--font-display);letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:700}.amount-hero-meta{color:var(--text-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:15px;display:flex}.login{min-height:100dvh;padding:calc(96px + var(--safe-top)) var(--gutter) calc(28px + var(--safe-bottom));flex-direction:column;flex:1;justify-content:space-between;display:flex}.login-content{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.login-logo{margin-bottom:18px}.login h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:28px;font-weight:700}.login p{max-width:300px;color:var(--text-2)}.login-actions{flex-direction:column;gap:12px;display:flex}.login-fields{flex-direction:column;gap:14px;width:100%;margin:28px 0 20px;display:flex}.splash .login-content{margin-top:10vh}.splash-spinner{border:3px solid var(--brand-tint-strong);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;margin:8px 0;animation:.8s linear infinite spin}.login-register{border-top:1px solid var(--separator);text-align:center;color:var(--text-2);flex-direction:column;align-items:stretch;gap:8px;margin-top:14px;padding-top:18px;font-size:15px;display:flex}.register-form{flex-direction:column;gap:16px;display:flex}.form-card{flex-direction:column;gap:14px;display:flex}.form-card .input{background:var(--bg)}.register-actions{flex-direction:column;gap:12px;margin-top:4px;display:flex}.register-note{color:var(--text-3);text-align:center;padding-inline:4px;font-size:13px}.notice .notice-action{margin-top:4px;margin-inline-start:-8px}.pending-approval .login-content{gap:12px}.pending-icon{background:var(--brand-tint);width:72px;height:72px;color:var(--brand);box-shadow:0 0 0 8px color-mix(in srgb, var(--brand-tint) 45%, transparent);border-radius:50%;place-items:center;display:grid}.pending-approval .login-logo{margin-bottom:4px}.pending-approval .sent-facts{margin-top:8px}.pending-approval .sent-facts div{flex-direction:column;align-items:flex-start;gap:2px}.pending-approval .sent-facts dd{text-align:start;overflow-wrap:anywhere}.pending-approval .login-actions{margin-top:24px}.pending-steps{text-align:start;background:var(--surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-card);padding:14px 16px}.pending-steps h2{color:var(--text-2);margin-bottom:8px;font-size:15px;font-weight:600}.pending-steps ol{flex-direction:column;gap:6px;padding-inline-start:20px;list-style:decimal;display:flex}.pending-steps li::marker{color:var(--brand);font-weight:700}.login-demo{text-align:center;color:var(--text-3);margin-inline:auto;font-size:14px}@media (width<=360px){:root{--gutter:16px}.home-company{font-size:28px}.qty-btn{width:38px}.day-options{gap:6px}.product-row{flex-wrap:wrap;row-gap:8px}.product-row .product-info{flex-basis:calc(100% - 64px)}.product-row .product-action{margin-inline-start:auto}.review-line-actions{padding-inline-start:0}}body,html{background:var(--bg)}:focus-visible{outline:2px solid var(--plum);outline-offset:2px}.large-title,.home-company,.login h1{letter-spacing:-.02em;font-weight:500}.section-header h2{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:600}.card,.row-card,.list,.summary{box-shadow:none;border:1px solid var(--line)}.home-header{padding:4px 0 0}.home-company{color:var(--text);margin-top:16px}.home-customer-no{font-family:var(--font-figures);font-size:13px}.hero-action{box-shadow:none}.hero-icon{background:#f6f3ec29}.bottom-nav{background:var(--plum);-webkit-backdrop-filter:none;backdrop-filter:none;border-top:0}.bottom-nav-item{color:var(--mist);position:relative}.bottom-nav-item.is-active{color:var(--on-plum)}.bottom-nav-item.is-active:before{content:"";background:var(--turquoise);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:1px;left:50%}.bottom-nav-item:active{background:var(--plum-deep)}.badge{letter-spacing:.02em;height:22px;padding:0 8px;font-size:12px}.row-card-amount,.invoice-alert-amount,.amount-hero-value,.send-bar-total strong,.line-item-total,.review-line-total,.sent-number,.product-price,.summary-line dd{font-family:var(--font-figures);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:400}.operator-note{color:var(--text-3);text-align:center;margin:12px 0 0;font-size:13px}.operator-list{background:var(--surface);border:1px solid var(--line);color:var(--text-2);gap:6px;padding:14px 16px;font-size:14px;display:grid}.operator-list p{margin:0}.login{padding-top:calc(clamp(32px, 9vh, 96px) + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom))}.login .login-logo{width:auto;height:clamp(92px,15vh,132px);margin-bottom:clamp(4px,1.5vh,18px)}.login .login-fields{margin:clamp(16px,3vh,28px) 0 clamp(12px,2vh,20px)}.segmented-item{white-space:nowrap;flex:auto;padding:0 10px}.date-field{display:block;position:relative}.date-field-display{align-items:center;display:flex}.date-field-display.is-placeholder{color:var(--text-3)}.date-field-native{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;font-size:16px;position:absolute;inset:0}.date-field:focus-within .date-field-display{outline:2px solid var(--plum);outline-offset:2px}.fulfillment-choice{margin-bottom:10px}.fulfillment-tag{border:1px solid var(--line);height:22px;color:var(--text-2);white-space:nowrap;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.day-option-any{grid-column:1/-1;min-height:44px}