.navbar{background-color:#222}.navbar-right .user-menu{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#000;display:flex;flex-direction:column;gap:10px;padding:15px;position:absolute;right:10px;top:60px;z-index:1000}.navbar-right .user-menu button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px;text-align:left}.navbar-right .user-menu button:hover{background-color:#0056b3}.login-container{align-items:center;background-image:url(/static/media/cloud-7832676_1920.252e8a618fd83f077127.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;padding:20px;position:relative}.login-container:before{background-color:#0009;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.login-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 20px #0000004d;padding:30px;position:relative;width:400px;z-index:2}.static-message{color:gold;font-size:16px;font-weight:700;margin-bottom:10px;text-align:center}.static-message ul{list-style:none;margin:0;padding:0}.static-message ul li{margin-bottom:5px;text-align:center}.error-message{word-wrap:break-word;font-size:18px}.forgot-password{color:#007bff;display:block;font-size:14px;margin-top:10px;text-align:center;text-decoration:none;transition:color .3s ease}.forgot-password:hover{color:#0056b3}.btn-secondary{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;text-align:center;transition:all .3s ease;width:100%}.btn-secondary:hover{background:#5a6268}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;display:inline-block;font-size:14px;margin-top:10px;padding:0;text-align:center;text-decoration:underline;transition:color .3s ease}.btn-link:hover{color:#0056b3}@media (max-width:768px){.login-container{padding:15px}.login-box{padding:20px;width:100%}.btn-submit,.form-group input{font-size:14px;padding:10px}.text-center{font-size:22px}}@media (min-width:768px){.login-box{padding:30px}.btn-submit,.form-group input{font-size:16px;padding:12px}.text-center{font-size:26px}}body{box-sizing:border-box;font-family:Arial,sans-serif;padding:0}.reset-password-container{align-items:center;background-image:url(/static/media/cloud-7832676_1920.252e8a618fd83f077127.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;padding:20px;position:relative}.reset-password-container:before{background-color:#0009;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.reset-password-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 20px #0000004d;padding:30px;position:relative;width:400px;z-index:2}.text-center{color:#fff;font-size:26px;font-weight:700;margin-bottom:20px;text-align:center;text-shadow:0 2px 4px #00000080}.error-message{color:#ff4d4d;margin-bottom:15px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#fff;display:block;font-size:14px;font-weight:700;margin-bottom:5px}.form-group input{background-color:#fff3;border:none;box-shadow:0 2px 4px #0003;color:#fff;font-size:16px;margin:5px 0;padding:12px;width:calc(100% - 20px)}.form-group input::placeholder{color:#fff9}.btn-submit{background:linear-gradient(90deg,#007bff,#0056b3);border:none;border-radius:5px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:all .3s ease;width:100%}.btn-submit:hover{background:linear-gradient(90deg,#0056b3,#003d7a)}.success-message{color:#28a745;font-size:14px;font-weight:700;margin-top:10px;text-align:center}@media (max-width:768px){.reset-password-container{padding:15px}.reset-password-box{padding:20px;width:100%}.btn-submit,.form-group input{font-size:14px;padding:10px}.text-center{font-size:22px}}@media (min-width:768px){.reset-password-box{padding:30px}.btn-submit,.form-group input{font-size:16px;padding:12px}.text-center{font-size:26px}}.add-user-modal{align-items:center!important;background:#0006;display:flex!important;height:100%;justify-content:center!important;left:0;position:fixed!important;top:0;width:100%;z-index:1000}.add-user-modal-content{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:20px;text-align:center;width:90%}.add-user-modal-content h2{color:#333;font-size:24px;margin-bottom:20px}.add-user-modal-content form{display:flex;flex-direction:column;gap:15px}.add-user-modal-content input,.add-user-modal-content select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;display:block;font-size:16px;margin:0 auto;padding:10px;width:calc(100% - 20px)}.add-user-modal-content button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:10px 15px;transition:all .3s ease}.add-user-modal-content button[type=submit]{background-color:#007bff;color:#fff}.add-user-modal-content button[type=submit]:hover{background-color:#0056b3}.add-user-modal-content button[type=button]{background-color:#f44336;color:#fff}.add-user-modal-content button[type=button]:hover{background-color:#d32f2f}.add-user-modal-content p{font-size:14px}.add-user-modal-content p.error{color:#d9534f}.add-user-modal-content p.success{color:#28a745}@media (max-width:600px){.add-user-modal-content{padding:15px;width:95%}.add-user-modal-content h2{font-size:20px}.add-user-modal-content button,.add-user-modal-content input,.add-user-modal-content select{font-size:14px;padding:8px}}.modal{align-items:stretch;background-color:#fff;border-radius:16px;box-shadow:0 4px 8px #0003;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;left:50%;max-height:40vh;max-width:90vw;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:460px;z-index:1002}.modal-overlay{background-color:#00000080;height:100vh;width:100vw;z-index:1001}.modal-content h3{font-size:18px;font-weight:700;margin:0;text-align:center}.modal-content p{margin:10px 0;text-align:center}.modal-content textarea{border-radius:8px;box-sizing:border-box;font-size:14px;height:70px}.modal-actions{flex-direction:row;gap:10px;width:100%}.modal-actions .btn-cancel,.modal-actions .btn-confirm{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;padding:10px 20px}.modal-actions .btn-cancel{background-color:#f44336;color:#fff}.modal-actions .btn-confirm{background-color:#4caf50;color:#fff}.modal-actions .btn-cancel:hover{background-color:#d32f2f}.modal-actions .btn-confirm:hover{background-color:#388e3c}@media (max-width:576px){.modal{max-height:60vh;padding:16px;width:80vw}.modal-actions{flex-direction:column;gap:12px}.modal-content textarea{height:60px}}.user-list-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:500px;overflow-y:auto;padding:15px}.user-list-table tbody tr{display:table-row}.user-list-table tbody tr:hover{background-color:#f5f5f5}.search-input{border-radius:5px;margin-bottom:10px;width:100%}.user-list-table{margin-bottom:20px}.user-list-table th{background-color:#f4f4f4}.user-list-table td,.user-list-table th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.status-indicator{border-radius:5px;color:#fff;font-weight:700;padding:5px 10px}mark{background-color:#ff0;color:#000;font-weight:700}.user-list-table{border-collapse:collapse;width:100%}.status-indicator.active{background-color:#4caf50}.btn-deactivate,.status-indicator.inactive{background-color:#f44336}.btn-deactivate,.btn-reactivate{padding:8px 12px}.btn-reactivate{background-color:#4caf50}.btn-reset-password{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.btn-reset-password:hover{background-color:#0056b3}.btn-deactivate{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.btn-deactivate:hover{background-color:#218838}.btn-reactivate{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.btn-reactivate:hover{background-color:#c82333}.btn-delete{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px;transition:background-color .3s}.btn-delete:hover{background-color:#c82333}.toggle-button{border:none;border-radius:5px;cursor:pointer;padding:5px 10px}.toggle-button.deactivate{background-color:red;color:#fff}.toggle-button.activate{background-color:green;color:#fff}.pagination{justify-content:space-between}.page-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.page-button.active{background-color:#0056b3}.modal-content{max-width:90%}.modal-content textarea{border:1px solid #ddd;border-radius:5px;height:100px;margin-top:10px;padding:10px;resize:none;width:100%}.modal-actions{display:flex;justify-content:space-between;margin-top:20px}textarea{border:1px solid #ddd;border-radius:5px;height:80px;margin-bottom:10px;padding:10px;width:100%}.confirm-button{background-color:red;color:#fff}.cancel-button,.confirm-button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px}.cancel-button{background-color:#ddd;color:#000}.search-bar input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}table{border-collapse:collapse;margin-bottom:20px;width:100%}thead th{background-color:#f4f4f4;border:1px solid #ddd;padding:10px;text-align:left}tbody tr:nth-child(odd){background-color:#f9f9f9}tbody td{border:1px solid #ddd;padding:10px}.status-toggle{border:none;border-radius:4px;cursor:pointer;padding:5px 10px}.status-toggle.active{background-color:#28a745;color:#fff}.status-toggle.inactive{background-color:#dc3545;color:#fff}.pagination button{padding:8px 16px}.pagination button:disabled{background-color:#e0e0e0}.pagination span{font-size:14px}.widget{margin-top:20px}.btn-cancel{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.btn-cancel:hover{background-color:#5a6268}.btn-confirm{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.btn-confirm:hover{background-color:#c82333}.users-table{border-collapse:collapse;margin-top:20px;width:100%}.users-table td,.users-table th{border:1px solid #ddd;padding:10px;text-align:left}.users-table th{background-color:#f4f4f4}.btn-reset{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.btn-reset:hover{background-color:#0056b3}.btn-status{border:none;border-radius:5px;cursor:pointer;padding:5px 10px}.btn-active{background-color:#28a745;color:#fff}.btn-inactive{background-color:#dc3545;color:#fff}.btn-active:hover{background-color:#218838}.btn-inactive:hover{background-color:#c82333}.dashboard-widgets{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.widget{background-color:#fff;border-bottom:4px solid #0000001a;border-left:4px solid #0000;border-radius:10px;box-shadow:0 10px 15px #0000004d;display:flex;flex-direction:column;height:450px;justify-content:space-between;overflow:hidden;padding:10px;transition:transform .3s ease,box-shadow .3s ease}.widget:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.widget ul{list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.widget ul::-webkit-scrollbar{width:8px}.widget ul::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.widget ul::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.widget-header{align-items:center;display:flex;margin-bottom:5px}.widget-header i{font-size:24px;margin-right:10px}.widget.connected-users-widget{background-color:#d1e7dd;border-bottom:4px solid #0f5132;border-left:4px solid #0f5132}.widget.recent-users-widget{background-color:#cff4fc;border-bottom:4px solid #055160;border-left:4px solid #055160}.widget.banned-users-widget{background-color:#f8d7da;border-bottom:4px solid #842029;border-left:4px solid #842029}.widget ul li{background-color:#ffffffe6;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:10px}.widget ul li strong{color:#333;display:block;font-size:16px}.widget ul li p{color:#555;font-size:14px;margin:0}.widget .btn-add-user{background-color:#007bff;border:none;border-radius:5px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-top:10px;padding:10px 20px;text-align:center;transition:background-color .3s ease,transform .2s ease}.widget .btn-add-user:hover{background-color:#0056b3;box-shadow:0 4px 8px #0003;transform:translateY(-3px)}.widget .btn-add-user:active{background-color:#004085;box-shadow:0 2px 4px #0000021a;transform:translateY(1px)}.table-container{margin-top:20px;width:100%}.table-container table{background-color:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;width:100%}.table-container td,.table-container th{border-bottom:1px solid #ddd;font-size:14px;padding:12px 15px;text-align:left}.table-container th{background-color:#f8f9fa;font-weight:700}.table-container tr:hover{background-color:#f1f1f1}.table-container td{word-wrap:break-word}.table-container .btn-search{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:background-color .3s ease,transform .2s ease}.table-container .btn-search:hover{background-color:#0056b3}.table-container .search-bar{align-items:center;display:flex;margin-bottom:10px}.table-container .search-bar input{border:1px solid #ccc;border-radius:5px;flex:1 1;font-size:14px;margin-right:10px;padding:8px}.table-container .search-bar .btn-search{flex-shrink:0}.search-bar{width:60%}.dashboard-container{background-color:#f4f4f4;margin:20px auto;padding:20px}.full-width-widget{display:flex;flex-direction:column;height:600px}.table-responsive .search-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s ease}.table-responsive .search-button:hover{background-color:#0056b3}.table-responsive{flex-grow:1;max-height:500px}.table{border-collapse:collapse;margin:0 auto;width:100%}.table td,.table th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.table th{background-color:#f8f9fa;font-weight:700}.table-responsive table{border-collapse:collapse;width:100%}.table-responsive td,.table-responsive th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.table-responsive th{background-color:#007bff;color:#fff}.banned-users-widget{background-color:#f8d7da;border-bottom:4px solid #842029;border-left:4px solid #842029;min-height:450px;overflow-y:auto}.widget .banned-users-list,.widget ul{flex-grow:1;list-style:none;margin:0;max-height:350px;overflow-y:auto;padding:0}.banned-users-list{display:flex;flex-direction:column;gap:10px;min-height:450px}.banned-users-list::-webkit-scrollbar{width:8px}.banned-users-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.banned-users-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.banned-user-item{background-color:#ffffffe6;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:10px}.banned-user-item strong{color:#333;font-size:16px}.banned-user-item p{color:#555;font-size:14px;margin:0}.banned-user-item small{color:#842029;display:block;font-size:12px;margin-top:5px}@media (max-width:1024px){.dashboard-widgets{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-widgets{grid-template-columns:1fr}.table-container table thead{display:none}.table-container table tbody tr{border:1px solid #ddd;box-shadow:0 12px 14px #0000001a;display:block;margin-bottom:10px;padding:10px}.table-container table tbody td{border:none;display:block;font-size:12px;padding:8px 10px;text-align:right}.table-container table tbody td:before{color:#333;content:attr(data-label);float:left;font-weight:700}.table-container table tbody td[data-label=Nombre]{display:none}.table-responsive table{font-size:14px}.table-responsive td:first-child,.table-responsive th:first-child{background-color:#004085;color:#ddd}.table-responsive .search-button{font-size:12px;padding:5px;width:auto}.table{display:block}.table thead{display:none}.table tbody{display:block}.table tbody tr{border:1px solid #ddd;border-radius:0 0 20px 20px;box-shadow:0 4px 8px #5e67ec1a;display:block;margin-bottom:15px}.table tbody td{border-bottom:none;display:flex;justify-content:space-between;padding:10px}.table tbody td:before{color:#555;content:attr(data-label);font-weight:700;text-transform:uppercase}}.navbar-admin{background-color:#333;box-shadow:0 2px 4px #0003;color:#fff;height:60px;padding:10px 20px}.navbar-admin,.navbar-content{align-items:center;display:flex;justify-content:space-between}.navbar-content{width:100%}.navbar-links{display:flex;gap:15px}.navbar-link{color:#fff;font-size:16px;text-decoration:none;transition:color .3s ease}.navbar-link:hover{color:#ff4d4d}.btn-logout{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s ease}.btn-logout:hover{background-color:#c00}.client-dashboard{background-color:#f9f9f9;padding:40px 20px;text-align:center}.client-dashboard h1,h2{color:#333;font-size:28px;font-weight:700;margin-bottom:20px;padding:0 20px}.client-dashboard p{color:#666}.widget-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000026;margin:20px auto;max-width:1000px;padding:20px;width:100%}.filters{align-items:center}.filters .date-filters{display:flex;flex:1 1;gap:10px}.filters input{flex:1 1;max-width:200px;min-width:140px}.filters select{max-width:420px;text-align:center;width:100%}.error-message{font-size:14px;margin-bottom:10px}.totals{border-top:1px solid #ddd;display:flex;font-weight:700;justify-content:space-between;margin-top:20px;padding:10px 0}@media (max-width:768px){.filters{align-items:center;flex-direction:column}.widget-container{width:85%}}@media (max-width:480px){.filters{align-items:center;flex-direction:column}.filters input{max-width:180px}}.loading-overlay{background-color:#80808066;flex-direction:column;height:100%;position:fixed;width:100%;z-index:2000}.loading-spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:60px;margin-bottom:20px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#333;font-size:20px;font-weight:700}.diario-facturacion{font-family:Arial,sans-serif;margin:20px}.date-filters{display:flex;gap:10px;width:100%}.date-filters input{border:1px solid #ccc;border-radius:5px;flex:1 1;min-width:140px;padding:8px}.search-filters{display:flex;gap:10px;width:100%}.search-filters input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:8px}.paid-option{gap:5px;justify-content:center}.export-buttons-facturacion{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.export-buttons-facturacion button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 16px;transition:background-color .3s ease,transform .2s ease}.export-buttons-facturacion button:hover{background-color:#0056b3;transform:scale(1.05)}.export-buttons-facturacion button:active{background-color:#004494;transform:scale(.98)}.styled-table tbody tr.unpaid-row{background-color:#f8d7da!important;color:#721c24}.styled-table tbody tr.unpaid-row:hover{background-color:#f5c6cb!important}.card.unpaid-row{border:1px solid #ff000080;box-shadow:0 4px 10px #ff000080;color:#b30000}.card.unpaid-row .card-content,.card.unpaid-row .card-title{color:#b30000}@media (max-width:767px){.styled-table{display:none}.card{display:block}.date-filters{flex-direction:row;justify-content:space-between}.export-pagination{align-items:center;flex-direction:column}.export-pagination select{width:100%}.paid-filter,.search-filters{flex-direction:row}.paid-filter{justify-content:center}.export-buttons-facturacion{flex-wrap:nowrap;justify-content:center}}@media (min-width:768px){.filters-container{flex-wrap:nowrap}.filters,.filters-container{justify-content:space-between}.filters{display:flex;flex-wrap:wrap;width:100%}.date-filters{flex:1 1}.search-filters{flex:1 1;margin-top:10px}.paid-filter{flex-direction:row;justify-content:center}.export-pagination{flex-wrap:nowrap;justify-content:flex-end;margin-top:20px}.export-pagination select{width:auto}.styled-table{display:table}}.navbar{background-color:#333;box-shadow:0 2px 4px #0003;color:#fff;height:50px;justify-content:space-between;padding:10px 20px;position:relative;z-index:1000}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:15px;margin:0}.navbar-left a{color:#fff;padding:8px 12px;text-decoration:none;transition:background-color .3s ease}.navbar-left a:hover{background-color:#444;border-radius:4px}.dropdown{position:relative}.dropdown-content{background-color:#444;border-radius:4px;display:none;margin-top:5px;padding-left:20px;position:relative;transition:all .3s ease-in-out;width:200px}.dropdown-content a{color:#fff;display:block;padding:8px 12px;text-decoration:none}.dropdown-content a:hover{background-color:#555}.boton-actualizar-ahora{background-color:#007bff;background:#0000;border:none;border-radius:4px;color:#fff;color:#007bff;cursor:pointer;font-size:1.2em;font-weight:700;margin-left:10px;margin-right:10px;padding:6px 12px;transition:background-color .3s ease;transition:transform .2s ease}.boton-actualizar-ahora:hover{color:#0056b3;transform:rotate(90deg)}@media (min-width:768px){.dropdown:hover .dropdown-content{display:block}}.navbar-center{margin-left:auto;margin-right:10px}.navbar-center .database-select{background-color:#f4f4f4;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;padding:8px}.navbar-right,.navbar-right .user-icon{align-items:center;display:flex}.navbar-right .user-icon{background-color:#555;border-radius:50%;color:#fff;cursor:pointer;font-weight:700;height:40px;justify-content:center;-webkit-user-select:none;user-select:none;width:40px}.menu-toggle{display:none}.user-menu{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;display:flex;flex-direction:column;gap:10px;padding:15px;position:absolute;right:10px;top:60px;z-index:1000}.user-menu button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s ease,color .3s ease}.user-menu button[type=button]{background-color:#007bff;color:#fff}.user-menu button:hover{background-color:#0056b3}.user-menu button:last-child{background-color:#dc3545}.user-menu button:last-child:hover{background-color:#c82333}@media (max-width:768px){.menu-toggle{color:#fff;cursor:pointer;display:block;font-size:1.5em}.navbar-left{align-items:flex-start;background-color:#333;display:none;flex-direction:column;left:0;margin:0;padding:0;position:absolute;top:60px;width:100%;z-index:1000}.navbar-left.show{display:flex}.navbar-left a{border-bottom:1px solid #444}.navbar-left a:last-child{border-bottom:none}.navbar-center{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px}.database-select{flex:1 1;margin-left:10px}.boton-actualizar-ahora{font-size:1.5em;margin:0}.dropdown{align-items:flex-start;display:flex;flex-direction:column;position:relative}.dropdown>a{background-color:#333;color:#fff;display:block;padding:8px 12px;pointer-events:auto;text-align:left;text-decoration:none;transition:background-color .3s ease;width:100%}.dropdown-content{background-color:#444;border-radius:4px;display:none;flex-direction:column;margin-top:5px;padding-left:20px;width:calc(100% - 20px)}.dropdown.open .dropdown-content{display:flex}.dropdown.open>a{background-color:#333;margin:0;padding:8px 12px;transform:none}.dropdown-content a{color:#fff;padding:8px 12px;text-decoration:none}.dropdown-content a:hover{background-color:#555}.dropdown>a:hover{background-color:#444}.navbar-left a{padding:10px;text-align:left}.navbar-left .dropdown>a{pointer-events:auto}}@media (min-width:768px){.navbar{flex-wrap:nowrap}.menu-toggle{display:none}.navbar-left{display:flex;flex-direction:row;gap:15px;margin:0}.dropdown-content{display:none;left:0;position:absolute;top:100%}.dropdown:hover .dropdown-content{display:block}}.modal-content{border-radius:10px;box-shadow:0 4px 6px #0003;padding:20px;width:400px}.modal-content h2{margin-top:0}.form-group,.modal-content h2{margin-bottom:15px}.modal-content .form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:5px;padding:8px;width:100%}.form-group input[readonly]{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.modal-content .form-group input{background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#333;padding:8px;width:100%}.btn-save{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-right:10px;padding:10px}.btn-save:hover{background-color:#0056b3}.btn-close{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.btn-close:hover{background-color:#a71d2a}.ventas-por-cliente{font-family:Arial,sans-serif;margin:5px}.filters-container{margin:15px}.filters input[type=date],.filters input[type=text]{min-width:140px}.export-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 14px;transition:background-color .3s ease,transform .2s ease}.export-button:hover{background-color:#0056b3;transform:scale(1.05)}.export-button:active{background-color:#004494;transform:scale(.98)}.client-table-container{overflow-x:auto;width:100%}.ventas-table{border-collapse:collapse;min-width:400px;width:100%}.ventas-table td,.ventas-table th{border:1px solid #ddd;font-size:14px;padding:8px;text-align:center}.ventas-table thead th{background-color:#e0e0e0;font-weight:700}.ventas-table tbody tr:nth-child(odd){background-color:#f9f9f9}.ventas-table tbody tr:nth-child(2n){background-color:#fff}.ventas-table tbody tr.unpaid-row{background-color:#f8d7da!important;color:#721c24}.ventas-table tbody tr.unpaid-row:hover{background-color:#f5c6cb!important}.accordion-header{background-color:#333;border-radius:5px;color:#fff;font-weight:700;margin-bottom:3px;margin-top:2px;padding:10px}.no-data-box{animation:fadeIn .4s ease-in-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 0 20px #0003;color:#fff;margin-left:auto;margin-right:auto;margin-top:30px;max-width:500px;padding:40px;text-align:center}.no-data-icon{font-size:48px;margin-bottom:15px}.no-data-box h3{color:#fff;font-size:22px;margin:0}.no-data-box p{color:#e0e0e0;font-size:16px;margin-top:10px}.pagination{gap:15px}.pagination button{font-weight:700;padding:8px 14px;transition:background-color .2s}.pagination button:hover{background-color:#0056b3}.ventas-table tbody tr.group-footer{background-color:#d6d6d6;color:#000}@media (max-width:767px){.ventas-table{display:table;font-size:12px;width:100%}.ventas-table td,.ventas-table th{word-wrap:break-word;font-size:12px;padding:6px;text-align:left}.ventas-table td:nth-child(6),.ventas-table th:nth-child(6){display:none}.ventas-table tbody tr.group-footer{background-color:#bcbcbc;color:#000}.ventas-table tbody tr.group-footer td:nth-child(4){display:none}.client-table-container{overflow-x:hidden}.client-header{font-size:14px}.accordion-header{background-color:#333;border-radius:5px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;display:block;font-weight:700;margin-top:2px;padding:12px}.accordion-content{display:none;margin-bottom:0;max-height:0;overflow-x:auto;padding:0;transition:max-height .3s ease}.accordion-content.open{display:block;max-height:1000px;padding-bottom:10px;padding-top:10px}.accordion-content .ventas-table{border-collapse:collapse;font-size:12px;width:100%}.accordion-content .ventas-table td,.accordion-content .ventas-table th{word-wrap:break-word;border:1px solid #ddd;padding:4px;text-align:left}.accordion-content .ventas-table tbody tr:nth-child(odd){background-color:#fff}.accordion-content .ventas-table tbody tr:nth-child(2n){background-color:#f7f7f7}.accordion-content .ventas-table tbody tr.unpaid-row{background-color:#f8d7da;color:#721c24}.accordion-content .ventas-table tbody tr.unpaid-row:hover{background-color:#f5c6cb}.accordion-content .ventas-table tfoot td{text-align:left}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-content{height:90vh;max-height:90vh;max-width:100%;width:95%}.tabs{gap:5px;padding:5px 0}.tabs button{font-size:12px;min-width:80px;padding:6px 8px}.tab-content{padding:10px}.disabled-content{opacity:.5;pointer-events:none}.tabla-facturas tr{background-color:#f9f9f9!important;border:1px solid #ddd!important;color:#000!important}.tabla-facturas td{padding:10px!important;text-align:left!important}.totales-container{display:block;margin-bottom:10px}.totales-item strong{text-align:left}.tabla-ultimo-precio{border-collapse:collapse;margin-top:20px;width:100%}.tabla-ultimo-precio td,.tabla-ultimo-precio th{border:1px solid #ddd;padding:8px;text-align:left;vertical-align:top}.tabla-ultimo-precio td:nth-child(4),.tabla-ultimo-precio th:nth-child(4){text-align:right;white-space:nowrap;width:15%}.tabla-ultimo-precio td:nth-child(2){max-width:300px;word-break:break-word}.pagination{flex-wrap:wrap}.pagination button{font-size:12px;padding:5px}.table-common{overflow-x:auto}.table-common td,.table-common th{padding:6px;white-space:nowrap}.table-common thead th{text-align:left}.totales-facturas{font-size:1rem;font-weight:700;margin-bottom:10px}.tabla-facturas{margin-top:10px}.tabla-facturas td,.tabla-facturas th{vertical-align:middle}.tabla-facturas thead th{background-color:#f1f1f1;font-weight:700}.tabla-facturas tbody tr:hover{background-color:#f9f9f9}.tabla-albaranes{margin-top:15px}.tabla-albaranes td,.tabla-albaranes th{vertical-align:middle}.totales-albaranes{font-size:1rem;font-weight:700;margin-bottom:10px}@media (max-width:768px){.tabs button{font-size:12px;padding:5px}.modal-content{height:85vh;max-width:95%;padding:10px}.tab-content{padding:10px}.close-button{font-size:.8em;padding:4px 8px;right:5px;top:5px}.tabla-ultimo-precio{font-size:12px}.tabla-ultimo-precio td,.tabla-ultimo-precio th{padding:6px}.tabla-ultimo-precio thead th{font-size:12px}.tabla-facturas td,.table-common{font-size:.8rem}.table-common td,.table-common th{padding:6px}}@media (max-width:480px){.tabs button{font-size:10px;padding:4px}.tab-content{font-size:.9em}.tabla-ultimo-precio{font-size:10px}.tabla-ultimo-precio td,.tabla-ultimo-precio th{padding:4px}.tabla-ultimo-precio tbody tr,.tabla-ultimo-precio thead th{font-size:10px}.table-common{font-size:.7rem}.table-common td,.table-common th{padding:4px}}.facturas-pendientes{padding:20px}.totales p{font-size:16px;margin:5px 0}.totales p strong{color:#333}.tabla-facturas{border-collapse:collapse;margin-top:20px;width:100%}.tabla-facturas td,.tabla-facturas th{border:1px solid #ddd;padding:8px;text-align:left}.tabla-facturas th{background-color:#f4f4f4;font-weight:700}.tabla-facturas tr.pendiente{color:red;font-weight:700}.filters-container{max-width:100%;overflow:hidden;padding:8px}.filters{justify-content:space-between;width:100%}.filter-checks{box-shadow:none;flex-wrap:wrap;justify-content:flex-start;padding:5px 0;width:100%}.filter-checks label{flex-direction:column;min-width:60px;text-align:center}.filters input[type=text]{border:1px solid #ccc;border-radius:5px;box-shadow:none;flex:1 1;min-width:150px;padding:8px}.filter-checks input[type=checkbox]{accent-color:#007bff;box-shadow:none;cursor:pointer;height:18px;width:18px}.search-button{border-radius:5px;padding:8px 16px}.clientes-list{display:none}@media (max-width:576px){.styled-table{display:none}.clientes-list{display:flex;flex-direction:column;gap:10px}.cliente-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:10px}.cliente-card div{margin-bottom:5px}.cliente-card strong{color:#333;font-weight:700}.cliente-card .action-button{margin-top:10px;width:100%}}@media (max-width:767px){.filters-container{align-items:center;text-align:center}.filters,.filters-container{flex-direction:column}.filter-checks{flex-direction:row;flex-wrap:wrap;gap:5px;justify-content:center;width:100%}.search-button{width:100%}.filter-checks label{min-width:50px}}.bottom-row{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 5px;width:100%}.limit-select{font-size:14px;margin-left:auto;max-width:100px;padding:6px 10px;width:100px}.clientes-container{margin:10px}.filters-container{box-shadow:0 2px 4px #0000001a;margin-bottom:10px}.filters{display:flex;flex-wrap:wrap;gap:10px}.filters input{border:1px solid #ddd;border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;flex:1 1 100%;padding:8px}.filters label{align-items:center;display:flex;gap:5px}.filters select{margin-left:auto;padding:8px}.filters select,.search-input{border:1px solid #ddd;border-radius:4px}.search-input{box-shadow:0 2px 4px #0000001a;flex:1 1;padding:10px}.filter-checks{align-items:center;display:flex;gap:10px}.filter-checks label{align-items:center;display:flex;font-size:14px;gap:5px}.search-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.search-button:hover{background-color:#0056b3}.search-button:disabled{background-color:#ddd;cursor:not-allowed}.limit-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:10px}.proveedores-container{margin:10px}.action-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 10px;transition:background-color .3s;white-space:nowrap}.action-button:hover{background-color:#0056b3}.action-button:active{background-color:#003d80}.action-button:focus{box-shadow:0 0 0 2px #007bff80;outline:none}.pagination{margin-top:20px}.pagination button{border-radius:4px}.error-message{color:red;font-weight:700;margin-top:10px}.styled-table td,.styled-table th{font-size:12px}.styled-table thead th{background-color:#f1f1f1}.highlight{background-color:#ff0;font-weight:700}@media (max-width:576px){.styled-table,.styled-table tbody,.styled-table td,.styled-table th,.styled-table thead,.styled-table tr{display:block}.styled-table thead{display:none}.styled-table tr{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:15px;overflow:hidden}.styled-table td{border:none;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px}.styled-table td:last-child{border-bottom:none}.styled-table td:before{color:#333;content:attr(data-label);font-weight:700;text-transform:capitalize}.styled-table td[data-label=Direcci\F3n]{color:#555;font-style:italic}.action-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .3s}.action-button:hover{background-color:#0056b3}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000004d;display:flex;flex-direction:column;height:80vh;max-width:800px;overflow:hidden;position:relative;width:90%}.close-button{background:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:10}.tabs{border-bottom:1px solid #ddd;display:flex;gap:10px;margin-bottom:10px;overflow-x:auto;padding:10px 0;white-space:nowrap}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.tabs button{background-color:#f1f1f1;border:none;border-radius:4px;cursor:pointer;flex:0 0 auto;padding:8px 12px;transition:background-color .3s,color .3s}.tabs button.active{background-color:#007bff;color:#fff;font-weight:700}.tab-content{background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1 1;margin:0 10px;overflow-y:auto;padding:16px}.loading-overlay{align-items:center;background:#fffc;bottom:0;color:#333;display:flex;font-size:1.2em;font-weight:700;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.table-common{border-collapse:collapse;font-size:.9rem;margin-top:10px;width:100%}.table-common td,.table-common th{border:1px solid #ddd;padding:8px;text-align:left}.table-common thead th{background-color:#f1f1f1;font-weight:700}.table-common tbody tr:hover{background-color:#f9f9f9}.totales-item{font-size:1rem;font-weight:700;margin-bottom:5px;text-align:right}.totales-item strong{float:left;width:70%}.totales-item span{display:inline-block;text-align:right;width:30%}.notas-content{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;max-height:300px;overflow-y:auto;padding:10px}.notas-content h3{font-size:1.2rem;font-weight:700;margin-bottom:10px}.notas-content p{word-wrap:break-word;margin-top:10px;white-space:pre-wrap}.pagination{gap:5px;justify-content:center;margin-top:15px}.pagination button{background-color:#f9f9f9;border:1px solid #ddd;color:#999;padding:5px 10px;transition:background-color .3s}.pagination button:hover{background-color:#007bff;color:#fff}.pagination button:disabled{background-color:#ddd;color:#999}.pagination button.active{background-color:#007bff;color:#fff;font-weight:700}@media (max-width:768px){.tabs button{font-size:12px;padding:5px}.modal-content{height:85vh;max-width:95%}.table-common{font-size:.8rem}.table-common td,.table-common th{padding:6px}}@media (max-width:480px){.tabs button{font-size:10px;padding:4px}.table-common{font-size:.7rem}.table-common td,.table-common th{padding:4px}}.diario-compras{font-family:Arial,sans-serif;margin:5px;padding:0 15px}.filters-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.filters-container .filters{display:flex;flex-wrap:wrap;gap:10px;width:100%}.filters input[type=date],.filters input[type=text]{border:1px solid #ccc;border-radius:5px;flex:1 1;min-width:150px;padding:8px}.filters input[type=date]{width:calc(50% - 5px)}.filters button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px;transition:background-color .3s}.filters button:hover{background-color:#0056b3}.export-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.export-buttons button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.export-buttons button:hover{background-color:#0056b3}.export-pagination select{width:auto}.paid-filter{gap:15px}.table-container{border-radius:5px;overflow-x:auto}.styled-table{border-collapse:collapse;display:table;width:100%}.styled-table td,.styled-table th{border:1px solid #ddd;padding:8px;text-align:left}.styled-table thead th{background-color:#f4f4f4;font-weight:700}.styled-table tbody tr.row-unpaid{background-color:#f8d7da!important;color:#721c24}.styled-table tbody tr.row-unpaid:hover{background-color:#f5c6cb!important}.card{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a;display:none;margin-bottom:10px;padding:10px}.card-title{font-weight:700}.card-content,.card-title{margin-bottom:5px}.card.row-unpaid{border:1px solid #ff000080;box-shadow:0 4px 10px #ff000080;color:#b30000}.card.row-unpaid .card-content,.card.row-unpaid .card-title{color:#b30000}.pagination{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.pagination button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 12px}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{font-weight:700}@media (max-width:767px){.styled-table{display:none}.card{display:block}.filters input[type=date]{width:calc(50% - 5px)}.export-pagination select{width:100%}.card.row-unpaid{background-color:initial;color:inherit}.paid-option{min-width:85px;width:auto}.diario-compras{margin:10px auto;padding:0 10px}}@media (min-width:768px){.filters-container{flex-wrap:nowrap;justify-content:space-between}.filters-container .filters{flex-direction:row;width:auto}.export-pagination{flex-direction:row;justify-content:flex-end}.export-pagination select{width:auto}.styled-table{display:table}.paid-filter{justify-content:flex-start}.paid-option{align-items:flex-start;text-align:left}}.date-search-row{display:flex;flex-wrap:wrap;gap:10px;width:100%}.date-search-row input[type=date],.date-search-row input[type=text]{border:1px solid #ccc;border-radius:5px;flex:1 1;min-width:140px;padding:8px}.date-search-row input[type=text]{flex:2 1}.export-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px;width:100%}.export-pagination select{border:1px solid #ccc;border-radius:5px;padding:8px}.paid-filter{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:10px;width:100%}.paid-option{align-items:center;display:flex;flex-direction:column}.paid-option label{font-size:14px;font-weight:700;text-align:center}.paid-option input[type=radio]{accent-color:#007bff;box-shadow:none;cursor:pointer;height:16px;width:16px}@media (max-width:767px){.export-pagination{align-items:center;flex-direction:column}.export-pagination select{width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.ec234b3a.css.map*/