@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)}.mobile-bottom-nav,.mobile-more-backdrop{display:none}.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}.shop-selector{align-items:center;gap:.6rem;display:flex}.shop-selector-label{color:var(--muted);font-size:.9rem;font-weight:500}.shop-selector-select{color:var(--accent);cursor:pointer;background:#f2a62314;border:1px solid #f2a6234d;border-radius:8px;padding:.5rem .8rem;font-weight:500;transition:all .2s}.shop-selector-select:hover{border-color:var(--accent);background:#f2a62326}.shop-selector-select:focus{border-color:var(--accent);background:#f2a62326;outline:none}.branch-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;padding:.18rem .5rem;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.branch-badge-shop-1{color:#6ee7b7;background:#10b98133;border:1px solid #10b98173}.branch-badge-shop-2{color:#7dd3fc;background:#38bdf833;border:1px solid #38bdf873}.cta-btn .branch-badge-shop-1{color:#064e3b;background:#a7f3d0;border:1px solid #064e3b59}.cta-btn .branch-badge-shop-2{color:#0c4a6e;background:#bae6fd;border:1px solid #0c4a6e59}.outline-btn .branch-badge-shop-1{color:#6ee7b7;background:#10b98129;border:1px solid #10b98166}.outline-btn .branch-badge-shop-2{color:#7dd3fc;background:#38bdf829;border:1px solid #38bdf866}.cart-checkout-btn,.mobile-sticky-checkout .cta-btn,.sheet-actions button,.quick-list-floating-actions .cta-btn{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.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:44px minmax(0,1fr) 44px auto;align-items:center;gap:.5rem;min-width:0;display:grid}.quick-list-controls .stepper-btn{box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:1.3rem;display:flex}.quick-list-controls input[type=range]{width:100%;height:44px;min-height:44px;accent-color:var(--accent);cursor:pointer;margin:0}.quick-list-qty-badge{text-align:center;color:#fff;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;min-width:44px;height:44px;min-height:44px;padding:.35rem .5rem;font-size:.95rem;font-weight:600;display:inline-flex}.qty-edit-trigger{cursor:pointer}.quick-list-qty-input{text-align:center;box-sizing:border-box;border-radius:10px;width:58px;height:44px;min-height:44px;padding:.35rem .4rem;font-size:.95rem;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{padding:1rem;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;background:#040710eb;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sale-sheet{width:min(560px,100%);padding:1.1rem;padding-bottom:calc(16px + env(safe-area-inset-bottom));-webkit-backdrop-filter:none;background:linear-gradient(#1b2642,#101a33);border:1px solid #fff3;border-radius:24px;flex-direction:column;gap:1rem;max-height:calc(100vh - 1.2rem);display:flex;overflow-y:auto;box-shadow:0 -10px 40px #00000059}.sheet-cart-indicator{color:var(--accent-strong);background:#f2a62326;border:1px solid #f2a62359;border-radius:999px;align-items:center;gap:.35rem;margin-top:.3rem;padding:.25rem .55rem;font-size:.76rem;font-weight:500;display:inline-flex}.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{box-sizing:border-box;align-items:center;gap:.5rem;width:100%;max-width:100%;display:flex}.stepper input{box-sizing:border-box;text-align:center;flex:auto;width:100%;min-width:0;height:48px;font-size:1.1rem;font-weight:600}.stepper-btn{width:48px;height:48px;min-height:44px;color:var(--text);cursor:pointer;box-sizing:border-box;background:#ffffff0f;border:1px solid #fff3;border-radius:12px;flex:0 0 48px;justify-content:center;align-items:center;padding:0;font-size:1.4rem;display:flex}.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;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff29;border-radius:12px;justify-content:center;align-items:center;height:44px;min-height:44px;padding:.5rem .4rem;display:flex}.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;z-index:999;background:#0e142af5;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.85rem;padding:.72rem 1.15rem;font-size:.9rem;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:1.2rem;right:1.2rem;transform:translateY(16px);box-shadow:0 10px 30px #00000080}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toast-message{line-height:1.3}.toast-action-btn{background:var(--accent);color:#0b1120;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;min-height:36px;padding:.4rem .85rem;font-size:.82rem;font-weight:700;transition:transform .15s,filter .15s}.toast-action-btn:hover{filter:brightness(1.1);transform:scale(1.04)}.toast-action-btn:active{transform:scale(.97)}@media (width<=680px){.toast{left:.75rem;right:.75rem;bottom:calc(66px + env(safe-area-inset-bottom));justify-content:space-between}}.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;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.45rem .8rem;font-size:.8rem;display:inline-flex}.filter-chip-readonly{cursor:default}.sort-header{color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:.35rem;min-width:44px;min-height:44px;padding:.5rem .75rem;font-size:.88rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.sort-header:hover,.sort-header:focus-visible{background:#f2a62324;outline:none}.export-btn{white-space:nowrap;min-height:44px}.cta-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.outline-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #ffffff59;border-radius:10px;min-height:44px;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;vertical-align:middle;border-bottom:1px solid #ffffff1a;padding:.55rem .68rem}.records-table th,.leaderboard-table th{min-height:44px;color:var(--accent);padding:.25rem .35rem;font-weight:600}.records-table tfoot td{color:var(--accent);border-top:1px solid #ffffff1a;font-weight:600}.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;box-sizing:border-box;background:0 0;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem .85rem;transition:background-color .2s,color .2s;display:inline-flex}.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:row;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem}.desktop-nav-links{display:none}.brand-wrap{align-items:center;gap:.45rem;min-width:0;display:flex}.brand-logo{border-radius:6px;width:28px;height:28px}.brand-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.sync-badge{border-radius:50%;padding:.32rem}.sync-badge .sync-text{display:none}.sync-badge .dot{width:8px;height:8px}.shop-selector{gap:.35rem}.shop-selector-label{display:none}.shop-selector-select{padding:.32rem .55rem;font-size:.8rem}.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}.loading-card{text-align:center;color:var(--muted);padding:2.5rem 1rem;font-size:1rem}.page{padding-bottom:calc(210px + env(safe-area-inset-bottom));gap:.85rem}.page-header{flex-direction:column;align-items:flex-start;gap:.35rem}.page-header p:last-of-type{display:none}.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{grid-template-columns:1fr}.entry-mode-toggle{grid-template-columns:1fr 1fr;padding:.25rem}.entry-mode-toggle button{min-height:38px;padding:.35rem .6rem;font-size:.88rem}.quick-list-header{flex-direction:column;align-items:flex-start;gap:.3rem}.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:44px minmax(0,1fr) 44px auto;align-items:center;gap:.45rem}.quick-list-controls .stepper-btn{width:44px;min-width:44px;height:44px;min-height:44px;font-size:1.25rem}.quick-list-qty-badge{min-width:44px;height:44px;min-height:44px;padding:.32rem .45rem}.quick-list-qty-input{width:56px;height:44px;min-height:44px;padding:.32rem .35rem}.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{padding:0;padding-bottom:env(safe-area-inset-bottom);align-items:flex-end}.sale-sheet{box-sizing:border-box;width:100%;max-width:100vw;padding:1rem 1rem calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;gap:.85rem;max-height:calc(100vh - .5rem)}.sheet-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:.55rem}.sheet-header .outline-btn{min-height:44px;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{box-sizing:border-box;align-items:center;gap:.45rem;width:100%;max-width:100%;display:flex}.stepper-btn{box-sizing:border-box;flex:0 0 46px;width:46px;height:46px;min-height:44px;font-size:1.3rem}.stepper input{box-sizing:border-box;flex:auto;width:100%;min-width:0;height:46px;min-height:44px;padding-inline:.4rem;font-size:1.05rem}.quick-qty-row{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:.45rem;width:100%;display:grid}.quick-qty{box-sizing:border-box;justify-content:center;align-items:center;height:44px;min-height:44px;padding:.5rem .4rem;font-size:.95rem;display:flex}.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-bottom-nav{height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);z-index:40;background:#090e1ef5;border-top:1px solid #ffffff1f;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0006}.bottom-tab{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.18rem;min-height:48px;padding:.35rem .1rem;font-size:.68rem;font-weight:500;text-decoration:none;transition:color .15s,transform .15s;display:flex}.bottom-tab .tab-icon{stroke:currentColor;width:20px;height:20px;transition:stroke .15s}.bottom-tab.active{color:var(--accent);font-weight:600}.bottom-tab.active .tab-icon{stroke:var(--accent)}.mobile-more-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;padding-bottom:calc(58px + env(safe-area-inset-bottom));background:#000000a6;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-more-menu{background:#0c1226fa;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;gap:.75rem;width:100%;margin:0 .5rem;padding:.85rem;animation:.2s ease-out slideUpMenu;display:flex;box-shadow:0 10px 30px #00000080}@keyframes slideUpMenu{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mobile-more-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:.45rem;display:flex}.mobile-more-header h3{margin:0;font-size:.95rem}.mobile-more-header .close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.1rem}.mobile-more-links{flex-direction:column;gap:.4rem;display:flex}.more-link-item{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .75rem;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.more-link-item.active{background:#f2a6231f;border-color:#f2a62380}.more-link-item .more-link-icon{font-size:1.25rem}.more-link-item div{flex-direction:column;gap:.1rem;display:flex}.more-link-item strong{font-size:.9rem}.more-link-item small{color:var(--muted);font-size:.74rem}.mobile-sticky-checkout{left:.55rem;right:.55rem;bottom:calc(62px + env(safe-area-inset-bottom));z-index:38;background:#090e1ef7;border:1px solid #ffffff29;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.5rem;padding:.6rem .75rem;display:flex;position:fixed;box-shadow:0 10px 25px #0006}.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:44px minmax(0,1fr) 44px auto;gap:.35rem}.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}}@media (width<=360px){.brand-name{font-size:.85rem}.shop-selector-select{padding:.28rem .42rem;font-size:.76rem}.bottom-tab{gap:.12rem;font-size:.62rem}.bottom-tab .tab-icon{width:18px;height:18px}.branch-badge{padding:.12rem .38rem;font-size:.62rem}.cta-btn{gap:.35rem;padding:.55rem .75rem;font-size:.88rem}.mobile-sticky-checkout p{font-size:.8rem}}.po-header-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem;width:100%;display:flex}.po-signature-pill{color:var(--accent);letter-spacing:.02em;white-space:nowrap;background:#f2a6231f;border:1px solid #f2a62366;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.po-tab-switch{background:#0e142ab3;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:1fr 1fr;gap:.5rem;width:100%;padding:.35rem;display:grid}.po-tab-switch button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s,color .2s;display:flex}.po-tab-switch button.active{background:var(--accent);color:#0b1120}.po-meta-panel{padding:1rem}.po-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.po-meta-grid .po-notes-label{grid-column:1/-1}.po-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem 1rem;display:flex}.po-search-wrap{flex:1;min-width:200px;position:relative}.po-search-input{width:100%;padding-right:2.2rem}.po-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;min-width:32px;min-height:32px;padding:.2rem .5rem;font-size:.9rem;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.po-filter-stats{color:var(--muted);align-items:center;gap:.75rem;font-size:.86rem;display:flex}.po-clear-btn{color:#ef5350;border-color:#ef535066}.po-clear-btn:hover{color:#ef5350;background:#ef53501f;border-color:#ef5350}.po-flavor-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.85rem;display:grid}.po-flavor-card{border:1px solid #ffffff1a;flex-direction:column;gap:.7rem;padding:.85rem;transition:border-color .2s,box-shadow .2s;display:flex}.po-flavor-card-active{background:#f2a6230f;border-color:#f2a6238c;box-shadow:0 4px 20px #f2a6231f}.po-card-top{align-items:center;gap:.75rem;display:flex}.po-card-img{object-fit:contain;background:#ffffff0d;border-radius:10px;flex-shrink:0;width:58px;height:58px}.po-card-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.po-card-info strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.96rem;overflow:hidden}.po-price-editor-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.po-price-label{color:var(--muted);font-size:.78rem}.po-price-input-wrap{background:#0a0f1ed9;border:1px solid #fff3;border-radius:6px;align-items:center;min-height:32px;padding:0 .4rem;display:inline-flex}.po-currency-symbol{color:var(--accent);margin-right:2px;font-size:.82rem;font-weight:700}.po-price-input{color:#fff;text-align:left;background:0 0;border:none;outline:none;width:48px;padding:.2rem 0;font-size:.88rem;font-weight:700}.po-price-edited{color:var(--accent)}.po-price-reset-btn{color:var(--accent);cursor:pointer;background:0 0;border:1px dashed #f2a62366;border-radius:4px;padding:.15rem .4rem;font-size:.72rem;transition:background-color .15s}.po-price-reset-btn:hover{background:#f2a62326}.po-card-qty-row{grid-template-columns:44px 1fr 44px;align-items:center;gap:.45rem;display:grid}.po-stepper-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;justify-content:center;align-items:center;min-width:44px;height:44px;min-height:44px;font-size:1.3rem;transition:background-color .15s,border-color .15s;display:flex}.po-stepper-btn:hover{border-color:var(--accent);color:var(--accent);background:#f2a62333}.po-stepper-btn:active{transform:scale(.96)}.po-qty-input{text-align:center;background:#080c1ae6;border-radius:8px;height:44px;min-height:44px;font-size:1.1rem;font-weight:700}.po-presets-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;display:grid}.po-preset-btn{min-height:36px;color:var(--muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;font-size:.78rem;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.po-preset-btn:hover{border-color:var(--accent);color:var(--accent);background:#f2a6231f}.po-card-line-total{color:var(--muted);background:#00000040;border-radius:6px;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.82rem;display:flex}.po-card-line-total strong{color:var(--accent);font-size:.95rem}.po-summary-card{flex-direction:column;gap:1rem;padding:1.15rem;display:flex}.po-summary-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.po-summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.po-metric{background:#0a0f1eb3;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:.25rem;padding:.85rem;display:flex}.po-metric small{color:var(--muted);font-size:.8rem}.po-metric strong{color:#fff;font-size:1.25rem}.po-highlight{color:#38bdf8!important}.po-highlight-gold{color:var(--accent)!important}.po-digital-signature-box{background:#f2a62314;border:1px solid #f2a62359;border-radius:12px;align-items:center;gap:.9rem;padding:.85rem 1rem;display:flex}.po-signature-icon{flex-shrink:0;font-size:1.8rem}.po-signature-text{flex-direction:column;gap:.15rem;display:flex}.po-signature-status{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:700}.po-signature-text strong{color:#fff;font-size:.98rem}.po-signature-text p{color:var(--muted);margin:0;font-size:.8rem}.po-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;display:grid}.po-whatsapp-btn{justify-content:center;align-items:center;gap:.5rem;font-weight:700;display:flex;color:#0b1120!important;background:#25d366!important}.po-whatsapp-btn:hover{background:#20ba5a!important;box-shadow:0 10px 24px #25d36659!important}.po-pdf-btn{justify-content:center;align-items:center;gap:.5rem;display:flex}.po-btn-icon{font-size:1.1rem}.po-btn-arrow{font-size:1.1rem;transition:transform .15s}.po-whatsapp-btn:hover .po-btn-arrow{transform:translate(4px)}.po-history-section{flex-direction:column;gap:1rem;display:flex}.po-history-header{flex-direction:column;gap:.25rem;display:flex}.po-history-list{flex-direction:column;gap:.85rem;display:flex}.po-history-card{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.po-history-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.po-history-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.po-history-title-row strong{color:#fff;font-size:1.05rem}.po-status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.po-status-delivered{color:#10b981;background:#10b98129;border:1px solid #10b98166}.po-status-sent-via-whatsapp,.po-status-created,.po-status-pending{color:#38bdf8;background:#38bdf829;border:1px solid #38bdf866}.po-history-date{color:var(--muted);margin-top:.2rem;font-size:.82rem}.po-history-card-actions{align-items:center;gap:.45rem;display:flex}.po-status-toggle-btn{min-height:38px;padding:.35rem .65rem;font-size:.78rem}.po-history-items-pill-row{flex-wrap:wrap;gap:.35rem;display:flex}.po-history-item-chip{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:.25rem .55rem;font-size:.78rem}.po-history-item-chip strong{color:#fff}.po-history-card-footer{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding-top:.65rem;display:flex}.po-history-totals{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.85rem;font-size:.88rem;display:flex}.po-history-totals small{color:var(--accent);font-weight:600}.po-gold-text{color:var(--accent)}.po-history-quick-btns{align-items:center;gap:.4rem;display:flex}.po-sm-btn{min-height:36px;padding:.35rem .75rem;font-size:.8rem}.po-empty-card{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1rem;display:flex}.po-mobile-floating-bar{left:.65rem;right:.65rem;bottom:calc(64px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);z-index:100;background:#0e142af2;border:1px solid #f2a62380;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;display:none;position:fixed;box-shadow:0 10px 30px #0009}.po-mobile-bar-info{flex-direction:column;gap:.1rem;display:flex}.po-mobile-bar-info strong{color:#38bdf8;font-size:.96rem}.po-mobile-bar-info span{color:var(--accent);font-size:.84rem;font-weight:700}.po-mobile-wa-btn{font-weight:700;color:#0b1120!important;background:#25d366!important;padding:.5rem 1rem!important;font-size:.86rem!important}@media (width<=680px){.po-meta-grid,.po-summary-metrics,.po-flavor-grid,.po-actions-grid{grid-template-columns:1fr}.po-mobile-floating-bar{display:flex}.po-signature-pill{padding:.3rem .65rem;font-size:.74rem}}