/* Panel de administracion: tarjetas de metricas, pestanas, tabla de usuarios. */

.admin-tabs { display: flex; gap: 6px; border-bottom: 1px solid var(--borde); margin-bottom: 20px; }
.admin-tabs button { background: none; border: none; padding: 10px 14px; font-size: 14px; font-weight: 600; color: var(--texto-suave); cursor: pointer; border-bottom: 2px solid transparent; }
.admin-tabs button.activo { color: var(--marca-fuerte); border-color: var(--marca); }

.admin-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin-bottom: 22px; }
.admin-stats .tarjeta { display: flex; flex-direction: column; gap: 4px; }
.admin-stats .valor { font-size: 26px; font-weight: 800; }
.admin-stats .etiqueta { font-size: 12.5px; color: var(--texto-suave); }

.tabla-simple-wrap { overflow: auto; border: 1px solid var(--borde); border-radius: var(--radio-lg); background: var(--bg-elevado); }
.tabla-simple { border-collapse: collapse; width: 100%; font-size: 13.5px; }
.tabla-simple th, .tabla-simple td { padding: 10px 14px; border-bottom: 1px solid var(--borde); text-align: left; white-space: nowrap; }
.tabla-simple th { background: var(--bg-sutil); font-size: 11.5px; text-transform: uppercase; letter-spacing: .03em; color: var(--texto-suave); }
.tabla-simple tbody tr:last-child td { border-bottom: none; }
.tabla-simple tbody tr:hover { background: var(--bg-sutil); }
.tabla-simple .celda-cuota { display: flex; align-items: center; gap: 8px; }
.tabla-simple .celda-cuota input { width: 70px; }

.invitacion-codigo { font-family: ui-monospace, monospace; font-size: 15px; font-weight: 700; letter-spacing: .05em; background: var(--bg-sutil); padding: 4px 10px; border-radius: var(--radio-sm); }