@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#212529;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app-container{margin:0 auto;max-width:1200px;padding:24px}.app-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.app-header h1{color:#1c1c1e;font-size:28px;font-weight:700;margin:0}.user-info{align-items:center;color:#6c757d;display:flex;font-size:16px;gap:16px}.logout-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px}.logout-btn:hover{color:#1c1c1e}.app-nav{background-color:#e9ecef;border-radius:999px;display:flex;justify-content:center;margin-bottom:32px;margin-left:auto;margin-right:auto;padding:6px;width:-webkit-fit-content;width:fit-content}.nav-btn{align-items:center;background:#0000;border:none;border-radius:999px;color:#495057;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease-in-out}.nav-btn.active{background-color:#fff;box-shadow:0 2px 4px #00000012;color:#0d6efd}.app-main{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000a;padding:24px}.toolbar{gap:16px;justify-content:space-between;margin-bottom:24px}.search-bar,.toolbar{align-items:center;display:flex}.search-bar{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;flex-grow:1;gap:12px;padding:0 16px}.search-bar svg{color:#6c757d}.search-bar input{background:#0000;border:none;font-size:16px;outline:none;padding:12px 0;width:100%}.add-btn{align-items:center;background-color:#0d6efd;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:12px 20px;transition:background-color .2s;white-space:nowrap}.add-btn:hover{background-color:#0b5ed7}.clientes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cliente-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s ease-in-out}.cliente-card:hover{border-color:#dee2e6;box-shadow:0 8px 16px #0000000f;transform:translateY(-4px)}.card-content{cursor:pointer;flex-grow:1}.cliente-card h3{color:#0d6efd;font-size:18px;font-weight:600;margin:0 0 16px}.cliente-card p{align-items:center;color:#495057;display:flex;gap:10px;margin:0 0 8px}.cliente-card-actions{border-top:1px solid #dee2e6;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:16px}.card-action-btn{align-items:center;background-color:#e9ecef;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.card-action-btn svg{color:#495057;height:16px;transition:color .2s;width:16px}.card-action-btn.edit:hover{background-color:#cfe2ff}.card-action-btn.edit:hover svg{color:#0a58ca}.card-action-btn.delete:hover{background-color:#f8d7da}.card-action-btn.delete:hover svg{color:#842029}.detail-view{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000a;padding:24px}.back-btn{align-items:center;background:none;border:none;color:#0d6efd;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:24px}.cliente-header{border-bottom:1px solid #e9ecef;margin-bottom:24px;padding-bottom:24px}.cliente-header h2{font-size:28px;margin:0 0 8px}.cliente-header p{align-items:center;color:#6c757d;display:flex;gap:8px;margin:4px 0}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:24px}.summary-card{border-radius:10px;padding:20px}.summary-card h4{font-size:14px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.summary-card p{font-size:26px;font-weight:700;margin:0}.summary-card.ventas{background-color:#d1e7dd;color:#0f5132}.summary-card.abonos{background-color:#fff3cd;color:#664d03}.summary-card.saldo{background-color:#cff4fc;color:#055160}.summary-card{position:relative}.summary-card .toggle-saldos-btn{align-items:center;background:#0000;border:1px solid #0000000f;border-radius:10px;box-shadow:0 6px 14px #0000000f;color:inherit;cursor:pointer;display:inline-flex;height:42px;justify-content:center;padding:8px;position:absolute;right:10px;top:10px;transition:transform .12s,box-shadow .12s,background .12s;width:42px;z-index:6}.summary-card.ventas .toggle-saldos-btn{border-color:#0f513214;color:#0f5132}.summary-card.abonos .toggle-saldos-btn{border-color:#664d0314;color:#664d03}.summary-card.saldo .toggle-saldos-btn{border-color:#05516014;color:#055160}.summary-card .toggle-saldos-btn[aria-pressed=true]{background:#fff;box-shadow:0 10px 22px #00000017;transform:translateY(-2px)}.summary-card .toggle-saldos-btn:hover{background:#fff;transform:translateY(-2px)}.summary-card .toggle-saldos-btn svg{height:18px;width:18px}.masked-value{color:#6c757d;display:inline-block;font-weight:700;letter-spacing:4px}.detail-actions{display:flex;gap:16px;justify-content:flex-end;margin-bottom:32px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:10px 16px;transition:opacity .2s}.action-btn:hover{opacity:.85}.action-btn.green{background-color:#198754;color:#fff}.action-btn.red{background-color:#dc3545;color:#fff}.history-columns{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.history-column h3{border-bottom:1px solid #dee2e6;margin-bottom:16px;margin-top:0;padding-bottom:8px}.history-column ul{list-style-type:none;margin:0;padding:0}.history-column li{align-items:center;border-bottom:1px solid #f1f3f5;display:flex;justify-content:space-between;padding:12px 0}.history-column li:last-child{border-bottom:none}.item-info{display:flex;flex-direction:column}.item-info span{font-weight:500}.item-info small{color:#6c757d;margin-top:2px}.item-action{align-items:center;display:flex;gap:12px}.monto-venta{color:#dc3545;font-weight:600}.monto-abono{color:#198754;font-weight:600}.delete-item-btn,.edit-item-btn{background:none;border:none;border-radius:4px;color:#adb5bd;cursor:pointer;opacity:0;padding:4px;transition:all .2s;visibility:hidden}.history-column li:hover .delete-item-btn,.history-column li:hover .edit-item-btn{opacity:1;visibility:visible}.delete-item-btn:hover{background-color:#f8d7da;color:#842029}.edit-item-btn:hover{background-color:#dbeaff;color:#0056b3}.empty-history{color:#6c757d;font-style:italic;padding:16px 0}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#21252999;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;box-sizing:border-box;max-width:520px;padding:32px;width:100%}.modal-content h2{color:#1c1c1e;font-size:24px;font-weight:700;margin-bottom:24px;margin-top:0;text-align:left}.modal-content p{color:#495057;font-size:16px;line-height:1.5;margin-bottom:24px}.modal-form{display:flex;flex-direction:column;gap:20px}.modal-form input{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:16px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.modal-form input:focus{background-color:#fff;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd26;outline:none}.modal-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:32px}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.modal-actions-buttons{display:flex;gap:12px}.btn-cancel{background-color:#e9ecef;border:1px solid #0000;color:#495057}.btn-cancel:hover{background-color:#dee2e6}.btn-submit{background-color:#0d6efd;color:#fff}.btn-submit:hover{background-color:#0b5ed7}.btn-delete{background-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.report-date-picker{align-items:center;display:flex;flex-grow:1;gap:12px}.report-date-picker label{color:#495057;font-weight:500}.report-date-picker input[type=date]{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#212529;font-family:Inter,sans-serif;font-size:16px;outline:none;padding:10px 14px}.summary-card.total-reporte{background-color:#cfe2ff;color:#0a58ca}.history-column li .item-info small{font-size:13px;font-style:italic}.venta-items-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;gap:12px;max-height:220px;overflow-y:auto;padding:8px}.venta-item-row{align-items:center;display:flex;gap:8px}.venta-item-row input[type=text]{flex-grow:1}.remove-item-btn{background-color:#f8d7da;border:none;border-radius:50%;color:#842029;font-size:20px;font-weight:700;height:32px;line-height:32px;width:32px}.add-item-btn,.remove-item-btn{cursor:pointer;text-align:center}.add-item-btn{background-color:#e9ecef;border:1px dashed #ced4da;border-radius:8px;color:#495057;margin-top:0;padding:8px}.venta-total{color:#1c1c1e;font-size:20px;font-weight:500}.venta-item-row input.input-cantidad{flex-shrink:0;width:70px}.venta-item-row input.input-precio{flex-shrink:0;width:110px}.venta-detail-list{list-style:none;margin:0;max-height:40vh;overflow-y:auto;padding:0}.venta-detail-list li{border-bottom:1px solid #f1f3f5;display:flex;justify-content:space-between;padding:10px 4px}.venta-detail-list li.total-row{border-top:2px solid #333;font-size:18px;margin-top:10px;padding-top:10px}.venta-detail-list li.venta-detail-header{border-bottom:2px solid #dee2e6;color:#495057;font-weight:700}.venta-detail-list li span{flex-basis:25%;padding:0 4px;text-align:right}.venta-detail-list li span.item-desc{flex-grow:1;text-align:left}.history-column li.clickable-row{cursor:pointer;transition:background-color .2s}.history-column li.clickable-row:hover{background-color:#f8f9fa}.loading-screen{color:#6c757d;font-size:24px;height:100vh}.auth-container,.loading-screen{align-items:center;display:flex;justify-content:center}.auth-container{min-height:80vh}.auth-form{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.auth-form h2{font-size:28px;margin-bottom:8px;margin-top:0}.auth-form p{color:#6c757d;margin-bottom:24px}.auth-form form{display:flex;flex-direction:column;gap:16px}.auth-form input{border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:16px;padding:14px 16px;width:100%}.auth-form .btn-submit{margin-top:8px;padding:14px}.auth-error{background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:8px;color:#dc3545;font-size:15px;padding:12px;text-align:center}.tipo-pago-selector{align-items:center;color:#495057;display:flex;font-weight:500;gap:20px;margin-bottom:20px}.tipo-pago-selector .radio-group{display:flex;gap:15px}.tipo-pago-selector .radio-group label{align-items:center;cursor:pointer;display:inline-flex;gap:8px;position:relative}.tipo-pago-selector .radio-group input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.tipo-pago-selector .radio-group label:before{background-color:#f8f9fa;border:2px solid #ced4da;border-radius:4px;content:"";display:inline-block;height:18px;transition:all .2s ease-in-out;width:18px}.tipo-pago-selector .radio-group input[type=radio]:checked+label:before{background-color:#0d6efd;border-color:#0d6efd}.tipo-pago-selector .radio-group label:after{background:#fff;border-radius:50%;content:"";height:8px;left:6px;opacity:0;position:absolute;top:6px;transform:scale(0);transition:all .2s ease-in-out;width:8px}.tipo-pago-selector .radio-group input[type=radio]:checked+label:after{opacity:1;transform:scale(1)}.tipo-pago-selector .radio-group input[type=radio]:not(:checked)+label:hover:before{border-color:#86b7fe}.abono-detail-content{margin-top:1.5rem}.abono-detail-content .abono-detail-date{color:#6c757d;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.abono-detail-list{font-size:1.1rem;list-style:none;margin:0;padding:0}.abono-detail-list li{display:flex;justify-content:space-between;padding:.75rem 0}.abono-detail-list li span:last-child{font-weight:600}.abono-detail-list li.abono-total-row{border-top:2px solid #343a40;font-size:1.25rem;font-weight:700;margin-top:.5rem;padding-top:1rem}@media (max-width:768px){.app-container{padding:16px}.app-header h1{font-size:24px}.app-main,.detail-view{padding:16px}.summary-cards{grid-template-columns:1fr 1fr}.detail-actions{align-items:stretch;flex-direction:column;gap:12px}.detail-actions .action-btn{justify-content:center}.history-columns{gap:40px;grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.add-btn{justify-content:center}.clientes-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.delete-item-btn,.edit-item-btn{background-color:#f1f3f5;opacity:1;visibility:visible}.delete-item-btn:hover,.edit-item-btn:hover{opacity:.8}}@media (max-width:576px){.summary-cards{grid-template-columns:1fr}.cliente-header h2{font-size:24px}.summary-card p{font-size:22px}.venta-detail-list li{flex-wrap:wrap;justify-content:flex-end;margin-bottom:1rem;padding-bottom:1rem}.venta-detail-list li:not(.total-row){border-bottom:1px solid #dee2e6}.venta-detail-list li.total-row{margin-top:0}.venta-detail-list li span.item-desc{color:#212529;flex-basis:100%;font-weight:600;margin-bottom:.5rem;text-align:left}.venta-detail-list li span:not(.item-desc){border-top:1px solid #f1f3f5;color:#495057;flex-basis:33.33%;font-size:.9rem;padding-top:.5rem}.venta-detail-list li span:not(.item-desc):before{color:#6c757d;content:attr(data-label);display:block;font-size:.7rem;font-weight:500;margin-bottom:.25rem}.venta-detail-list li.venta-detail-header{display:none}}.pagination-controls{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem 0}.pagination-controls button{background-color:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.pagination-controls button:hover:not(:disabled){background-color:#0b5ed7}.pagination-controls button:disabled{background-color:#ced4da;cursor:not-allowed}.pagination-controls span{color:#495057;font-size:.9rem;font-weight:500}
/*# sourceMappingURL=main.86375feb.css.map*/