body{margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.app-sidebar{color:#374151;z-index:50;background-color:#fff;flex-direction:column;flex-shrink:0;width:250px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;display:flex;box-shadow:4px 0 15px #0000000d}@media (width>=1024px){.app-sidebar{position:relative;transform:none!important}.hamburger-btn,.sidebar-close-btn,.mobile-sidebar-backdrop{display:none!important}}@media (width<=1023px){.app-sidebar{z-index:1000;width:280px;max-width:82vw;height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 35px #0f172a33}.app-sidebar.open{transform:translate(0)}.hamburger-btn,.sidebar-close-btn{display:flex!important}.mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:998;background-color:#0f172a73;animation:.2s ease-out fadeInBackdrop;position:fixed;inset:0}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.hamburger-btn{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .15s;box-shadow:0 2px 6px #0000000d}.hamburger-btn:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.hamburger-btn:active{transform:translateY(0)}.sidebar-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s}.sidebar-close-btn:hover{color:#ef4444;background-color:#fee2e2}.app-header{box-sizing:border-box;z-index:40;background-color:#0000;justify-content:space-between;align-items:center;gap:.75rem;height:76px;padding:0 1.5rem;display:flex;position:relative}@media (width<=1023px){.header-date-pill{display:none!important}.header-search-pill{max-width:220px!important}}@media (width<=768px){.app-header{height:64px;padding:0 .75rem}.header-search-pill{display:none!important}}@media (width<=480px){.app-header{height:58px;padding:0 .5rem}.header-company-pill{gap:.4rem!important;padding:.35rem .65rem!important}.header-company-name{font-size:.85rem!important;display:inline-block!important}.header-profile-pill{gap:.4rem!important;padding:.2rem .45rem!important}.header-user-info{max-width:80px!important}}.app-main-content{flex:1;padding:2rem;overflow:hidden auto}@media (width<=1023px){.app-main-content{padding:1.25rem}}@media (width<=640px){.app-main-content{padding:.75rem}}.table-responsive{width:100%;display:block;-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}@media (width<=1023px){.pos-container{flex-direction:column!important}.pos-cart-sidebar{width:100%!important;max-height:none!important;position:static!important;top:auto!important}.grid-2col-responsive{grid-template-columns:1fr!important}}@media (width<=900px){.login-branding-panel{display:none!important}.login-form-container{padding:1.5rem!important}.mobile-only-logo{display:flex!important}}.mobile-floating-cart-bar{display:none}@media (width<=1023px){.mobile-floating-cart-bar{z-index:900;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;animation:.25s ease-out slideUpMobile;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 30px #00000038}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}