.container-login{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3f6f9}.center-login{background-color:#fff;padding:2.5rem 2rem;border-radius:8px;box-shadow:0 10px 40px #0000000d;width:100%;max-width:400px}h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.welcome-letter{font-size:.95rem;color:#6b7280;margin-bottom:1.5rem}.login-form{margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:#374151}input[type=text],input[type=password]{width:90%;padding:.75rem 1rem;font-size:.95rem;border:1px solid #d1d5db;border-radius:8px;margin-bottom:1.25rem;outline:none;transition:border-color .2s}input[type=text]:focus,input[type=password]:focus{border-color:#2563eb}p{font-size:.85rem;color:#6b7280;margin:0 0 .5rem}.line{border:none;border-top:1px solid #e5e7eb;margin-bottom:1.5rem}.btn-login button{width:100%;padding:.75rem;background-color:#0057ff;color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.btn-login button:hover{background-color:#0041cc}.estado-btn[data-v-f6ce2ab7]{padding:.4rem 1rem;font-size:.9rem;border-radius:8px;border:none;cursor:pointer;margin-bottom:1rem;font-weight:700;transition:background-color .3s ease}.estado-btn.activo[data-v-f6ce2ab7]{background-color:#4caf50;color:#fff}.estado-btn.inactivo[data-v-f6ce2ab7]{background-color:#f44336;color:#fff}.modal-overlay[data-v-f6ce2ab7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content[data-v-f6ce2ab7]{background:#fff;padding:2rem;border-radius:9px;width:120vw;max-height:80vh;overflow-y:auto;padding-right:26px}.modal-actions[data-v-f6ce2ab7]{display:flex;justify-content:space-between;margin-top:1rem}.btnSave[data-v-f6ce2ab7]{width:fit-content;padding:.75rem 1.5rem;background-color:#0057ff;color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}@media (max-width: 768px){.modal-content[data-v-f6ce2ab7]{width:100%;max-height:90vh;overflow-y:auto;padding:1rem;font-size:.95rem;border-radius:10px}.modal-actions[data-v-f6ce2ab7]{flex-direction:column;gap:.75rem}.modal-actions button[data-v-f6ce2ab7]{width:100%}input[type=text][data-v-f6ce2ab7],input[type=email][data-v-f6ce2ab7],input[type=date][data-v-f6ce2ab7]{width:100%;margin-bottom:.75rem;padding:.5rem;font-size:1rem}label[data-v-f6ce2ab7]{margin-top:.5rem;display:block;font-weight:500}}input[type=date][data-v-f6ce2ab7]{width:93%;margin-bottom:.75rem;padding:.5rem;font-size:1rem;border-radius:10px;border:1px solid #ccc;background-color:#fff}.search-bar{margin-bottom:1rem}.btn{padding:.25rem .5rem;height:25px;background-color:#0057ff;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:100%}.custom-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:2000}.custom-modal-content{background-color:#fff;border-radius:12px;padding:1.5rem;width:90%;max-width:900px;box-shadow:0 10px 25px #00000026;overflow-x:auto}.custom-modal-content table{width:100%;border-collapse:collapse;font-size:.95rem}.custom-modal-content th,.custom-modal-content td{text-align:left;padding:.75rem;border-bottom:1px solid #e0e0e0}.custom-modal-content th{background-color:#f9f9f9;font-weight:600}.custom-modal-footer{margin-top:1rem;text-align:right}.custom-close-button{background-color:#f44336;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:background .2s ease}.custom-close-button:hover{background-color:#d32f2f}@media (max-width: 992px){.nav-bar{padding:.75rem 1rem;flex-direction:column;gap:.5rem}.nav-links{gap:1rem}.users-container{padding:1rem}.users-table{font-size:.8rem}.users-table th,.users-table td{padding:.65rem .85rem}}@media (max-width: 768px){.users-table,.users-table thead,.users-table tbody,.users-table th,.users-table td,.users-table tr{display:block;width:100%}.users-table thead{display:none}.users-table tr{margin-bottom:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:.75rem}.users-table td{padding:.5rem 0;text-align:left;position:relative}.users-table td:before{content:attr(data-label);font-weight:600;display:block;color:#555;margin-bottom:.25rem}}.btn-cerrar-sesion{margin-left:89%;width:fit-content;padding:.75rem 1.5rem;background-color:#0057ff;color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.toggle-switch[data-v-ee0703e4]{display:inline-flex;align-items:center;position:relative;width:44px;height:24px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input[data-v-ee0703e4]{position:absolute;width:0;height:0;opacity:0}.track[data-v-ee0703e4]{width:100%;height:100%;background:#e5e7eb;border-radius:9999px;transition:background .2s ease;display:flex;align-items:center;padding:2px;box-sizing:border-box}.thumb[data-v-ee0703e4]{width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}input:checked+.track[data-v-ee0703e4]{background:#3fa13a}input:checked+.track .thumb[data-v-ee0703e4]{transform:translate(20px)}.modal-overlay[data-v-7acf40be]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content[data-v-7acf40be]{background:#fff;padding:2rem;border-radius:9px;width:120vw;max-height:80vh;overflow-y:auto;padding-right:26px}button[data-v-7acf40be]{margin-top:1rem;width:91%;background-color:#ff2600;color:#fff;padding:.75rem 1rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.error-message[data-v-7acf40be]{background-color:#f8d7da;color:#721c24;padding:10px;margin-top:20px;border:1px solid #f5c6cb;border-radius:5px;font-size:14px}.form-title[data-v-7acf40be]{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#333}.form-group[data-v-7acf40be]{margin-bottom:1rem}.form-group label[data-v-7acf40be]{display:block;font-weight:500;margin-bottom:.5rem;color:#4a5568}input[data-v-7acf40be]{width:30vw;padding:.75rem;border:1px solid #e2e8f0;border-radius:.375rem;outline:none;transition:border-color .15s ease-in-out}input[data-v-7acf40be]:focus{border-color:#3182ce;box-shadow:0 0 0 3px #4299e126}input[type=number][data-v-7acf40be]::-webkit-inner-spin-button,input[type=number][data-v-7acf40be]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-7acf40be]{-moz-appearance:textfield}.submit-button[data-v-7acf40be]{margin-top:1rem;width:91%;background-color:#06f;color:#fff;padding:.75rem 1rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .15s ease-in-out}.submit-button[data-v-7acf40be]:hover{background-color:#0052cc}.switch-with-label[data-v-7acf40be]{display:inline-flex;align-items:center}.switch-with-label .switch-label[data-v-7acf40be]{margin-left:8px;font-size:.875rem;color:#374151}[data-v-d629a2a2]{box-sizing:border-box;margin:0;padding:0}.btn-create-user[data-v-d629a2a2]{display:flex;justify-content:flex-end}.app-container[data-v-d629a2a2]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;background-color:#f5f7f9;min-height:100vh}.btn-user[data-v-d629a2a2]{padding:.25rem .5rem;height:6vh;width:9vw;background-color:#0057ff;color:#fff;margin-top:-3%;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.nav-bar[data-v-d629a2a2]{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:.75rem 2rem;box-shadow:0 1px 3px #0000001a}.nav-brand[data-v-d629a2a2]{font-size:1.25rem;font-weight:600;color:#333}.users-container[data-v-d629a2a2]{padding:1rem}.header[data-v-d629a2a2]{padding:.5rem 0 1.5rem}.title[data-v-d629a2a2]{font-size:1.85rem;font-weight:600;margin:0;color:#333}.subtitle[data-v-d629a2a2]{font-size:.9rem;color:#666;margin:.25rem 0 0}.table-container[data-v-d629a2a2]{background-color:#fff;border-radius:6px;box-shadow:0 1px 1px #0000001a;overflow-x:auto}.users-table[data-v-d629a2a2]{width:100%;border-collapse:collapse;font-size:.85rem}.users-table th[data-v-d629a2a2],.users-table td[data-v-d629a2a2]{padding:.85rem .2rem;text-align:left;border-bottom:1px solid #eee}.users-table th[data-v-d629a2a2]{font-weight:600;color:#444;background-color:#f8f9fa;border-bottom:1px solid #ddd}.users-table tbody tr[data-v-d629a2a2]:hover{background-color:#f5f8ff}.actions-column[data-v-d629a2a2]{width:120px;text-align:right}.actions-cell[data-v-d629a2a2]{gap:0rem}.icon-button[data-v-d629a2a2]{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;opacity:.75}.icon-button[data-v-d629a2a2]:hover{opacity:1}.paginacion[data-v-d629a2a2]{margin-top:20px}.paginacion button.activa[data-v-d629a2a2]{font-weight:700;background-color:#007bff;color:#fff}@media (max-width: 992px){.nav-bar[data-v-d629a2a2]{padding:.75rem 1rem;flex-direction:column;gap:.5rem}.nav-links[data-v-d629a2a2]{gap:1rem}.users-container[data-v-d629a2a2]{padding:1rem}.users-table[data-v-d629a2a2]{font-size:.8rem}.users-table th[data-v-d629a2a2],.users-table td[data-v-d629a2a2]{padding:.65rem .85rem}}@media (max-width: 768px){.users-table[data-v-d629a2a2],.users-table thead[data-v-d629a2a2],.users-table tbody[data-v-d629a2a2],.users-table th[data-v-d629a2a2],.users-table td[data-v-d629a2a2],.users-table tr[data-v-d629a2a2]{display:block;width:100%}.users-table thead[data-v-d629a2a2]{display:none}.users-table tr[data-v-d629a2a2]{margin-bottom:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:.75rem}.users-table td[data-v-d629a2a2]{padding:.5rem 0;text-align:left;position:relative}.users-table td[data-v-d629a2a2]:before{content:attr(data-label);font-weight:600;display:block;color:#555;margin-bottom:.25rem}}.btn-cerrar-sesion[data-v-d629a2a2]{margin-left:89%;width:fit-content;padding:.75rem 1.5rem;background-color:#0057ff;color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.btn[data-v-d629a2a2]{padding:.25rem .5rem;height:25px;background-color:#0057ff;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.paginas[data-v-d629a2a2]{padding:.25rem .5rem;height:25px;background-color:#99b0de8c;color:#fff;font-weight:600;border:none;border-radius:8px;cursor:pointer;margin:0 2px;transition:background-color .3s ease}.paginas[data-v-d629a2a2]:hover{background-color:#869ccc}.paginas.activa[data-v-d629a2a2]{background-color:#003fcc;font-weight:700}@media (max-width: 768px){.btn-cerrar-sesion[data-v-d629a2a2]{width:100%;margin:1rem 0 0;font-size:1rem;padding:.75rem;display:block;text-align:center}}