*{box-sizing:border-box;margin:0}:root{--rojo: #d92332;--rojo-oscuro: #a91824;--fondo: #f4f5f7;--panel: #ffffff;--borde: #e2e4e8;--texto: #23262b;--texto-suave: #6b7280;--verde: #16a34a;--ambar: #d97706}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--fondo);color:var(--texto);font-size:14px}.app{display:flex;min-height:100vh}.sidebar{width:210px;flex-shrink:0;background:#171a20;color:#d7dae0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .marca{padding:20px 18px 14px;border-bottom:1px solid #2a2e37}.sidebar .marca h1{font-size:19px;color:#fff;letter-spacing:.5px}.sidebar .marca h1 span{color:var(--rojo)}.sidebar .marca small{color:#8a8f9a}.sidebar nav{flex:1;padding:10px 0}.sidebar nav a{display:block;padding:10px 18px;color:#c2c6cf;text-decoration:none;border-left:3px solid transparent}.sidebar nav a:hover{background:#21252e;color:#fff}.sidebar nav a.active{background:#21252e;color:#fff;border-left-color:var(--rojo)}.sidebar .usuario{padding:14px 18px;border-top:1px solid #2a2e37;font-size:13px}.sidebar .usuario .rol{color:#8a8f9a;text-transform:capitalize}.sidebar .usuario button{margin-top:8px;width:100%}main.contenido{flex:1;padding:24px 28px;max-width:1200px}.encabezado{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}h2{font-size:21px}h3{font-size:15px;margin-bottom:10px}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:10px;padding:16px}.tarjeta .valor{font-size:26px;font-weight:700;margin-top:4px}.tarjeta .etiqueta{color:var(--texto-suave);font-size:13px}.panel{background:var(--panel);border:1px solid var(--borde);border-radius:10px;padding:18px;margin-bottom:18px}table{width:100%;border-collapse:collapse;background:var(--panel)}th{text-align:left;padding:9px 12px;color:var(--texto-suave);font-size:12px;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--borde)}td{padding:9px 12px;border-bottom:1px solid var(--borde);vertical-align:middle}tr:hover td{background:#fafbfc}tr.seleccionable{cursor:pointer}button,.btn{background:var(--rojo);color:#fff;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}button:hover{background:var(--rojo-oscuro)}button:disabled{opacity:.5;cursor:default}button.secundario{background:#eceef1;color:var(--texto)}button.secundario:hover{background:#dfe2e7}button.chico{padding:4px 9px;font-size:12px}input,select,textarea{border:1px solid var(--borde);border-radius:7px;padding:8px 10px;font-size:14px;font-family:inherit;background:#fff;color:var(--texto)}input:focus,select:focus{outline:2px solid #f5b8bd;border-color:var(--rojo)}label{display:block;font-size:12px;color:var(--texto-suave);margin-bottom:3px;font-weight:600}.formulario{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.formulario .campo{display:flex;flex-direction:column}.insignia{display:inline-block;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:600}.insignia.verde{background:#dcfce7;color:var(--verde)}.insignia.roja{background:#fee2e2;color:var(--rojo)}.insignia.ambar{background:#fef3c7;color:var(--ambar)}.insignia.gris{background:#eceef1;color:var(--texto-suave)}.pestanas{display:flex;gap:4px;border-bottom:2px solid var(--borde);margin-bottom:18px}.pestanas button{background:none;color:var(--texto-suave);border-radius:0;padding:9px 16px;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:14px}.pestanas button:hover{background:#eceef1;color:var(--texto)}.pestanas button.activa{color:var(--rojo);border-bottom-color:var(--rojo);background:none}.lector-huella{font-size:12px;color:var(--texto-suave);display:inline-flex;align-items:center;gap:6px}.lector-huella:before{content:"";width:8px;height:8px;border-radius:50%;background:#b8bcc4}.lector-huella.listo:before{background:var(--verde)}.checkin-form input{font-size:26px;padding:14px 16px;width:100%;letter-spacing:1px}.checkin-form input::placeholder{font-size:18px;letter-spacing:0}main.contenido:has(>.checkin-pantalla){max-width:none;padding:0}.checkin-pantalla{min-height:100vh;padding:24px 28px;background-color:#262a34;background-image:linear-gradient(#0c0e128c,#0c0e128c),var(--fondo-checkin);background-size:cover;background-position:center;background-attachment:fixed;display:flex;flex-direction:column;--ancho-checkin: clamp(360px, calc(min(1200px, 100%)*.4) , 100%)}.checkin-pantalla .encabezado h2{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.checkin-pantalla .lector-huella{color:#e5e7eb;text-shadow:0 1px 2px rgba(0,0,0,.6)}.checkin-pantalla>.error{width:var(--ancho-checkin)}.checkin-carnet{width:var(--ancho-checkin);margin-top:auto;margin-bottom:0}.checkin-carnet label{margin-bottom:6px}.checkin-resultado{width:100%;height:clamp(300px,63vh,690px);container-type:size;border-radius:14px;padding:24px 32px;color:#fff;margin-bottom:18px;box-shadow:0 8px 24px #00000059;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.checkin-resultado.con-foto{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;text-align:left}.checkin-foto{display:flex;justify-content:center;align-items:center;height:100%;min-width:0}.checkin-resultado .foto-cliente.grande{height:100cqh;width:75cqh;max-width:100%;font-size:30cqh;flex-shrink:0;border-radius:12px;border:4px solid rgba(255,255,255,.9)}.checkin-datos{min-width:0;overflow-wrap:anywhere}.checkin-resultado.permitido{background:var(--verde)}.checkin-resultado.denegado{background:var(--rojo)}.checkin-resultado .veredicto{font-size:min(4.85cqi,12.2cqh);font-weight:800;letter-spacing:2px;line-height:1.1}.checkin-resultado .nombre{font-size:min(7.6cqi,16.1cqh);font-weight:700;line-height:1.1;margin-top:1.3cqh}.checkin-resultado .vencimiento{font-size:min(2.6cqi,6.5cqh);font-weight:700;line-height:1.2;margin-top:1.3cqh}.checkin-resultado .motivo{font-size:min(1.8cqi,4.45cqh);margin-top:1.3cqh;opacity:.95}.checkin-resultado .dato{font-size:min(1.5cqi,3.8cqh);margin-top:1.3cqh;opacity:.9}@media (max-width: 760px){.checkin-pantalla{padding:16px;--ancho-checkin: 100%}}.foto-cliente{display:block;object-fit:cover;background:#e5e7eb;border-radius:8px}.foto-cliente.iniciales{display:flex;align-items:center;justify-content:center;background:#4b5563;color:#fff;font-weight:700;letter-spacing:1px;-webkit-user-select:none;user-select:none}.foto-cliente.chica{width:60px;height:80px;font-size:22px}.foto-cliente.mediana{width:105px;height:140px;font-size:38px;flex-shrink:0}.foto-cliente.grande{font-size:110px}.ficha-foto{display:flex;gap:18px;align-items:flex-start}.ficha-foto-texto{flex:1;min-width:0}.ficha-foto-texto .suave{margin-bottom:10px}.formulario .foto-alta{flex-basis:100%}.foto-elegida{display:flex;gap:10px;align-items:center}.captura-foto .acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.captura-foto .acciones:first-child{margin-top:0}.captura-foto .marco{position:relative;width:480px;max-width:100%;overflow:hidden;border-radius:8px;background:#000}.captura-foto video{display:block;width:100%}.captura-foto .guia{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);aspect-ratio:3 / 4;border:2px dashed rgba(255,255,255,.85);box-shadow:0 0 0 9999px #00000059;pointer-events:none}.captura-foto .vista{display:block;width:240px;height:320px;object-fit:cover;border-radius:8px}.error{background:#fee2e2;color:#991b1b;border-radius:7px;padding:9px 12px;margin-bottom:12px}.exito{background:#dcfce7;color:#166534;border-radius:7px;padding:9px 12px;margin-bottom:12px}.aviso{background:#fef3c7;color:#92400e;border-radius:7px;padding:9px 12px;margin-bottom:12px}.suave{color:var(--texto-suave)}.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr.recien-creado>td{background:#fefce8;box-shadow:inset 3px 0 0 var(--ambar)}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#171a208c;display:flex;align-items:flex-start;justify-content:center;padding:30px 16px;overflow-y:auto;z-index:50}.modal{background:var(--panel);border-radius:12px;padding:24px;width:460px;max-width:100%;box-shadow:0 12px 40px #00000040}.huella-progreso{background:#f6f7f9;border-radius:10px;padding:18px;margin:6px 0 16px;text-align:center}.huella-mensaje{font-size:24px;font-weight:700;line-height:1.3;margin-top:8px}.comprobante .marca-recibo{text-align:center;border-bottom:2px solid var(--texto);padding-bottom:10px;margin-bottom:14px}.comprobante .marca-recibo .nombre-gym{font-size:20px;font-weight:800;letter-spacing:.5px}.comprobante .marca-recibo .nombre-gym span{color:var(--rojo)}.comprobante .nro{font-family:ui-monospace,Consolas,monospace;font-size:13px}.comprobante dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:0}.comprobante dt{color:var(--texto-suave);font-size:12px;text-transform:uppercase;letter-spacing:.3px;align-self:center}.comprobante dd{margin:0;text-align:right;font-weight:600}.comprobante .total{border-top:2px solid var(--texto);margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;align-items:baseline;font-size:20px;font-weight:800}.comprobante .desglose{font-size:13px;font-weight:400;color:var(--texto-suave)}.comprobante .pie{margin-top:16px;padding-top:12px;border-top:1px dashed var(--borde);font-size:12px;color:var(--texto-suave);text-align:center}.login-fondo{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#171a20}.login-caja{background:var(--panel);border-radius:12px;padding:34px;width:340px}.login-caja h1{font-size:24px;margin-bottom:2px}.login-caja h1 span{color:var(--rojo)}.login-caja p{color:var(--texto-suave);margin-bottom:20px}.login-caja .campo{margin-bottom:14px}.login-caja input{width:100%}.login-caja button{width:100%;padding:10px}