*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.hide-scrollbar::-webkit-scrollbar{width:8px;height:8px}.hide-scrollbar::-webkit-scrollbar-track{background:transparent}.hide-scrollbar::-webkit-scrollbar-thumb{background:rgba(217,106,139,.35);border-radius:999px}.hide-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(217,106,139,.55)}::selection{background:rgba(217,106,139,.22);color:#2E3257}.login-scene{isolation:isolate;position:relative}.login-scene:before,.login-scene:after{content:"";position:absolute;z-index:-1;border-radius:999px;filter:blur(34px);opacity:.58;animation:floatOrb 10s ease-in-out infinite}.login-scene:before{width:320px;height:320px;right:8%;top:10%;background:rgba(217,106,139,.28)}.login-scene:after{width:420px;height:420px;left:7%;bottom:2%;background:rgba(46,50,87,.12);animation-delay:-4s}.login-card{animation:loginCardIn .8s cubic-bezier(.16,1,.3,1) both}.login-brand-panel{position:relative}.login-brand-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.07) 45%,transparent 70%);transform:translateX(-130%);animation:shineSweep 6.5s ease-in-out infinite}.soft-orb{animation:floatOrb 8s ease-in-out infinite}.orb-a{animation-delay:-1.5s}.orb-b{animation-delay:-3s}.orb-c{animation-delay:-5s}.brand-badge{animation:softPulse 3.2s ease-in-out infinite}.premium-chip{animation:fadeUp .7s cubic-bezier(.16,1,.3,1) both .15s}.hero-title{animation:fadeUp .7s cubic-bezier(.16,1,.3,1) both .26s}.login-form-panel{animation:fadeUp .75s cubic-bezier(.16,1,.3,1) both .18s}.login-form-panel form>*{animation:fadeUp .62s cubic-bezier(.16,1,.3,1) both}.login-form-panel form>*:nth-child(1){animation-delay:.22s}.login-form-panel form>*:nth-child(2){animation-delay:.30s}.login-form-panel form>*:nth-child(3){animation-delay:.38s}.login-form-panel form>*:nth-child(4){animation-delay:.46s}.glass-card{backdrop-filter:blur(16px);transform:translateZ(0);transition:transform .28s ease,background .28s ease,box-shadow .28s ease}.glass-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.16);box-shadow:0 22px 46px rgba(0,0,0,.14)}.interactive-card,.metric-card,.product-card,.cart-item,.table-row{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease,background .28s ease}.interactive-card:hover,.metric-card:hover,.product-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(46,50,87,.14);border-color:rgba(217,106,139,.38)}.app-shell{animation:appEnter .56s cubic-bezier(.16,1,.3,1) both}.sidebar-animate{animation:slideFromLeft .62s cubic-bezier(.16,1,.3,1) both}.content-animate{animation:fadeUp .58s cubic-bezier(.16,1,.3,1) both .04s}.cart-panel-pro{animation:slideFromRight .62s cubic-bezier(.16,1,.3,1) both}.page-transition{animation:pageIn .42s cubic-bezier(.16,1,.3,1) both}.page-transition .metric-card,.page-transition .product-card,.page-transition .table-row,.page-transition .stagger-item{animation:staggerUp .48s cubic-bezier(.16,1,.3,1) both}.page-transition .metric-card:nth-child(1),.page-transition .product-card:nth-child(1),.page-transition .table-row:nth-child(1),.page-transition .stagger-item:nth-child(1){animation-delay:.04s}.page-transition .metric-card:nth-child(2),.page-transition .product-card:nth-child(2),.page-transition .table-row:nth-child(2),.page-transition .stagger-item:nth-child(2){animation-delay:.08s}.page-transition .metric-card:nth-child(3),.page-transition .product-card:nth-child(3),.page-transition .table-row:nth-child(3),.page-transition .stagger-item:nth-child(3){animation-delay:.12s}.page-transition .metric-card:nth-child(4),.page-transition .product-card:nth-child(4),.page-transition .table-row:nth-child(4),.page-transition .stagger-item:nth-child(4){animation-delay:.16s}.nav-active{background:rgba(255,255,255,.14);outline:1px solid rgba(255,255,255,.22);color:#fff;box-shadow:0 14px 34px rgba(217,106,139,.15),inset 0 0 0 1px rgba(255,255,255,.03)}.nav-active .nav-icon{background:#D96A8B;color:#fff;animation:popIcon .32s cubic-bezier(.16,1,.3,1)}.nav-button{color:rgba(255,255,255,.78)}.nav-button:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateX(4px)}.mobile-active{background:#2E3257;color:#fff;box-shadow:0 12px 22px rgba(46,50,87,.18)}.pulse-dot{animation:pulseDot 1.7s ease-in-out infinite}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-backdrop{backdrop-filter:blur(10px)}input,select,textarea{transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}input:focus,select:focus,textarea:focus{transform:translateY(-1px)}button{position:relative;overflow:hidden;transform:translateZ(0);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease}button:not(:disabled):active{transform:scale(.985)}.ripple{position:absolute;border-radius:999px;transform:scale(0);pointer-events:none;background:rgba(255,255,255,.45);animation:ripple .65s linear}.toast-show{display:block!important;animation:toastIn .36s cubic-bezier(.16,1,.3,1) both}.cart-bump{animation:cartBump .34s cubic-bezier(.16,1,.3,1)}.image-zoom{transition:transform .44s cubic-bezier(.16,1,.3,1),filter .44s ease}.product-card:hover .image-zoom{transform:scale(1.07) rotate(.4deg);filter:saturate(1.06)}.progress-fill{position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;bottom:0;width:70px;left:-80px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:progressShine 2.8s ease-in-out infinite}.drawer-panel{animation:slideFromRight .36s cubic-bezier(.16,1,.3,1) both}.brand-gradient-text{background:linear-gradient(135deg,#2E3257,#D96A8B);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes loginCardIn{from{opacity:0;transform:translateY(22px) scale(.985);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes appEnter{from{opacity:0;transform:scale(.995)}to{opacity:1;transform:none}}@keyframes pageIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes staggerUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes slideFromLeft{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}@keyframes slideFromRight{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-22px,0) scale(1.06)}}@keyframes softPulse{0%,100%{transform:scale(1);box-shadow:0 20px 50px rgba(217,106,139,.23)}50%{transform:scale(1.035);box-shadow:0 26px 64px rgba(217,106,139,.34)}}@keyframes shineSweep{0%,58%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.38)}50%{box-shadow:0 0 0 7px rgba(16,185,129,0)}}@keyframes popIcon{from{transform:scale(.72) rotate(-7deg)}to{transform:scale(1) rotate(0)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes toastIn{from{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}@keyframes cartBump{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes progressShine{0%{left:-80px}45%,100%{left:110%}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* Mobile cashier refinement */
body.modal-open{overflow:hidden}.touch-card{touch-action:manipulation}#mobileNavBar{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.drawer-panel{padding-bottom:env(safe-area-inset-bottom)}@supports(height:100dvh){.h-screen{height:100dvh!important}}@media(max-width:767px){.interactive-card:hover,.metric-card:hover,.product-card:hover{transform:none;box-shadow:0 18px 45px rgba(46,50,87,.10)}.product-card{min-height:unset}.page-transition{padding-bottom:.5rem}#toast{left:1rem;right:1rem;top:1rem;max-width:none}.brand-gradient-text{line-height:1.08}}@media(min-width:1024px) and (max-width:1279px){#contentScroll{padding-bottom:2rem}}@media(max-width:1279px){#cartPanel{display:none!important}}@media(min-width:1280px){#mobileCartDrawer{display:none!important}}


/* Final mobile and Cloudflare polish - no receipt printing flow */
html,body{overscroll-behavior:none}.app-shell{min-height:100dvh}#contentScroll{scroll-padding-bottom:7.5rem}.checkout-success{animation:popIcon .36s cubic-bezier(.16,1,.3,1)}#mobileNavBar{animation:mobileNavIn .5s cubic-bezier(.16,1,.3,1) both}.mobile-nav{min-height:3.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-nav i{font-size:1rem}.mobile-active i{animation:popIcon .28s cubic-bezier(.16,1,.3,1)}#mobileAccountMenu{animation:menuDrop .22s cubic-bezier(.16,1,.3,1) both}.drawer-panel{will-change:transform}.cart-item{animation:staggerUp .28s cubic-bezier(.16,1,.3,1) both}.payment-method:focus-visible,.quick-cash:focus-visible,.mobile-nav:focus-visible,button:focus-visible{outline:3px solid rgba(217,106,139,.35);outline-offset:2px}.product-card .add-product{min-height:3rem}.modal-backdrop{animation:fadeBackdrop .24s ease both}.toast-show{backdrop-filter:blur(12px)}
@keyframes mobileNavIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes menuDrop{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}@keyframes fadeBackdrop{from{opacity:0}to{opacity:1}}
@media(max-width:479px){#contentScroll{padding-left:.875rem!important;padding-right:.875rem!important;padding-bottom:7.75rem!important}.login-form-panel{padding:1.25rem!important}.login-card{border-radius:1.75rem!important}.mobile-nav{font-size:.68rem}.mobile-nav i{font-size:.95rem}.drawer-panel{width:100vw!important;max-width:none!important}.product-card{border-radius:1.35rem!important}.product-card .image-zoom{min-height:10rem}.cart-item{border-radius:1.15rem!important}#mobileNavBar{left:.75rem!important;right:.75rem!important;bottom:.75rem!important;border-radius:1.25rem!important}.brand-gradient-text{font-size:1.85rem!important}}
@media(min-width:480px) and (max-width:767px){#contentScroll{padding-bottom:8rem!important}}
@media(min-width:768px) and (max-width:1279px){#contentScroll{padding-bottom:2.5rem!important}}


/* Professional mobile upgrade v3 */
#mobileCartFab{animation:fabIn .34s cubic-bezier(.16,1,.3,1) both;min-height:4.25rem;touch-action:manipulation}
#mobileCartFab:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-120%);animation:shineSweep 4.8s ease-in-out infinite;pointer-events:none}.cart-panel-pro,#mobileCartDrawer aside{box-shadow:0 30px 80px rgba(46,50,87,.18)}.mobile-nav{position:relative}.mobile-nav:after{content:"";position:absolute;left:50%;bottom:.22rem;width:.35rem;height:.35rem;border-radius:999px;background:#D96A8B;opacity:0;transform:translateX(-50%) scale(.4);transition:.22s ease}.mobile-active:after{opacity:1;transform:translateX(-50%) scale(1)}.product-card{will-change:transform}.product-card:focus-within{border-color:rgba(217,106,139,.42);box-shadow:0 22px 50px rgba(46,50,87,.12)}.category-pill{touch-action:pan-x}.payment-method{min-height:2.85rem}.quick-cash{min-height:2.75rem}.drawer-panel{border-top-left-radius:1.65rem;border-bottom-left-radius:1.65rem}.drawer-panel input{font-size:16px}.cart-item{touch-action:manipulation}.stock-plus,.delete-product,.add-product{touch-action:manipulation}.status-dot-online{box-shadow:0 0 0 6px rgba(16,185,129,.10)}.status-dot-warn{box-shadow:0 0 0 6px rgba(245,158,11,.11)}
@keyframes fabIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:767px){.metric-card,.interactive-card{border-radius:1.45rem!important}.page-transition .metric-card,.page-transition .product-card,.page-transition .table-row,.page-transition .stagger-item{animation-duration:.34s}.product-card{min-height:0!important}.product-card .relative.h-40{height:11.25rem}.product-card .add-product{width:100%;padding-inline:.85rem}.product-card .pt-4 .flex.items-center.justify-between{align-items:stretch;flex-direction:column}.product-card strong.text-xl{font-size:1.05rem}.drawer-panel{border-radius:0!important}.drawer-panel header{position:sticky;top:0;z-index:2}.drawer-panel .sticky.bottom-0{padding-bottom:max(.25rem,env(safe-area-inset-bottom))}#mobileCartFab{left:.9rem!important;right:.9rem!important;bottom:6.05rem!important}#mobileSyncChip{display:none!important}}
@media(min-width:768px) and (max-width:1023px){#mobileCartFab{left:1.5rem;right:1.5rem;bottom:6.75rem}.product-card .relative.h-40{height:12rem}}
@media(min-width:1024px) and (max-width:1279px){#mobileCartFab{left:auto;right:1.5rem;bottom:1.5rem;width:420px}.drawer-panel{max-width:480px}}