:root{--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--topbar-bg:#392c1d;--topbar-ink:#f7efdb;--topbar-ink-muted:rgba(247,239,219,0.66);--text-scale:1;--app-pad-x:clamp(16px,4vw,48px);--page-bg:#F7EFDB;--surface:#ffffff;--surface-2:#F7EFDB;--surface-sticky:#ffffff;--ink:#392c1d;--ink-muted:rgba(57,44,29,0.6);--hairline:#d1d1d3;--border:#c0c0c2;--brand:#f6d96d;--brand-rgb:246,217,109;--on-brand:#392c1d;--brand-soft-rgb:246,217,109}.topbar-cart-btn,.topbar-theme-btn{background:transparent!important;color:var(--brand)!important;border-radius:14px!important;width:44px!important;height:44px!important}.topbar-cart-btn .cart-badge{color:#392c1d!important;background:var(--brand)!important}.add-all-btn{width:100%;padding:14px 18px;border-radius:16px;border:none;background:var(--brand);color:var(--on-brand);font-weight:700;font-size:14px;cursor:pointer;box-shadow:none;text-shadow:none}.add-all-btn:active{transform:scale(.98)}body[data-dark=true]{--surface:#121212;--surface-2:#1f1f1f;--surface-3:#2a2a2a;--surface-sticky:#121212;--ink:#f5f2ec;--ink-muted:rgba(245,242,236,0.72);--hairline:#2e2e2e;--border:#3a3a3a;--topbar-bg:#0a0a0a}:root{--surface-3:#f4f4f5}@view-transition{navigation:auto}@keyframes vtFadeOut{0%{opacity:1}to{opacity:0}}@keyframes vtFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root){animation:vtFadeOut .16s ease both}::view-transition-new(root){animation:vtFadeIn .26s cubic-bezier(.2,.8,.2,1) both}.topbar-sticky{view-transition-name:topbar}.tabs-bottom{view-transition-name:bottom-tabs}::view-transition-group(bottom-tabs),::view-transition-group(topbar){animation:none!important}::view-transition-new(bottom-tabs),::view-transition-new(topbar),::view-transition-old(bottom-tabs),::view-transition-old(topbar){animation:none!important;mix-blend-mode:normal}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--page-bg,var(--surface))!important;color:var(--ink);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;transition:background-color .22s ease,color .22s ease}body[data-dark=true]{color-scheme:dark}body:not([data-dark=true]){color-scheme:light}html{min-height:100vh;min-height:100dvh}.app-shell,body>*{background:var(--page-bg,var(--surface))}.app-shell{max-width:680px;margin:0 auto;min-height:100vh;min-height:100dvh;color:var(--ink)}body[data-text-size=m]{zoom:1}body[data-text-size=l]{zoom:1.08}body[data-text-size=xl]{zoom:1.15}body[data-text-size=xxl]{zoom:1.22}@media (min-width:700px){.app-shell{max-width:100%;box-shadow:none}}.sticky-top{position:-webkit-sticky;position:sticky;top:calc(80px + env(safe-area-inset-top));z-index:10;background:transparent;padding:0;border-bottom:none}.sticky-top [class*=TextField__Backdrop]{background:var(--surface-3)!important;border:none!important;border-radius:16px!important;box-shadow:0 2px 10px rgba(0,0,0,.08),0 0 0 .5px rgba(0,0,0,.04)!important;min-height:48px!important}.sticky-top [class*=TextField__Input]{background:transparent!important;font-size:15px!important;padding:14px!important;color:var(--ink)!important}.sticky-top [class*=Select__Backdrop]{background:var(--surface-3)!important;border:none!important;box-shadow:none!important;border-radius:12px!important}.sticky-top [class*=Select__Backdrop],.sticky-top [class*=Select__Content]{min-height:36px!important;height:36px!important;display:flex!important;align-items:center!important}.sticky-top [class*=Select__Content]{padding:0 10px!important;font-size:13px!important;font-weight:500!important;color:var(--ink)!important;line-height:1!important}.sticky-top [class*=Select__Icon]{position:static!important;margin-left:4px!important;display:inline-flex!important;align-items:center!important}[class*=Select__Icon] svg{fill:var(--ink-muted)!important}body[data-dark=true] input::placeholder,body[data-dark=true] textarea::placeholder{color:rgba(245,242,236,.55)!important}.Polaris-AppProvider,body{--p-color-bg-fill-brand:var(--brand)!important;--p-color-bg-fill-success:var(--brand)!important;--p-color-bg-fill-success-secondary:rgba(var(--brand-rgb),0.35)!important;--p-color-text-brand:var(--on-brand)!important;--p-color-border-brand:rgba(var(--brand-rgb),0.85)!important;--p-color-icon-brand:var(--on-brand)!important;--p-color-bg-surface-brand:rgba(var(--brand-rgb),0.18)!important;--p-color-bg-surface-brand-hover:rgba(var(--brand-rgb),0.28)!important;--p-color-bg-surface-brand-active:rgba(var(--brand-rgb),0.45)!important}.sticky-top [class*=Select__SelectedOption]{display:inline-flex!important;align-items:center!important}.sticky-top input,.sticky-top select{background:transparent!important}.product-grid{display:flex;flex-direction:column;gap:12px;padding:12px var(--app-pad-x)}.product-card{background:var(--surface);border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);padding:12px;content-visibility:auto;contain-intrinsic-size:0 110px}.product-card-head{display:flex;align-items:center;gap:12px}.product-card-img{width:76px;height:76px;border-radius:14px;object-fit:cover;background:var(--surface-2);flex:0 0 auto}.vendor-pill{display:inline-flex;align-items:center;padding:1px 6px;border-radius:999px;background:var(--surface-2);color:var(--ink);font-size:8.5px;font-weight:700;letter-spacing:.2px;margin-bottom:3px;text-transform:uppercase}.product-card-title{font-weight:700;font-size:13px;line-height:1.25;color:var(--ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pc-toggle{flex:0 0 auto;min-width:42px;height:38px;padding:0 12px;border-radius:999px;background:var(--brand);color:var(--on-brand);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:transform .12s ease;font-size:18px;font-weight:700;line-height:20px}.pc-toggle svg{width:18px;height:18px}.pc-toggle:active{transform:scale(.94)}.pc-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--ink);color:var(--brand);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)}.product-card-variants{margin-top:10px;border-top:1px solid var(--hairline);padding-top:4px;display:flex;flex-direction:column}.pc-variant-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--hairline)}.pc-variant-row:last-child{border-bottom:none}.pc-variant-title{font-size:14px;font-weight:700;color:var(--ink)}.pc-variant-meta{font-size:11.5px;color:var(--ink-muted);margin-top:2px}.product-row{display:grid;grid-template-columns:80px 1fr auto;grid-gap:14px;gap:14px;padding:12px;align-items:center;border:none;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 2px 12px rgba(0,0,0,.04);content-visibility:auto;contain-intrinsic-size:0 108px}.product-row>div{min-width:0}.product-row img{width:80px;height:80px;object-fit:cover;border-radius:14px;background:var(--surface-2)}.product-row .title{font-weight:700;font-size:15px;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-row .meta{font-size:12px;color:var(--ink-muted);margin-top:2px}.product-row .price{font-weight:700;font-size:14px;margin-top:4px;color:var(--ink)}@media (min-width:900px){.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1400px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.qty-stepper{gap:2px;height:40px;padding:0 4px;background:var(--brand)}.qty-stepper,.qty-stepper button{display:inline-flex;align-items:center;border-radius:999px}.qty-stepper button{width:34px;height:34px;border:none;background:transparent;color:var(--on-brand);font-size:18px;font-weight:700;line-height:20px;cursor:pointer;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.qty-stepper button:active{transform:scale(.95)}.qty-stepper button.primary{background:transparent;color:var(--on-brand);border:none}.qty-stepper button:disabled{opacity:.35;cursor:not-allowed}.qty-stepper .qty-value{min-width:28px;text-align:center;font-weight:700;font-size:15px;color:var(--on-brand)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-right:4px}.badge.urgent{background:#fff2f0;color:#b91c1c}.badge.warning{background:#fff7ed;color:#c2410c}.badge.new{background:#ecfdf5;color:#047857}.badge.critical{background:#fee2e2;color:#991b1b}.stock-chip{display:inline-flex;align-items:center;padding:1px 6px;border-radius:8px;font-size:10px;font-weight:600;line-height:1.4}.stock-chip.ok{background:#ecfdf5;color:#047857}.stock-chip.warn{background:#fff7ed;color:#c2410c}.stock-chip.bad{background:#fee2e2;color:#991b1b}body[data-dark=true] .badge.urgent{background:rgba(185,28,28,.18);color:#fca5a5}body[data-dark=true] .badge.warning{background:rgba(194,65,12,.18);color:#fdba74}body[data-dark=true] .badge.new{background:rgba(4,120,87,.18);color:#6ee7b7}body[data-dark=true] .badge.critical{background:rgba(153,27,27,.22);color:#fca5a5}body[data-dark=true] .stock-chip.ok{background:rgba(4,120,87,.18);color:#6ee7b7}body[data-dark=true] .stock-chip.warn{background:rgba(194,65,12,.18);color:#fdba74}body[data-dark=true] .stock-chip.bad{background:rgba(153,27,27,.22);color:#fca5a5}.tabs-bottom{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom));gap:6px;padding:8px 10px;width:auto;max-width:none;background:rgba(255,255,255,.42);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.55);border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,.22);z-index:25}.tabs-bottom,.tabs-bottom button{display:inline-flex;align-items:center}.tabs-bottom button{flex:0 0 auto;width:58px;height:52px;justify-content:center;padding:0;border:none;background:transparent;border-radius:999px;color:rgba(57,44,29,.66);cursor:pointer;font-size:0;transition:background .16s ease,color .16s ease}.tabs-bottom button svg{width:25px;height:25px;stroke-width:2}.tabs-bottom .tab-pill{display:none!important}.tabs-bottom button.active{background:#f6d96d;color:#392c1d}.tabs-bottom button:not(.active):active{transform:scale(.94)}.bottom-bar-glass.above-tabs{bottom:calc(82px + env(safe-area-inset-bottom))}.bottom-bar-glass{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(6px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 10px 10px 24px;width:90%;max-width:560px;min-height:68px;background:rgba(250,250,252,.35);backdrop-filter:saturate(200%) blur(30px);-webkit-backdrop-filter:saturate(200%) blur(30px);border:.5px solid rgba(0,0,0,.08);color:var(--ink);border-radius:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 32px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.08);z-index:25}body[data-dark=true] .bottom-bar-glass{background:rgba(30,30,30,.55);border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)}.bottom-bar-glass .bar-text{display:flex;flex-direction:column;min-width:0;flex:0 0 auto}.bottom-bar-glass .bar-meta{font-size:11px;color:var(--ink-muted)}.bottom-bar-glass .bar-title{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}.bottom-bar-glass .bar-actions{display:flex;gap:8px;flex:1 1 auto;justify-content:flex-end}.bottom-bar-glass .bar-btn{padding:0 16px;height:46px;border-radius:23px;font-size:14px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.bottom-bar-glass .bar-btn.secondary{background:#ebebeb;color:#372C1F;border:.5px solid #d9d9d9;padding:0 18px;font-weight:600}body[data-dark=true] .bottom-bar-glass .bar-btn.secondary{background:#3a3a3a;color:#f5f2ec;border-color:#4a4a4a}.bottom-bar-glass .bar-btn.secondary:active{opacity:.85}.bottom-bar-glass .bar-btn.primary{background:var(--brand);color:var(--on-brand);border:.5px solid rgba(var(--brand-rgb),.95);padding:0 26px;font-size:15px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}.mode-card{display:flex;flex-direction:column;gap:4px;padding:20px 18px;border:1px solid var(--border);border-radius:14px;color:var(--ink);cursor:pointer;transition:all .15s;text-align:left;width:100%;box-shadow:0 1px 2px rgba(0,0,0,.04)}.mode-card:hover{border-color:var(--brand);background:rgba(var(--brand-rgb),.18)}.mode-card:active{transform:scale(.98)}.mode-card .mode-title{font-weight:700;font-size:16px;color:var(--ink)}.mode-card .mode-desc{font-size:13px;color:var(--ink-muted)}.mode-card{border:none;box-shadow:0 2px 12px rgba(0,0,0,.04);border-radius:20px;padding:18px;min-height:76px;background:var(--surface)}.mode-card:hover{border-color:transparent;background:var(--surface);box-shadow:0 3px 14px rgba(0,0,0,.05);transform:none}.mode-card:active{transform:scale(.995)}.mode-list{padding:4px 0;display:flex;flex-direction:column;gap:12px}.mode-card-icon{width:36px;height:36px;border-radius:10px;background:rgb(243,236,227);color:var(--ink);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.mode-card-icon svg{width:18px;height:18px}.draft-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--hairline);cursor:pointer;background:var(--surface);color:var(--ink)}.draft-row:hover{background:var(--surface-2)}.draft-row .draft-name{font-weight:600;font-size:14px}.draft-row .draft-meta{font-size:12px;color:var(--ink-muted);margin-top:2px}.glass-popup{position:absolute;top:calc(100% + 10px);left:8px;right:8px;background:rgba(250,250,252,.75);backdrop-filter:saturate(200%) blur(30px);-webkit-backdrop-filter:saturate(200%) blur(30px);border:.5px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);z-index:20;overflow:hidden;max-height:60vh;overflow-y:auto}.glass-popup button{display:block;width:100%;padding:12px 16px;background:transparent;border:none;border-bottom:.5px solid rgba(0,0,0,.06);text-align:left;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer}.glass-popup button.active{color:var(--brand);font-weight:600}.glass-popup button:last-child{border-bottom:none}