:root{--ink:#14181f;--ink-soft:#5b6472;--ink-faint:#8b93a1;--line:#e3e7ee;--surface:#fff;--ground:#f5f7fa;--accent:#1f5fd0;--accent-soft:#eaf1fd;--good:#12805c;--good-soft:#e4f4ee;--warn:#9a6300;--warn-soft:#fdf1dc;--bad:#b42318;--bad-soft:#fdeceb;--radius:12px;--radius-sm:8px;--gutter:16px;--shadow:0 1px 2px #14181f0f, 0 4px 16px #14181f0d;--topbar-h:125px;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--ground);min-height:100vh;margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{max-width:1080px;padding:16px var(--gutter) 12px;align-items:center;gap:12px;margin:0 auto;display:flex}.brand{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-name{letter-spacing:-.03em;font-size:26px;font-weight:750;line-height:1.05}.brand-store{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:550;overflow:hidden}.grow{flex:1}.topbar-tools{align-items:center;gap:8px;display:flex}.sign-out{gap:8px;padding:0 14px}.btn-icon{flex:0 0 18px;width:18px;height:18px}@media (width<=560px){.brand-name{font-size:21px}.brand-store{font-size:13.5px}.sign-out-label{display:none}.sign-out{padding:0 12px}body{font-size:18px}.strong{font-size:17.5px}.muted{font-size:16px}.faint{font-size:15px}.btn{min-height:52px;padding:0 22px;font-size:17px}.btn.small{min-height:46px;padding:0 16px;font-size:16px}.stepper button{width:50px;height:50px;font-size:24px}.stepper input{width:58px;height:50px;font-size:18px}.card{padding:16px}.input,.select,.textarea{min-height:52px;font-size:17.5px}.window-clock{font-size:38px}.chip-btn{min-height:46px;font-size:16px}.nav a{font-size:17px}}@media (width<=480px){:root{--topbar-h:115px}.topbar-inner{padding:12px var(--gutter) 10px;gap:8px}.brand-name{display:none}.brand-store{color:var(--ink);font-size:16.5px;font-weight:650}.brand-logo{width:36px;height:34px}}.nav{max-width:1080px;padding:0 var(--gutter);gap:4px;margin:0 auto;display:flex;overflow-x:auto}.nav a{color:var(--ink-soft);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;min-height:44px;padding:10px 14px;font-weight:550;text-decoration:none;display:flex}.nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.page{width:100%;max-width:1080px;padding:var(--gutter) var(--gutter) 96px;flex:1;margin:0 auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.card+.card{margin-top:10px}.stack{flex-direction:column;gap:10px;display:flex}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.muted{color:var(--ink-soft);font-size:14px}.faint{color:var(--ink-faint);font-size:13px}.tabular{font-variant-numeric:tabular-nums}.trunc{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.strong{font-weight:650}.product{padding:12px 14px}.prod-head{align-items:flex-start;gap:10px;display:flex}.pname{overflow-wrap:anywhere;flex:1;min-width:0;font-size:18px;line-height:1.35}.pname-lead{color:var(--ink-soft);font-weight:500}.pname-tail{color:var(--ink);font-weight:700}.prod-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;margin-top:10px;display:flex}.prod-meta{flex:auto;min-width:0}.prod-foot>.btn,.prod-foot>.stepper{flex:none;margin-left:auto}.prod-sum{text-align:right;margin-top:6px}.btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;flex:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.block{width:100%}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.quiet{color:var(--ink-soft);background:0 0;border-color:#0000;padding:0 10px}.btn.good{background:var(--good)}.btn.bad{background:var(--surface);color:var(--bad);border-color:var(--bad)}.btn.small{min-height:36px;padding:0 12px;font-size:14px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-soft);font-size:14px;font-weight:550}.input,.select,.textarea{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;padding:10px 12px}.textarea{resize:vertical;min-height:84px}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.tag{background:var(--ground);color:var(--ink-soft);border-radius:999px;align-items:center;padding:3px 9px;font-size:13px;font-weight:600;display:inline-flex}.tag.good{background:var(--good-soft);color:var(--good)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.bad{background:var(--bad-soft);color:var(--bad)}.tag.accent{background:var(--accent-soft);color:var(--accent)}.banner{border-radius:var(--radius-sm);background:var(--bad-soft);color:var(--bad);border:1px solid #b423182e;padding:12px 14px;font-size:15px}.banner.good{background:var(--good-soft);color:var(--good);border-color:#12805c2e}.banner.warn{background:var(--warn-soft);color:var(--warn);border-color:#9a63002e}.indent{padding-left:46px}.shortfall{color:var(--warn);font-size:13px}.window{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.window.open{background:var(--good-soft);border-color:#12805c33}.window.shut{background:var(--ground)}.window-clock{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.1}.window.open .window-clock{color:var(--good)}.empty{text-align:center;color:var(--ink-faint);padding:48px 16px}.stepper{align-items:center;gap:2px;display:inline-flex}.stepper button{border:1px solid var(--line);background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--ink);font-size:19px;line-height:1}.stepper button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.stepper button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.stepper button:disabled{opacity:.4;cursor:not-allowed}.stepper input{text-align:center;border:1px solid var(--line);font-variant-numeric:tabular-nums;border-left:0;border-right:0;width:62px;height:40px}.dock{z-index:30;background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--shadow);position:fixed;bottom:0;left:0;right:0}.dock-inner{max-width:1080px;padding:12px var(--gutter);align-items:center;gap:12px;margin:0 auto;display:flex}.scrim{z-index:40;background:#14181f73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:560px;max-height:86vh;padding:18px var(--gutter) calc(18px + env(safe-area-inset-bottom));overflow:auto}.sheet-foot{bottom:calc(-18px - env(safe-area-inset-bottom));margin:0 calc(var(--gutter) * -1) calc(-18px - env(safe-area-inset-bottom));padding:12px var(--gutter) calc(18px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);gap:12px;display:grid;position:sticky}@media (width>=640px){.scrim{align-items:center}.sheet{border-radius:var(--radius)}.sheet-foot{border-radius:0 0 var(--radius) var(--radius)}}.centre{min-height:100vh;padding:var(--gutter);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:380px}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.spinner.dark{border-color:var(--line);border-top-color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.thumb{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--ground);object-fit:cover;flex:0 0 52px;width:52px;height:52px;display:block}.thumb.small{flex-basis:36px;width:36px;height:36px}.thumb-none{letter-spacing:-.01em;background:hsl(var(--tint,0deg) 46% 95%);border-color:hsl(var(--tint,0deg) 40% 87%);color:hsl(var(--tint,0deg) 42% 42%);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:20px;font-weight:650;display:flex}.thumb-none.small{font-size:14px}.thumb-zoom{transform-origin:0;cursor:zoom-in;transition:transform .16s,box-shadow .16s}@media (hover:hover){.thumb-zoom:hover,.thumb-zoom:focus-visible{border-color:var(--surface);z-index:10;position:relative;transform:scale(6);box-shadow:0 6px 28px #14181f47}}.thumb-zoom.is-held{border-color:var(--surface);z-index:10;cursor:zoom-out;position:relative;transform:scale(5);box-shadow:0 6px 28px #14181f47}@media (prefers-reduced-motion:reduce){.thumb-zoom{transition:none}}.gate{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:44px 20px 48px;display:flex}.gate-mark{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:26px;line-height:1;display:flex}.gate-title{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:21px;font-weight:650}.gate-hint{color:var(--ink-soft);max-width:44ch;margin:0;font-size:15px}.gate-when{color:var(--ink-faint);margin:0;font-size:14px}.gate-when strong{color:var(--ink-soft);font-weight:600}.clock{align-items:flex-start;gap:10px;margin:14px 0 6px;display:flex}.clock-part{min-width:84px;position:relative}.clock-value{letter-spacing:-.03em;background:var(--ground);color:var(--ink);border-radius:12px;padding:14px 8px;font-size:46px;font-weight:700;line-height:1}.clock-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-top:7px;font-size:12px}.clock-colon:before,.clock-colon:after{content:"";background:var(--ink-faint);border-radius:50%;width:4px;height:4px;position:absolute;right:-10px}.clock-colon:before{top:28px}.clock-colon:after{top:44px}@media (width<=480px){.clock-part{min-width:68px}.clock-value{padding:12px 6px;font-size:36px}.clock-colon:before{top:22px}.clock-colon:after{top:34px}}.lang-tabs{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.lang-tab{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-height:40px;padding:9px 18px;font-size:14.5px;font-weight:550;transition:background .14s,color .14s}.lang-tabs.compact{padding:2px}.lang-tabs.compact .lang-tab{letter-spacing:.02em;min-height:34px;padding:7px 11px;font-size:13.5px}.lang-tab:hover{color:var(--ink)}.lang-tab.active{background:var(--accent);color:#fff}@media (width<=420px){.lang-tab{padding:9px 12px;font-size:14px}}.login-column{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:380px;display:flex}.search{flex:240px;min-width:0;position:relative}.search .input{padding-left:40px}.field-icon{width:18px;height:18px;color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search .input:focus+.field-icon{color:var(--accent)}.chips{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{height:6px}.chips::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.chip-btn{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:0 15px;font-size:14.5px;font-weight:550;transition:border-color .14s,color .14s,background .14s}.chip-btn:hover{color:var(--ink);border-color:var(--line-strong,var(--ink-faint))}.chip-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip-count{opacity:.7;font-variant-numeric:tabular-nums;margin-left:7px;font-size:12.5px}.brand-logo{flex:none;width:44px;height:auto;display:block}.brand-name{font-size:24px}.login-brand{letter-spacing:-.02em;text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.login-brand img{width:64px;height:auto}[hidden]{display:none!important}.order-head{width:100%;text-align:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:10px;padding:0;display:flex}.order-head:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.order-head .order-sum{padding-top:2px}.chev{border-right:2px solid var(--ink-faint);border-bottom:2px solid var(--ink-faint);width:8px;height:8px;transition:transform .12s;transform:rotate(45deg)translate(-2px,-2px)}.chev.up{transform:rotate(-135deg)translate(-2px,-2px)}.order-tags{flex-wrap:wrap;justify-content:flex-end}@media (width<=560px){.order-title{flex-wrap:wrap;align-items:flex-start}.order-tags{justify-content:flex-start;width:100%}}.tabs{background:var(--ground);border-radius:10px;gap:4px;padding:3px;display:flex}.tab{min-width:0;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;font-weight:600;display:flex}.tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.tab-count{font-variant-numeric:tabular-nums;color:var(--ink-faint);white-space:nowrap;font-size:11px;font-weight:500}.tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014}.tab[aria-selected=true] .tab-count{color:var(--ink-soft)}.tab.warn .tab-count,.tab.warn[aria-selected=true]{color:var(--warn)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width<=380px){.tab{padding:8px 2px}.tab-label{font-size:12px}}@media (width<=340px){.tab-label{white-space:normal;text-wrap:balance;font-size:11.5px;line-height:1.2}}.copy-btn{align-self:flex-start;margin-top:10px}.btn.danger{background:var(--bad);color:#fff;border-color:var(--bad)}.sheet-actions{flex-direction:column;gap:8px;display:flex}.sheet{position:relative}.sheet-x-wrap{z-index:3;height:0;position:sticky;top:0}.sheet-x{width:40px;height:40px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-4px;right:-4px}.sheet-x:hover{color:var(--ink);background:var(--ground)}.sheet-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sheet.sheet-sized{--row:63px;--chrome:280px;height:min(86vh, calc(var(--row) * 10 + var(--chrome)));flex-direction:column;display:flex}.sheet.sheet-sized>.stack{flex:auto;min-height:0}.sheet.sheet-sized>.stack>*{flex:none}.sheet.sheet-sized>.stack>.return-list,.return-list{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.sheet .chips{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter)}.sheet .chips .chip-btn{scroll-snap-align:start}.peek{position:relative}.peek .input{padding-right:44px}.peek-btn{cursor:pointer;width:36px;height:36px;color:var(--ink-faint);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.peek-btn:hover{color:var(--ink)}.peek-btn:active{background:var(--surface-sunk,#0000000d)}.peek-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.eye-icon{width:20px;height:20px;display:block}.sec-head{margin:0 calc(var(--gutter) * -1) 10px;padding:9px var(--gutter);background:var(--accent);color:#fff;letter-spacing:-.01em;top:var(--topbar-h);z-index:3;justify-content:space-between;align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex;position:sticky}.sec-head em{opacity:.8;font-size:13px;font-style:normal;font-weight:600}.card.product{box-shadow:none;margin:0 calc(var(--gutter) * -1);padding:12px var(--gutter);border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0}.card.product+.card.product{margin-top:0}.card.product:last-child{border-bottom:0}.prod-row{grid-template-columns:112px 1fr;align-items:start;gap:8px 12px;display:grid}.prod-side{display:contents}.prod-row .thumb{grid-area:1/1/span 2}.prod-text{grid-area:1/2;min-width:0}.prod-side .add-btn,.prod-side .stepper{grid-area:2/2;justify-self:end}.thumb.big{flex-basis:112px;width:112px;height:112px}.thumb.big.thumb-none{font-size:36px}.prod-side .add-btn{min-width:112px;height:40px}.prod-side .stepper button{flex:0 0 38px;width:38px}.prod-side .stepper input{flex:0 0 52px;width:52px}.prod-price{color:var(--ink);margin-top:3px;font-size:17px;font-weight:600}.card.product .prod-sum{margin-top:6px}@media (width<=360px){.prod-row{grid-template-columns:96px 1fr}.thumb.big{flex-basis:96px;width:96px;height:96px}.prod-side .add-btn{min-width:96px}.prod-side .stepper button{flex-basis:34px;width:34px}.prod-side .stepper input{flex-basis:44px;width:44px}.prod-price{font-size:16px}}.thumb.big.thumb-zoom.is-held{transform:scale(2.6)}@media (hover:hover){.thumb.big.thumb-zoom:hover,.thumb.big.thumb-zoom:focus-visible{transform:scale(3.2)}}@media (width<=360px){.thumb.big.thumb-zoom.is-held{transform:scale(2.6)}}.stock-line{margin-top:4px;font-size:15px;font-weight:600}.stock-line.good{color:var(--good)}.stock-line.warn{color:var(--warn)}.stock-line.bad{color:var(--bad)}@media (width>=800px){.card.product{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;margin:0;padding:14px}.card.product+.card.product{margin-top:10px}.card.product:last-child{border-bottom:1px solid var(--line)}.prod-row{align-items:flex-start;gap:10px;display:flex}.prod-side{flex:none;display:contents}.thumb.big{flex-basis:52px;width:52px;height:52px}.thumb.big.thumb-none{font-size:20px}.prod-side .add-btn,.prod-side .stepper{order:3;justify-self:auto;width:auto;min-width:0;margin-left:auto}.prod-side .stepper button{flex-basis:40px;width:40px}.prod-side .stepper input{flex:0 0 62px;width:62px}.prod-text{flex:1;order:2}.prod-row .pname{font-size:15.5px;display:block}.prod-price{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:13px;font-weight:400}.stock-line{white-space:nowrap;border-radius:999px;margin-top:6px;padding:6px 10px;font-size:12px;line-height:1;display:inline-block}.stock-line.good{background:var(--good-soft)}.stock-line.warn{background:var(--warn-soft)}.stock-line.bad{background:var(--bad-soft)}.sec-head{border-radius:var(--radius-sm);margin:18px 0 10px}}