:root,.t-light{--bg:#f2f2f7;--surface:#fff;--surface2:#7676801f;--ink:#000;--ink2:#3c3c43d9;--muted:#3c3c4399;--line:#3c3c432e;--p:#007aff;--pTint:#007aff1f;--pInk:#0066d6;--b:#ff9500;--bTint:#ff950024;--bInk:#b35c00;--btn:#007aff;--btnInk:#fff;--danger:#ff3b30;--pos:#248a3d;--chIn:#17803d;--chOut:#9d4edd;--glass:#ffffffb8;--glassLine:#0000000f;--segOn:#fff;--r-chip:12px;--r-field:12px;--r-card:14px;--r-panel:20px;--r-sheet:28px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", system-ui, "Helvetica Neue", Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", system-ui, "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not(.t-light){--bg:#000;--surface:#1c1c1e;--surface2:#7676803d;--ink:#fff;--ink2:#ebebf5d9;--muted:#ebebf599;--line:#54545899;--p:#0a84ff;--pTint:#0a84ff33;--pInk:#409cff;--b:#ff9f0a;--bTint:#ff9f0a33;--bInk:#ffb340;--btn:#0a84ff;--btnInk:#fff;--danger:#ff453a;--pos:#30d158;--chIn:#3da866;--chOut:#a070dc;--glass:#1e1e20b8;--glassLine:#ffffff14;--segOn:#636366;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.t-dark{--bg:#000;--surface:#1c1c1e;--surface2:#7676803d;--ink:#fff;--ink2:#ebebf5d9;--muted:#ebebf599;--line:#54545899;--p:#0a84ff;--pTint:#0a84ff33;--pInk:#409cff;--b:#ff9f0a;--bTint:#ff9f0a33;--bInk:#ffb340;--btn:#0a84ff;--btnInk:#fff;--danger:#ff453a;--pos:#30d158;--chIn:#3da866;--chOut:#a070dc;--glass:#1e1e20b8;--glassLine:#ffffff14;--segOn:#636366;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,.t-light{--lg-tint:#ffffffa8;--lg-tint-thick:#fafafcdb;--lg-rim:#ffffffd9;--lg-edge:#00000014;--lg-shadow:0 10px 34px #00000024, 0 1px 3px #00000014;--lg-blur:blur(22px) saturate(190%) brightness(1.04);--green:#34c759;--greenInk:#248a3d;--greenTint:#34c75924;--red:#ff3b30;--redTint:#ff3b301f;--indigo:#5856d6;--teal:#30b0c7;--purple:#af52de;--gray:#8e8e93}@media (prefers-color-scheme:dark){:root:not(.t-light){--lg-tint:#28282c9e;--lg-tint-thick:#1e1e21db;--lg-rim:#ffffff38;--lg-edge:#ffffff1a;--lg-shadow:0 10px 34px #00000080, 0 1px 3px #0000004d;--lg-blur:blur(22px) saturate(170%) brightness(.92);--green:#30d158;--greenInk:#30d158;--greenTint:#30d1582e;--red:#ff453a;--redTint:#ff453a2e;--indigo:#5e5ce6;--teal:#40c8e0;--purple:#bf5af2;--gray:#98989d}}:root{--spring-smooth:cubic-bezier(.32, .72, 0, 1);--spring-bouncy:cubic-bezier(.34, 1.4, .64, 1)}@supports (transition-timing-function:linear(0, 1)){:root{--spring-smooth:linear(0, .009, .035 2.1%, .141 4.4%, .723 15.5%, .938 22.1%, .991 27.4%, 1.006 32.8%, 1.003 43.7%, 1);--spring-bouncy:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}@supports (height:100dvh){html,body,#root{height:100dvh}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:16px;line-height:1.35}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{font-size:max(16px,1em)}button{cursor:pointer}button:disabled{cursor:default}input:focus,textarea:focus,select:focus{outline:none}:focus-visible{outline:2px solid var(--p);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--muted)}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nowrap{white-space:nowrap}.muted{color:var(--muted)}.pos{color:var(--greenInk)}.neg{color:var(--danger)}small.u{color:var(--muted);margin-left:3px;font-size:.72em;font-weight:500}.app{height:100%;display:flex}.main{flex:1;min-width:0;height:100%;position:relative}.screen{overscroll-behavior:contain;max-width:640px;height:100%;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(120px + env(safe-area-inset-bottom));margin:0 auto;overflow-y:auto}.large-title{justify-content:space-between;align-items:flex-end;gap:8px;min-height:44px;margin:6px 0 14px;display:flex}.large-title h1{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:34px;font-weight:700;line-height:41px}.large-title .acts{gap:4px;display:flex}.iconbtn{background:var(--surface);width:40px;height:40px;color:var(--p);border:0;border-radius:20px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 1px 2px #0000000f}.iconbtn.plain{box-shadow:none;color:var(--muted);background:0 0}.btn{background:var(--btn);width:100%;height:52px;color:var(--btnInk);transition:transform .25s var(--spring-bouncy), opacity .2s;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{background:var(--surface2);color:var(--muted)}.btn.secondary{background:var(--pTint);color:var(--pInk)}.btn.danger{background:var(--redTint);color:var(--danger)}.btn.green{background:var(--green);color:#fff}.btn.small{border-radius:12px;width:auto;height:40px;padding:0 14px;font-size:15px}.btn-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;margin-top:12px;display:grid}.textbtn{color:var(--p);background:0 0;border:0;min-height:36px;padding:8px 4px;font-size:15px;font-weight:500}.textbtn.danger{color:var(--danger)}.hero{padding:4px 4px 2px}.hero .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.hero .big{letter-spacing:-.03em;margin-top:2px;font-size:44px;font-weight:700;line-height:50px}.hero .big small{color:var(--muted);letter-spacing:0;margin-left:6px;font-size:20px;font-weight:500}.hero .sub{color:var(--ink2);margin-top:4px;font-size:14px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.tile{background:var(--surface);border-radius:var(--r-card);text-align:left;min-height:84px;transition:transform .25s var(--spring-bouncy);border:0;flex-direction:column;gap:4px;padding:12px 14px;display:flex}button.tile:active{transform:scale(.97)}.tile .t{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.tile .v{letter-spacing:-.02em;white-space:nowrap;font-size:22px;font-weight:700}.tile .m{color:var(--muted);font-size:12px}.sec{margin-top:26px}.sec-h{justify-content:space-between;align-items:baseline;padding:0 4px 6px;display:flex}.sec-h h2{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.sec-h .cap{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:500}.sec-foot{color:var(--muted);padding:6px 16px 0;font-size:13px}.group{background:var(--surface);border-radius:var(--r-card);overflow:hidden}.row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 16px;display:flex;position:relative}.row+.row:before{content:"";border-top:.5px solid var(--line);position:absolute;top:0;left:58px;right:0}.group.flat .row+.row:before{left:16px}button.row:active{background:var(--surface2)}.row .mid{flex:1;min-width:0}.row .t,.row .m,.row .a .m{display:block}.row .t{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.row .m{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;overflow:hidden}.row .a{white-space:nowrap;text-align:right;font-size:16px;font-weight:600}.row .a .m{text-align:right;font-weight:400}.row .chev{color:var(--muted);opacity:.6;flex:none;display:flex}.empty{text-align:center;color:var(--muted);padding:22px 16px;font-size:15px}.tile-ic{color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:inline-flex}.c-blue{background:var(--p)}.c-orange{background:var(--b)}.c-green{background:var(--green)}.c-red{background:var(--red)}.c-indigo{background:var(--indigo)}.c-teal{background:var(--teal)}.c-purple{background:var(--purple)}.c-gray{background:var(--gray)}.pill{white-space:nowrap;border-radius:11px;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.pill.shipped{background:var(--bTint);color:var(--bInk)}.pill.delivered{background:var(--pTint);color:var(--pInk)}.pill.paid{background:var(--greenTint);color:var(--greenInk)}.pill.returned,.pill.low{background:var(--redTint);color:var(--danger)}.seg{background:var(--surface2);border-radius:9px;grid-auto-columns:1fr;grid-auto-flow:column;padding:2px;display:grid;position:relative}.seg button{z-index:1;white-space:nowrap;background:0 0;border:0;border-radius:7px;height:32px;padding:0 6px;font-size:13px;font-weight:500;position:relative}.seg button[aria-checked=true]{font-weight:600}.seg .thumb{z-index:0;background:var(--segOn);transition:transform .45s var(--spring-smooth);border-radius:7px;position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 3px 8px #0000001f,0 1px 1px #0000000a}.seg.big button{height:40px;font-size:15px}.chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--surface);white-space:nowrap;height:34px;transition:transform .25s var(--spring-bouncy);border:0;border-radius:17px;flex:none;padding:0 14px;font-size:14px;font-weight:500}.chip[aria-pressed=true]{background:var(--p);color:#fff}.chip:active{transform:scale(.95)}.chip .n{opacity:.6;margin-left:4px}.form{flex-direction:column;gap:0;display:flex}.field{align-items:center;gap:12px;min-height:48px;padding:0 16px;display:flex;position:relative}.field+.field:before{content:"";border-top:.5px solid var(--line);position:absolute;top:0;left:16px;right:0}.field label,.field .k{width:108px;color:var(--ink);flex:none;font-size:16px}.field input,.field select,.field textarea{text-align:right;background:0 0;border:0;flex:1;min-width:0;height:46px;padding:0}.field select{appearance:none;color:var(--p);text-align-last:right}.field textarea{text-align:left;resize:none;height:70px;padding:12px 0}.field .suf{color:var(--muted);font-size:15px}.field.stack{flex-direction:column;align-items:stretch;gap:6px;padding:10px 16px}.form-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;padding:18px 16px 6px;font-size:13px}.amount-in{justify-content:center;align-items:baseline;gap:6px;padding:18px 0 8px;display:flex}.amount-in input{text-align:center;max-width:80%;font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:0 0;border:0;font-size:48px;font-weight:700}.amount-in .u{color:var(--muted);font-size:22px;font-weight:600}.err{color:var(--danger);padding:8px 4px;font-size:14px}.line-item{grid-template-columns:1fr 1.4fr 32px;align-items:center;gap:8px;padding:8px 12px 8px 16px;display:grid;position:relative}.line-item+.line-item:before{content:"";border-top:.5px solid var(--line);position:absolute;top:0;left:16px;right:0}.line-item select,.line-item input{background:var(--surface2);border:0;border-radius:9px;width:100%;min-width:0;height:38px;padding:0 8px;font-size:16px}.line-item input{text-align:right}.line-item>:first-child{grid-area:1/1/auto/3}.line-item>:nth-child(2){grid-area:2/1}.line-item>:nth-child(3){grid-area:2/2}.line-item>:nth-child(4){grid-area:1/3}.line-new{border-top:.5px solid var(--line);grid-template-columns:1fr auto;gap:8px;padding:8px 12px 8px 16px;display:grid}.line-new input{background:var(--surface2);border:0;border-radius:9px;min-width:0;height:38px;padding:0 10px}.line-item .x{color:var(--danger);background:0 0;border:0;height:32px;padding:0}.summary{flex-direction:column;gap:6px;padding:12px 16px;display:flex}.summary .r{justify-content:space-between;font-size:15px;display:flex}.summary .r.total{border-top:.5px solid var(--line);padding-top:6px;font-size:17px;font-weight:700}.check{border:1.5px solid var(--line);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.check.on{background:var(--p);border-color:var(--p)}.tabbar-wrap{z-index:20;padding:0 14px calc(10px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-in{pointer-events:auto;align-items:center;gap:10px;width:100%;max-width:520px;display:flex}.tabbar,.tab-plus,.toast,.sheet{background:var(--lg-tint);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:inset 0 1px 0 var(--lg-rim), inset 0 0 0 .5px var(--lg-edge), var(--lg-shadow)}.tabbar{isolation:isolate;border-radius:31px;flex:1;grid-template-columns:repeat(5,1fr);height:62px;padding:4px;display:grid;position:relative}.tabbar button{z-index:1;color:var(--ink);transition:color .2s, transform .25s var(--spring-bouncy);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:10px;font-weight:600;display:flex;position:relative}.tabbar button[aria-current=page]{color:var(--p)}.tabbar button:active{transform:scale(1.08)}.tabbar .lens{z-index:0;width:calc(20% - 1.6px);transition:transform .45s var(--spring-smooth);background:#78788024;border-radius:27px;position:absolute;top:4px;bottom:4px;left:4px}.tab-plus{color:#fff;background:color-mix(in srgb, var(--p) 92%, transparent);width:62px;height:62px;transition:transform .25s var(--spring-bouncy);border:0;border-radius:31px;flex:none;justify-content:center;align-items:center;display:flex}.tab-plus:active{transform:scale(1.08)}.side{display:none}@media (width>=1024px){.tabbar-wrap{display:none}.side{background:var(--lg-tint-thick);border-right:.5px solid var(--line);-webkit-app-region:drag;flex-direction:column;flex:none;gap:2px;width:240px;height:100%;padding:46px 12px 16px;display:flex}.side .brand{font-family:var(--font-display);letter-spacing:.04em;padding:0 10px 14px;font-size:20px;font-weight:800}.side .brand span{color:var(--muted);letter-spacing:0;font-size:13px;font-weight:500;display:block}.side button.item{height:36px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:500;display:flex}.side button.item svg{color:var(--p)}.side button.item[aria-current=page]{background:#78788029}.side .new{flex-direction:column;gap:6px;margin-top:14px;display:flex}.side .new .btn{border-radius:10px;height:38px;font-size:14px}.screen{max-width:760px;padding-top:34px;padding-bottom:48px}.tiles.four{grid-template-columns:repeat(4,minmax(0,1fr))}}.scrim{z-index:40;background:#00000052;border:0;animation:.3s both fade-in;position:fixed;inset:0}.scrim.closing{animation:.2s both fade-out}.sheet{z-index:41;max-height:calc(100% - env(safe-area-inset-top) - 20px);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:8px 16px calc(24px + env(safe-area-inset-bottom));background:var(--bg);animation:sheet-in .55s var(--spring-smooth) both;overscroll-behavior:contain;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.sheet.closing{animation:.22s cubic-bezier(.4,0,1,1) both sheet-out}.sheet .grab{background:var(--line);border-radius:3px;width:36px;height:5px;margin:0 auto 6px}.sh-head{z-index:2;background:var(--bg);justify-content:space-between;align-items:center;min-height:44px;margin:0 -16px;padding:0 16px;display:flex;position:sticky;top:-8px}.sh-head h2{text-align:center;flex:1;margin:0;font-size:17px;font-weight:600}.sh-head .side-btn{width:72px;display:flex}.sh-head .side-btn:last-child{justify-content:flex-end}.sheet .group{background:var(--surface)}@media (width>=768px){.sheet{width:560px;max-height:86vh;animation:dialog-in .42s var(--spring-bouncy) both;border-radius:20px;padding-bottom:24px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sheet.closing{animation:.18s ease-in both dialog-out}.sheet .grab{display:none}}.toast{z-index:60;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));white-space:nowrap;max-width:calc(100% - 32px);animation:toast-in .5s var(--spring-bouncy) both;border-radius:26px;align-items:center;gap:14px;padding:10px 10px 10px 18px;font-size:15px;font-weight:500;display:flex;position:fixed;transform:translate(-50%)}.toast button{color:var(--p);background:0 0;border:0;padding:6px 10px;font-size:15px;font-weight:600}@media (width>=1024px){.toast{bottom:28px;left:calc(50% + 120px)}}.bars{align-items:flex-end;gap:8px;height:120px;padding:12px 16px 0;display:flex}.bars .b{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bars .bar{background:var(--p);transform-origin:bottom;width:100%;max-width:34px;animation:grow .7s var(--spring-smooth) both;border-radius:6px 6px 3px 3px}.bars .bar.neg{background:var(--red)}.bars .bar.cur{background:var(--green)}.bars .l{color:var(--muted);padding-bottom:8px;font-size:11px}.meter{background:var(--surface2);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.meter>span{background:var(--p);transform-origin:0;height:100%;animation:fill .7s var(--spring-smooth) both;border-radius:3px;display:block}@media (prefers-reduced-motion:no-preference){.screen>*{animation:rise .5s var(--spring-smooth) both}.screen>:nth-child(2){animation-delay:30ms}.screen>:nth-child(3){animation-delay:60ms}.screen>:nth-child(4){animation-delay:90ms}.screen>:nth-child(n+5){animation-delay:.12s}.tabbar button[aria-current=page] svg,.side .item[aria-current=page] svg{animation:bounce .55s var(--spring-bouncy)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}}@keyframes dialog-out{to{opacity:0;transform:translate(-50%,-50%)scale(.96)}}@keyframes toast-in{0%{opacity:0;filter:blur(6px);transform:translate(-50%)translateY(12px)scale(.86)}}@keyframes bounce{0%{transform:scale(1)}35%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes grow{0%{transform:scaleY(0)}}@keyframes fill{0%{transform:scaleX(0)}}
