:root{--page-bg:#f4f8f5;--surface:#fff;--surface-2:#eef6f0;--text-primary:#172219;--text-secondary:#67766c;--text-tertiary:#97a39c;--divider:#e2ebe4;--border:#0000000f;--brand:#1f8f4c;--brand-dark:#146134;--brand-tint:#e5f5ea;--brand-contrast:#fff;--brand-contrast-soft:#fff9;--gold:#b8860b;--gold-tint:#f6ecd6;--ios-blue:#007aff;--ios-green:#34c759;--ios-orange:#ff9500;--ios-orange-contrast:#fff;--ios-red:#ff3b30;--status-good:var(--ios-green);--status-warning:var(--ios-orange);--status-critical:var(--ios-red);--sidebar-bg:#0d1f14;--sidebar-bg-2:#122a1a;--sidebar-text:#fff9;--sidebar-text-active:#fff;--sidebar-active-bg:#ffffff1a;--sans:"General Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif;--display:"Satoshi", var(--sans);font-family:var(--sans);color:var(--text-primary);background:var(--page-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#0a0e0a;--surface:#10150f;--surface-2:#182015;--text-primary:#f2f6ef;--text-secondary:#9aab9c;--text-tertiary:#647065;--divider:color-mix(in srgb, var(--brand) 14%, transparent);--border:color-mix(in srgb, var(--brand) 22%, transparent);--brand:#c7e83a;--brand-dark:#9fc42a;--brand-tint:#c7e83a24;--brand-contrast:#0a1206;--brand-contrast-soft:#0a0f068c;--gold:#4ecca3;--gold-tint:#4ecca324;--ios-blue:#59b7ff;--ios-green:#4ecca3;--ios-orange:#ffcf4d;--ios-orange-contrast:#1a1102;--ios-red:#ff6b6b;--status-good:var(--ios-green);--status-warning:var(--ios-orange);--status-critical:var(--ios-red);--sidebar-bg:#060a06;--sidebar-bg-2:#0c1209;--sidebar-text:#f2f6ef8c;--sidebar-text-active:#c7e83a;--sidebar-active-bg:#c7e83a1f}[data-mode=dark] .desktop-topbar{border-bottom:1px solid var(--divider)}[data-mode=dark] .sidebar{border-right:1px solid var(--divider);box-shadow:4px 0 24px #0006}[data-mode=dark] .stat-tile:before{background:var(--gold);box-shadow:0 0 8px #4ecca3b3}[data-mode=dark] .tab-bar{box-shadow:0 0 22px color-mix(in srgb, var(--brand) 30%, transparent), 0 10px 26px #00000080}[data-mode=dark] .badge-pending{color:#ffcf4d;background:#ffcf4d24}[data-mode=dark] .badge-syncing{color:#59b7ff;background:#59b7ff24}[data-mode=dark] .badge-synced{color:#4ecca3;background:#4ecca329}[data-mode=dark] .badge-rejected{color:#ff6b6b;background:#ff6b6b24}[data-theme=cold-storage]{--mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", "Consolas", monospace}[data-theme=cold-storage][data-mode=dark]{background-image:repeating-linear-gradient(60deg, color-mix(in srgb, var(--brand) 6%, transparent) 0, color-mix(in srgb, var(--brand) 6%, transparent) 1px, transparent 1px, transparent 42px), repeating-linear-gradient(-60deg, color-mix(in srgb, var(--brand) 6%, transparent) 0, color-mix(in srgb, var(--brand) 6%, transparent) 1px, transparent 1px, transparent 42px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--brand) 5%, transparent) 0, color-mix(in srgb, var(--brand) 5%, transparent) 1px, transparent 1px, transparent 42px);background-attachment:fixed}[data-theme=cold-storage] .btn,[data-theme=cold-storage] .btn-secondary,[data-theme=cold-storage] .nav-item .nav-label,[data-theme=cold-storage] .sidebar-logout .nav-label,[data-theme=cold-storage] .tab-label,[data-theme=cold-storage] th,[data-theme=cold-storage] .stat-tile .label,[data-theme=cold-storage] .badge,[data-theme=cold-storage] .category-header{font-family:var(--mono);letter-spacing:.04em}[data-theme=cold-storage] .btn,[data-theme=cold-storage] .btn-secondary,[data-theme=cold-storage] .badge{text-transform:uppercase;border-radius:3px}[data-theme=cold-storage] .card,[data-theme=cold-storage] .stat-tile,[data-theme=cold-storage] input,[data-theme=cold-storage] select{border-radius:5px}[data-theme=cold-storage] .card{position:relative}[data-theme=cold-storage] .card:before,[data-theme=cold-storage] .card:after{content:"";border-color:var(--brand);opacity:.5;pointer-events:none;border-style:solid;width:14px;height:14px;position:absolute}[data-theme=cold-storage] .card:before{border-width:2px 0 0 2px;top:7px;left:7px}[data-theme=cold-storage] .card:after{border-width:0 2px 2px 0;bottom:7px;right:7px}[data-theme=sakura]{--page-bg:#fdf4f7;--surface:#fffbfc;--surface-2:#f8e8ee;--divider:#ecd7de;--border:#8c285014;--text-secondary:#7d6670;--text-tertiary:#ab8f98}[data-theme=sakura][data-mode=dark]{--page-bg:#130a0d;--surface:#1c1015;--surface-2:#241318;--text-secondary:#b89aa4;--text-tertiary:#7d616a;--gold:#dba876;--gold-tint:#dba87624}[data-theme=sakura] .card{border-top:2px solid color-mix(in srgb, var(--brand) 32%, transparent)}[data-theme=sakura] .bg-orbs:after{content:"";opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' viewBox='0 0 300 300'%3E%3Cpath d='M20 280 C70 240 100 200 140 150 C165 118 190 95 230 60' stroke='%23f0a8c4' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cg fill='%23f0a8c4'%3E%3Ccircle cx='140' cy='136' r='13'/%3E%3Ccircle cx='152' cy='144' r='13'/%3E%3Ccircle cx='148' cy='160' r='13'/%3E%3Ccircle cx='132' cy='160' r='13'/%3E%3Ccircle cx='128' cy='144' r='13'/%3E%3Cg transform='translate(225,55) scale(0.55)'%3E%3Ccircle cx='0' cy='-14' r='13'/%3E%3Ccircle cx='12' cy='-6' r='13'/%3E%3Ccircle cx='8' cy='10' r='13'/%3E%3Ccircle cx='-8' cy='10' r='13'/%3E%3Ccircle cx='-12' cy='-6' r='13'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:34vmin;max-width:260px;height:34vmin;max-height:260px;position:absolute;bottom:-3vmin;right:-4vmin}[data-theme=sakura][data-mode=dark] .bg-orbs:after{opacity:.24}[data-theme=night-market]{--page-bg:#eef1f5;--surface:#fbfcfe;--surface-2:#e9edf3;--divider:#dfe5ec;--border:#14284614;--text-primary:#14202c;--text-secondary:#5c6b7a;--text-tertiary:#909ca9;--gold:#6787a8;--gold-tint:#e5ecf3}[data-theme=night-market][data-mode=dark]{--page-bg:#050709;--surface:#0c1117;--surface-2:#131a23;--divider:#97cfff1a;--border:#97cfff29;--text-primary:#efefef;--text-secondary:#a3b1bf;--text-tertiary:#5f6c7a;--gold:#b9c6d2;--gold-tint:#d2d2d21f;background-image:radial-gradient(120% 62% at 50% -6%,#2a4c7480,#0000 62%),radial-gradient(70% 40% at 96% 104%,#203a5c59,#0000 70%);background-attachment:fixed}[data-theme=night-market] .card,[data-theme=night-market] .stat-tile{border-radius:20px}[data-theme=night-market][data-mode=dark] .card,[data-theme=night-market][data-mode=dark] .stat-tile{border:1px solid #97cfff1f}[data-theme=night-market][data-mode=dark] .bg-orb{opacity:.08}[data-theme=night-market][data-mode=dark] .bg-orb-3{opacity:.05}:root{--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.18s;--dur-med:.32s;--dur-slow:.46s;--glass-bg:color-mix(in srgb, var(--surface) 72%, transparent);--glass-bg-strong:color-mix(in srgb, var(--surface) 88%, transparent);--glass-border:color-mix(in srgb, var(--brand) 14%, color-mix(in srgb, var(--text-primary) 7%, transparent));--glass-highlight:#ffffff73;--glass-blur:18px;--glass-shadow:0 1px 1px #00000008, 0 12px 32px #14281914, inset 0 1px 0 var(--glass-highlight)}[data-mode=dark]{--glass-bg:color-mix(in srgb, var(--surface) 58%, transparent);--glass-bg-strong:color-mix(in srgb, var(--surface) 80%, transparent);--glass-border:color-mix(in srgb, var(--brand) 20%, transparent);--glass-highlight:#ffffff12;--glass-shadow:0 0 0 1px var(--glass-border), 0 18px 44px #00000080, inset 0 1px 0 var(--glass-highlight)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.bg-orbs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}#root{z-index:1;position:relative}.bg-orb{filter:blur(70px);opacity:.22;will-change:transform;border-radius:50%;position:absolute}.bg-orb-1{background:radial-gradient(circle, var(--brand) 0%, transparent 70%);width:46vmax;height:46vmax;animation:orb-drift-1 26s var(--ease-in-out) infinite alternate;top:-18vmax;left:-14vmax}.bg-orb-2{background:radial-gradient(circle, var(--gold) 0%, transparent 70%);width:40vmax;height:40vmax;animation:orb-drift-2 32s var(--ease-in-out) infinite alternate;bottom:-16vmax;right:-12vmax}.bg-orb-3{opacity:.14;background:radial-gradient(circle, var(--ios-blue) 0%, transparent 70%);width:30vmax;height:30vmax;animation:orb-drift-3 22s var(--ease-in-out) infinite alternate;top:42%;left:62%}@keyframes orb-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(6vmax,8vmax)scale(1.12)}}@keyframes orb-drift-2{0%{transform:translate(0)scale(1)}to{transform:translate(-7vmax,-5vmax)scale(1.08)}}@keyframes orb-drift-3{0%{transform:translate(0)scale(1)}to{transform:translate(-5vmax,6vmax)scale(.94)}}[data-mode=dark] .bg-orb{opacity:.16;filter:blur(90px)}[data-mode=dark] .bg-orb-3{opacity:.1}.route-transition{animation:route-in var(--dur-med) var(--ease-out) both}.route-transition.route-settled{animation:none}@keyframes route-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{margin:0}h2{font-family:var(--display);letter-spacing:-.02em;color:var(--text-primary);margin:4px 0 16px;font-size:30px;font-weight:700}h1,h3,.page-title,.brand-name,.stat-tile .value,.shop-vendor-name{font-family:var(--display)}#root{flex-direction:column;min-height:100svh;display:flex}button{font-family:var(--sans);cursor:pointer}input,select{font-family:var(--sans);font-size:16px}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}.app-topbar{z-index:10;background:var(--glass-bg-strong);-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0}.app-topbar .brand-mark{background:var(--brand);width:30px;height:30px;color:var(--brand-contrast);letter-spacing:-.02em;border-radius:10px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.app-topbar .brand-name{color:var(--text-primary);font-size:15px;font-weight:600}.app-topbar .spacer{flex:1}.app-topbar .who{color:var(--text-secondary);font-size:13px}.app-topbar .icon-btn{background:var(--surface-2);width:32px;height:32px;color:var(--text-secondary);transition:transform var(--dur-fast) var(--ease-spring), background var(--dur-fast) ease;border:none;border-radius:16px;justify-content:center;align-items:center;display:flex}.app-topbar .icon-btn:active{background:var(--divider);transform:scale(.88)}.tab-bar{z-index:10;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-top:none;border-radius:22px;justify-content:space-around;gap:2px;max-width:640px;margin:0 auto;display:flex;position:fixed;bottom:14px;left:14px;right:14px}.tab-bar .tab{color:var(--text-tertiary);border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:60px;padding:6px 14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.tab-bar .tab svg{width:22px;height:22px}.tab-bar .tab .tab-label{font-size:10.5px;font-weight:600}.tab-bar .tab.active{color:var(--brand-dark);background:var(--brand-tint)}[data-mode=dark] .tab-bar .tab.active{color:var(--brand)}.page{padding:16px 16px calc(96px + env(safe-area-inset-bottom));width:100%;max-width:640px;margin:0 auto}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-overflow-scrolling:touch;animation:card-in var(--dur-slow) var(--ease-out) both;transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) ease;border-radius:18px;margin-bottom:16px;padding:16px;overflow-x:auto}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (hover:hover){.card:hover{border-color:color-mix(in srgb, var(--brand) 28%, var(--glass-border));transform:translateY(-2px)}}.card:first-of-type,.stat-tile:first-of-type{animation-delay:0s}.card:nth-of-type(2),.stat-tile:nth-of-type(2){animation-delay:40ms}.card:nth-of-type(3),.stat-tile:nth-of-type(3){animation-delay:80ms}.card:nth-of-type(4),.stat-tile:nth-of-type(4){animation-delay:.12s}.card:nth-of-type(5),.stat-tile:nth-of-type(5){animation-delay:.16s}.card:nth-of-type(n+6),.stat-tile:nth-of-type(n+6){animation-delay:.2s}.category-header{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-dark);margin:18px 2px 8px;font-size:12.5px;font-weight:700}.category-header:first-child{margin-top:2px}.item-avatar{background:var(--brand-tint);width:38px;height:38px;color:var(--brand-dark);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.qty-stepper{justify-content:flex-end;align-items:center;gap:8px;display:flex}.qty-stepper button{background:var(--brand);width:30px;height:30px;min-height:0;color:var(--brand-contrast);transition:transform .14s var(--ease-spring), box-shadow var(--dur-fast) ease;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:17px;font-weight:600;line-height:1;display:flex}.qty-stepper button.minus{background:var(--surface-2);color:var(--brand-dark);border:1.5px solid var(--divider)}.qty-stepper button:disabled{opacity:.4}.qty-stepper button:active:not(:disabled){transform:scale(.82)}@media (hover:hover){.qty-stepper button:hover:not(:disabled){box-shadow:0 4px 12px color-mix(in srgb, var(--brand) 35%, transparent)}}.qty-stepper input{text-align:center;width:52px;color:var(--text-primary);background:0 0;border:none;padding:0;font-size:15px;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px;display:grid}.stat-tile{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);animation:card-in var(--dur-slow) var(--ease-out) both;transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out);border-radius:18px;padding:14px 16px;position:relative;overflow:hidden}@media (hover:hover){.stat-tile:hover{box-shadow:var(--glass-shadow), 0 10px 22px color-mix(in srgb, var(--brand) 16%, transparent);transform:translateY(-3px)}}.stat-tile:before{content:"";background:var(--gold);height:3px;position:absolute;top:0;left:0;right:0}.stat-tile .label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:600}.stat-tile .value{letter-spacing:-.02em;color:var(--text-primary);margin-top:4px;font-size:28px;font-weight:700}.stat-tile .sub{color:var(--text-secondary);margin-top:2px;font-size:12px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--divider);padding:10px 6px}th{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}@media (width<=640px){.card table{display:block}.card table thead{display:none}.card table tbody,.card table tr{display:block}.card table tr{border-bottom:1px solid var(--divider);flex-wrap:wrap;gap:6px 16px;padding:12px 2px;display:flex}.card table tr:last-child{border-bottom:none}.card table td{border:none;flex:0 auto;width:auto;padding:0;display:block}.card table td[colspan]{width:100%}.card table td[data-label]:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:1px;font-size:10px;font-weight:700;display:block}.card table td.num{text-align:left}}.badge{letter-spacing:.01em;animation:badge-pop var(--dur-fast) var(--ease-spring) both;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}@keyframes badge-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.badge-pending{color:#b3660a;background:#ff950024}.badge-syncing{color:#0062cc;background:#007aff1f}.badge-synced{color:#1f8a3d;background:#34c75924}.badge-rejected{color:#d6291d;background:#ff3b3021}.badge-pending:before,.badge-syncing:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:5px;animation:1.4s ease-in-out infinite badge-pulse}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.35)}}.priority-dot{background:var(--ios-red);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:6px;animation:1s ease-in-out infinite priority-blink;display:inline-block}@keyframes priority-blink{0%,to{opacity:1}50%{opacity:.25}}.print-area{color:#111;background:#fff;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.print-area table{border-collapse:collapse;width:100%;margin-top:10px}.print-area th,.print-area td{text-align:left;border-bottom:1px solid #ccc;padding:6px 4px}.print-area .num{text-align:right}.btn,.btn-secondary{isolation:isolate;transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) ease, filter var(--dur-fast) ease;position:relative;overflow:hidden}.btn:after,.btn-secondary:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff8c,#0000);width:40%;height:100%;position:absolute;top:0;left:-60%;transform:skew(-20deg)}@media (hover:hover){.btn:hover:not(:disabled),.btn-secondary:hover:not(:disabled){transform:translateY(-2px)}.btn:hover:not(:disabled){box-shadow:0 10px 24px color-mix(in srgb, var(--brand) 34%, transparent)}.btn:hover:not(:disabled):after,.btn-secondary:hover:not(:disabled):after{opacity:1;transition:left .65s var(--ease-out), opacity var(--dur-fast) ease;left:140%}}.btn:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.96)}.btn{background:var(--brand);color:var(--brand-contrast);border:none;border-radius:14px;min-height:44px;padding:12px 18px;font-size:16px;font-weight:600}.btn:disabled{opacity:.4}.btn:active:not(:disabled){background:var(--brand-dark)}.btn-secondary{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--brand-dark);border-radius:14px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600}[data-mode=dark] .btn-secondary{color:var(--brand)}.btn-secondary:active{background:var(--divider)}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-secondary);font-size:13px;font-weight:600}.field input,.field select,.field textarea{background:var(--surface-2);color:var(--text-primary);font-family:var(--sans);transition:box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) ease, background var(--dur-fast) ease;border:1.5px solid #0000;border-radius:12px;padding:12px;font-size:16px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:color-mix(in srgb, var(--brand) 55%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 16%, transparent);background:var(--surface);outline:none}.line-item-row{border-bottom:1px solid var(--divider);grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.line-item-row:last-child{border-bottom:none}.line-item-row .item-name{font-size:15px;font-weight:500}.line-item-row .item-rate{color:var(--text-tertiary);margin-top:1px;font-size:12.5px}.line-item-row input{background:var(--surface-2);text-align:right;transition:box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) ease;border:1.5px solid #0000;border-radius:12px;padding:10px}.line-item-row input:focus{border-color:color-mix(in srgb, var(--brand) 55%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 16%, transparent);outline:none}.offline-banner{background:var(--ios-orange);color:var(--ios-orange-contrast);text-align:center;padding:8px;font-size:13px;font-weight:600}.error-text{color:var(--ios-red);margin-top:4px;font-size:13px}.skeleton-card{flex-direction:column;gap:10px;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--divider) 25%, color-mix(in srgb, var(--brand) 22%, var(--divider)) 50%, var(--divider) 75%);background-size:200% 100%;border-radius:6px;height:12px;animation:1.4s ease-in-out infinite skeleton-shimmer}.skeleton-line.w-40{width:40%}.skeleton-line.w-60{width:60%}.skeleton-line.w-80{width:80%}.skeleton-line.h-lg{height:20px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-message{color:var(--text-tertiary);animation:loading-message-in .35s var(--ease-out) both;font-size:12.5px;font-weight:600;display:inline-block}.loading-message.compact{font-size:12px}@keyframes loading-message-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.detail-panel-in{animation:detail-panel-in var(--dur-med) var(--ease-out) both;transform-origin:top}@keyframes detail-panel-in{0%{opacity:0;transform:translateY(-8px)scaleY(.96)}to{opacity:1;transform:translateY(0)scaleY(1)}}.buyer-row{border:none;border-bottom:1px solid var(--divider);text-align:left;width:100%;font:inherit;color:inherit;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:12px 4px;display:flex}.buyer-row:last-child{border-bottom:none}.buyer-row:active{background:var(--surface-2)}.buyer-row .buyer-name{font-size:15px;font-weight:600}.buyer-row .buyer-sub{color:var(--text-tertiary);margin-top:2px;font-size:12.5px}.buyer-row .buyer-balance{white-space:nowrap;font-size:13.5px;font-weight:700}.app-shell{min-height:100svh;display:flex}.sidebar{background:linear-gradient(180deg, var(--sidebar-bg) 0%, var(--sidebar-bg-2) 100%);width:232px;color:var(--sidebar-text);flex-direction:column;flex-shrink:0;padding:18px 14px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar .sidebar-brand{align-items:center;gap:10px;padding:6px 10px 22px;display:flex}.sidebar .sidebar-brand img{object-fit:cover;border-radius:9px;width:30px;height:30px}.sidebar .sidebar-brand .brand-mark{background:var(--brand);width:30px;height:30px;color:var(--brand-contrast);border-radius:9px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.sidebar .sidebar-brand .brand-name{color:#fff;letter-spacing:-.01em;font-size:15px;font-weight:700}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar .nav-item{color:var(--sidebar-text);border-radius:12px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar .nav-item svg{flex-shrink:0;width:19px;height:19px}.sidebar .nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:600}.sidebar .nav-spacer{flex:1}.sidebar .sidebar-logout{color:var(--sidebar-text);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.sidebar .sidebar-logout:active{background:var(--sidebar-active-bg)}.desktop-main{flex:1;min-width:0;margin-left:232px}.desktop-topbar{background:var(--surface);border-bottom:1px solid var(--divider);z-index:5;align-items:center;gap:14px;padding:16px 28px;display:flex;position:sticky;top:0}.desktop-topbar .page-title{letter-spacing:-.01em;font-size:19px;font-weight:700}.desktop-topbar .spacer{flex:1}.desktop-topbar .who{color:var(--text-secondary);font-size:13.5px}.desktop-topbar .avatar-circle{background:var(--brand-tint);width:34px;height:34px;color:var(--brand-dark);object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.desktop-topbar .icon-btn{background:var(--surface-2);width:34px;height:34px;color:var(--text-secondary);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.desktop-page{max-width:1280px;padding:22px 28px 40px}.dashboard-columns{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}@media (width<=960px){.dashboard-columns{grid-template-columns:1fr}}.side-panel{flex-direction:column;gap:14px;display:flex}.notification-item{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.notification-item:last-child{border-bottom:none}.notification-item .n-title{font-size:13.5px;font-weight:600}.notification-item .n-sub{color:var(--text-tertiary);margin-top:2px;font-size:12px}.hamburger-btn{background:var(--surface-2);width:38px;height:38px;color:var(--text-primary);transition:transform var(--dur-fast) var(--ease-spring), background var(--dur-fast) ease;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:none}.hamburger-btn:active{background:var(--divider);transform:scale(.9)}.sidebar-close{display:none}@media (width<=860px){.hamburger-btn{display:flex}.sidebar-close{width:30px;height:30px;color:var(--sidebar-text);background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar{z-index:60;width:82vw;max-width:280px;transition:transform var(--dur-med) var(--ease-out);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:20px 0 50px #00000059}.sidebar.open{transform:translate(0)}.sidebar .sidebar-brand{justify-content:flex-start;padding:6px 6px 22px}.sidebar .nav-item,.sidebar .sidebar-logout{justify-content:flex-start;width:auto;padding:11px 12px}.sidebar-backdrop{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:backdrop-in var(--dur-fast) ease both;background:#04080580;position:fixed;inset:0}.desktop-main{margin-left:0}.desktop-topbar{padding:12px 16px}.desktop-page{padding:14px 16px 40px}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.produce-rain{z-index:120;pointer-events:none;position:fixed;inset:0;overflow:hidden}.produce-piece{will-change:transform, opacity;animation-name:produce-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-10%}@keyframes produce-fall{0%{opacity:0;transform:translateY(0)rotate(0)}8%{opacity:1}to{opacity:.9;transform:translateY(115vh)rotate(340deg)}}.produce-rain-toast{background:var(--sidebar-bg);color:#fff;text-align:center;border-radius:16px;padding:14px 22px;font-size:14.5px;font-weight:700;line-height:1.4;animation:.35s ease-out milestone-pop;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.milestone-toast{z-index:50;background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:var(--brand-contrast);text-align:center;border-radius:999px;padding:12px 20px;font-size:13.5px;font-weight:700;animation:.3s ease-out milestone-pop;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #14613459}@keyframes milestone-pop{0%{opacity:0;transform:translate(-50%)translateY(-14px)scale(.85)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.btn.chai-morph{border-radius:50%;flex:none;width:52px;min-width:52px;padding:0}.chai-icon{font-size:20px;animation:.9s ease-in-out infinite alternate chai-steam;display:inline-block}.btn.chai-success .chai-icon{animation:.4s cubic-bezier(.175,.885,.32,1.275) chai-pop}@keyframes chai-steam{0%{transform:translateY(1px)scale(1)}to{transform:translateY(-2px)scale(1.08)}}@keyframes chai-pop{0%{transform:scale(.5)}70%{transform:scale(1.3)}to{transform:scale(1)}}.owl-mascot{z-index:40;pointer-events:none;filter:drop-shadow(0 6px 10px #00000040);align-items:flex-end;gap:2px;font-size:48px;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:-100px;right:22px;transform:translateY(0)}.owl-mascot.peek{transform:translateY(calc(-1 * (100px + 96px + env(safe-area-inset-bottom))))}.owl-mascot .owl-cup{margin-bottom:8px;font-size:16px}.owl-mascot.peek .owl-cup{animation:1.6s ease-in-out .5s 2 owl-sip}.owl-mascot.peek .owl-face{transform-origin:bottom;animation:1.6s ease-in-out .4s owl-wink}@keyframes owl-wink{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-6deg)scale(1.05)}40%{transform:rotate(4deg)scale(1)}60%{transform:rotate(0)scale(1.02)}}@keyframes owl-sip{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-8deg)}50%{transform:translateY(0)rotate(0)}}.streak-chip{background:var(--gold-tint);color:var(--gold);border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.mil-switch{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;width:68px;height:32px;padding:0;position:relative}.mil-switch-plate{background:linear-gradient(#52584d 0%,#2e322b 55%,#1c1f19 100%);border:1px solid #0c0e0a;border-radius:6px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,inset 0 -2px 4px #00000080,0 1px 2px #0006}.mil-switch-label{letter-spacing:.06em;color:#ffffff4d;font-family:Courier New,ui-monospace,monospace;font-size:8px;font-weight:700;transition:color .25s,text-shadow .25s;position:absolute;top:50%;transform:translateY(-50%)}.mil-switch-label.off{left:7px}.mil-switch-label.on{right:6px}.mil-switch[data-on=false] .mil-switch-label.off{color:#ffd23f;text-shadow:0 0 5px #ffd23f99}.mil-switch[data-on=true] .mil-switch-label.on{color:#c7e83a;text-shadow:0 0 6px #c7e83abf}.mil-switch-knob{background:linear-gradient(#9a9f92 0%,#63685c 45%,#3a3d35 100%);border:1px solid #101208;border-radius:4px;justify-content:center;align-items:center;width:26px;height:24px;transition:left .32s cubic-bezier(.2,1.4,.4,1);display:flex;position:absolute;top:3px;left:3px;box-shadow:0 2px 3px #00000080,inset 0 1px #ffffff40}.mil-switch[data-on=true] .mil-switch-knob{left:calc(100% - 29px)}.mil-switch-led{background:#ffd23f;border-radius:50%;width:6px;height:6px;transition:background .25s,box-shadow .25s;box-shadow:0 0 4px 1px #ffd23fe6}.mil-switch[data-on=true] .mil-switch-led{background:#c7e83a;box-shadow:0 0 6px 2px #c7e83ae6}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}.theme-picker{display:inline-flex;position:relative}.theme-picker-menu{z-index:30;background:var(--glass-bg-strong);min-width:190px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);animation:theme-picker-in var(--dur-med) var(--ease-spring);transform-origin:100% 0;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}@keyframes theme-picker-in{0%{opacity:0;transform:translateY(-8px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.theme-picker-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);padding:6px 10px 4px;font-size:10.5px;font-weight:700}.theme-picker-option{width:100%;color:var(--text-primary);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.theme-picker-option:active{background:var(--surface-2)}.theme-picker-option.active{background:var(--brand-tint);color:var(--brand-dark);font-weight:700}.theme-picker-swatch{width:14px;height:14px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--divider);border-radius:50%;flex-shrink:0}.theme-picker-reset{border-top:1px solid var(--divider);color:var(--text-secondary);margin-top:2px;padding-top:9px;font-size:12.5px}.sakura-petal-layer{z-index:30;pointer-events:none;will-change:transform, opacity;position:fixed}.sakura-petal-svg{filter:drop-shadow(0 1px 2px #781e3c2e);display:block}.sakura-petal-layer.falls-through{animation-name:sakura-fall-through;animation-timing-function:ease-in;animation-fill-mode:forwards;top:-8vh}@keyframes sakura-fall-through{0%{transform:translate(0, 0) rotate(var(--rot-start,0deg));opacity:0}10%{opacity:.95}to{transform:translate(var(--sway,46px), 120vh) rotate(var(--rot-end,300deg));opacity:.85}}.sakura-petal-layer.falls-and-lands{bottom:var(--rest-bottom,0px);animation-name:sakura-fall-land;animation-timing-function:cubic-bezier(.33,.6,.4,1);animation-fill-mode:forwards}@keyframes sakura-fall-land{0%{transform:translate(0, -105vh) rotate(var(--rot-start,0deg));opacity:0}10%{opacity:1}to{transform:translate(var(--sway,18px), 0) rotate(var(--rot-end,210deg));opacity:1}}.sakura-petal-layer.resting{bottom:var(--rest-bottom,0px);transform:translate(var(--wind-x,0px), 0)}.sakura-petal-rest-inner{animation:sakura-idle-sway var(--sway-dur,4.5s) ease-in-out infinite;animation-delay:var(--sway-delay,0s);transform-origin:50% 85%}@keyframes sakura-idle-sway{0%,to{transform:rotate(var(--rot-a,-6deg)) translateY(0)}50%{transform:rotate(var(--rot-b,6deg)) translateY(-2px)}}.sakura-petal-layer.blown-away{bottom:var(--rest-bottom,0px);animation:.85s ease-in forwards sakura-blow-away}@keyframes sakura-blow-away{0%{transform:translate(var(--wind-x,0px), 0) rotate(0deg);opacity:1}to{transform:translate(calc(var(--blow-dir,1) * 140px), -40px) rotate(calc(var(--blow-dir,1) * 260deg));opacity:0}}.recap-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);animation:backdrop-in var(--dur-fast) ease both;background:#0a0e0c80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.recap-backdrop.recap-closing{animation:.2s both recap-backdrop-out}@keyframes recap-backdrop-out{to{opacity:0}}.recap-card{background:var(--glass-bg-strong);width:100%;max-width:380px;-webkit-backdrop-filter:saturate(180%) blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), 0 24px 60px #00000047;animation:recap-card-in .4s var(--ease-spring) both;border-radius:22px;padding:26px 22px 22px;position:relative}.recap-backdrop.recap-closing .recap-card{animation:.2s both recap-card-out}@keyframes recap-card-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes recap-card-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.96)}}.recap-close{background:color-mix(in srgb, var(--text-primary) 8%, transparent);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}.recap-header{text-align:center;margin-bottom:18px}.recap-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--brand);margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.recap-title{color:var(--text-primary);font-size:20px;font-weight:800;display:block}.recap-sub{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.recap-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.recap-stat{background:color-mix(in srgb, var(--brand) 7%, var(--surface));border:1px solid var(--divider);animation:recap-stat-in .35s var(--ease-out) both;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.recap-stat:first-child{animation-delay:50ms}.recap-stat:nth-child(2){animation-delay:.11s}.recap-stat:nth-child(3){animation-delay:.17s}.recap-stat:nth-child(4){animation-delay:.23s}@keyframes recap-stat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.recap-stat-icon{background:color-mix(in srgb, var(--brand) 16%, transparent);width:32px;height:32px;color:var(--brand-dark);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.recap-stat>div{flex-direction:column;min-width:0;display:flex}.recap-stat-value{color:var(--text-primary);font-size:16.5px;font-weight:800;line-height:1.2}.recap-stat-label{color:var(--text-tertiary);font-size:11px;line-height:1.3}.recap-pending{color:var(--ios-orange);background:color-mix(in srgb, var(--ios-orange) 12%, transparent);border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:12.5px;display:flex}.recap-pending svg{flex:none}.recap-dismiss{width:100%}.live-clock{flex-direction:column;line-height:1.25;display:flex}.live-clock-compact{border-right:1px solid var(--divider);align-items:flex-end;margin-right:10px;padding-right:12px}.live-clock-compact .live-clock-time{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.live-clock-compact .live-clock-date{color:var(--text-tertiary);white-space:nowrap;font-size:10.5px}@media (width<=760px){.live-clock-compact{display:none}}.live-clock-large{text-align:center;align-items:center}.live-clock-large .live-clock-time{letter-spacing:.01em;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.live-clock-large .live-clock-date{color:var(--text-tertiary);letter-spacing:.03em;text-transform:uppercase;margin-top:2px;font-size:12.5px}.login-shell{min-height:100dvh;padding:24px 18px calc(24px + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.login-card{background:var(--glass-bg-strong);width:100%;max-width:380px;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), 0 30px 70px #0000001a;animation:card-in var(--dur-slow) var(--ease-out) both;border-radius:26px;padding:30px 26px 28px}.login-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.login-logo{object-fit:cover;width:56px;height:56px;box-shadow:0 8px 20px color-mix(in srgb, var(--brand) 35%, transparent);border-radius:16px;margin-bottom:12px}.login-logo-fallback{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:var(--brand-contrast);justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.login-business-name{color:var(--text-primary);font-size:19px;font-weight:800}.login-tagline{color:var(--text-tertiary);letter-spacing:.02em;margin-top:3px;font-size:12.5px}.login-card .live-clock-large{border-top:1px solid var(--divider);padding-top:18px}.login-card .field:last-of-type{margin-bottom:18px}.shop-shell{flex-direction:column;min-height:calc(100vh - 56px);display:flex}.shop-topbar{border-bottom:1px solid var(--divider);background:var(--surface);align-items:center;gap:10px;padding:12px 14px;display:flex}.shop-topbar-title{flex-direction:column;min-width:0;display:flex}.shop-vendor-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:700;overflow:hidden}.shop-vendor-sub{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.shop-browse{flex:1;min-height:0;display:flex}.shop-rail{background:var(--surface-2);border-right:1px solid var(--divider);flex-direction:column;flex-shrink:0;gap:2px;width:82px;padding:8px 4px;display:flex;overflow-y:auto}.shop-rail-item{color:var(--text-secondary);text-align:center;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;display:flex}.shop-rail-item.active{background:var(--brand-tint);color:var(--brand-dark)}.shop-rail-item.active .shop-rail-icon{background:var(--brand);color:var(--brand-contrast)}.shop-rail-icon{background:var(--surface);border:1px solid var(--divider);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.shop-rail-label{font-size:10.5px;font-weight:600;line-height:1.2}.shop-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.shop-filter-bar{background:var(--surface);border-bottom:1px solid var(--divider);z-index:2;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.shop-search{background:var(--surface-2);color:var(--text-tertiary);border-radius:999px;flex:1;align-items:center;gap:6px;min-width:0;padding:8px 12px;display:flex}.shop-search input{min-width:0;color:var(--text-primary);background:0 0;border:none;flex:1;font-size:13.5px}.shop-search input:focus{outline:none}.shop-sort{background:var(--surface-2);color:var(--text-secondary);border:none;border-radius:999px;flex-shrink:0;padding:8px 10px;font-size:12.5px;font-weight:600}.shop-grid{padding:16px;padding-bottom:calc(170px + env(safe-area-inset-bottom));grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.shop-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:10px}.shop-card-photo{aspect-ratio:1/.9;background:var(--surface-2);border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:8px;display:flex;position:relative;overflow:hidden}.shop-card-photo img{object-fit:cover;width:100%;height:100%}.shop-card-photo>span{color:var(--brand-dark);font-size:26px;font-weight:700}.shop-add-pill{border:1px solid var(--brand);background:var(--surface);height:30px;min-height:0;color:var(--brand);text-transform:uppercase;letter-spacing:.04em;transition:transform .14s var(--ease-spring);border-radius:9px;justify-content:center;align-items:center;padding:0 22px;font-size:13px;font-weight:700;line-height:1;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000024}.shop-add-pill:active{transform:translate(-50%)scale(.92)}.shop-add-stepper{background:var(--brand);color:var(--brand-contrast);border-radius:9px;align-items:center;padding:2px;display:flex;box-shadow:0 3px 10px #0000002e}.shop-add-stepper.wide{justify-content:space-between;height:30px;position:absolute;bottom:8px;left:8px;right:8px}.shop-add-stepper button{width:28px;height:26px;min-height:0;color:inherit;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:17px;font-weight:700;line-height:1;display:flex}.shop-add-stepper input{width:44px;min-width:0;color:inherit;text-align:center;appearance:textfield;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:700}.shop-add-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.shop-add-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.shop-add-stepper input:focus{outline:none}.shop-card-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.25}.shop-card-sub{color:var(--text-tertiary);margin-top:2px;font-size:11px}.shop-card-price{color:var(--brand-dark);margin-top:4px;font-size:14px;font-weight:700}.shop-cart-bar{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--brand) 78%, transparent);-webkit-backdrop-filter:blur(16px)saturate(160%);width:min(92%,420px);color:var(--brand-contrast);box-shadow:0 12px 28px color-mix(in srgb, var(--brand) 35%, transparent);z-index:20;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}.seg-toggle-wrap{justify-content:center;padding:12px 16px 0;display:flex}.seg-toggle{background:var(--surface-2);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg-toggle button{min-height:34px;color:var(--text-secondary);transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:none;border-radius:9px;padding:6px 26px;font-size:13.5px;font-weight:600}.seg-toggle button.active{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 4px #0000001f}.shop-cart-bar.above-tabs{bottom:calc(96px + env(safe-area-inset-bottom))}.shop-cart-bar>span:nth-child(2){text-align:left;flex:1}.shop-cart-bar-icon{display:flex;position:relative}.shop-cart-bar-count{background:var(--brand-contrast);color:var(--brand);border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:10px;display:flex;position:absolute;top:-7px;right:-8px}@media (width>=640px){.shop-grid{grid-template-columns:repeat(3,1fr)}}