@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#eef0f4;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f5f6f9;--bg-input:#f0f2f6;--border-color:#d0d4de;--border-light:#bfc4d2;--text-primary:#111827;--text-secondary:#4b5068;--text-muted:#717792;--accent:#5b4cdb;--accent-hover:#4a3cc0;--accent-light:#5b4cdb1a;--success:#16a34a;--success-bg:#16a34a1a;--warning:#d97706;--warning-bg:#d977061a;--danger:#dc2626;--danger-bg:#dc26261a;--info:#2563eb;--info-bg:#2563eb1a;--shadow:0 2px 12px #00000014;--shadow-sm:0 1px 4px #0000000f;--radius:12px;--radius-sm:8px;--radius-lg:16px;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app-layout{min-height:100vh;display:flex}.sidebar{border-right:2px solid var(--border-color);z-index:100;background:#fff;flex-direction:column;width:260px;height:100vh;transition:transform .3s;display:flex;position:fixed;box-shadow:2px 0 8px #0000000a}.sidebar-header{border-bottom:1px solid var(--border-color);padding:20px}.sidebar-logo{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:700}.sidebar-logo span{color:var(--accent)}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--accent-light);color:var(--accent)}.nav-item svg{flex-shrink:0;width:20px;height:20px}.main-content{flex:1;min-height:100vh;margin-left:260px}.page-container{max-width:1400px;margin:0 auto;padding:24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{letter-spacing:-.5px;font-size:24px;font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-sm);padding:20px}.card:hover{border-color:var(--border-light)}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.purple{background:var(--accent-light);color:var(--accent)}.stat-icon.green{background:var(--success-bg);color:var(--success)}.stat-icon.yellow{background:var(--warning-bg);color:var(--warning)}.stat-icon.red{background:var(--danger-bg);color:var(--danger)}.stat-icon.blue{background:var(--info-bg);color:var(--info)}.stat-info h3{letter-spacing:-.5px;font-size:22px;font-weight:700}.stat-info p{color:var(--text-secondary);margin-top:2px;font-size:13px}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:var(--success);color:#000}.btn-success:hover{opacity:.9}.btn-warning{background:var(--warning);color:#000}.btn-warning:hover{opacity:.9}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-select{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);background:#fff;border:1.5px solid #b8bdd0;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-muted)}.table-container{border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background:#f0f2f6}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-color);padding:12px 16px;font-size:12px;font-weight:700}td{border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:14px}tbody tr:nth-child(2n){background:#f8f9fb}tbody tr:hover{background:#eef0f5}.status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.completed{background:var(--success-bg);color:var(--success)}.status-badge.draft{background:var(--warning-bg);color:var(--warning)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.product-card.has-quantity{border-color:var(--accent);background:var(--accent-light)}.product-info h4{margin-bottom:4px;font-size:14px;font-weight:600}.product-info p{color:var(--text-secondary);font-size:12px}.product-controls{align-items:center;gap:8px;display:flex}.qty-btn{border:1px solid var(--border-color);background:var(--bg-input);width:32px;height:32px;color:var(--text-primary);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.qty-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.qty-input{text-align:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:70px;color:var(--text-primary);outline:none;padding:6px;font-family:inherit;font-size:14px;font-weight:600}.qty-input:focus{border-color:var(--accent)}.date-navigator{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);align-items:center;gap:8px;padding:8px 12px;display:flex}.date-navigator input[type=date]{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}.date-navigator input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.order-summary{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:20px;position:sticky;top:24px}.summary-row{justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;display:flex}.summary-row.total{border-top:2px solid var(--border-color);color:var(--accent);margin-top:8px;padding-top:12px;font-size:18px;font-weight:700}.summary-row .label{color:var(--text-secondary)}.summary-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.summary-actions .btn{justify-content:center;width:100%}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow);overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2{font-size:18px;font-weight:700}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.receipt-content{color:#000;background:#fff;padding:24px;font-family:Arial,Helvetica,Segoe UI,sans-serif}.receipt-header{text-align:center;border-bottom:2px solid #333;margin-bottom:16px;padding-bottom:10px}.receipt-header h1{letter-spacing:1px;color:#1a1a1a;margin-bottom:2px;font-size:18px;font-weight:800}.receipt-header .receipt-sub{color:#666;font-size:12px}.receipt-meta{color:#444;justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.receipt-table{border-collapse:collapse;width:100%;margin-bottom:12px}.receipt-table th{text-align:left;color:#333;text-transform:uppercase;white-space:nowrap;background:#f0f0f0;border:1px solid #ddd;padding:5px 8px;font-size:10px;font-weight:700}.receipt-table td{color:#333;white-space:nowrap;border:1px solid #ddd;padding:4px 8px;font-size:11px}.receipt-table .number{text-align:right}.receipt-totals{width:240px;margin-left:auto}.receipt-totals .row{justify-content:space-between;padding:4px 0;font-size:12px;display:flex}.receipt-totals .row.grand{border-top:2px solid #333;margin-top:4px;padding-top:6px;font-size:15px;font-weight:800}.receipt-footer{text-align:center;color:#888;border-top:1px solid #ddd;margin-top:12px;padding-top:8px;font-size:10px}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.filter-bar .form-group{margin-bottom:0}.mobile-menu-btn{background:var(--accent);color:#fff;width:56px;height:56px;box-shadow:var(--shadow);z-index:101;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;bottom:20px;right:20px}.sidebar-overlay{z-index:99;background:#0003;display:none;position:fixed;inset:0}.loading{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:40px;font-size:14px;display:flex}.spinner{border:2px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{border-radius:var(--radius-sm);z-index:9999;box-shadow:var(--shadow);padding:12px 24px;font-size:14px;font-weight:500;animation:.3s slideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.success{background:var(--success);color:#000}.toast.error{background:var(--danger);color:#fff}.toast.info{background:var(--info);color:#000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@page{size:A4;margin:5mm}@media print{html{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sidebar,.mobile-menu-btn,.no-print,.sidebar-overlay,.receipt-page-actions,.page-header,.page-container>:not(.modal-overlay):not(.receipt-content),.filter-bar,.filter-group,.table-container,.order-card-list,.stats-grid,.mobile-summary-bar{display:none!important}.main-content{margin-left:0!important;padding:0!important}body{margin:0;padding:0;color:#000!important;background:#fff!important}.receipt-page{min-height:auto!important;padding:0!important}.receipt-content{page-break-inside:avoid;margin:0;box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;padding:5mm!important}.receipt-header h1{font-size:16px!important}.receipt-header{margin-bottom:8px!important;padding-bottom:6px!important}.receipt-meta{margin-bottom:8px!important;font-size:10px!important}.receipt-table th{padding:3px 6px!important;font-size:9px!important}.receipt-table td{padding:2px 6px!important;font-size:10px!important}.receipt-totals .row{padding:2px 0!important;font-size:10px!important}.receipt-totals .row.grand{font-size:13px!important}.receipt-footer{margin-top:6px!important;padding-top:4px!important;font-size:8px!important}.modal-overlay{background:0 0!important;position:static!important}.modal{box-shadow:none!important;border:none!important;max-width:100%!important;max-height:none!important;position:static!important}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{margin-left:0}.mobile-menu-btn{display:flex}.page-container{padding:16px}.page-title{font-size:20px}.product-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column}.page-header{flex-direction:column;align-items:flex-start}.order-layout{grid-template-columns:1fr!important}}.order-layout{grid-template-columns:1fr 320px;align-items:flex-start;gap:24px;display:grid}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state svg{opacity:.5;width:48px;height:48px;margin-bottom:12px}.empty-state p{font-size:14px}.discount-row{align-items:center;gap:8px;display:flex}.discount-input{text-align:center;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:60px;color:var(--text-primary);outline:none;padding:4px 8px;font-family:inherit;font-size:14px;font-weight:600}.branch-selector{flex-wrap:wrap;gap:8px;display:flex}.branch-btn{border-radius:var(--radius);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600}.branch-btn:hover{border-color:var(--accent);color:var(--text-primary)}.branch-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.kg-input-group{align-items:center;gap:4px;display:flex}.kg-field{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:2px 4px;display:flex}.kg-num{text-align:center;width:48px;color:var(--text-primary);background:0 0;border:none;outline:none;padding:4px 2px;font-family:inherit;font-size:14px;font-weight:600}.kg-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kg-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.kg-label{color:var(--text-muted);padding-right:4px;font-size:11px;font-weight:600}.product-search{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;display:flex}.product-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.product-search input::placeholder{color:var(--text-muted)}.product-search svg{color:var(--text-muted);flex-shrink:0}.draft-banner{background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius);cursor:pointer;transition:var(--transition);color:var(--warning);align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.draft-banner:hover{background:#fbbf2433}.existing-order-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.item-count-badge{background:var(--accent);color:#fff;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:6px;font-size:11px;font-weight:700;display:inline-flex}.receipt-actions-grid{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.receipt-actions-grid .btn{justify-content:center;width:100%;padding:8px 6px;font-size:12px}.mobile-summary-bar{background:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:90;padding:12px 16px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000014}.mobile-summary-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mobile-summary-count{color:var(--text-secondary);font-size:13px}.mobile-summary-total{color:var(--accent);font-size:18px;font-weight:700}.mobile-summary-actions{gap:8px;display:flex}.mobile-summary-actions .btn{flex:1;justify-content:center}.order-actions{flex-wrap:nowrap;gap:4px;display:flex}.order-actions .btn-icon{width:30px;height:30px}.period-selector{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);gap:4px;padding:4px;display:flex}.period-btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.period-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.period-btn.active{background:var(--accent);color:#fff}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px;display:grid}.chart-card{padding:20px}.chart-container{height:280px;position:relative}.chart-legend{flex-direction:column;gap:8px;margin-top:16px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.data-list{flex-direction:column;gap:8px;display:flex}.data-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);transition:var(--transition);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.data-card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.data-card-main{flex:1;min-width:0}.data-card-title{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.data-card-meta{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.data-card-price{color:var(--accent);font-weight:600}.data-card-actions{flex-shrink:0;gap:4px;display:flex}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow);padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--text-primary);letter-spacing:-.5px;font-size:22px;font-weight:800}.login-header h1 span{color:var(--accent)}.login-header p{color:var(--text-muted);margin-top:6px;font-size:13px}.login-field{margin-bottom:16px}.login-field input{border-radius:var(--radius);width:100%;color:var(--text-primary);transition:var(--transition);background:#fff;border:1.5px solid #b8bdd0;outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.login-field input::placeholder{color:var(--text-muted)}.login-error{color:var(--danger);text-align:center;margin-bottom:12px;font-size:13px}.login-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;width:100%;transition:var(--transition);border:none;padding:14px;font-family:inherit;font-size:15px;font-weight:600}.login-btn:hover{background:var(--accent-hover)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.receipt-page{background:var(--bg-primary);flex-direction:column;align-items:center;min-height:100vh;padding:24px;display:flex}.receipt-page .receipt-content{width:100%;max-width:700px}.receipt-page-actions{gap:8px;width:100%;max-width:700px;margin-bottom:16px;display:flex}.receipt-page-loading,.receipt-page-error{text-align:center;color:var(--text-muted);padding:60px 20px}.receipt-page-error h2{color:var(--text-primary);margin-bottom:8px}.order-card-list{flex-direction:column;gap:10px;display:none}.order-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:14px}.order-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.order-card-branch{color:var(--text-primary);font-size:14px;font-weight:600}.order-card-date{color:var(--text-muted);margin-top:2px;font-size:12px}.order-card-amounts{color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-bottom:10px;font-size:13px;display:flex}.order-card-label{color:var(--text-muted);font-size:11px}.order-card-net{color:var(--accent);font-weight:600}.order-card-bottom{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:10px;display:flex}@media (max-width:768px){.desktop-only{display:none!important}.order-card-list{display:flex}.mobile-summary-bar{display:block}.order-summary{margin-bottom:100px;position:static}.product-grid{gap:8px;grid-template-columns:1fr!important}.product-card{gap:8px;padding:12px}.product-info h4{font-size:13px}.product-info p{font-size:11px}.product-controls{flex-shrink:0}.kg-input-group{gap:4px}.kg-field{padding:4px 6px}.kg-num{width:44px;padding:6px 2px;font-size:16px}.kg-label{font-size:12px}.qty-input{width:50px;padding:8px 4px;font-size:16px}.qty-btn{-webkit-tap-highlight-color:transparent;width:38px;height:38px}.branch-selector{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.branch-btn{flex-shrink:0;padding:10px 16px;font-size:13px}.date-navigator{justify-content:space-between;width:100%}.date-navigator input[type=date]{font-size:13px}.summary-actions .btn{padding:12px 14px;font-size:13px}.table-container{border:none}.table-container table{font-size:12px}.table-container th,.table-container td{white-space:nowrap;padding:8px 6px;font-size:12px}.order-actions{gap:2px}.order-actions .btn-icon{background:0 0;border:none;width:28px;height:28px}.filter-bar{grid-template-columns:1fr 1fr;gap:8px;display:grid}.filter-bar .form-group{width:100%;min-width:0}.filter-bar .form-select,.filter-bar .form-input{box-sizing:border-box;width:100%}.period-selector{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.period-btn{flex-shrink:0;padding:8px 12px;font-size:12px}.charts-grid{grid-template-columns:1fr;gap:16px}.chart-container{height:200px}.chart-card{padding:14px}.order-layout{gap:16px;grid-template-columns:1fr!important}.modal{border-radius:var(--radius);max-height:95vh;margin:8px}.modal-header{flex-wrap:wrap;gap:8px;padding:14px 16px}.modal-header h2{font-size:15px}.modal-body{padding:14px}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-container{padding:12px}.page-title{font-size:18px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{gap:10px;padding:14px}.stat-icon{width:40px;height:40px}.stat-info h3{font-size:16px}.stat-info p{font-size:11px}.product-search{padding:10px 12px}.product-search input{font-size:16px}.mobile-menu-btn{width:50px;height:50px;display:flex;bottom:16px;left:16px;right:auto}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{margin-left:0}.receipt-content{padding:12px}.receipt-header h1{font-size:15px}.receipt-meta{flex-direction:column;gap:4px;font-size:11px}.receipt-meta div:last-child{text-align:left}.receipt-table th{padding:4px 5px;font-size:9px}.receipt-table td{padding:3px 5px;font-size:10px}.receipt-totals{width:100%}.receipt-totals .row.grand{font-size:14px}.site-footer{margin-top:20px;padding:16px 12px}}@media (max-width:400px){.stats-grid{grid-template-columns:1fr}.branch-btn{padding:8px 12px;font-size:12px}.product-card{padding:10px}.page-container{padding:8px}}