@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg:#0a0f1e;--bg-soft:#131b32;--text:#fff;--muted:#ffffffb8;--accent:#f2a623;--accent-strong:#ffbe45;--card:#ffffff0d;--card-border:#ffffff1a;--danger:#ef5350}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(circle at 10% 0%, #f2a6232e 0%, transparent 35%), radial-gradient(circle at 90% 10%, #ffffff14 0%, transparent 30%), var(--bg);color:var(--text);min-height:100vh;padding-bottom:calc(70px + env(safe-area-inset-bottom));margin:0;font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.app-shell{flex-direction:column;gap:1.2rem;width:min(1200px,100% - 2rem);margin:1.2rem auto 2rem;display:flex}.app-main{flex-direction:column;gap:1.2rem;display:flex}.sync-alert{background:#ef53501f;border-color:#ef535073;padding:.7rem .9rem}.sync-alert p{color:#ffb3a6;font-size:.88rem;line-height:1.4}.glass-card{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);border-radius:16px}.page{flex-direction:column;gap:1.2rem;display:flex}.page-enter{animation:.45s fadeInPage}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navbar{justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:flex}.brand-wrap{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.brand-logo{object-fit:cover;border:1px solid #fff3;border-radius:50%;width:44px;height:44px}.brand-name{font-size:1.08rem;font-weight:600}.sync-badge{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .56rem;font-size:.78rem;line-height:1;display:inline-flex}.sync-badge .dot{background:#f2a623;border-radius:50%;width:7px;height:7px}.sync-badge.online{color:#7ee7b2;background:#3ecf8e1f;border-color:#3ecf8e73}.sync-badge.online .dot{background:#3ecf8e}.sync-badge.checking{color:#b8d9ff;background:#60a5fa1f;border-color:#60a5fa73}.sync-badge.checking .dot{background:#60a5fa}.sync-badge.degraded{color:#ff9f8e;background:#ef53501f;border-color:#ef535073}.sync-badge.degraded .dot{background:#ef5350}.sync-badge.local{color:#ffd57f;background:#f2a6231f;border-color:#f2a62366}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:.85rem;display:flex}.nav-links a{border-radius:999px;padding:.45rem .8rem;transition:color .2s,background-color .2s}.nav-links a.active{color:var(--accent);background:#f2a62326}.nav-links a:hover{color:var(--accent)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.page-header h2{font-size:clamp(1.3rem,2.2vw,1.7rem)}.page-header p{color:var(--muted)}.view-mode-switch{align-items:center;gap:.35rem;padding:.35rem;display:inline-flex}.view-mode-switch a{color:var(--muted);border-radius:999px;padding:.45rem .9rem;transition:background-color .2s,color .2s}.view-mode-switch a.active{color:var(--accent);background:#f2a62326}.metrics-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:.9rem;display:grid}.metric-card{padding:1rem}.history-summary{grid-template-columns:repeat(3,minmax(170px,1fr));gap:.9rem;display:grid}.metric-title{color:var(--muted);font-size:.9rem}.metric-value{margin-top:.45rem;font-size:clamp(1.3rem,2.5vw,1.75rem)}.metric-subtitle{color:var(--muted);margin-top:.35rem;font-size:.86rem}.chart-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:1rem;display:grid}.chart-card{padding:1rem}.chart-card h2{margin-bottom:1rem;font-size:1.05rem}.chart-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.chart-card-header h2{margin-bottom:0}.trend-range-toggle{background:#090e1ed9;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem;display:inline-flex}.trend-range-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.34rem .62rem;font-size:.78rem;transition:color .2s,background-color .2s}.trend-range-toggle button:hover{color:#fff}.trend-range-toggle button.active{color:var(--accent);background:#f2a62326}.chart-card-wide{grid-column:span 2}.flavor-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:stretch;gap:.8rem;display:grid}.entry-mode-toggle{grid-template-columns:1fr 1fr;gap:.4rem;padding:.35rem;display:grid}.entry-mode-toggle button{color:var(--muted);cursor:pointer;background:#090e1ecc;border:1px solid #fff3;border-radius:999px;min-height:42px;transition:border-color .2s,color .2s,background-color .2s}.entry-mode-toggle button:hover{color:#fff;border-color:#ffffff61}.entry-mode-toggle button.active{color:var(--accent);background:#f2a62324;border-color:#f2a6238c}.quick-list-panel{flex-direction:column;gap:.7rem;padding:.8rem;display:flex}.quick-list-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.quick-list-header span{color:var(--muted)}.quick-list-header h3,.quick-list-header span,.quick-list-copy p,.quick-list-copy small{text-align:left}.quick-list-header span{margin-left:0}.quick-list-grid{flex-direction:column;gap:.6rem;display:flex}.quick-list-row{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:minmax(160px,1.2fr) minmax(260px,2fr);align-items:stretch;gap:.8rem;padding:.68rem;transition:border-color .2s,background-color .2s;display:grid}.quick-list-row:hover{background:#f2a6230f;border-color:#f2a62352}.quick-list-copy{flex-direction:column;gap:.2rem;display:flex}.quick-list-copy p{word-break:break-word;font-weight:600;line-height:1.3}.quick-list-copy small{color:var(--muted);line-height:1.25}.quick-list-controls{grid-template-columns:42px 1fr 42px auto;align-items:center;gap:.5rem;min-width:0;display:grid}.quick-list-controls .stepper-btn{height:40px;font-size:1.2rem}.quick-list-controls input[type=range]{width:100%;accent-color:var(--accent);margin:0}.quick-list-qty-badge{text-align:center;color:#fff;background:#ffffff0f;border:1px solid #ffffff38;border-radius:999px;min-width:40px;padding:.38rem .55rem;font-weight:600}.qty-edit-trigger{cursor:text}.quick-list-qty-input{text-align:center;border-radius:999px;width:62px;padding:.38rem .4rem;font-weight:600}.quick-list-summary{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.quick-list-summary p{color:var(--muted);background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;padding:.35rem .6rem;font-size:.84rem}.quick-list-floating-spacer{height:78px}.quick-list-floating-add{right:1rem;bottom:calc(.9rem + env(safe-area-inset-bottom));z-index:34;-webkit-backdrop-filter:blur(8px);background:#090e1ef5;border:1px solid #ffffff2e;border-radius:14px;align-items:center;gap:.6rem;max-width:min(92vw,640px);padding:.55rem .65rem;animation:.2s floatingSlideUp;display:flex;position:fixed;box-shadow:0 12px 28px #00000057}@keyframes floatingSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quick-list-floating-add p{color:var(--muted);white-space:nowrap;font-size:.86rem}.quick-list-floating-actions{align-items:center;gap:.45rem;display:flex}.quick-list-floating-actions .outline-btn,.quick-list-floating-actions .cta-btn{min-height:40px}.mobile-help{color:var(--muted);padding:.85rem 1rem}.sale-details-panel,.cart-panel{padding:.85rem}.sale-details-panel h3,.cart-panel h3{margin-bottom:.65rem}.cart-header{justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.65rem;display:flex}.cart-header span,.cart-empty{color:var(--muted)}.cart-list{flex-direction:column;gap:.55rem;display:flex}.cart-row{background:#ffffff08;border:1px solid #ffffff1c;border-radius:12px;justify-content:space-between;align-items:center;gap:.8rem;padding:.65rem;display:flex}.cart-row p{font-weight:600}.cart-row small{color:var(--muted)}.cart-row-right{align-items:center;gap:.6rem;display:flex}.cart-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;display:flex}.cart-actions-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.flavor-search{grid-template-columns:1fr auto;align-items:center;gap:.6rem;padding:.75rem;display:grid}.flavor-search input{min-width:0}.flavor-card{color:var(--text);cursor:pointer;border:2px solid #ffffff14;flex-direction:column;align-items:stretch;gap:.7rem;width:100%;height:100%;padding:.8rem;transition:transform .2s,box-shadow .25s,border-color .25s,background-color .25s;display:flex;position:relative;overflow:hidden}.flavor-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#0000 34%),radial-gradient(circle at 100% 0,#f2a62329,#0000 30%);position:absolute;inset:0}.flavor-card:hover{background:#ffffff12;transform:translateY(-4px);box-shadow:0 8px 25px #f2a62338}.flavor-card.selected{border-color:var(--accent);background:#0e1528f2;box-shadow:0 0 0 2px #f2a62333,0 12px 26px #f2a6234d}.flavor-card.selected:before{background:linear-gradient(#ffffff1f,#0000 34%),radial-gradient(circle at 100% 0,#f2a62338,#0000 32%)}.flavor-visual{isolation:isolate;background:linear-gradient(#ffffff1f,#ffffff08),radial-gradient(circle at 50% 18%,#f2a62347,#0000 55%),#090e1ed9;border:1px solid #ffffff14;border-radius:18px;place-items:center;min-height:150px;display:grid;position:relative;overflow:hidden}.flavor-visual:after{content:"";filter:blur(10px);background:#00000047;border-radius:50%;height:14px;position:absolute;inset:auto 12px 10px}.flavor-halo{filter:blur(8px);background:radial-gradient(circle,#f2a6238c 0%,#f2a62314 55%,#0000 72%);border-radius:50%;width:96px;height:96px;position:absolute}.flavor-image{object-fit:contain;z-index:1;filter:drop-shadow(0 12px 18px #00000061);width:98px;height:98px;transition:transform .25s;position:relative}.flavor-card:hover .flavor-image{transform:translateY(-4px)scale(1.04)}.flavor-copy{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.28rem;min-height:3.5rem;display:flex;position:relative}.flavor-name{justify-content:center;align-items:center;min-height:2.4em;font-weight:600;line-height:1.2;display:flex}.flavor-hint{color:var(--muted);font-size:.76rem;line-height:1.2}.price-tag{z-index:3;color:#120d04;text-shadow:0 1px #fff3;background:linear-gradient(135deg,#ffd36f,#f2a623);border:1px solid #ffffff47;border-radius:999px;padding:.34rem .78rem;font-size:.84rem;font-weight:700;line-height:1;position:absolute;top:.7rem;right:.7rem;box-shadow:0 10px 18px #f2a62361}.sale-form{flex-direction:column;gap:1rem;padding:1rem;display:flex}.sheet-backdrop{z-index:30;background:#040710eb;justify-content:center;align-items:flex-end;padding:1rem;display:flex;position:fixed;inset:0}.sale-sheet{-webkit-backdrop-filter:none;background:linear-gradient(#1b2642,#101a33);border:1px solid #fff3;border-radius:24px;flex-direction:column;gap:1rem;width:min(560px,100%);max-height:calc(100vh - 1.2rem);padding:.9rem;display:flex;overflow-y:auto;box-shadow:0 -10px 40px #00000059}.sale-sheet input,.sale-sheet select{background:#0f1931}.sale-sheet .stepper-btn,.sale-sheet .quick-qty,.sale-sheet .outline-btn{background:#18233e}.sheet-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.sheet-handle{background:#ffffff47;border-radius:999px;width:64px;height:5px;margin:0 auto}.sheet-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.sheet-product{align-items:center;gap:.8rem;min-width:0;display:flex}.sheet-product h3{font-size:1.1rem}.sheet-product p{color:var(--muted);line-height:1.3}.sheet-product-image{object-fit:contain;filter:drop-shadow(0 10px 16px #00000042);background:linear-gradient(#ffffff1f,#ffffff08),radial-gradient(circle at 50% 18%,#f2a6233d,#0000 58%),#090e1ed9;border:1px solid #ffffff14;border-radius:18px;width:78px;height:78px;padding:.4rem}.quantity-panel{flex-direction:column;gap:.65rem;display:flex}.quantity-panel span{color:var(--muted);font-size:.92rem}.stepper{grid-template-columns:52px 1fr 52px;align-items:center;gap:.5rem;display:grid}.stepper input{text-align:center;font-size:1.1rem;font-weight:600}.stepper-btn{height:48px;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:12px;font-size:1.4rem}.stepper-btn:hover{border-color:var(--accent);color:var(--accent)}.quick-qty-row{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.quick-qty{color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:12px;min-height:44px;padding:.7rem .6rem}.quick-qty.active,.quick-qty:hover{border-color:var(--accent);color:var(--accent);background:#f2a62314}.compact-form-grid,.sale-details-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.form-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:.8rem;display:grid}label{color:var(--muted);flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}input,select{color:var(--text);background:#090e1ed9;border:1px solid #fff3;border-radius:10px;outline:none;padding:.62rem .72rem}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f2a62333}.cta-btn{background:var(--accent);color:#141414;cursor:pointer;border:none;border-radius:999px;padding:.7rem 1.35rem;font-weight:600;transition:transform .2s,box-shadow .25s,background-color .2s}.cta-btn:hover{background:var(--accent-strong);transform:translateY(-3px);box-shadow:0 14px 26px #f2a62359}.cta-btn:active{transform:translateY(-1px)scale(.99)}.cta-large{width:fit-content;min-width:250px;font-size:1rem}.cta-full{width:100%}.toast{color:#fff;opacity:0;pointer-events:none;background:#22a85a;border-radius:10px;padding:.72rem 1rem;transition:opacity .25s,transform .25s;position:fixed;bottom:1.2rem;right:1.2rem;transform:translateY(16px)}.toast.show{opacity:1;transform:translateY(0)}.filter-bar{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:.8rem;padding:.8rem;display:grid}.dashboard-filter-bar{flex-direction:column;gap:.65rem;padding:.8rem;display:flex}.dashboard-range-buttons{flex-wrap:wrap;gap:.45rem;display:flex}.dashboard-range-buttons button{color:var(--muted);cursor:pointer;background:#090e1ed9;border:1px solid #fff3;border-radius:999px;min-height:38px;padding:.44rem .8rem;transition:border-color .2s,color .2s,background-color .2s}.dashboard-range-buttons button:hover{color:#fff;border-color:#ffffff59}.dashboard-range-buttons button.active{color:var(--accent);background:#f2a62329;border-color:#f2a6238c}.dashboard-custom-range{grid-template-columns:repeat(2,minmax(160px,1fr));gap:.7rem;display:grid}.dashboard-range-subtitle{color:var(--muted);font-size:.86rem}.filter-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.active-filter-chips{flex-wrap:wrap;gap:.45rem;display:flex}.filter-chip{color:var(--muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;padding:.3rem .58rem;font-size:.78rem}.filter-chip-readonly{cursor:default}.sort-header{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.export-btn{white-space:nowrap}.cta-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.outline-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:10px;padding:.6rem 1rem;transition:border-color .2s,color .2s}.outline-btn:hover{border-color:var(--accent);color:var(--accent)}.outline-btn:active{transform:scale(.99)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.table-wrap,.leaderboard-wrap{padding:.5rem;overflow-x:auto}.records-table,.leaderboard-table{border-collapse:collapse;width:100%;min-width:880px}.records-table th,.records-table td,.leaderboard-table th,.leaderboard-table td{text-align:left;border-bottom:1px solid #ffffff1a;padding:.68rem}.records-table th,.leaderboard-table th,.records-table tfoot td{color:var(--accent);font-weight:600}.records-table tfoot td{border-top:1px solid #ffffff1a}.flavor-cell{align-items:center;gap:.45rem;display:flex}.flavor-cell img{object-fit:contain;background:#ffffff0f;border-radius:8px;width:32px;height:32px}.delete-btn{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:8px;min-height:42px;padding:.5rem .8rem}.delete-btn:hover{background:#ef535026}.empty-row{text-align:center;color:var(--muted)}.pagination{bottom:calc(env(safe-area-inset-bottom) + .35rem);-webkit-backdrop-filter:blur(6px);background:#0c1222eb;border:1px solid #ffffff1f;border-radius:12px;justify-content:flex-end;align-items:center;gap:.7rem;padding:.6rem .75rem;display:flex;position:sticky}.report-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:1rem;display:grid}.report-card{flex-direction:column;gap:.55rem;padding:1rem;display:flex}.report-card h3{margin-bottom:.4rem}.report-desc{color:var(--muted);margin-bottom:.4rem;font-size:.84rem}.mobile-sales-list{gap:.6rem;display:none}.mobile-sale-card{flex-direction:column;gap:.65rem;padding:.75rem;display:flex}.mobile-sale-top{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.mobile-sale-top .flavor-cell{min-width:0}.mobile-sale-top .flavor-cell div{flex-direction:column;gap:.1rem;display:flex}.mobile-sale-top p{color:var(--muted);font-size:.82rem}.mobile-sale-meta{color:var(--muted);grid-template-columns:1fr 1fr;gap:.35rem .6rem;font-size:.88rem;display:grid}.mobile-sale-empty{text-align:center;color:var(--muted)}.mobile-sticky-checkout{display:none}.analysis-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:1rem;display:grid}.share-wrap{align-items:center;gap:.6rem;display:flex}.progress{background:#ffffff1f;border-radius:999px;width:130px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%}@media (width<=1024px){.metrics-grid,.history-summary{grid-template-columns:repeat(2,minmax(170px,1fr))}.chart-grid,.analysis-grid,.report-grid{grid-template-columns:1fr}.chart-card-wide{grid-column:span 1}.form-grid,.filter-bar{grid-template-columns:repeat(2,minmax(130px,1fr))}}@media (width<=680px){body{overflow-x:hidden}.app-shell{gap:.85rem;width:min(1200px,100% - .6rem);margin-top:.55rem}.navbar{flex-direction:column;align-items:flex-start;padding:.75rem}.nav-links{scrollbar-width:none;justify-content:flex-start;gap:.45rem;width:100%;padding-bottom:.2rem;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;align-items:center;min-height:42px;display:inline-flex}.sync-badge{font-size:.74rem}.view-mode-switch{grid-template-columns:1fr 1fr;gap:.4rem;width:100%;display:grid}.view-mode-switch a{text-align:center;justify-content:center;align-items:center;min-height:42px;display:flex}.page{gap:.85rem}.page-header{flex-direction:column;align-items:flex-start;gap:.35rem}.metrics-grid,.history-summary,.form-grid,.filter-bar,.sale-details-grid{grid-template-columns:1fr}.dashboard-range-buttons{grid-template-columns:1fr;display:grid}.dashboard-custom-range{grid-template-columns:1fr}.sale-details-panel,.cart-panel,.quick-list-panel,.flavor-search{padding:.75rem}.mobile-help,.quick-list-summary{display:none}.cart-footer{flex-direction:column;align-items:stretch}.cart-footer .cta-btn{width:100%}.cart-actions-row{grid-template-columns:1fr;width:100%;display:grid}.cart-actions-row .outline-btn,.cart-actions-row .cta-btn{width:100%}.cart-row{flex-direction:column;align-items:stretch;gap:.45rem}.cart-row-right{justify-content:space-between;width:100%}.sheet-actions{grid-template-columns:1fr}.chart-card-header{flex-direction:column;align-items:flex-start;gap:.6rem}.trend-range-toggle{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.trend-range-toggle button{text-align:center;min-height:38px}.filter-actions{grid-template-columns:1fr;width:100%;display:grid}.active-filter-chips{gap:.35rem}.pagination{justify-content:space-between;width:100%}.export-btn,.filter-actions .outline-btn{width:100%}.flavor-search,.entry-mode-toggle{grid-template-columns:1fr}.quick-list-header{flex-direction:column;align-items:flex-start;gap:.3rem}.page-header,.page-header h2,.page-header p,.quick-list-header,.quick-list-header h3,.quick-list-header span,.quick-list-copy,.quick-list-copy p,.quick-list-copy small,.quick-list-floating-add p{text-align:left}.quick-list-header h3,.quick-list-header span{width:100%;display:block}.quick-list-row{grid-template-columns:1fr;gap:.55rem}.quick-list-controls{grid-template-columns:38px minmax(0,1fr) 38px auto;align-items:center;gap:.38rem}.quick-list-controls .stepper-btn{height:36px;font-size:1rem}.quick-list-qty-badge{min-width:34px;padding:.28rem .45rem}.quick-list-qty-input{width:54px;padding:.28rem .34rem}.quick-list-qty-badge,.quick-list-qty-input{line-height:1.2}.quick-list-floating-spacer{height:130px}.quick-list-floating-add{left:.55rem;right:.55rem;bottom:calc(.55rem + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:.45rem;padding:.6rem}.quick-list-floating-add.with-mobile-checkout{bottom:calc(4.8rem + env(safe-area-inset-bottom))}.quick-list-floating-add p{white-space:normal;text-align:left}.quick-list-floating-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.quick-list-floating-actions .outline-btn,.quick-list-floating-actions .cta-btn,.flavor-search .cta-btn,.flavor-search .outline-btn{width:100%}.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.flavor-card{border-radius:14px;padding:.65rem .5rem}.flavor-visual{border-radius:14px;min-height:118px}.flavor-image{width:74px;height:74px}.flavor-copy{gap:.16rem;min-height:3rem}.flavor-name{min-height:2.2em;font-size:.94rem}.flavor-hint{font-size:.72rem}.sheet-backdrop{align-items:flex-end;padding:.2rem}.sale-sheet{border-radius:16px 16px 10px 10px;gap:.72rem;width:100%;max-height:calc(100vh - .2rem);padding:.7rem}.sheet-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.55rem}.sheet-header .outline-btn{padding:.48rem .62rem;font-size:.88rem}.sheet-product{gap:.52rem}.sheet-product h3{font-size:.98rem;line-height:1.2}.sheet-product p{font-size:.88rem;line-height:1.2}.sheet-product-image{border-radius:12px;width:56px;height:56px;padding:.35rem}.stepper{grid-template-columns:44px 1fr 44px;gap:.4rem}.stepper-btn{height:42px;font-size:1.15rem}.stepper input{height:42px;padding-inline:.4rem;font-size:.98rem}.quick-qty-row{grid-template-columns:1fr 1fr;gap:.4rem}.quick-qty{min-height:40px;padding:.55rem .45rem}.pagination{z-index:8;background:#0a0f1eeb;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;padding:.55rem;position:sticky;bottom:.35rem}.table-wrap{display:none}.mobile-sales-list{display:grid}.mobile-sticky-checkout{left:.55rem;right:.55rem;bottom:calc(.55rem + env(safe-area-inset-bottom));z-index:35;background:#090e1ef5;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.6rem;padding:.6rem .7rem;display:flex;position:fixed;box-shadow:0 14px 30px #0000004d}.mobile-sticky-checkout p{color:var(--muted);text-align:left;font-size:.86rem}.mobile-sticky-checkout .cta-btn{width:100%;min-width:130px;padding:.62rem .95rem}}@media (width<=420px){.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-list-header h3{font-size:.96rem}.quick-list-header span,.quick-list-copy small,.quick-list-floating-add p{font-size:.82rem}.quick-list-controls{grid-template-columns:36px minmax(0,1fr) 36px auto}.price-tag{padding:.26rem .62rem;font-size:.78rem;top:.5rem;right:.5rem}.sheet-product-image{width:50px;height:50px}.sheet-header .outline-btn{min-width:60px}.quick-list-floating-actions{grid-template-columns:1fr}}