.login-container{background:var(--color-bg-principal);justify-content:center;align-items:center;min-width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-card{background:var(--color-inputs-campos);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-radius:20px;width:100%;max-width:420px;padding:3rem;animation:.5s ease-out slideUp;box-shadow:0 8px 32px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-section{text-align:center;margin-bottom:2rem}.logo-section h1{color:#fff;margin:0 0 .5rem;font-size:2rem}.logo-section h1 :before{content:"";vertical-align:middle;background:linear-gradient(135deg,#c4fc00 0%,#8b5cf6 100%);border-radius:8px;width:30px;height:30px;margin-right:.5rem;display:inline-block}.logo-section p{color:#999;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.9rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group label{color:#c4fc00;letter-spacing:.5px;font-size:.85rem;font-weight:600}.form-group input{color:#fff;background:#ffffff0d;border:1px solid #c4fc004d;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;transition:all .3s}.form-group input::placeholder{color:#fff6}.form-group input:focus{background:#ffffff14;border-color:#c4fc00;outline:none;box-shadow:0 0 10px #c4fc0033}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef444480;border-radius:6px;padding:.75rem 1rem;font-size:.9rem;animation:.5s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-button{color:#1a1a2e;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#c4fc00 0%,#a3e635 100%);border:none;border-radius:8px;margin-top:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .3s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #c4fc004d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.debug-info{text-align:center;border-top:1px solid #c4fc001a;padding-top:1rem}.debug-info code{color:#c4fc00;background:#0003;border-radius:4px;padding:.2rem .4rem;font-family:Courier New,monospace}@media (width<=480px){.login-card{max-width:100%;margin:1rem;padding:2rem}}.section-empleados{flex-direction:column;gap:2rem;display:flex}.empleados-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.empleados-titulo{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.empleados-subtitulo{color:var(--color-text-secondary);margin:0;font-size:.95rem}.empleados-controles{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.filtros{flex-wrap:wrap;gap:.75rem;display:flex}.btn-filtro{background:var(--color-inputs-campos);color:var(--color-text-secondary);border:1px solid var(--color-border-dark);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;transition:all .3s}.btn-filtro:hover{background:var(--color-inputs-campos-active);color:var(--color-text-primary);border-color:var(--color-verde-principal)}.btn-filtro.activo{background:var(--color-verde-principal);color:var(--color-bg-principal);border-color:var(--color-verde-principal);font-weight:600}.btn-nuevo-empleado{background:var(--color-verde-principal);color:var(--color-bg-principal);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-nuevo-empleado:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px);box-shadow:0 6px 16px #76d2304d}.btn-nuevo-empleado:active{transform:translateY(0)}.empleados-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.empleados-busqueda{display:flex}.input-busqueda{background:var(--color-bg-principal);color:var(--color-text-primary);border:1px solid var(--color-border-dark);border-radius:8px;flex:1;padding:.8rem 1.2rem;font-size:.95rem;transition:all .3s}.empleados-tabla-container{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;overflow:auto hidden}.empleados-tabla{border-collapse:separate;border-spacing:0;width:100%}.empleados-tabla thead{background:var(--color-bg-principal);border-bottom:2px solid var(--color-border-dark)}.empleados-tabla th{color:var(--color-text-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:1rem 1.25rem;font-size:.85rem;font-weight:600}.empleados-tabla tbody tr{border-bottom:1px solid #5a666880;transition:background .3s}.empleados-tabla tbody tr:hover{background:#76d23008}.empleados-tabla td{color:var(--color-text-primary);vertical-align:middle;padding:1.2rem 1.25rem;font-size:.95rem}.empleado-info{flex-direction:column;gap:.3rem;display:flex}.empleado-nombre{color:var(--color-text-primary);font-weight:600}.empleado-id{color:var(--color-text-tertiary);font-size:.85rem}.empleados-paginacion{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0;display:flex}.empleados-paginacion span{color:var(--color-text-tertiary);font-size:.9rem}@media (width<=1024px){.empleados-controles{flex-direction:column;align-items:flex-start;gap:1rem}.empleados-stats{grid-template-columns:1fr}.filtros{width:100%}.btn-nuevo-empleado{justify-content:center;width:100%}}@media (width<=768px){.empleados-titulo{font-size:1.5rem}.empleados-stats{grid-template-columns:1fr}.empleados-tabla-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.empleados-tabla{min-width:700px}.empleados-tabla th{padding:.8rem 1rem;font-size:.8rem}.empleados-tabla td{padding:.8rem 1rem;font-size:.85rem}.btn-nuevo-empleado{padding:.6rem 1.2rem;font-size:.9rem}.contacto-info>div{font-size:.8rem}}@media (width<=480px){.empleados-header{margin-bottom:.5rem}.empleados-titulo{font-size:1.3rem}.empleados-subtitulo{font-size:.8rem}.empleados-controles{gap:.75rem}.filtros{gap:.5rem;width:100%}.btn-filtro{flex:1;min-width:calc(50% - .35rem);padding:.5rem .8rem;font-size:.8rem}.btn-nuevo-empleado{width:100%;padding:.6rem 1rem;font-size:.85rem}.stat-numero{font-size:1.5rem}.input-busqueda{padding:.6rem 1rem;font-size:.9rem}.empleados-tabla{min-width:100%}.empleados-tabla th,.empleados-tabla td{padding:.6rem .75rem;font-size:.75rem}.empleado-nombre{font-size:.85rem}.empleado-id,.contacto-info>div{font-size:.75rem}.acciones-botones{gap:.3rem}.btn-accion{padding:.3rem;font-size:.9rem}.estado-badge{padding:.3rem .6rem;font-size:.75rem}.btn-pagina{min-width:32px;padding:.4rem .6rem;font-size:.8rem}}.section-usuarios{flex-direction:column;gap:2rem;display:flex}.usuarios-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.usuarios-titulo{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.usuarios-subtitulo{color:var(--color-text-secondary);margin:0;font-size:.95rem}.usuarios-stats{gap:1.5rem;display:flex}.usuarios-stat-card{max-width:200px}.usuarios-controles{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.control-grupo{flex-wrap:wrap;flex:1;align-items:flex-end;gap:1.5rem;display:flex}.usuarios-busqueda{flex:1;min-width:200px}.input-busqueda{background:var(--color-bg-principal);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border-dark);border-radius:8px;padding:.8rem 1.2rem;font-size:.95rem;transition:all .3s}.input-busqueda::placeholder{color:var(--color-placeholders)}.input-busqueda:focus{border-color:var(--color-verde-principal);outline:none;box-shadow:0 0 8px #76d23033}.usuarios-filtros{align-items:center;gap:.75rem;display:flex}.label-filtro{color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.filtro-dropdown{display:flex}.select-filtro{background:var(--color-bg-principal);color:var(--color-text-primary);border:1px solid var(--color-border-dark);cursor:pointer;border-radius:6px;padding:.6rem 1rem;font-size:.9rem;transition:all .3s}.select-filtro:hover{border-color:var(--color-verde-principal)}.select-filtro:focus{border-color:var(--color-verde-principal);outline:none;box-shadow:0 0 8px #76d23033}.btn-buscar-filtro{background:var(--color-verde-principal);color:var(--color-bg-principal);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-buscar-filtro:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px)}.btn-buscar-filtro:active{transform:translateY(0)}.btn-registrar-usuario{background:var(--color-verde-principal);color:var(--color-bg-principal);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.7rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-registrar-usuario:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px);box-shadow:0 6px 16px #76d2304d}.btn-registrar-usuario:active{transform:translateY(0)}.usuarios-tabla-container{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;overflow:auto hidden}.usuarios-tabla{border-collapse:separate;border-spacing:0;width:100%}.usuarios-tabla thead{background:var(--color-bg-principal);border-bottom:2px solid var(--color-border-dark)}.usuarios-tabla th{color:var(--color-text-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:1rem 1.25rem;font-size:.85rem;font-weight:600}.usuarios-tabla tbody tr{border-bottom:1px solid #5a666880;transition:background .3s}.usuarios-tabla tbody tr:hover{background:#76d23008}.usuarios-tabla td{color:var(--color-text-primary);vertical-align:middle;padding:1.2rem 1.25rem;font-size:.95rem}.usuario-info{flex-direction:column;gap:.3rem;display:flex}.usuario-nombre{color:var(--color-text-primary);font-weight:600}.usuario-id{color:var(--color-text-tertiary);font-size:.85rem}.contacto-info{flex-direction:column;gap:.2rem;display:flex}.contacto-info>div{color:var(--color-text-primary);font-size:.9rem}.contacto-email{color:var(--color-text-secondary);font-size:.85rem}.estado-activo{color:var(--color-verde-principal);background:#76d23026;border:1px solid #76d2304d}.estado-inactivo{color:var(--color-error-text);background:#cc333326;border:1px solid #cc33334d}.estado-desuscribirse{color:#ffb300;background:#ffc10726;border:1px solid #ffc1074d}.acciones-botones{gap:.5rem;display:flex}.btn-accion{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.4rem;font-size:1.1rem;transition:all .3s;display:flex}.btn-editar{color:var(--color-verde-principal)}.btn-editar:hover{background:#76d2301a;transform:scale(1.15)}.btn-eliminar{color:var(--color-error-text)}.btn-eliminar:hover{background:#cc33331a;transform:scale(1.15)}.sin-resultados{text-align:center;color:var(--color-text-tertiary);font-style:italic;padding:3rem 1.25rem!important}.usuarios-paginacion{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:2rem 0;display:flex}.usuarios-paginacion span{color:var(--color-text-tertiary);font-size:.9rem}@media (width<=1024px){.usuarios-controles{flex-direction:column;align-items:flex-start;gap:1rem}.control-grupo{gap:1rem;width:100%}.btn-registrar-usuario{justify-content:center;width:100%}.usuarios-titulo{font-size:1.5rem}}@media (width<=768px){.usuarios-titulo{font-size:1.5rem}.control-grupo{flex-direction:column;width:100%}.usuarios-busqueda{width:100%}.usuarios-filtros{flex-wrap:wrap;width:100%}.select-filtro{flex:1;min-width:150px}.usuarios-tabla-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.usuarios-tabla{min-width:700px}.usuarios-tabla th{padding:.8rem 1rem;font-size:.8rem}.usuarios-tabla td{padding:.8rem 1rem;font-size:.85rem}.btn-registrar-usuario{padding:.6rem 1.2rem;font-size:.9rem}.contacto-info>div{font-size:.8rem}}@media (width<=480px){.usuarios-header{margin-bottom:.5rem}.usuarios-titulo{font-size:1.3rem}.usuarios-subtitulo{font-size:.8rem}.usuarios-controles{gap:.75rem}.control-grupo{flex-direction:column;gap:.75rem;width:100%}.usuarios-busqueda{width:100%}.input-busqueda{padding:.6rem 1rem;font-size:.9rem}.usuarios-filtros{flex-wrap:wrap;gap:.5rem;width:100%}.select-filtro{flex:1;min-width:120px;padding:.5rem .75rem;font-size:.85rem}.btn-buscar-filtro{padding:.5rem 1rem;font-size:.8rem}.btn-registrar-usuario{width:100%;padding:.6rem 1rem;font-size:.85rem}.stat-numero{font-size:1.5rem}.usuarios-tabla{min-width:100%}.usuarios-tabla th,.usuarios-tabla td{padding:.6rem .75rem;font-size:.75rem}.usuario-nombre{font-size:.85rem}.usuario-id,.contacto-info>div{font-size:.75rem}.acciones-botones{gap:.3rem}.btn-accion{padding:.3rem;font-size:.9rem}.estado-badge{padding:.3rem .6rem;font-size:.75rem}.btn-pagina{min-width:32px;padding:.4rem .6rem;font-size:.8rem}}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-container{background:var(--color-bg-principal);border:2px solid var(--color-verde-principal);border-radius:12px;width:95%;max-width:900px;max-height:90vh;padding:2.5rem;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:var(--color-inputs-campos);border-radius:10px}.modal-container::-webkit-scrollbar-thumb{background:var(--color-verde-principal);border-radius:10px}.modal-container::-webkit-scrollbar-thumb:hover{background:var(--color-verde-principal-hover)}.modal-form{flex-direction:column;gap:2rem;display:flex}.form-section{flex-direction:column;gap:1.5rem;display:flex}.section-titulo{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:600}.form-row-two{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text-label);font-size:.9rem;font-weight:600}.form-select option{background:var(--color-inputs-campos);color:var(--color-text-primary)}.form-input-group{gap:.5rem;display:flex}.form-input-group .form-input{flex:1}.form-input-group .form-select{flex:none;min-width:80px}.form-select.small{min-width:70px}.modal-botones{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.btn-cancelar,.btn-guardar{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}@media (width<=768px){.modal-container{width:98%;max-height:95vh;padding:1.5rem}.modal-titulo{margin-bottom:1.5rem;font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-row-two{grid-template-columns:1fr;gap:1.5rem}.form-section{gap:1rem}.section-titulo{font-size:1rem}.form-group{gap:.4rem}.form-group label{font-size:.85rem}.form-input,.form-textarea,.form-select{padding:.7rem;font-size:.9rem}.form-textarea{min-height:70px}.modal-botones{gap:.75rem;margin-top:1rem}.btn-cancelar,.btn-guardar{padding:.65rem 1.2rem;font-size:.9rem}}@media (width<=480px){.modal-container{border-radius:8px;width:98%;max-height:98vh;padding:1rem}.modal-titulo{margin-bottom:1rem;font-size:1.3rem}.form-row{grid-template-columns:1fr;gap:.75rem}.form-row-two{grid-template-columns:1fr;gap:1rem}.form-section{gap:.75rem}.section-titulo{font-size:.95rem}.form-group{gap:.3rem}.form-group label{font-size:.8rem}.form-input,.form-textarea,.form-select{padding:.6rem;font-size:.85rem}.form-textarea{min-height:60px}.form-input-group{gap:.3rem}.form-select.small{min-width:60px}.modal-botones{flex-direction:column;gap:.5rem;margin-top:.75rem}.btn-cancelar,.btn-guardar{justify-content:center;width:100%;padding:.6rem 1rem;font-size:.85rem}}.section-membresias{flex-direction:column;gap:2rem;display:flex}.membresias-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.membresias-titulo{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.membresias-subtitulo{color:var(--color-text-secondary);max-width:500px;margin:0;font-size:.95rem}.btn-nuevo-plan{background:var(--color-verde-principal);color:var(--color-bg-principal);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-nuevo-plan:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px);box-shadow:0 6px 16px #76d2304d}.btn-nuevo-plan:active{transform:translateY(0)}.membresias-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.plan-card{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .3s;display:flex;position:relative}.plan-card:hover{border-color:var(--color-verde-principal);transform:translateY(-4px);box-shadow:0 8px 24px #76d23026}.plan-header{text-align:center}.plan-nombre{color:var(--color-text-primary);margin:0;font-size:1.2rem;font-weight:700}.plan-precio{text-align:center;justify-content:center;align-items:baseline;gap:.5rem;display:flex}.precio-numero{color:var(--color-verde-principal);font-size:2rem;font-weight:700}.precio-periodo{color:var(--color-text-secondary);font-size:.9rem}.plan-descripcion{color:var(--color-text-secondary);text-align:center;margin:0;font-size:.9rem;line-height:1.5}.plan-beneficios{flex-direction:column;gap:.75rem;display:flex}.beneficio-item{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.beneficio-check{color:var(--color-verde-principal);flex-shrink:0;font-size:1.1rem;font-weight:700}.beneficio-texto{flex:1}.plan-acciones{gap:1rem;margin-top:.5rem;display:flex}.btn-plan{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-editar-plan{background:var(--color-verde-principal);color:var(--color-bg-principal)}.btn-editar-plan:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px)}.btn-editar-plan:active{transform:translateY(0)}.btn-eliminar-plan{color:var(--color-error-text);background:#cc33331a;border:1px solid #cc33334d;width:48px;padding:.75rem}.btn-eliminar-plan:hover{border-color:var(--color-error-text);background:#c333}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-contenido{background:var(--color-inputs-campos);border:2px solid var(--color-verde-principal);border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-seccion{flex-direction:column;gap:1.5rem;display:flex}.modal-seccion-titulo{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.form-grupo{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--color-text-label);text-transform:capitalize;font-size:.9rem;font-weight:600}.form-input,.form-textarea,.form-select{background:var(--color-bg-principal);color:var(--color-text-primary);border:1px solid var(--color-border-dark);border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-placeholders)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-verde-principal);outline:none;box-shadow:0 0 8px #76d23033}.form-textarea{resize:vertical;min-height:100px}.form-select{cursor:pointer}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-botones{gap:1rem;margin-top:2rem;display:flex}.btn-cancelar,.btn-guardar{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-cancelar{background:var(--color-inputs-campos);color:var(--color-text-primary);border:1px solid var(--color-border-dark)}.btn-cancelar:hover{background:var(--color-inputs-campos-active);border-color:var(--color-border-dark)}.btn-guardar{background:var(--color-verde-principal);color:var(--color-bg-principal)}.btn-guardar:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px);box-shadow:0 6px 16px #76d2304d}.btn-guardar:active{transform:translateY(0)}@media (width<=1024px){.membresias-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.btn-nuevo-plan{width:100%}.membresias-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (width<=768px){.membresias-titulo{font-size:1.5rem}.membresias-subtitulo{font-size:.85rem}.membresias-grid{grid-template-columns:1fr}.plan-card{padding:1.5rem}.plan-nombre{font-size:1.1rem}.precio-numero{font-size:1.75rem}.modal-contenido{padding:1.5rem}.form-row{grid-template-columns:1fr}}@media (width<=480px){.membresias-titulo{font-size:1.3rem}.membresias-subtitulo{font-size:.8rem}.membresias-grid{gap:1rem}.plan-card{gap:1rem;padding:1rem}.plan-nombre{font-size:1rem}.precio-numero{font-size:1.5rem}.plan-descripcion{font-size:.8rem}.beneficio-item{gap:.5rem;font-size:.8rem}.plan-acciones{gap:.75rem}.btn-plan{padding:.6rem .8rem;font-size:.8rem}.modal-contenido{border-width:2px;padding:1rem}.modal-titulo{margin-bottom:1.5rem;font-size:1.3rem}.modal-botones{gap:.75rem;margin-top:1.5rem}.btn-cancelar,.btn-guardar{padding:.6rem 1rem;font-size:.9rem}.form-input,.form-textarea,.form-select{padding:.6rem .8rem;font-size:.9rem}.form-label{font-size:.85rem}}.section-reportes{flex-direction:column;gap:2rem;display:flex}.reportes-header{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.reportes-titulo{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.reportes-subtitulo{color:var(--color-text-secondary);margin:0;font-size:.95rem}.reportes-stats{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem;display:grid}.reportes-stat-card{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;padding:1.5rem;transition:all .3s}.reportes-stat-card:hover{border-color:var(--color-verde-principal);box-shadow:0 0 12px #76d23033}.stat-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.9rem}.stat-monto{font-size:2rem}.stat-numero-simple{color:var(--color-verde-principal);font-size:3rem;font-weight:700}.reportes-filtros-container{background:var(--color-inputs-campos);border:2px solid var(--color-verde-principal);border-radius:12px;padding:1.5rem}.filtros-header{border-bottom:1px solid var(--color-border-dark);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.filtros-titulo{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:1rem;font-weight:600}.btn-limpiar-filtros{color:var(--color-error-text);cursor:pointer;background:0 0;border:none;font-size:.9rem;transition:color .3s}.btn-limpiar-filtros:hover{color:var(--color-error-border)}.filtros-contenido{grid-template-columns:1fr 1fr 2fr 1fr;align-items:flex-end;gap:1rem;display:grid}.filtro-grupo{flex-direction:column;gap:.5rem;display:flex}.filtro-label{color:var(--color-text-secondary);text-transform:capitalize;font-size:.85rem;font-weight:600}.filtro-select,.filtro-input-fecha{background:var(--color-bg-principal);color:var(--color-text-primary);border:1px solid var(--color-border-dark);border-radius:6px;padding:.65rem 1rem;font-size:.9rem;transition:all .3s}.filtro-select:hover,.filtro-input-fecha:hover{border-color:var(--color-verde-principal)}.filtro-select:focus,.filtro-input-fecha:focus{border-color:var(--color-verde-principal);outline:none;box-shadow:0 0 8px #76d23033}.filtro-fecha-grupo{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.btn-buscar-reportes{background:var(--color-verde-principal);color:var(--color-bg-principal);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.65rem 2rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-buscar-reportes:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px)}.btn-buscar-reportes:active{transform:translateY(0)}.reportes-seccion{flex-direction:column;gap:1.5rem;display:flex}.reportes-seccion-titulo{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:600}.reportes-tabla-container{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;overflow:auto hidden}.reportes-tabla{border-collapse:separate;border-spacing:0;width:100%}.reportes-tabla thead{background:var(--color-bg-principal);border-bottom:2px solid var(--color-border-dark)}.reportes-tabla th{color:var(--color-text-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:1rem 1.25rem;font-size:.85rem;font-weight:600}.reportes-tabla tbody tr{border-bottom:1px solid #5a666880;transition:background .3s}.reportes-tabla tbody tr:hover{background:#76d23008}.reportes-tabla td{color:var(--color-text-primary);vertical-align:middle;padding:1.2rem 1.25rem;font-size:.95rem}.estado-badge{text-transform:capitalize;border-radius:20px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.estado-completado{color:var(--color-verde-principal);background:#76d23026;border:1px solid #76d2304d}.estado-pendiente{color:#ffb300;background:#ffc10726;border:1px solid #ffc1074d}.estado-rechazado{color:var(--color-error-text);background:#cc333326;border:1px solid #cc33334d}.reportes-info-paginacion{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.info-registros{color:var(--color-text-secondary);font-size:.9rem}.reportes-paginacion{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-pagina{background:var(--color-inputs-campos);color:var(--color-text-secondary);border:1px solid var(--color-border-dark);cursor:pointer;text-align:center;border-radius:6px;min-width:36px;padding:.5rem .75rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-pagina:hover{border-color:var(--color-verde-principal);color:var(--color-verde-principal);background:#76d2301a}.btn-pagina.activa{background:var(--color-verde-principal);color:var(--color-bg-principal);border-color:var(--color-verde-principal)}.reportes-paginacion span{color:var(--color-text-tertiary);font-size:.9rem}@media (width<=1024px){.reportes-header{flex-direction:column;align-items:flex-start}.reportes-stats{grid-template-columns:1fr 1fr}.filtros-contenido{grid-template-columns:repeat(2,1fr)}.btn-buscar-reportes,.filtro-fecha-grupo{grid-column:1/-1}}@media (width<=768px){.reportes-titulo{font-size:1.5rem}.stat-numero{font-size:1.8rem}.stat-numero-simple{font-size:2.2rem}.filtros-contenido{grid-template-columns:1fr;gap:1rem}.filtro-fecha-grupo{grid-column:1;grid-template-columns:1fr 1fr;gap:1rem}.btn-buscar-reportes{grid-column:1}.reportes-tabla-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.reportes-tabla{min-width:600px}.reportes-tabla th{padding:.8rem 1rem;font-size:.8rem}.reportes-tabla td{padding:.8rem 1rem;font-size:.85rem}.reportes-info-paginacion{flex-direction:column;align-items:center;gap:1rem}}@media (width<=480px){.reportes-header{gap:1rem}.reportes-titulo{font-size:1.3rem}.reportes-subtitulo{font-size:.8rem}.btn-generar-pdf{padding:.6rem 1rem;font-size:.85rem}.reportes-stats{grid-template-columns:1fr;gap:1rem}.stat-numero{font-size:1.5rem}.stat-numero-simple{font-size:2rem}.reportes-filtros-container{padding:1rem}.filtros-header{flex-direction:column;align-items:flex-start;gap:1rem}.filtros-contenido,.filtro-fecha-grupo{grid-template-columns:1fr}.btn-buscar-reportes{width:100%}.reportes-tabla{min-width:100%}.reportes-tabla th,.reportes-tabla td{padding:.6rem .75rem;font-size:.75rem}.estado-badge{padding:.3rem .6rem;font-size:.75rem}.btn-pagina{min-width:32px;padding:.4rem .6rem;font-size:.8rem}.info-registros{font-size:.85rem}.reportes-seccion-titulo{font-size:1rem}}.section-contabilidad{flex-direction:column;gap:2rem;display:flex}.contabilidad-header{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.contabilidad-titulo{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.contabilidad-subtitulo{color:var(--color-text-secondary);margin:0;font-size:.95rem}.btn-generar-pdf{background:var(--color-verde-principal);color:var(--color-bg-principal);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-generar-pdf:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px);box-shadow:0 6px 16px #76d2304d}.btn-generar-pdf:active{transform:translateY(0)}.contabilidad-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.stat-card{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;padding:1.5rem;transition:all .3s}.stat-card:hover{border-color:var(--color-verde-principal);box-shadow:0 0 12px #76d23033}.stat-card-balance{border-left:4px solid var(--color-verde-principal);position:relative}.stat-label,.stat-label-balance{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.9rem;display:block}.stat-numero{color:var(--color-verde-principal);font-size:2rem;font-weight:700}.stat-balance{font-size:2rem}.stat-unidad{color:var(--color-text-tertiary);margin-left:.5rem;font-size:.85rem}.stat-card-egresos .stat-numero{color:#f66}.stat-egresos{color:#f66!important}.badge-balance{color:var(--color-verde-principal);background:#76d23033;border-radius:12px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;position:absolute;top:1rem;right:1rem}.contabilidad-transacciones{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.seccion-transaccion{flex-direction:column;gap:1rem;display:flex}.seccion-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.seccion-header h3{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:600}.btn-registrar-ingreso{background:var(--color-verde-principal);color:var(--color-bg-principal);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-registrar-ingreso:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px)}.btn-registrar-ingreso:active{transform:translateY(0)}.btn-registrar-egreso{color:#fff;cursor:pointer;white-space:nowrap;background:#f66;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-registrar-egreso:hover{background:#f44;transform:translateY(-2px)}.btn-registrar-egreso:active{transform:translateY(0)}.tabla-transacciones-container{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:8px;overflow:auto hidden}.tabla-transacciones{border-collapse:separate;border-spacing:0;width:100%}.tabla-transacciones thead{background:var(--color-bg-principal);border-bottom:1px solid var(--color-border-dark)}.tabla-transacciones th{color:var(--color-text-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.85rem;font-weight:600}.tabla-transacciones tbody tr{border-bottom:1px solid #5a66684d;transition:background .3s}.tabla-transacciones tbody tr:hover{background:#76d23008}.tabla-transacciones td{color:var(--color-text-primary);padding:1rem;font-size:.95rem}.monto-positivo{color:var(--color-verde-principal);font-weight:600}.seccion-nomina{flex-direction:column;gap:1.5rem;display:flex}.nomina-header{justify-content:space-between;align-items:center;gap:2rem;display:flex}.nomina-header h3{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:600}.nomina-info{align-items:center;gap:1rem;display:flex}.nomina-label{color:var(--color-text-secondary);font-size:.95rem;font-weight:600}.nomina-total{color:var(--color-verde-principal);font-size:1.3rem;font-weight:700}.btn-pagar-total{background:var(--color-verde-principal);color:var(--color-bg-principal);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-pagar-total:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px)}.btn-pagar-total:active{transform:translateY(0)}.empleados-nomina-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.empleado-nomina-card{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:8px;padding:1.5rem;transition:all .3s}.empleado-nomina-card:hover{border-color:var(--color-verde-principal);box-shadow:0 0 12px #76d23033}.emp-nombre{color:var(--color-text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.emp-rol{color:var(--color-text-tertiary);margin-bottom:1rem;font-size:.8rem}.emp-salario-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.8rem}.emp-salario{color:var(--color-verde-principal);font-size:1.25rem;font-weight:700}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-contenido{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;width:90%;max-width:500px;padding:2rem;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-titulo{color:var(--color-text-primary);text-align:center;margin:0 0 1.5rem;font-size:1.3rem;font-weight:700}.modal-operacion-tipo{margin-bottom:1.5rem}.operacion-label{color:var(--color-text-secondary);text-align:center;text-transform:capitalize;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:block}.operacion-tabs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tab-operacion{background:var(--color-bg-principal);color:var(--color-text-secondary);border:1px solid var(--color-border-dark);cursor:pointer;text-align:center;border-radius:6px;padding:.75rem;font-size:.85rem;font-weight:600;transition:all .3s}.tab-operacion:hover{border-color:var(--color-verde-principal);color:var(--color-text-primary)}.tab-operacion.activo{background:var(--color-verde-principal);color:var(--color-bg-principal);border-color:var(--color-verde-principal)}.modal-inputs{margin-bottom:1.5rem}.input-modal{background:var(--color-bg-principal);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border-dark);box-sizing:border-box;border-radius:6px;padding:.8rem 1.2rem;font-size:.95rem;transition:all .3s}.input-modal::placeholder{color:var(--color-placeholders)}.input-modal:focus{border-color:var(--color-verde-principal);outline:none;box-shadow:0 0 8px #76d23033}.btn-registrar-modal{background:var(--color-verde-principal);width:100%;color:var(--color-bg-principal);cursor:pointer;border:none;border-radius:6px;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-registrar-modal:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px)}.btn-registrar-modal:active{transform:translateY(0)}@media (width<=1024px){.contabilidad-header{flex-direction:column;align-items:flex-start}.contabilidad-stats{grid-template-columns:1fr 1fr}.contabilidad-transacciones{grid-template-columns:1fr;gap:1.5rem}.empleados-nomina-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.contabilidad-titulo{font-size:1.5rem}.contabilidad-stats{grid-template-columns:1fr;gap:1rem}.stat-numero{font-size:1.8rem}.empleados-nomina-grid{grid-template-columns:1fr}.nomina-header{flex-direction:column;align-items:flex-start}.nomina-info{flex-direction:column;gap:.75rem}}@media (width<=480px){.contabilidad-header{gap:1rem}.contabilidad-titulo{font-size:1.3rem}.contabilidad-subtitulo{font-size:.8rem}.btn-generar-pdf{padding:.6rem 1rem;font-size:.85rem}.contabilidad-stats{grid-template-columns:1fr}.stat-numero{font-size:1.5rem}.seccion-header{flex-direction:column;align-items:flex-start;gap:.75rem}.btn-registrar-ingreso,.btn-registrar-egreso{width:100%}.tabla-transacciones{font-size:.8rem}.tabla-transacciones th,.tabla-transacciones td{padding:.75rem .5rem}.nomina-header{flex-direction:column;align-items:flex-start}.nomina-info{flex-direction:column;gap:.75rem;width:100%}.btn-pagar-total{width:100%}.emp-nombre{font-size:.9rem}.emp-salario{font-size:1.1rem}.modal-contenido{padding:1.5rem}.modal-titulo{margin-bottom:1rem;font-size:1.1rem}.operacion-label{font-size:.85rem}.tab-operacion{padding:.6rem;font-size:.8rem}.input-modal{padding:.7rem 1rem;font-size:.9rem}.btn-registrar-modal{padding:.75rem;font-size:.9rem}}.dashboard-container{background:var(--color-bg-principal);min-height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--color-bg-sidebar);color:#fff;z-index:50;flex-direction:column;width:280px;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 10px #0000004d}.sidebar.cerrado{width:80px}.sidebar-header{border-bottom:1px solid #76d2301a;padding:1rem 0}.logo{justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-fitness-sidebar{object-fit:contain;width:150px;height:auto}.menu{flex-direction:column;flex:1;padding:1rem 0;display:flex}.menu-item{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;font-size:.95rem;transition:all .3s;display:flex;position:relative}.sidebar.cerrado .menu-item{justify-content:center;gap:0;padding:1rem}.menu-item:hover{color:#fff;background:#76d2301a}.menu-item.activo{color:#76d230;background:#76d23033;border-left:4px solid #76d230}.sidebar.cerrado .menu-item.activo{border-bottom:4px solid #76d230;border-left:none}.menu-icon{text-align:center;min-width:24px;font-size:1.25rem;display:block}.menu-label{white-space:nowrap}.sidebar-footer{border-top:1px solid #76d2301a;padding:1rem 0}.menu-item.logout{color:#ef4444cc}.menu-item.logout:hover{color:#fca5a5;background:#ef444433}.main-content{box-sizing:border-box;flex-direction:column;flex:1;width:100%;margin-left:280px;transition:margin-left .3s;display:flex;position:relative;overflow:hidden}.dashboard-header{background:var(--color-bg-principal);border-bottom:1px solid var(--color-border-dark);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 8px #0003}.header-left{align-items:center;gap:1rem;display:flex}.toggle-sidebar{cursor:pointer;color:var(--color-text-primary);z-index:100;background:0 0;border:none;order:-1;padding:.5rem;font-size:1.5rem;transition:color .3s;display:none}.toggle-sidebar:hover{color:var(--color-verde-principal)}.page-title{color:var(--color-text-primary);margin:0;font-size:1.5rem}.header-right{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.user-info{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.user-name{color:var(--color-text-primary);font-weight:600}.user-role{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.content-area{box-sizing:border-box;flex:1;width:100%;padding:2rem;overflow:hidden auto}.panel-inicio{flex-direction:column;gap:2rem;display:flex}.stats-top{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.stat-card-basico{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;padding:1.5rem;transition:all .3s}.stat-card-basico:hover{border-color:var(--color-verde-principal);box-shadow:0 0 12px #76d23033}.label-stat{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.9rem}.numero-stat{color:var(--color-verde-principal);font-size:2.2rem;font-weight:700}.perfil-card{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;position:relative}.perfil-card:hover{border-color:var(--color-verde-principal);box-shadow:0 0 12px #76d23033}.perfil-avatar{object-fit:cover;border:2px solid var(--color-verde-principal);border-radius:50%;width:60px;height:60px}.perfil-info{flex:1}.perfil-nombre{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.perfil-rol{color:var(--color-text-tertiary);text-transform:capitalize;font-size:.85rem}.btn-editar-perfil{cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:transform .3s;position:absolute;top:1rem;right:1rem}.btn-editar-perfil:hover{transform:scale(1.2)}.section-grafico{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;padding:1.5rem;overflow:hidden}.section-grafico h3{color:var(--color-text-primary);margin:0 0 2rem;font-size:1.2rem}.grafico-barras{justify-content:space-around;align-items:flex-end;gap:1rem;height:200px;padding-bottom:1rem;display:flex;overflow-x:auto}.barra-grupo{flex-direction:column;flex:none;align-items:center;gap:.75rem;min-width:50px;max-width:70px;display:flex}.barra{background:linear-gradient(to top, var(--color-verde-principal), var(--color-verde-principal-hover));border-radius:6px 6px 0 0;width:100%;min-height:20px;transition:all .3s}.barra:hover{box-shadow:0 0 12px #76d23066}.barra-label{color:var(--color-text-tertiary);text-align:center;width:100%;font-size:.85rem}.section-inferior{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.seccion-proximo{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;padding:1.5rem}.seccion-proximo h3{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.1rem}.btn-ver-detalle{color:var(--color-verde-principal);cursor:pointer;background:0 0;border:none;margin-bottom:1rem;font-size:.9rem;transition:color .3s}.btn-ver-detalle:hover{color:var(--color-verde-principal-hover)}.lista-proximo{flex-direction:column;gap:.75rem;display:flex}.item-proximo{border:1px solid var(--color-border-dark);background:#38525d80;border-radius:8px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex}.item-proximo:hover{border-color:var(--color-verde-principal);background:#38525db3}.item-nombre{color:var(--color-text-primary);flex:1;font-size:.95rem}.item-dias{color:var(--color-error-text);text-align:right;min-width:50px;font-size:.85rem;font-weight:600}.btn-play{color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1rem;transition:color .3s;display:flex}.btn-play:hover{color:var(--color-verde-principal)}.seccion-ultimos{background:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:12px;flex-direction:column;padding:1.5rem;display:flex}.seccion-ultimos h3{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.1rem}.tabla-ingresos{border-collapse:separate;border-spacing:0;width:100%;margin-bottom:2rem}.tabla-ingresos thead{border-bottom:2px solid var(--color-border-dark)}.tabla-ingresos th{color:var(--color-text-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.85rem;font-weight:600}.tabla-ingresos tbody tr{border-bottom:1px solid var(--color-border-dark);transition:background .3s}.tabla-ingresos tbody tr:hover{background:#76d2300d}.tabla-ingresos td{color:var(--color-text-primary);padding:1rem;font-size:.95rem}.tabla-ingresos td:last-child{color:var(--color-text-tertiary)}.registrar-ingreso{border-top:1px solid var(--color-border-dark);padding-top:1.5rem}.registrar-ingreso h4{color:var(--color-text-primary);margin:0 0 1rem;font-size:1rem}.input-grupo{gap:1rem;margin-bottom:.75rem;display:flex}.input-cedula{background:var(--color-bg-principal);color:var(--color-text-primary);border:1px solid var(--color-border-dark);border-radius:6px;flex:1;padding:.75rem;font-size:.95rem;transition:border-color .3s}.input-cedula:focus{border-color:var(--color-verde-principal);outline:none;box-shadow:0 0 8px #76d2304d}.input-cedula::placeholder{color:var(--color-placeholders)}.btn-registrar{background:var(--color-verde-principal);color:var(--color-bg-principal);cursor:pointer;border:none;border-radius:6px;padding:.75rem 2rem;font-size:.95rem;font-weight:600;transition:all .3s}.btn-registrar:hover{background:var(--color-verde-principal-hover);transform:translateY(-2px);box-shadow:0 6px 16px #76d2304d}.btn-registrar:active{transform:translateY(0)}.error-mensaje{color:var(--color-error-text);font-size:.85rem;display:none}.error-mensaje.mostrar{display:block}@media (width<=1024px){.sidebar{z-index:100;width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.abierto{left:0}.sidebar.cerrado{left:-280px}.main-content{width:100%;margin-left:0}.toggle-sidebar{justify-content:center;align-items:center;display:flex}.toggle-sidebar:hover{color:var(--color-verde-principal)}.content-area{box-sizing:border-box;width:100%;padding:2rem}.logo-text,.menu-label{display:none}.sidebar.abierto .logo-text,.sidebar.abierto .menu-label{display:inline}.stats-top{grid-template-columns:repeat(2,1fr)}.section-inferior{grid-template-columns:1fr}}@media (width<=768px){.sidebar{z-index:100;width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.abierto{left:0}.sidebar.cerrado{left:-280px}.main-content{box-sizing:border-box;width:100%;margin-left:0}.toggle-sidebar{justify-content:center;align-items:center;display:flex}.dashboard-header{box-sizing:border-box;padding:1rem}.content-area{box-sizing:border-box;width:100%;padding:1rem}.stats-top{grid-template-columns:1fr}.grafico-barras{gap:.75rem;height:150px}.section-inferior{grid-template-columns:1fr}}@media (width<=480px){.sidebar{z-index:100;width:280px;height:100vh;transition:left .3s;position:fixed;top:0;left:-280px}.sidebar.abierto{left:0}.sidebar.cerrado{left:-280px}.main-content{box-sizing:border-box;width:100%;margin-left:0}.toggle-sidebar{justify-content:center;align-items:center;display:flex}.dashboard-header{box-sizing:border-box;padding:.75rem}.user-info{display:none}.content-area{box-sizing:border-box;width:100%;padding:.75rem}.section-grafico{padding:1rem}.section-grafico h3{margin-bottom:1rem;font-size:1rem}.grafico-barras{gap:.5rem;height:120px}.barra-grupo{min-width:40px;max-width:50px}.barra-label{font-size:.7rem}.stats-top{gap:1rem}.tabla-ingresos{font-size:.8rem}.tabla-ingresos th,.tabla-ingresos td{padding:.5rem}.input-grupo{flex-direction:column}.btn-registrar{width:100%}}.registro-contenedor{background-color:var(--color-bg-principal);justify-content:center;align-items:center;min-width:100%;min-height:100dvh;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.registro-tarjeta{background-color:var(--color-bg-principal);border-radius:12px;width:100%;padding:2rem;box-shadow:0 10px 40px #00000080}.registro-header{justify-content:center;margin-bottom:2rem;display:flex}.stepper{justify-content:center;align-items:center;margin-bottom:2.5rem;padding:0 .5rem;display:flex}.contenedor-paso{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.circulo-paso{background-color:var(--color-inputs-campos);border:2px solid var(--color-border-dark);width:40px;height:40px;color:var(--color-text-tertiary);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.circulo-paso.activo{background-color:var(--color-verde-principal);border-color:var(--color-verde-principal);color:var(--color-bg-principal);box-shadow:0 0 12px #76d23080}.icono-check{font-size:1.2rem}.etiqueta-paso{color:var(--color-text-tertiary);text-align:center;width:60px;margin-top:.5rem;font-size:.7rem}.linea-paso{background-color:var(--color-border-dark);z-index:1;width:100%;height:2px;transition:background-color .3s;position:absolute;top:20px;left:50%}.linea-paso.activa{background-color:var(--color-verde-principal);box-shadow:0 0 8px #76d23066}.registro-contenido{min-height:400px}.paso-contenedor{animation:.3s ease-in-out fadeIn}.titulo-paso{color:var(--color-text-primary);text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.descripcion-paso{color:var(--color-text-tertiary);text-align:center;margin-bottom:2rem;font-size:.9rem}.formulario{flex-direction:column;gap:1.25rem;display:flex}.grupo-entrada{flex-direction:column;gap:.5rem;display:flex}.grupo-entrada label{color:var(--color-text-label);font-size:.9rem;font-weight:500}.grupo-entrada input,.grupo-entrada select,.grupo-entrada textarea{background-color:var(--color-inputs-campos);color:var(--color-text-primary);border:1px solid var(--color-border-dark);border-radius:6px;padding:.75rem;font-family:inherit;font-size:.95rem;transition:border-color .3s,background-color .3s}.grupo-entrada input:focus,.grupo-entrada select:focus,.grupo-entrada textarea:focus{border-color:var(--color-verde-principal);background-color:var(--color-input-focus-bg);outline:none;box-shadow:0 0 8px #76d2304d}.grupo-entrada input::placeholder{color:var(--color-placeholders)}.grupo-entrada select{cursor:pointer}.grupo-entrada option{background-color:var(--color-bg-principal);color:var(--color-text-primary)}.grupo-entrada textarea{resize:vertical;min-height:80px}.grupo-checkbox{background-color:var(--color-inputs-campos);border:1px solid var(--color-border-dark);border-radius:6px;align-items:flex-start;gap:.75rem;margin:1.5rem 0;padding:1rem;display:flex}.grupo-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-verde-principal);flex-shrink:0;margin-top:.25rem}.grupo-checkbox label{color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;line-height:1.5}.grupo-botones{gap:1rem;margin-top:2rem;display:flex}.boton{cursor:pointer;text-transform:capitalize;border:none;border-radius:6px;flex:1;padding:.85rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s}.boton-primario{background-color:var(--color-verde-principal);color:var(--color-bg-principal)}.boton-primario:hover:not(:disabled){background-color:var(--color-verde-principal-hover);transform:translateY(-2px);box-shadow:0 6px 16px #76d23066}.boton-primario:active:not(:disabled){transform:translateY(0)}.boton-primario:disabled{opacity:.5;cursor:not-allowed}.boton-secundario{background-color:var(--color-verde-secundario);color:var(--color-bg-principal)}.boton-secundario:hover:not(:disabled){background-color:var(--color-verde-secundario-hover);transform:translateY(-2px);box-shadow:0 6px 16px #aecf9466}.boton-secundario:active:not(:disabled){transform:translateY(0)}.boton-secundario:disabled{opacity:.5;cursor:not-allowed}.paso-contenedor:not(.paso-exito)>.formulario>.boton{width:100%}.paso-exito{text-align:center;flex-direction:column;align-items:center;padding:2rem 0;display:flex}.icono-exito-contenedor{justify-content:center;margin-bottom:2rem;display:flex}.icono-exito{background-color:var(--color-verde-principal);width:100px;height:100px;color:var(--color-bg-principal);border-radius:50%;justify-content:center;align-items:center;font-size:3rem;font-weight:700;animation:.6s ease-out bounceaExito;display:flex;box-shadow:0 10px 30px #76d23066}@keyframes bounceaExito{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.titulo-exito{color:var(--color-text-primary);margin-bottom:2rem;font-size:1.4rem;font-weight:600}.contenedor-pasos-recepcion{width:100%;margin-bottom:2rem}.titulo-pasos{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.95rem}.lista-pasos-recepcion{flex-direction:column;gap:1rem;display:flex}.paso-recepcion{background-color:var(--color-inputs-campos);border-left:3px solid var(--color-verde-principal);border-radius:6px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.numero-paso-recepcion{background-color:var(--color-verde-principal);width:36px;height:36px;color:var(--color-bg-principal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.paso-recepcion p{color:var(--color-text-secondary);margin:0;font-size:.85rem;line-height:1.4}.texto-final{color:var(--color-text-tertiary);font-size:.85rem;line-height:1.5}.contenedor-planes{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.tarjeta-plan{background-color:var(--color-inputs-campos);border:2px solid var(--color-border-dark);cursor:pointer;border-radius:8px;padding:1.5rem;transition:all .3s}.tarjeta-plan.activa{border-color:var(--color-verde-principal);background-color:var(--color-inputs-campos-active);box-shadow:0 0 16px #76d2304d}.nombre-plan{color:var(--color-verde-principal);margin-bottom:1rem;font-size:1.2rem;font-weight:600}.lista-beneficios{margin-bottom:1.5rem}.beneficio{color:var(--color-text-secondary);align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.icono-beneficio{color:var(--color-verde-principal);font-weight:700}.precio-plan{color:var(--color-verde-principal);text-align:center;border-top:1px solid var(--color-border-dark);padding-top:1rem;font-size:1.5rem;font-weight:700}.mensaje-error{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text);border-radius:6px;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;line-height:1.5}@media (width<=480px){.registro-tarjeta{padding:1.5rem}.titulo-paso{font-size:1.3rem}.stepper{margin-bottom:2rem}.circulo-paso{width:35px;height:35px;font-size:.8rem}.boton{padding:.75rem 1rem;font-size:.9rem}.grupo-botones{flex-direction:column}.icono-exito{width:80px;height:80px;font-size:2.5rem}}:root{--color-bg-principal:#303839;--color-bg-sidebar:#181818;--color-inputs-campos:#424c4c;--color-verde-principal:#76d230;--color-verde-secundario:#aecf94;--color-placeholders:#777;--color-verde-principal-hover:#8cdb47;--color-verde-secundario-hover:#c2dca8;--color-inputs-campos-active:#475052;--color-border-dark:#5a6668;--color-text-primary:#fff;--color-text-secondary:#ccc;--color-text-tertiary:#999;--color-text-label:#ddd;--color-input-focus-bg:#4a5456;--color-error-bg:#5a2b2b;--color-error-border:#c33;--color-error-text:#f66}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-principal);color:#fff;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}body{line-height:1.5;overflow-x:hidden}input,select,textarea,button{font-family:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-principal)}::-webkit-scrollbar-thumb{background:var(--color-verde-principal);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-verde-principal-hover)}.logo-fitness{object-fit:contain;width:250px;height:auto}