:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;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}}.registro-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f7f9;font-family:Arial,sans-serif}.registro-box{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:500px;text-align:center}.logo-section .logo{width:80px;margin-bottom:10px}.logo-section h1{font-size:24px;color:#333;margin-bottom:5px}.logo-section p{font-size:14px;color:#777;margin-bottom:20px}.registro-form{display:flex;flex-direction:column}.registro-form h3{text-align:left;color:#555;margin-top:15px;margin-bottom:10px}.registro-form input{padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:16px}.registro-form button{padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.registro-form button:hover{background-color:#0056b3}.header-container{max-width:900px;width:auto;background-color:#fff;padding:10px 20px;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.header-content{display:flex;align-items:center;justify-content:flex-start;gap:15px;max-width:900px;margin:0 auto}.logo-section{flex-shrink:0}.header-logo{height:70px;width:170;object-fit:contain;display:block}.title-section{width:100%;display:flex;flex-direction:column;align-items:center}.main-title{text-align:center;margin:0;font-size:2rem;font-weight:700;color:#2c3e50;line-height:1.2}.sub-title{margin:0;font-size:1.2rem;font-weight:400;color:#7f8c8d;line-height:1.2}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f7f9;width:100%;font-family:Arial,sans-serif}.header-logon{align-items:center;max-width:900px;margin-bottom:50px;margin-top:50px}.login-box{background:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:400px;text-align:center}.logo-section .logo{width:150px;height:160px;margin-bottom:10px}.logo-section h1{font-size:28px;color:#3e74e0;margin-bottom:5px;text-shadow:-1px -1px 0px red,1px -1px 0px red,-1px 1px 0px red,1px 1px 0px red}.logo-section p{font-size:16px;color:#777;margin-bottom:30px}.login-form{display:flex;flex-direction:column}.login-form input{padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:16px}.login-form button{padding:12px;background-color:#28a745;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.login-form button:hover{background-color:#218838}.links{margin-top:20px;font-size:14px;display:flex;justify-content:space-between}.links a{color:#007bff;text-decoration:none;transition:color .3s ease}.links a:hover{color:#0056b3}.message{padding:10px;border-radius:5px;margin-bottom:15px}.navbar{max-width:900px;display:flex;justify-content:space-between;align-items:center;background-color:#333;color:#fff;padding:1rem 1.5rem;position:sticky;top:0;z-index:100;width:auto}.navbar-logo a{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}.menu-icon{display:none;cursor:pointer;font-size:1.5rem}.sidebar{position:static;transform:none;width:100%;background:none;transition:none}.nav-links{list-style:none;display:flex;margin:0;padding:0}.nav-links li{margin:0 1rem}.nav-links a,.nav-links button{color:#fff;text-decoration:none;font-size:1rem;background:none;border:none;padding:0;cursor:pointer;transition:color .3s ease}.nav-links a:hover,.nav-links button:hover{color:#007bff}.logout-btn:hover{color:#dc3545}@media (max-width: 768px){.menu-icon{display:block}.sidebar{position:fixed;top:0;right:0;width:250px;height:100%;background-color:#152;transform:translate(100%);transition:transform .3s ease-in-out;box-shadow:-2px 0 5px #052e1b80}.sidebar.open{transform:translate(0)}.nav-links{flex-direction:column;padding-top:60px}.nav-links li{margin:1rem 0;text-align:center}}.ventas-container{font-family:Arial,sans-serif;max-width:900px;margin:0 auto;text-align:center;width:100%}.ventas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ventas-header h2{color:#333;font-size:2em;text-align:center}.cliente-select-container{display:flex;align-items:center;gap:15px}.cliente-select-container select{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:16px}.pago-toggle{display:flex;align-items:center;gap:10px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.totales-container{text-align:left;margin-bottom:20px;font-size:1.2em;font-weight:700}.abono-container{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;font-size:.9em;font-weight:400}.abono-container input{width:120px}.finalizar-btn{width:100%;padding:15px;background-color:#28a745;color:#fff;border:none;border-radius:8px;font-size:1.2em;cursor:pointer;transition:background-color .3s}.finalizar-btn:hover{background-color:#218838}.message{padding:10px;border-radius:5px;margin-bottom:10px;text-align:center}.clientes-container{font-family:Arial,sans-serif;max-width:900px;width:100%;text-align:center}.clientes-container h2{text-align:center;color:#333;margin-bottom:20px;font-size:2em}.clientes-table{width:100%;border-collapse:collapse}.clientes-table th,.clientes-table td{border:1px solid #ddd;padding:12px;text-align:left}.clientes-table th{background-color:#f4f4f4}.clientes-table tr:nth-child(2n){background-color:#f9f9f9}.clientes-table td:last-child{white-space:nowrap}.busqueda-producto-container{position:relative;margin-bottom:20px;width:100%}.busqueda-producto-container input{width:90%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:16px;background-color:#add8e6;color:#000}.resultados-busqueda{list-style-type:none;padding:0;margin:0;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;border-top:none;max-height:200px;overflow-y:auto;z-index:10}.resultados-busqueda li{padding:10px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.resultados-busqueda li:hover{background-color:#f0f0f0}.tabla-productos-seleccionados{width:100%;border-collapse:collapse;margin-bottom:20px}.tabla-productos-seleccionados th,.tabla-productos-seleccionados td{border:1px solid #ddd;padding:12px;text-align:left}.tabla-productos-seleccionados th{background-color:#f4f4f4}.tabla-productos-seleccionados input{width:80px;padding:5px;border:1px solid #ddd;border-radius:3px}.productos-container{font-family:Arial,sans-serif;max-width:900px;text-align:center;width:auto}.productos-container h2{text-align:center;color:#333;margin-bottom:20px;font-size:2em}.productos-table{width:100%;border-collapse:collapse}.productos-table th,.productos-table td{border:1px solid #ddd;padding:12px;text-align:left}.productos-table th{background-color:#f4f4f4}.productos-table tr:nth-child(2n){background-color:#f9f9f9}.productos-table td:last-child{white-space:nowrap}.proveedores-container{padding:20px;font-family:Arial,sans-serif;max-width:900px;margin:0 auto;text-align:center}.proveedores-container h2{text-align:center;color:#333;margin-bottom:20px;font-size:2em}.form-section input{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.proveedores-table{width:100%;border-collapse:collapse}.proveedores-table th,.proveedores-table td{border:1px solid #ddd;padding:12px;text-align:left}.proveedores-table th{background-color:#f4f4f4}.proveedores-table tr:nth-child(2n){background-color:#f9f9f9}.proveedores-table td:last-child{white-space:nowrap}.usuarios-container{font-family:Arial,sans-serif;max-width:900px;margin:0 auto;text-align:center;width:100%}.usuarios-container h2{text-align:center;color:#333;margin-bottom:20px;font-size:2em}.form-section,.table-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-bottom:30px}.form-section h3,.table-section h3{text-align:center;color:#555;margin-bottom:20px}.form-section form{display:flex;flex-direction:column;gap:15px}.form-section input,.form-section select{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px}.form-section button{padding:12px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.form-section button[type=submit]{background-color:#28a745;color:#fff}.form-section button[type=submit]:hover{background-color:#218838}.form-section button[type=button]{background-color:#6c757d;color:#fff}.form-section button[type=button]:hover{background-color:#5a6268}.usuarios-table{width:100%;border-collapse:collapse}.usuarios-table th,.usuarios-table td{border:1px solid #ddd;padding:12px;text-align:left}.usuarios-table th{background-color:#f4f4f4}.usuarios-table tr:nth-child(2n){background-color:#f9f9f9}.usuarios-table td:last-child{white-space:nowrap}.edit-btn,.delete-btn{border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:.9em}.edit-btn{background-color:#007bff;color:#fff;margin-right:5px}.delete-btn{background-color:#dc3545;color:#fff}.edit-btn:hover{background-color:#0056b3}.delete-btn:hover{background-color:#c82333}.reportes-container{font-family:Arial,sans-serif;max-width:900px;text-align:center}.reportes-container h2{text-align:center;color:#333;margin-bottom:20px;font-size:2em}.filters-section{display:flex;justify-content:space-around;align-items:center;background:#f4f4f4;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:30px;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-weight:700;color:#555}.filter-group select,.filter-group input[type=date]{padding:8px;border-radius:5px;border:1px solid #ddd;font-size:14px}.table-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-bottom:30px}.table-section h3{text-align:center;color:#555;margin-bottom:20px}.reportes-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;margin-top:1rem}.reportes-table th,.reportes-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid #e5e7eb;font-size:.875rem}.reportes-table th{background-color:#f9fafb;font-weight:600;color:#4b5563;text-transform:uppercase}.reportes-table tr:last-child td{border-bottom:none}.message{padding:10px;border-radius:5px;margin-bottom:15px;text-align:center}.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.whatsapp-btn{background:#25d366;color:#fff;padding:.3rem .6rem;border-radius:.5rem;border:none;transition:background-color .2s;display:inline-flex;align-items:center}.whatsapp-btn:hover{background:#128c7e}.whatsapp-btn:active{transform:scale(.98)}.no-phone{color:#999;font-style:italic;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}