@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;scroll-behavior:smooth}#root{min-height:100vh}#root,body{overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--gray-50);color:#0f172a;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);height:auto;line-height:1.6;margin:0;padding:0;position:relative}code{background-color:#f1f5f9;background-color:var(--gray-100);border-radius:.375rem;border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,monospace;font-size:.875em;padding:.125rem .25rem}.pos-layout{background-color:#f8fafc;background-color:var(--gray-50)}.modern-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-card:hover{border-color:#93c5fd;border-color:var(--primary-300);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.modern-card-header{background-color:#f8fafc;background-color:var(--gray-50);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray-200);padding:1.5rem}.modern-card-content{padding:1.5rem}.btn-modern{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#2563eb;background-color:var(--primary-600);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-700);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);color:#334155;color:var(--gray-700)}.btn-secondary:hover{background:#f8fafc;background:var(--gray-50);border-color:#94a3b8;border-color:var(--gray-400);transform:translateY(-1px)}.input-modern{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;transition:all .2s ease;width:100%}.input-modern:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.product-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:1rem}@media (max-width:768px){.product-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.numpad-container{grid-gap:.75rem;background:#fff;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}.numpad-button{background-color:#fff;border:1px solid #cbd5e1;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--gray-800);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:1.25rem;font-weight:600;height:4rem;margin:0;transition:all .2s ease;width:100%}.numpad-button:hover{background-color:#f8fafc;background-color:var(--gray-50);border-color:#94a3b8;border-color:var(--gray-400);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.numpad-button:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0) scale(.98)}.numpad-button.primary{background-color:#2563eb;background-color:var(--primary-600);border-color:#2563eb;border-color:var(--primary-600);color:#fff}.numpad-button.primary:hover{background-color:#1d4ed8;background-color:var(--primary-700);border-color:#1d4ed8;border-color:var(--primary-700)}.product-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card:hover{border-color:#93c5fd;border-color:var(--primary-300);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px) scale(1.02)}.product-card:active{transform:translateY(-2px) scale(1.01)}[data-payment-change=positive]{color:#4caf50!important}[data-payment-change=negative]{color:#f44336!important}.product-card-media{align-items:center;background-color:#f1f5f9;background-color:var(--gray-100);display:flex;height:140px;justify-content:center;overflow:hidden;position:relative}.product-card-content{background:#fff;display:flex;flex:1 1;flex-direction:column;padding:1rem}.product-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--gray-900);display:-webkit-box;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;line-height:1.4;margin-bottom:.5rem;overflow:hidden}.product-card-price{color:#2563eb;color:var(--primary-600);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin-top:auto}.product-card-stock{color:#64748b;color:var(--gray-500);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem}.product-card-stock.low{color:#f59e0b;color:var(--warning);font-weight:600}.product-card-stock.out{color:#ef4444;color:var(--error);font-weight:600}.stock-badge{background:#10b981;background:var(--success);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.stock-badge.low{background:#f59e0b;background:var(--warning)}.stock-badge.out{background:#ef4444;background:var(--error)}.cart-container{background:#fff;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.cart-header{background-color:#2563eb;background-color:var(--primary-600);color:#fff;padding:1.5rem}.cart-title{font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;margin:0}.cart-items{flex:1 1;overflow-y:auto;padding:1rem;scrollbar-color:#cbd5e1 #0000;scrollbar-color:var(--gray-300) #0000;scrollbar-width:thin}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track{background:#0000}.cart-items::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:3px}.cart-item{background-color:#f8fafc;background-color:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:.75rem;padding:1rem;position:relative;transition:all .2s ease}.cart-item:hover{background-color:#fff;border-color:#93c5fd;border-color:var(--primary-300);transform:translateX(4px)}.cart-item-name{color:#0f172a;color:var(--gray-900);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin-bottom:.5rem}.cart-item-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.cart-item-quantity{background:#dbeafe;background:var(--primary-100);border-radius:.5rem;border-radius:var(--radius-md);color:#1e40af;color:var(--primary-800);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .5rem}.cart-item-price{color:#2563eb;color:var(--primary-600);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700}.cart-footer{background-color:#f8fafc;background-color:var(--gray-50);border-top:1px solid #e2e8f0;border-top:1px solid var(--gray-200);padding:1.5rem}.cart-total{background-color:#eff6ff;background-color:var(--primary-50);border:1px solid #bfdbfe;border:1px solid var(--primary-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#0f172a;color:var(--gray-900);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800;margin-bottom:1rem;padding:1rem;text-align:center}.cart-actions{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.cart-actions{flex-direction:row}}.barcode-scanner-container{background-color:#0f172a;background-color:var(--gray-900);border:2px solid #bfdbfe;border:2px solid var(--primary-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);height:320px;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.scanner-overlay{background:#0000;border:2px solid #60a5fa;border:2px solid var(--primary-400);border-radius:.75rem;border-radius:var(--radius-lg);height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:10}.scanner-overlay:after,.scanner-overlay:before{border:3px solid #60a5fa;border:3px solid var(--primary-400);content:"";height:20px;position:absolute;width:20px}.scanner-overlay:before{border-bottom:none;border-right:none;left:-3px;top:-3px}.scanner-overlay:after{border-left:none;border-top:none;bottom:-3px;right:-3px}@media print{body *{visibility:hidden}#receipt-to-print,#receipt-to-print *{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;visibility:visible}#receipt-to-print{background-color:#fff!important;color:#000!important;font-size:12px;font-weight:600!important;left:0;margin:0 auto;padding:8px;position:absolute;top:0;width:90mm}#receipt-to-print .MuiTypography-h6,#receipt-to-print h6{color:#000!important;font-weight:700!important}#receipt-to-print .MuiTypography-body1,#receipt-to-print .MuiTypography-body2,#receipt-to-print .MuiTypography-subtitle2,#receipt-to-print p{color:#000!important;font-weight:500!important}#receipt-to-print .divider,#receipt-to-print div[style*=border-top],#receipt-to-print hr{border:2px solid #000!important;opacity:1!important}#receipt-to-print table{color:#000!important}#receipt-to-print table td,#receipt-to-print table th{color:#000!important;font-weight:500!important}#receipt-to-print .total-row,#receipt-to-print tr[style*=fontWeight] td{color:#000!important;font-weight:700!important}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.slide-in{animation:slideIn .4s cubic-bezier(.4,0,.2,1)}.fade-in{animation:fadeIn .3s ease-out}.slide-in-left{animation:slideInFromLeft .4s cubic-bezier(.4,0,.2,1)}.dashboard-tile{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-tile:before{background-color:#2563eb;background-color:var(--primary-600);content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-tile:hover{border-color:#93c5fd;border-color:var(--primary-300);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.dashboard-tile-title{color:#475569;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.dashboard-tile-value{color:#0f172a;color:var(--gray-900);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;line-height:1}.dashboard-tile-change{font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;margin-top:.75rem}.dashboard-tile-change.positive{color:#10b981;color:var(--success)}.dashboard-tile-change.negative{color:#ef4444;color:var(--error)}.scroll-x-auto{overflow-x:auto;overflow-y:visible}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow-x:auto}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.loading-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0,#cbd5e1 50%,#e2e8f0);background:linear-gradient(90deg,var(--gray-200) 0,var(--gray-300) 50%,var(--gray-200) 100%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--gray-100);border-radius:.5rem;border-radius:var(--radius-md)}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--gray-300);border-radius:.5rem;border-radius:var(--radius-md);-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--gray-400)}@media (prefers-color-scheme:dark){.dark-mode{--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#f1f5f9;--gray-900:#f8fafc}}.chat-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1500}.chat-container{animation:chatSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;height:90vh;max-height:700px;max-width:800px;overflow:hidden;width:100%}@keyframes chatSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chat-header{align-items:center;background:#007bff;color:#fff;display:flex;justify-content:space-between;padding:15px}.chat-title{display:flex;flex-direction:column;gap:4px}.chat-status{font-size:12px;opacity:.9}.chat-status.connected{color:#90ee90}.chat-status.disconnected{color:#ffb6c1}.chat-controls{display:flex;gap:8px}.chat-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .3s ease}.chat-btn:hover{background:#ffffff4d}.chat-faq-panel{background:#f8f9fa;border-bottom:1px solid #dee2e6;max-height:200px;overflow-y:auto;padding:15px}.chat-faq-panel h4{color:#495057;margin:0 0 10px}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;padding:10px;transition:all .2s ease}.faq-item:hover{background:#e9ecef;border-color:#007bff}.faq-item strong{color:#007bff;font-size:14px}.faq-item p{color:#6c757d;font-size:12px;margin:4px 0 0}.chat-online-users{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;color:#495057;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding:10px 15px}.online-user{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:11px;padding:2px 6px}.chat-messages{flex:1 1;gap:12px;overflow-y:auto;padding:15px}.chat-messages,.message{display:flex;flex-direction:column}.message{gap:4px}.message.system{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;padding:12px}.message.system .message-content,.message.system .message-header{color:#856404}.message-header{align-items:center;color:#6c757d;display:flex;font-size:12px;justify-content:space-between}.message-header strong{color:#007bff}.message-time{font-size:11px;opacity:.7}.message-content{word-wrap:break-word;background:#f8f9fa;border-radius:12px;font-size:14px;line-height:1.4;padding:10px 12px}.message-content code{background:#e9ecef;border-radius:4px;font-family:Courier New,monospace;font-size:12px;padding:2px 4px}.message-content strong{font-weight:600}.message-content em{font-style:italic}.typing-indicator{animation:pulse 1.5s infinite;background:#e9ecef;border-radius:12px;color:#6c757d;font-size:12px;font-style:italic;padding:8px 12px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.chat-input-container{border-top:1px solid #dee2e6;padding:15px}.chat-commands-hint{color:#6c757d;font-size:11px;margin-bottom:8px;text-align:center}.chat-input{display:flex;gap:8px}.chat-input input{border:1px solid #ced4da;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .3s ease}.chat-input input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.chat-input input:disabled{background:#e9ecef;cursor:not-allowed}.chat-input button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background .3s ease}.chat-input button:hover:not(:disabled){background:#0056b3}.chat-input button:disabled{background:#6c757d;cursor:not-allowed}@media (max-width:768px){.chat-modal-overlay{padding:0}.chat-container{border-radius:0;height:100vh;max-height:none;max-width:none;width:100vw}}.chat-faq-panel::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.chat-faq-panel::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-faq-panel::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-faq-panel::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}