html.dark{--bg-body: #000000;--bg-card: #020202;--text-main: #ffffff;--text-muted: #666666;--primary: #fbbf24;--border-color: rgba(217, 167, 74, .12);--box-bg: #050505;--points-bg: #080808}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-body);color:var(--text-main);margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.card{background:linear-gradient(180deg,#020202,#000);padding:2.5rem 2rem;border-radius:1.5rem;box-shadow:0 25px 60px #000;width:95%;max-width:420px;text-align:center;position:relative;border:1px solid var(--border-color);box-sizing:border-box}.brand-header{display:flex;justify-content:center;margin-bottom:2rem}.brand-logo{width:120px;height:auto;object-fit:contain;filter:drop-shadow(0 0 15px rgba(251,191,36,.1))}.hidden{display:none!important}.tabs-navegacion{display:flex;width:100%;background-color:#020202;border-bottom:1px solid #161616;margin-bottom:1.8rem}.tab-boton{flex:1;background:none;border:none;padding:14px 4px;color:var(--text-muted);font-size:.95rem;font-weight:700;cursor:pointer;text-align:center;border-bottom:3px solid transparent;transition:color .3s ease,border-color .3s ease}.tab-boton.activo{color:#fff;border-bottom:3px solid var(--primary)}.tab-contenido{display:block;animation:fadeIn .25s ease-out forwards}.tab-contenido.oculto{display:none!important}input{width:100%;background:#050505;border:1px solid rgba(217,167,74,.2);color:#fff;padding:1.1rem;border-radius:.75rem;text-align:center;font-size:1.05rem;outline:none;transition:all .3s;box-sizing:border-box;margin-bottom:1.2rem}input:focus{border-color:var(--primary);box-shadow:inset 0 0 10px #fbbf240d}.btn{background:linear-gradient(90deg,#d9a74a,#f7e1a3,#d9a74a);color:#000;font-weight:800;padding:1rem;border:none;border-radius:.75rem;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;transition:transform .1s,box-shadow .2s;width:100%}.btn:hover{box-shadow:0 0 20px #d9a74a40}.btn-promo{background:#050505;color:var(--primary);border:1px solid rgba(251,191,36,.4);margin-top:1.2rem}.btn-promo:hover{background:#0a0a0a;border-color:var(--primary)}.btn-close{background:#ef4444;color:#fff}.btn-logout-client{background:transparent;border:1px solid #dc2626;color:#dc2626;margin-top:1.5rem}.btn-logout-client:hover{background:#dc262614}.qr-container{display:flex;justify-content:center;margin:1.2rem 0}#qrcode{background:#fff;padding:12px;border-radius:.75rem;box-shadow:0 4px 20px #fbbf241a}#qrcode img{margin:0 auto}.points-box{background:var(--points-bg);border:1px dashed rgba(251,191,36,.3);border-radius:.75rem;padding:1.2rem;margin-bottom:1.2rem}.points-text{font-size:3.2rem;font-weight:900;color:var(--primary);margin:0;line-height:1}.id-box{background:var(--box-bg);padding:.7rem;border-radius:.5rem;font-family:monospace;font-size:.95rem;margin-bottom:1.2rem;word-break:break-all;font-weight:700;border:1px solid #111111;color:#aaa}.client-subtitle{margin-bottom:.8rem;text-align:center}.client-name-text{font-size:1.15rem;color:var(--primary)}.label-sm{font-size:.8rem;color:#555;margin-bottom:0;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.label-md{margin:0 0 4px;font-size:.85rem;font-weight:700;text-transform:uppercase;color:#555;letter-spacing:.5px}.lista-movimientos{display:flex;flex-direction:column;gap:10px;text-align:left}.tarjeta-movimiento{background-color:#050505;border:1px solid #111111;border-radius:8px;padding:12px}.movimiento-encabezado{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.movimiento-fecha{color:#444}.movimiento-sucursal{color:#888;font-weight:600}.movimiento-detalles{font-size:.9rem;color:#fff;margin:0 0 10px;line-height:1.3}.movimiento-pie{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #111111;padding-top:8px;font-size:12px}.info-gasto{color:#555}.monto-gastado{color:#fff;font-weight:600}.puntos-ganados{color:var(--primary);font-weight:700}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:50;padding:20px;backdrop-filter:blur(8px)}.modal-content{background:var(--bg-card);padding:2rem;border-radius:1.25rem;width:100%;max-width:340px;text-align:left;border:1px solid var(--border-color)}.modal-content h2{margin-top:0;border-bottom:1px solid var(--border-color);padding-bottom:8px;color:var(--primary);font-size:1.4rem}.promo-list{list-style:none;padding:0;margin:0 0 1.5rem}.promo-list li{background:var(--box-bg);padding:.9rem;border-radius:.6rem;margin-bottom:.6rem;font-size:.9rem;display:flex;align-items:center;gap:8px;border:1px solid #111111}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.remember-container{display:flex;align-items:center;justify-content:center;margin-bottom:15px;gap:8px}.remember-checkbox{accent-color:#d4af37;cursor:pointer}.remember-label{font-size:.85rem;color:var(--text-muted);cursor:pointer}.switch-text{margin-top:15px;text-align:center;font-size:.9rem;color:var(--text-muted)}.switch-link{color:#d4af37;font-weight:700;text-decoration:none;transition:color .2s ease}.switch-link:hover{color:#fff}.alert-error{background-color:#ff4c4c;color:#fff;padding:10px;border-radius:8px;margin-bottom:15px;text-align:center;font-size:.9rem;font-weight:500;box-shadow:0 4px 6px #0000001a}.logout-form{margin:0;padding:0}