*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5}button,a,[role=button]{touch-action:manipulation}input,select,textarea{font-size:16px!important}.ant-btn{min-height:36px}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #f0f0f0;box-shadow:0 -2px 8px #00000014;z-index:999}.bottom-nav-inner{display:flex;height:100%;align-items:stretch}.bottom-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:none;background:transparent;font-size:10px;color:#888;cursor:pointer;touch-action:manipulation;padding:0}.bottom-nav-btn.active{color:#1677ff}.bottom-nav-btn svg{font-size:20px!important;width:22px;height:22px}@media (max-width: 767px){.top-nav-tabs{display:none!important}.bottom-nav{display:block}#root{padding-bottom:56px}}.pos-cart-panel{width:360px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 767px){.pos-cart-panel{display:none}.pos-cart-panel.pos-cart-visible{display:flex!important}.pos-products-hidden{display:none!important}.pos-mobile-tabs{display:flex!important}}.pos-mobile-tabs{display:none}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:12px;overflow-y:auto;flex:1}@media (max-width: 767px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:8px}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:4px}@media (max-width: 767px){.pos-cart-panel.pos-cart-visible{width:100%!important}.pos-cart-panel.pos-cart-visible .ant-btn[type]{margin-bottom:0}}@media (max-width: 767px){.app-content{max-height:calc(100vh - 56px);height:calc(100vh - 56px);flex:none!important}}@media (max-width: 767px){.top-nav-bar{display:none!important}}.mobile-only{display:none!important}@media (max-width: 767px){.mobile-only{display:flex!important}}
