@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap";:root{--primary:#f93;--on-primary:#fff;--secondary:navy;--on-secondary:#fff;--background:#fcf9f8;--on-background:#1b1c1c;--surface:#fff;--surface-container:#f0eded;--surface-container-high:#eae7e7;--outline:#887364;--outline-variant:#dbc2b0;--error:#ba1a1a;--success:#2e7d32;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-family:"Work Sans", sans-serif;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 32px #00005014;--cart-left:174px}.dark-mode{--background:#121212;--on-background:#e1e1e1;--surface:#1e1e1e;--surface-container:#2c2c2c;--surface-container-high:#3a3a3a;--outline:#a0a0a0;--outline-variant:#444;--secondary:#6080ff;--on-secondary:#fff;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #0009}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--on-background);line-height:1.5;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit;font-size:16px}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.btn-primary{background:var(--primary);color:var(--on-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.btn-primary:active{opacity:.9;transform:scale(.98)}.btn-secondary{border:1px solid var(--secondary);color:var(--secondary);border-radius:var(--radius-md);padding:12px 24px;font-weight:600;transition:all .2s}.btn-secondary:active{background:#0000800d}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}main{margin-left:0!important;padding:16px 16px 160px!important}:root{--cart-left:76px}}@media (width>=769px){.mobile-only{display:none!important}}.main-content{width:100%;min-width:0;max-width:100vw}.stat-card{align-items:center;gap:12px;min-width:0;padding:20px;display:flex}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-label{color:var(--outline);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.stat-value{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:800;overflow:hidden}.reports-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}@media (width<=768px){.main-content{padding:16px 16px 100px;margin-left:0!important}.reports-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{min-width:0;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px!important}.stat-icon-wrapper{border-radius:8px!important;width:32px!important;height:32px!important}.stat-icon-wrapper svg{width:16px;height:16px}.stat-label{letter-spacing:0;font-size:8px!important}.stat-value{font-size:14px!important}.reports-header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.reports-header>div:last-child{width:100%;flex-direction:column!important;gap:12px!important}}.table-container{-webkit-overflow-scrolling:touch;border-radius:0 0 var(--radius-lg) var(--radius-lg);width:100%;max-width:100%;display:block;overflow-x:auto!important}.table-container table{width:100%;min-width:700px}.order-screen-container{flex:1;height:100vh;margin-left:80px;display:flex;overflow:hidden}.category-bar{background:var(--surface);border-right:1px solid var(--outline-variant);scrollbar-width:none;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:70px;padding:20px 0;display:flex;overflow-y:auto}.category-bar::-webkit-scrollbar{display:none}.category-btn{border-radius:var(--radius-md);background:var(--surface-container);width:54px;height:54px;color:var(--secondary);border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:8px 4px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.category-btn.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-md);transform:scale(1.05)}.category-btn span{text-transform:capitalize;text-align:center;font-size:9px;font-weight:700;line-height:1.1;display:block}.order-main-content{background:var(--background);flex:1;padding:24px 24px 140px;overflow-y:auto}.main-content{flex:1;min-width:0;margin-left:80px;padding:24px;transition:all .3s}.table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;overflow-x:auto}@media (width>=769px){.mobile-only{display:none!important}}@media (width<=768px){.desktop-only{display:none!important}.main-content{padding:16px 16px 100px;margin-left:0!important}.order-screen-container{flex-direction:row;height:100vh;margin-left:0}.category-bar{border-right:1px solid var(--outline-variant);z-index:100;background:#fff;border-bottom:none;flex-direction:column;gap:16px;width:70px;height:calc(100vh - 65px);padding:12px 4px;position:sticky;top:0;overflow:hidden auto}.category-btn{flex-direction:column;gap:4px;width:100%;min-width:0;height:auto;padding:8px 4px;font-size:10px}.order-main-content{padding:16px}.card{padding:12px}.modal-overlay{align-items:flex-end!important;padding:0!important}.customize-modal{border-radius:24px 24px 0 0!important;max-width:100%!important}.checkout-steps-list{gap:30px!important}.checkout-steps-line{width:200px!important}.grid-4-to-2{grid-template-columns:repeat(2,1fr)!important}.checkout-card{padding:20px!important}.mobile-category-bar::-webkit-scrollbar{display:none}}.receipt-customizer-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=768px){.receipt-customizer-grid{grid-template-columns:1fr;gap:16px}}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);background:#fff;display:block;overflow-x:auto!important}.table-container table{border-collapse:separate;border-spacing:0;width:100%;min-width:800px}@media (width<=768px){.table-container table{min-width:700px}}