@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&family=DM+Sans:wght@400;500;600&display=swap";:root{--fondo-principal: #0F0F0F;--fondo-tarjeta: #1C1C1C;--fondo-lateral: #141414;--acento: #F97316;--texto: #FAFAFA;--texto-suave: #A0A0A0;--borde: #2A2A2A;--fuente-titulo: Barlow Condensed, sans-serif;--fuente-cuerpo: DM Sans, sans-serif;--lateral-ancho: 240px;--encabezado-alto: 70px;--radio: 12px;--sombra: 0 8px 30px rgba(0, 0, 0, .5);--gradiente: linear-gradient(135deg, #F97316 0%, #EA580C 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--fuente-cuerpo),sans-serif;background-color:var(--fondo-principal);color:var(--texto);min-height:100vh;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:var(--acento)}button{cursor:pointer;font-family:var(--fuente-cuerpo),sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1)}ul{list-style:none}.texto-error-validacion{color:#ff5252;font-size:.8rem;margin-top:.25rem;display:block}.grupo-campo{display:flex;flex-direction:column;gap:8px;margin-bottom:1.25rem}.tabla-usuarios .grupo-campo{margin-bottom:0}.grupo-campo label{font-size:.8rem;font-weight:600;color:var(--texto-suave);text-transform:uppercase;letter-spacing:1px}.grupo-campo input,.grupo-campo select,.grupo-campo textarea,.busqueda input{background-color:var(--fondo-lateral);border:1px solid var(--borde);border-radius:var(--radio);color:var(--texto);font-family:var(--fuente-cuerpo),sans-serif;font-size:.95rem;padding:.85rem 1.1rem;outline:none;width:100%;transition:all .3s ease}.grupo-campo select option{background-color:var(--fondo-lateral);color:var(--texto)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.85);transition:filter .2s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(1)}.grupo-campo input:focus,.grupo-campo select:focus,.grupo-campo textarea:focus,.busqueda input:focus{border-color:var(--acento);box-shadow:0 0 0 2px #f9731626;background-color:#1a1a1a}.grupo-campo input::placeholder{color:#4a4a4a}.alerta-error{background-color:#dc35451a;border:1px solid #dc3545;border-radius:var(--radio);color:#f87171;font-size:.9rem;padding:.85rem 1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.alerta-exito{background-color:#28a7451a;border:1px solid #28a745;border-radius:var(--radio);color:#34d399;font-size:.9rem;padding:.85rem 1.1rem;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.btn-primary{background:var(--gradiente);color:#fff;border:none;padding:.85rem 1.5rem;font-weight:600;border-radius:var(--radio);font-size:.95rem;box-shadow:0 4px 15px #f973164d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--texto);border:1px solid var(--borde);padding:.85rem 1.5rem;font-weight:600;border-radius:var(--radio);font-size:.95rem}.btn-secondary:hover{border-color:var(--texto-suave);background-color:#ffffff0d}.btn-editar{background-color:transparent;color:var(--acento);border:1px solid var(--acento);padding:.35rem .75rem;border-radius:var(--radio);font-size:.8rem;font-weight:600;cursor:pointer;display:inline-block}.btn-editar:hover{background-color:var(--acento);color:#fff}.btn-eliminar{background-color:transparent;color:#f87171;border:1px solid #f87171;padding:.4rem .8rem;border-radius:var(--radio);font-size:.85rem;font-weight:600;cursor:pointer;display:inline-block}.btn-eliminar:hover{background-color:#f87171;color:#fff;box-shadow:0 4px 10px #f8717133}.boton-completo{width:100%;margin-top:1rem}.tabla-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabla-usuarios{width:100%;border-collapse:collapse;margin-top:1rem;background-color:var(--fondo-tarjeta);border-radius:var(--radio);box-shadow:var(--sombra)}.tabla-usuarios th:first-child{border-top-left-radius:var(--radio)}.tabla-usuarios th:last-child{border-top-right-radius:var(--radio)}.tabla-usuarios tr:last-child td:first-child{border-bottom-left-radius:var(--radio)}.tabla-usuarios tr:last-child td:last-child{border-bottom-right-radius:var(--radio)}.tabla-usuarios th,.tabla-usuarios td{padding:1rem 1.25rem;text-align:left;border-bottom:1px solid var(--borde)}.tabla-usuarios th{background-color:#141414;font-family:var(--fuente-titulo),sans-serif;text-transform:uppercase;font-size:1.1rem;letter-spacing:1px;color:var(--texto-suave);font-weight:600}.tabla-usuarios tr:last-child td{border-bottom:none}.tabla-usuarios tr:hover td{background-color:#ffffff05}.columna-nombre{font-weight:600;color:var(--texto)}.texto-derecha{text-align:right}.texto-vacio{text-align:center;color:var(--texto-suave)}.seccion-bienvenida{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.seccion-bienvenida .bienvenida-texto h1,.seccion-bienvenida h1{font-family:var(--fuente-titulo),sans-serif;font-size:2.2rem;font-weight:700;text-transform:uppercase}.seccion-bienvenida .bienvenida-texto h1 span,.seccion-bienvenida h1 span{color:var(--acento)}.seccion-bienvenida .bienvenida-texto p,.seccion-bienvenida p{color:var(--texto-suave);font-size:.95rem;margin-top:.25rem}.titulo-seccion{font-family:var(--fuente-titulo),sans-serif;font-size:1.3rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--borde);padding-bottom:.5rem;margin-bottom:1.5rem}.tarjeta{background-color:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:1.5rem;box-shadow:var(--sombra)}.tarjeta-formulario{background-color:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:2rem;max-width:550px;box-shadow:var(--sombra)}.grupo-botones{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.grupo-botones button,.grupo-botones a{flex:1 1 calc(50% - .5rem);text-align:center;display:inline-block;min-width:120px}@media (max-width: 480px){.grupo-botones{flex-direction:column}.grupo-botones button,.grupo-botones a{flex:1 1 100%;width:100%}}.busqueda input{padding:.55rem 1rem;width:250px;background-color:#141414;border:1px solid var(--borde);border-radius:var(--radio);color:var(--texto);font-size:.9rem}.busqueda input:focus{border-color:var(--acento)}.tag-especial{background-color:#f973161a;border:1px solid var(--acento);color:var(--acento);padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-block}.tag-especial.admin{background-color:#ef44441a;border-color:#ef4444;color:#ef4444}.tag-especial.entrenador{background-color:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.tag-especial.miembro{background-color:#10b9811a;border-color:#10b981;color:#10b981}.badge-estado{display:inline-block;padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.badge-estado.badge-activa{background-color:#10b9811a;color:#10b981;border-color:#10b981}.badge-estado.badge-por-vencer{background-color:#f59e0b1a;color:#f59e0b;border-color:#f59e0b}.badge-estado.badge-vencida{background-color:#ef44441a;color:#ef4444;border-color:#ef4444}.dropdown-buscador{position:relative;width:100%}.dropdown-trigger{width:100%;padding:.85rem 1.1rem;background-color:var(--fondo-lateral);border:1px solid var(--borde);border-radius:var(--radio);color:var(--texto);text-align:left;font-family:var(--fuente-cuerpo),sans-serif;font-size:.95rem;cursor:pointer;transition:all .3s ease}.dropdown-trigger:focus,.dropdown-trigger:hover{outline:none;border-color:var(--acento);box-shadow:0 0 0 2px #f9731626}.dropdown-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:998;background:transparent}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background-color:var(--fondo-lateral);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);z-index:999;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;animation:slideDown .2s ease-out}.dropdown-search-input{width:100%;padding:.6rem .8rem;background-color:#ffffff08;border:1px solid var(--borde);border-radius:var(--radio);color:var(--texto);font-size:.9rem;outline:none;transition:border-color .2s}.dropdown-search-input:focus{border-color:var(--acento)}.dropdown-options{max-height:200px;overflow-y:auto;display:flex;flex-direction:column}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:transparent}.dropdown-options::-webkit-scrollbar-thumb{background:var(--borde);border-radius:3px}.dropdown-option{padding:.6rem .8rem;border-radius:var(--radio);color:var(--texto);font-size:.9rem;cursor:pointer;transition:background-color .15s,color .15s}.dropdown-option:hover{background-color:#f9731614;color:var(--acento)}.dropdown-no-results{padding:.8rem;color:var(--texto);font-size:.9rem;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tabs-container{display:flex;gap:15px;margin-bottom:30px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:5px;width:100%;max-width:100%;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-pill{background-color:var(--fondo-tarjeta);color:var(--texto-suave);border:1px solid var(--borde);padding:10px 24px;border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.tab-pill:hover{color:var(--texto);border-color:var(--texto-suave)}.tab-pill.active,.tab-pill.activo{background:var(--gradiente);color:#fff;border-color:transparent;box-shadow:0 4px 15px #f9731666}.grid-metricas{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}@media (max-width: 992px){.grid-metricas{grid-template-columns:repeat(2,1fr)}}.tarjeta-metrica{background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.tarjeta-metrica .metrica-titulo{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--texto-suave);margin:0 0 .5rem}.tarjeta-metrica .metrica-valor{font-size:2.4rem;font-weight:700;color:var(--texto);margin:0 0 .5rem;line-height:1}.tarjeta-metrica .metrica-cambio{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;margin:0}.tarjeta-metrica .metrica-cambio.positivo{color:#10b981}.tarjeta-metrica .metrica-cambio.negativo{color:#ef4444}.tarjeta-metrica .metrica-cambio .icono-tendencia{width:14px;height:14px}.tarjeta-metrica .metrica-cambio-suave{font-size:.85rem;color:var(--texto-suave);margin:0}.tarjeta-metrica .racha-contenedor{display:flex;align-items:center;gap:.5rem}.tarjeta-metrica .racha-contenedor .icono-flama{width:32px;height:32px;color:#f97316;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.grid-graficos{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 992px){.grid-graficos{grid-template-columns:1fr}}.tarjeta-grafico{background:var(--fondo-tarjeta);border:1px solid var(--borde);border-radius:16px;padding:1.75rem}.tarjeta-grafico h3{font-size:1.15rem;font-weight:700;text-transform:uppercase;color:var(--texto);margin:0 0 1.5rem;font-family:var(--fuente-titulo),sans-serif}.grafico-barras{display:flex;justify-content:space-around;align-items:flex-end;height:220px;padding-top:1.5rem}.grafico-barras .columna-barra-contenedor{display:flex;flex-direction:column;align-items:center;width:45px;height:100%}.grafico-barras .columna-barra-contenedor .barra-valor{font-size:.85rem;font-weight:700;color:var(--texto-suave);margin-bottom:.5rem}.grafico-barras .columna-barra-contenedor .barra-columna-envoltorio{flex:1;width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.grafico-barras .columna-barra-contenedor .barra-columna-relleno{width:100%;background:#ffffff0d;border-radius:4px;transition:all .5s cubic-bezier(.4,0,.2,1)}.grafico-barras .columna-barra-contenedor .barra-columna-relleno.tiene-valor{background:linear-gradient(to top,#ea580c,#f97316);box-shadow:0 0 15px #f9731659}.grafico-barras .columna-barra-contenedor .barra-etiqueta{font-size:.8rem;font-weight:600;color:var(--texto-suave);margin-top:.5rem}.grafico-barras .columna-barra-contenedor:hover .barra-valor{color:var(--texto);transform:scale(1.1)}.grafico-barras .columna-barra-contenedor:hover .barra-columna-relleno.tiene-valor{filter:brightness(1.1);box-shadow:0 0 20px #f9731680}.calendario-contribucion-contenedor{display:flex;justify-content:center;margin-bottom:1.5rem}.calendario-contribucion-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;width:100%;max-width:320px}.celda-dia{aspect-ratio:1;border-radius:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.02);transition:all .2s ease;cursor:pointer}.celda-dia.entrenado{background:#f97316;border-color:#ea580c;box-shadow:0 0 8px #f9731640}.celda-dia.hoy{border:2px solid #f97316;box-shadow:0 0 12px #f9731680;transform:scale(1.05)}.celda-dia:hover{filter:brightness(1.2)}.leyenda-calendario{display:flex;justify-content:center;gap:1.5rem;border-top:1px solid var(--borde);padding-top:1rem}.leyenda-calendario .leyenda-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--texto-suave)}.leyenda-calendario .leyenda-item .leyenda-color{width:16px;height:16px;border-radius:4px}.leyenda-calendario .leyenda-item .leyenda-color.entreno{background:#f97316;border:1px solid #ea580c}.leyenda-calendario .leyenda-item .leyenda-color.hoy{border:2px solid #f97316;background:transparent}.leyenda-calendario .leyenda-item .leyenda-color.descanso{background:#ffffff0a;border:1px solid rgba(255,255,255,.02)}