:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4361ee;--secondary-color:#3f37c9;--success-color:#4cc9f0;--warning-color:#f72585;--danger-color:#e63946;--info-color:#457b9d;--light-color:#f8f9fa;--dark-color:#212529;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--border-radius:8px;--box-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--transition:all .2s ease-in-out}html,body{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--gray-100);color:var(--gray-800);justify-content:center;align-items:flex-start;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;display:flex}.App{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:1600px;min-height:100vh;display:flex}h1{color:var(--gray-900);letter-spacing:-.025em;margin:1.5rem 2rem 1rem;font-size:2rem;font-weight:700}h2{color:var(--gray-800);margin-bottom:1rem;font-size:1.5rem;font-weight:600}h3{color:var(--gray-700);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.loading-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:4px solid var(--gray-200);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;box-shadow:var(--box-shadow);z-index:100;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.nav-brand a{color:#fff;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.nav-menu{align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-menu a{color:#ffffffd9;border-radius:var(--border-radius);transition:var(--transition);padding:.5rem 1rem;font-weight:500;text-decoration:none}.nav-menu a:hover,.nav-menu a.active{color:#fff;background-color:#ffffff1a}.nav-user{align-items:center;gap:.5rem;display:flex}.btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:focus{outline:none;box-shadow:0 0 0 3px #4361ee40}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px #4361ee4d}.btn-success{color:#fff;background-color:#2a9d8f}.btn-success:hover{background-color:#21867a;transform:translateY(-2px);box-shadow:0 4px 8px #2a9d8f4d}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#d00000;transform:translateY(-2px);box-shadow:0 4px 8px #e639464d}.btn-warning{color:var(--gray-900);background-color:#e9c46a}.btn-warning:hover{background-color:#f4a261;transform:translateY(-2px);box-shadow:0 4px 8px #f4a2614d}.btn-secondary{background-color:var(--gray-600);color:#fff}.btn-secondary:hover{background-color:var(--gray-700);transform:translateY(-2px)}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background-color:#0000}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.btn-link{color:var(--primary-color);cursor:pointer;background:0 0;border:none;margin-left:1rem;padding:0;text-decoration:none}.btn-link:hover{text-decoration:underline}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--gray-700);margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--gray-300);border-radius:var(--border-radius);width:100%;transition:var(--transition);padding:.75rem;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4361ee33}.form-row{gap:1.5rem;margin-bottom:1.25rem;display:flex}.form-row .form-group{flex:1;margin-bottom:0}.card{border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);background-color:#fff;margin-bottom:1.5rem;padding:1.5rem}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.data-table{border-collapse:collapse;border-radius:var(--border-radius);width:100%;box-shadow:var(--box-shadow);background-color:#fff;margin-top:1rem;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--gray-200);padding:1rem}.data-table th{background-color:var(--gray-100);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.data-table tbody tr:hover{background-color:var(--gray-50)}.data-table tr:last-child td{border-bottom:none}.auth-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-form{border-radius:var(--border-radius);box-shadow:var(--box-shadow);background-color:#fff;width:100%;max-width:450px;padding:2.5rem}.auth-form h2{text-align:center;color:var(--gray-900);margin-bottom:1.5rem}.auth-toggle{text-align:center;margin-top:1.5rem}.link-button{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:500;text-decoration:none}.link-button:hover{text-decoration:underline}.error{color:var(--danger-color);border-radius:var(--border-radius);border-left:4px solid var(--danger-color);background-color:#fff5f5;margin-bottom:1rem;padding:.75rem}.success{color:#2a9d8f;border-radius:var(--border-radius);background-color:#f0fdf4;border-left:4px solid #2a9d8f;margin-bottom:1rem;padding:.75rem}.page-controls{flex-wrap:wrap;gap:1rem;margin:1rem 2rem 1.5rem;display:flex}.search-input{border:2px solid var(--gray-300);border-radius:var(--border-radius);max-width:300px;transition:var(--transition);flex:1;padding:.75rem 1rem;font-size:1rem}.search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4361ee33}.filter-select{border:2px solid var(--gray-300);border-radius:var(--border-radius);transition:var(--transition);background-color:#fff;padding:.75rem;font-size:1rem}.filter-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4361ee33}.form-section,.table-section{margin:0 2rem 2rem}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:0 2rem 2rem;display:grid}.quick-actions{flex-wrap:wrap;gap:.75rem;display:flex}.action-btn{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;border-radius:var(--border-radius);text-align:center;transition:var(--transition);margin-bottom:.5rem;padding:1rem;font-weight:500;text-decoration:none;display:block}.action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.products-page h1{margin-top:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:1rem 2rem;display:grid}.stat-card{background:linear-gradient(135deg, white 0%, var(--gray-100) 100%);border-radius:var(--border-radius);text-align:center;box-shadow:var(--box-shadow);transition:var(--transition);padding:1.5rem}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem}.stat-card p{color:var(--primary-color);margin:0;font-size:2rem;font-weight:700}.stock-control{align-items:center;gap:.5rem;display:flex}.stock-value{font-size:1.1rem;font-weight:700}.stock-value.low-stock{color:#e9c46a}.stock-value.out-of-stock{color:var(--danger-color)}.stock-value.in-stock{color:#2a9d8f}.stock-input{border:2px solid var(--gray-300);border-radius:var(--border-radius);text-align:center;width:60px;transition:var(--transition);padding:.25rem}.stock-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #4361ee33}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:50px;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.status-low-stock{color:#ffa000;background-color:#fff8e1}.status-out-of-stock{color:#c62828;background-color:#ffebee}.status-in-stock{color:#2e7d32;background-color:#e8f5e9}.view-tabs{border-bottom:2px solid var(--gray-200);margin:0 2rem 1.5rem;display:flex}.view-tabs button{color:var(--gray-600);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-bottom:3px solid #0000;padding:.75rem 1.5rem;font-weight:500}.view-tabs button.active{color:var(--primary-color);border-bottom:3px solid var(--primary-color);background:0 0}.view-tabs button:hover:not(.active){color:var(--gray-800)}.pos-layout{grid-template-columns:2fr 1fr;gap:2rem;margin:0 2rem;display:grid}.product-selection{border-radius:var(--border-radius);box-shadow:var(--box-shadow);background-color:#fff;padding:1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.product-card{border:2px solid var(--gray-200);border-radius:var(--border-radius);text-align:center;cursor:pointer;transition:var(--transition);background-color:#fff;padding:1rem}.product-card:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.product-card.selected{border-color:var(--primary-color);background-color:#f0f7ff}.product-card h3{color:var(--gray-800);margin-bottom:.5rem;font-size:.95rem}.product-card .price{color:#2a9d8f;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.product-card .stock{color:var(--gray-600);margin-bottom:.75rem;font-size:.8rem}.cart-section{border-radius:var(--border-radius);box-shadow:var(--box-shadow);background-color:#fff;padding:1.5rem}.cart-items{margin-bottom:1.5rem}.cart-item{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.cart-item:last-child{border-bottom:none}.item-info h4{color:var(--gray-800);margin-bottom:.25rem}.item-info p{color:var(--gray-600);margin:0;font-size:.875rem}.item-controls{align-items:center;gap:.5rem;display:flex}.checkout-section{border-top:2px solid var(--gray-200);padding-top:1rem}.total{text-align:right;color:var(--primary-color);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.customer-selection{margin-bottom:1.5rem}.customer-selection label{color:var(--gray-700);margin-bottom:.5rem;font-weight:500;display:block}.receipt-container{border-radius:var(--border-radius);max-width:400px;box-shadow:var(--box-shadow);background-color:#fff;margin:2rem auto;padding:2rem}.receipt-header{text-align:center;border-bottom:2px dashed var(--gray-300);margin-bottom:1.5rem;padding-bottom:1rem}.receipt-header h2{color:var(--primary-color);margin-bottom:.25rem}.receipt-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.receipt-table th,.receipt-table td{text-align:left;border-bottom:1px solid var(--gray-200);padding:.5rem}.receipt-totals{border-top:2px solid var(--gray-300);margin:1rem 0;padding-top:1rem}.total-row{justify-content:space-between;margin-bottom:.5rem;display:flex}.grand-total{border-top:2px solid var(--gray-800);padding-top:.5rem;font-size:1.1rem;font-weight:700}.receipt-footer{text-align:center;border-top:2px solid var(--gray-300);color:var(--gray-600);margin-top:1.5rem;padding-top:1rem;font-size:.875rem}.receipt-actions{text-align:center;margin:1rem 2rem 2rem}@media screen and (min-width:1024px){.container{max-width:100%;padding:20px}.page-controls{flex-direction:row;justify-content:space-between}.form-section{max-width:100%;margin-bottom:25px}.form-row{gap:20px;display:flex}.form-group{flex:1;min-width:200px}.data-table{font-size:14px}.btn{padding:8px 16px;font-size:14px}.pos-layout{grid-template-columns:2fr 1fr;gap:30px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.product-card{padding:15px}.cart-item{padding:15px 0}}@media screen and (min-width:1280px){.container{max-width:1200px;margin:0 auto;padding:25px}.form-row{gap:25px}.form-group{min-width:220px}.data-table th,.data-table td{padding:12px 15px}.pos-layout{gap:35px}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (min-width:1440px){.container{max-width:1300px;padding:30px}.form-row{gap:30px}.form-group{min-width:250px}h1{font-size:28px}h2{font-size:22px}.data-table th,.data-table td{padding:14px 18px}.product-card h3{font-size:1rem}.product-card .price{font-size:1.2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media screen and (min-width:1920px){.container{max-width:1500px;padding:40px}.form-row{gap:40px}.form-group{min-width:300px}h1{font-size:32px}h2{font-size:26px}.data-table th,.data-table td{padding:16px 20px}.btn{padding:10px 20px;font-size:15px}.search-input{min-width:300px}.product-card{padding:20px}.product-card h3{font-size:1.1rem}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:992px){.pos-layout{grid-template-columns:1fr}.form-row{flex-direction:column;gap:1rem}}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem}.nav-menu{flex-flow:wrap;justify-content:center;gap:.75rem}.dashboard-cards,.stats-grid{grid-template-columns:1fr}h1{margin:1rem 1rem .5rem;font-size:1.75rem}.page-controls{flex-direction:column;margin:1rem 1rem 1.5rem}.search-input{max-width:100%}}@media (max-width:480px){.auth-form{margin:1rem;padding:1.5rem}.nav-menu{flex-direction:column}.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-element{animation:.3s ease-out fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;padding:20px;overflow-y:auto;box-shadow:0 4px 6px #0000001a}@media screen and (min-width:1024px){.modal-content{width:80%;max-width:1000px;max-height:80vh}}@media screen and (min-width:1280px){.modal-content{width:70%;max-width:1100px;max-height:75vh}}@media screen and (min-width:1440px){.modal-content{width:60%;max-width:1200px;max-height:70vh}}@media screen and (min-width:1920px){.modal-content{width:50%;max-width:1300px;max-height:65vh}}@media print{body{background-color:#fff}.navbar,.page-controls,.form-section,.modal-overlay>div>div>div:first-child,button,input,select{display:none!important}.modal-overlay{background-color:#0000!important;display:block!important;position:static!important}.modal-content{box-shadow:none!important;border:none!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;position:static!important}.modal-content>div:nth-child(2){grid-template-columns:repeat(auto-fit,minmax(35mm,1fr))!important;gap:5mm!important;padding:5mm!important;display:grid!important}.modal-content>div:nth-child(2)>div{page-break-inside:avoid!important;break-inside:avoid!important;text-align:center!important;background-color:#fff!important;border:1px solid #ddd!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:35mm!important;min-height:45mm!important;padding:8px!important;display:flex!important}svg{margin:5px auto!important}h4{margin:5px 0!important;font-size:12px!important}div[style*="font-size: 12px"]{margin:3px 0!important;font-size:10px!important}}