@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-primary: #0b0f1a;--bg-card: #111827;--bg-elevated: #1a2035;--bg-input: #0f1629;--accent-blue: #1e9bf0;--brand-navy: #0b1533;--accent-blue-hover: #1580cc;--accent-blue-glow: rgba(30, 155, 240, .25);--accent-green: #10b981;--accent-green-hover: #059669;--accent-green-glow: rgba(16, 185, 129, .25);--accent-orange: #f59e0b;--accent-orange-hover: #d97706;--accent-red: #ef4444;--accent-red-hover: #dc2626;--accent-purple: #8b5cf6;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #1e293b;--border-glow: rgba(30, 155, 240, .15);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .25);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow-blue: 0 0 20px rgba(30, 155, 240, .15);--shadow-glow-green: 0 0 20px rgba(16, 185, 129, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--sidebar-width: 240px;--sidebar-collapsed: 72px;--header-height: 64px;--font-family: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-blue-hover)}img{max-width:100%;display:block}input,button,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-card);transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-card),var(--shadow-glow-blue)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),#2563eb);color:#fff;box-shadow:0 2px 12px var(--accent-blue-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 20px var(--accent-blue-glow)}.btn-success{background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff;box-shadow:0 2px 12px var(--accent-green-glow)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 20px var(--accent-green-glow)}.btn-danger{background:linear-gradient(135deg,var(--accent-red),#dc2626);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-warning{background:linear-gradient(135deg,var(--accent-orange),#d97706);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:var(--text-muted)}.btn-icon{padding:.5rem;min-width:36px;min-height:36px}.btn-lg{padding:.875rem 2rem;font-size:1rem;border-radius:var(--radius)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.form-input{width:100%;padding:.625rem .875rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.form-input::placeholder{color:var(--text-muted)}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}textarea.form-input{resize:vertical;min-height:80px}.table-container{overflow-x:auto;border-radius:var(--radius)}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--bg-elevated)}tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-blue{background:#1e9bf026;color:var(--accent-blue)}.badge-green{background:#10b98126;color:var(--accent-green)}.badge-orange{background:#f59e0b26;color:var(--accent-orange)}.badge-red{background:#ef444426;color:var(--accent-red)}.badge-purple{background:#8b5cf626;color:var(--accent-purple)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast) ease}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);width:90%;max-width:560px;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal) ease}.modal-lg{max-width:780px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease}.animate-slide-up{animation:slideUp var(--transition-normal) ease}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.status-dot.syncing{background:var(--accent-orange);box-shadow:0 0 6px var(--accent-orange);animation:pulse 1.5s ease infinite}.status-dot.offline{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-normal);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;height:var(--header-height);border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-logo h2{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.sidebar-nav{flex:1;padding:.75rem .5rem;overflow-y:auto}.sidebar-section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.75rem .75rem .375rem}.sidebar .collapsed .sidebar-section-label{display:none}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:#1e9bf01f;color:var(--accent-blue)}.nav-item .icon{flex-shrink:0;width:20px;height:20px}.app-header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:50;transition:left var(--transition-normal)}.sidebar.collapsed~.main-area .app-header,.sidebar.collapsed~.app-header{left:var(--sidebar-collapsed)}.main-content{margin-left:var(--sidebar-width);padding:calc(var(--header-height) + 1.5rem) 1.5rem 1.5rem;min-height:100vh;transition:margin-left var(--transition-normal)}.sidebar.collapsed~.main-content{margin-left:var(--sidebar-collapsed)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 50%,rgba(30,155,240,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(139,92,246,.06) 0%,transparent 50%)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:420px;box-shadow:var(--shadow-elevated);animation:slideUp var(--transition-slow) ease}.login-card h1{margin-bottom:.5rem;text-align:center}.login-card .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:260px;margin:0 auto}.pin-btn{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.pin-btn:hover{background:#1e9bf026;border-color:var(--accent-blue)}.pin-btn:active{transform:scale(.92)}.pin-display{display:flex;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border);transition:all var(--transition-fast)}.pin-dot.filled{background:var(--accent-blue);border-color:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue-glow)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.stat-card{display:flex;align-items:flex-start;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#1e9bf01f;color:var(--accent-blue)}.stat-icon.green{background:#10b9811f;color:var(--accent-green)}.stat-icon.orange{background:#f59e0b1f;color:var(--accent-orange)}.stat-icon.purple{background:#8b5cf61f;color:var(--accent-purple)}.stat-value{font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{font-size:.8125rem;color:var(--text-secondary)}.quick-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.quick-nav-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:var(--text-primary)}.quick-nav-card:hover{border-color:var(--accent-blue);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-glow-blue)}.quick-nav-card .icon-wrapper{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.quick-nav-card.new-sale{background:linear-gradient(135deg,var(--accent-blue),#2563eb);border-color:transparent;color:#fff}.quick-nav-card.new-sale:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--accent-blue-glow)}.sale-layout{display:grid;grid-template-columns:1fr 380px;gap:1.25rem;height:calc(100vh - var(--header-height) - 3rem)}.sale-products{display:flex;flex-direction:column;gap:1rem;overflow:hidden}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;overflow-y:auto;flex:1;padding-right:.25rem}.product-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:.5rem}.product-tile:hover{border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-glow-blue)}.product-tile-image{width:100%;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--text-muted)}.product-tile-image img{width:100%;height:100%;object-fit:cover}.product-tile-name{font-weight:500;font-size:.8125rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-tile-price{font-weight:700;color:var(--accent-green)}.product-tile-stock{font-size:.6875rem;color:var(--text-muted)}.cart-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;height:100%;overflow:hidden}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.cart-items{flex:1;overflow-y:auto;padding:.75rem}.cart-item{display:flex;gap:.75rem;padding:.75rem;border-radius:var(--radius-sm);transition:background var(--transition-fast);border-bottom:1px solid var(--border)}.cart-item:last-child{border-bottom:none}.cart-item:hover{background:var(--bg-elevated)}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-weight:500;font-size:.875rem}.cart-item-attrs{font-size:.75rem;color:var(--text-muted);margin-top:2px}.cart-item-price{font-weight:600;font-size:.875rem;white-space:nowrap}.cart-qty{display:flex;align-items:center;gap:.375rem;margin-top:.375rem}.cart-qty button{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:all var(--transition-fast)}.cart-qty button:hover{border-color:var(--accent-blue);background:#1e9bf01f}.cart-qty span{font-weight:600;min-width:24px;text-align:center}.cart-summary{border-top:1px solid var(--border);padding:1rem 1.25rem}.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:.375rem;font-size:.875rem}.cart-summary-row.total{font-size:1.25rem;font-weight:700;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.cart-actions{display:flex;gap:.5rem;padding:.75rem 1.25rem 1rem}.cart-actions .btn{flex:1}.category-filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-chip{padding:.375rem .875rem;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.category-chip:hover,.category-chip.active{background:#1e9bf01f;border-color:var(--accent-blue);color:var(--accent-blue)}.search-bar{display:flex;align-items:center;gap:.5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-glow)}.search-bar input{flex:1;border:none;background:transparent;color:var(--text-primary);outline:none;font-size:.9375rem}.search-bar input::placeholder{color:var(--text-muted)}.search-bar .search-icon{color:var(--text-muted);flex-shrink:0}.register-card{max-width:480px;margin:0 auto}.denomination-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.variance-display{text-align:center;padding:1.5rem}.variance-amount{font-size:2rem;font-weight:800}.variance-amount.positive{color:var(--accent-green)}.variance-amount.negative{color:var(--accent-red)}.variance-amount.zero{color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-muted)}.empty-state .icon{margin-bottom:1rem;opacity:.4}.empty-state p{max-width:300px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.tab{padding:.75rem 1.25rem;font-weight:500;font-size:.875rem;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.toast-custom{background:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important}@media print{.sidebar,.app-header,.no-print{display:none!important}.main-content{margin:0;padding:0}body{background:#fff;color:#000}.receipt-print{display:block!important}}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.sidebar{display:none!important}.app-header{left:0!important;padding:0 .75rem;gap:.5rem}.app-header .btn-ghost.btn-sm{padding:.375rem .5rem;font-size:.75rem}.main-content{margin-left:0!important;padding:calc(var(--header-height) + 1rem) .75rem calc(64px + 1rem)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-card);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100;padding:0 .25rem;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-nav .mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .5rem;border-radius:var(--radius-sm);color:var(--text-muted);font-size:.5625rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast);border:none;background:none;cursor:pointer;min-width:48px}.mobile-bottom-nav .mobile-nav-item.active{color:var(--accent-blue)}.mobile-bottom-nav .mobile-nav-item .nav-icon{width:22px;height:22px}.card{padding:1rem;border-radius:var(--radius-sm)}.modal-overlay{padding:.5rem}.modal{width:100%;max-width:100%;max-height:100vh;border-radius:var(--radius)}.modal-lg{max-width:100%}.modal-header,.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem}.table-container,.card:has(table){overflow-x:auto;-webkit-overflow-scrolling:touch}thead th{padding:.5rem .625rem;font-size:.6875rem}tbody td{padding:.5rem .625rem;font-size:.8125rem}table{min-width:600px}.btn{min-height:40px;padding:.5rem 1rem}.btn-sm{min-height:34px;padding:.375rem .625rem}.btn-icon{min-width:40px;min-height:40px}.btn-lg{min-height:48px}.form-input{min-height:42px;padding:.5rem .75rem;font-size:1rem}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.sale-layout{grid-template-columns:1fr;height:auto}.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.product-tile{padding:.625rem}.category-filters{flex-wrap:nowrap;overflow-x:auto}.quick-nav{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.cart-panel{border-radius:var(--radius) var(--radius) 0 0}.cart-qty button{width:32px;height:32px}.cart-qty span{min-width:28px}.login-card{padding:1.5rem;margin:0 .75rem}.pin-grid{max-width:240px}.pin-btn{font-size:1.25rem}.tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:.625rem .875rem;white-space:nowrap;font-size:.8125rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.0625rem}.sale-mobile-header{padding:.375rem .75rem;height:44px}.sale-mobile-header .shortcuts-hint{display:none}.mobile-cart-overlay{position:fixed;inset:0;background:#00000080;z-index:500;animation:fadeIn var(--transition-fast) ease}.mobile-cart-drawer{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-elevated);z-index:501;display:flex;flex-direction:column;animation:slideUp var(--transition-normal) ease}.mobile-cart-drawer .cart-drag-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:.5rem auto 0;flex-shrink:0}.mobile-cart-fab{position:fixed;bottom:72px;right:16px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),#2563eb);color:#fff;border:none;box-shadow:0 4px 20px var(--accent-blue-glow);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:200;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.mobile-cart-fab:active{transform:scale(.92)}.mobile-cart-fab .cart-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--accent-red);color:#fff;font-size:.6875rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.payment-modal-mobile{width:100%!important;max-width:100%!important;max-height:100vh!important;border-radius:0!important;height:100vh}}@media(max-width:480px){.main-content{padding:calc(var(--header-height) + .75rem) .5rem calc(64px + .75rem)}.card{padding:.75rem}.dashboard-grid{grid-template-columns:1fr;gap:.75rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.quick-nav{grid-template-columns:repeat(2,1fr)}.form-input{font-size:1rem}h1{font-size:1.25rem}.btn{font-size:.8125rem}}.mobile-only{display:none!important}@media(max-width:900px){.admin-grid{grid-template-columns:1fr!important}}