:root{--acento: #4f46e5;--acento-suave: #eef2ff;--acento-texto: #4338ca;--fondo: #f5f5fa;--fondo-elevado: #ffffff;--fondo-hundido: #ecebf3;--borde: #e4e3ee;--borde-fuerte: #d3d2e0;--texto: #17172b;--texto-suave: #62617a;--texto-tenue: #8f8ea6;--ok: #16a34a;--ok-suave: #dcfce7;--alerta: #d97706;--alerta-suave: #fef3c7;--error: #dc2626;--error-suave: #fee2e2;--sombra: 0 1px 2px rgba(23, 23, 43, .05), 0 4px 16px rgba(23, 23, 43, .05);--sombra-alta: 0 8px 40px rgba(23, 23, 43, .16);--radio: 16px;--radio-lg: 22px;--nav-alto: 62px;--seguro-arriba: env(safe-area-inset-top, 0px);--seguro-abajo: env(safe-area-inset-bottom, 0px);color-scheme:light}@media(prefers-color-scheme:dark){:root{--acento: #7c74f0;--acento-suave: #262450;--acento-texto: #b3adfb;--fondo: #0f1020;--fondo-elevado: #1a1b30;--fondo-hundido: #16172a;--borde: #2a2b45;--borde-fuerte: #3a3b58;--texto: #f0eff8;--texto-suave: #a9a7c0;--texto-tenue: #77758f;--ok: #4ade80;--ok-suave: #16321f;--alerta: #fbbf24;--alerta-suave: #382a10;--error: #f87171;--error-suave: #3a1a1a;--sombra: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);--sombra-alta: 0 8px 40px rgba(0, 0, 0, .55);color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica Neue,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}.app{min-height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;background:var(--fondo)}.contenido{flex:1;padding:0 16px calc(var(--nav-alto) + var(--seguro-abajo) + 28px)}.encabezado{position:sticky;top:0;z-index:20;padding:calc(var(--seguro-arriba) + 14px) 16px 12px;background:color-mix(in srgb,var(--fondo) 88%,transparent);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}.encabezado.con-borde{border-bottom-color:var(--borde)}.encabezado-fila{display:flex;align-items:center;justify-content:space-between;gap:12px}.titulo{font-size:26px;font-weight:700;letter-spacing:-.02em}.subtitulo{color:var(--texto-suave);font-size:14px;margin-top:2px}.seccion-titulo{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-tenue);margin:26px 2px 10px;display:flex;align-items:center;gap:8px}.seccion-titulo .contador{background:var(--fondo-hundido);color:var(--texto-suave);border-radius:20px;padding:1px 8px;font-size:12px;letter-spacing:0}.avatar{--tam: 40px;width:var(--tam);height:var(--tam);min-width:var(--tam);border-radius:50%;display:grid;place-items:center;font-size:calc(var(--tam) * .52);line-height:1;background:var(--color-persona, var(--acento));color:#fff;box-shadow:inset 0 0 0 2px #ffffff38;user-select:none}.avatar.xs{--tam: 26px}.avatar.sm{--tam: 32px}.avatar.lg{--tam: 72px}.avatar.xl{--tam: 92px}.perfiles{position:relative;flex:1;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--seguro-arriba) + 40px) 22px calc(var(--seguro-abajo) + 40px);max-width:560px;margin:0 auto;gap:30px}.perfiles-marca{text-align:center}.perfiles-marca .logo{width:76px;height:76px;margin:0 auto 16px;border-radius:22px;box-shadow:var(--sombra-alta)}.perfiles-marca h1{font-size:32px;font-weight:750;letter-spacing:-.03em}.perfiles-marca p{color:var(--texto-suave);margin-top:6px}.perfiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:12px}.perfil-boton{background:var(--fondo-elevado);border:1px solid var(--borde);border-radius:var(--radio-lg);padding:20px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:var(--sombra);transition:transform .12s ease,box-shadow .12s ease}.perfil-boton:active{transform:scale(.96)}.perfil-boton .nombre{font-weight:650;font-size:15px}.perfil-boton .rol{font-size:12px;color:var(--texto-tenue)}.clave-cabecera{position:absolute;top:calc(var(--seguro-arriba) + 16px);left:16px}.clave-cabecera .boton-icono{font-size:26px;line-height:.8;padding-bottom:4px}.pin-puntos{display:flex;justify-content:center;gap:14px}.pin-punto{width:16px;height:16px;border-radius:50%;border:2px solid var(--borde-fuerte);transition:background .15s,border-color .15s,transform .15s}.pin-punto.lleno{background:var(--acento);border-color:var(--acento);transform:scale(1.12)}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:300px;width:100%;margin:0 auto}.tecla{aspect-ratio:1.5;border-radius:16px;border:1px solid var(--borde);background:var(--fondo-elevado);color:var(--texto);font-size:25px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:var(--sombra);transition:transform .1s ease,background .1s}.tecla:active{transform:scale(.93);background:var(--acento-suave)}.tecla.borrar{font-size:21px;color:var(--texto-suave)}.campo-clave{position:relative}.campo-clave .entrada{padding-right:48px}.ver-clave{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:none;background:none;font-size:17px;display:grid;place-items:center}.clave-error{text-align:center;color:var(--error);font-size:14px;font-weight:600;margin-top:14px}.tarjeta{background:var(--fondo-elevado);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra)}.lista{display:flex;flex-direction:column;gap:10px}.tarea{display:flex;align-items:flex-start;gap:13px;padding:14px;width:100%;text-align:left;background:var(--fondo-elevado);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);transition:transform .12s ease,opacity .2s;position:relative;overflow:hidden}.tarea:active{transform:scale(.985)}.tarea.lista-ok{opacity:.62}.tarea.lista-ok .tarea-titulo{text-decoration:line-through;text-decoration-color:var(--texto-tenue)}.tarea:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:transparent}.tarea.estado-submitted:before{background:var(--alerta)}.tarea.estado-approved:before{background:var(--ok)}.tarea.estado-rejected:before{background:var(--error)}.tarea.libre:before{background:var(--acento)}.tarea-icono{width:44px;height:44px;min-width:44px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:var(--fondo-hundido)}.tarea-cuerpo{flex:1;min-width:0}.tarea-titulo{font-weight:650;font-size:16px;letter-spacing:-.01em;overflow-wrap:anywhere}.tarea-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:5px;font-size:13px;color:var(--texto-suave)}.tarea-meta .punto{color:var(--texto-tenue)}.tarea-lado{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.monto{font-weight:750;font-size:15px;color:var(--ok);white-space:nowrap;font-variant-numeric:tabular-nums}.monto.cero{color:var(--texto-tenue)}.insignia{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:650;background:var(--fondo-hundido);color:var(--texto-suave);white-space:nowrap}.insignia.acento{background:var(--acento-suave);color:var(--acento-texto)}.insignia.ok{background:var(--ok-suave);color:var(--ok)}.insignia.alerta{background:var(--alerta-suave);color:var(--alerta)}.insignia.error{background:var(--error-suave);color:var(--error)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:13px;border:1px solid transparent;background:var(--acento);color:#fff;font-weight:650;font-size:15px;transition:transform .12s ease,opacity .15s}.boton:active{transform:scale(.97)}.boton:disabled{opacity:.5;cursor:default;transform:none}.boton.bloque{width:100%}.boton.secundario{background:var(--fondo-elevado);color:var(--texto);border-color:var(--borde-fuerte)}.boton.fantasma{background:transparent;color:var(--acento-texto)}.boton.peligro{background:var(--error);color:#fff}.boton.exito{background:var(--ok);color:#fff}.boton.chico{padding:8px 13px;font-size:14px;border-radius:11px}.acciones{display:flex;gap:10px}.acciones>*{flex:1}.nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;padding-bottom:var(--seguro-abajo);background:color-mix(in srgb,var(--fondo-elevado) 92%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-top:1px solid var(--borde)}.nav-inner{display:flex;justify-content:space-around;width:100%;max-width:560px;margin:0 auto}.nav-item{flex:1;height:var(--nav-alto);background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--texto-tenue);font-size:11px;font-weight:600;position:relative;transition:color .15s}.nav-item.activo{color:var(--acento)}.nav-item .icono{font-size:21px;line-height:1}.nav-punto{position:absolute;top:8px;left:50%;margin-left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--error);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.dias{display:flex;gap:6px;overflow-x:auto;padding:4px 0 2px;scrollbar-width:none}.dias::-webkit-scrollbar{display:none}.dia{flex:1;min-width:44px;padding:8px 4px;border-radius:13px;border:1px solid var(--borde);background:var(--fondo-elevado);display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .12s}.dia:active{transform:scale(.94)}.dia .letra{font-size:11px;color:var(--texto-tenue);font-weight:650}.dia .numero{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.dia.hoy{border-color:var(--acento)}.dia.activo{background:var(--acento);border-color:var(--acento);color:#fff}.dia.activo .letra{color:#fffc}.dia .marca{width:5px;height:5px;border-radius:50%;background:var(--acento)}.dia.activo .marca{background:#fff}.dia .marca.invisible{opacity:0}.progreso-tarjeta{padding:16px;border-radius:var(--radio-lg);background:linear-gradient(135deg,var(--acento) 0%,#8b5cf6 100%);color:#fff;box-shadow:var(--sombra)}.progreso-cifras{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.progreso-cifras .grande{font-size:27px;font-weight:750;letter-spacing:-.02em}.progreso-cifras .chico{font-size:13px;opacity:.88}.barra{margin-top:12px;height:8px;border-radius:6px;background:#ffffff47;overflow:hidden}.barra>div{height:100%;border-radius:6px;background:#fff;transition:width .4s cubic-bezier(.2,.8,.2,1)}.vacio{text-align:center;padding:40px 24px;color:var(--texto-suave)}.vacio .emoji{font-size:44px;margin-bottom:10px}.vacio .titulo-vacio{font-weight:650;color:var(--texto);margin-bottom:4px}.vacio p{font-size:14px}.velo{position:fixed;inset:0;z-index:50;background:#0a0a198c;backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:aparecer .18s ease}@keyframes aparecer{0%{opacity:0}}.hoja{width:100%;max-width:560px;max-height:92vh;overflow-y:auto;background:var(--fondo-elevado);border-radius:24px 24px 0 0;padding:10px 18px calc(var(--seguro-abajo) + 22px);animation:subir .24s cubic-bezier(.2,.9,.25,1);-webkit-overflow-scrolling:touch}@keyframes subir{0%{transform:translateY(100%)}}.hoja-asa{width:38px;height:4px;border-radius:3px;background:var(--borde-fuerte);margin:4px auto 14px}.hoja-titulo{font-size:20px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.hoja-sub{color:var(--texto-suave);font-size:14px;margin-bottom:16px}.hoja-pie{margin-top:20px}.campo{margin-bottom:15px}.campo>label{display:block;font-size:13px;font-weight:650;color:var(--texto-suave);margin-bottom:6px}.entrada{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--borde-fuerte);background:var(--fondo);color:var(--texto);font-size:16px;transition:border-color .15s,box-shadow .15s}.entrada:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--acento) 20%,transparent)}textarea.entrada{resize:vertical;min-height:70px}.ayuda{font-size:12px;color:var(--texto-tenue);margin-top:5px}.grupo-botones{display:flex;flex-wrap:wrap;gap:7px}.opcion{padding:9px 14px;border-radius:11px;border:1px solid var(--borde-fuerte);background:var(--fondo);color:var(--texto-suave);font-size:14px;font-weight:600;transition:all .12s}.opcion.activa{background:var(--acento);border-color:var(--acento);color:#fff}.dias-semana{display:flex;gap:6px}.dias-semana .opcion{flex:1;padding:10px 0;text-align:center;border-radius:10px}.montos-rapidos{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.fila-personas{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.fila-personas::-webkit-scrollbar{display:none}.chip-persona{display:flex;align-items:center;gap:7px;padding:7px 13px 7px 7px;border-radius:30px;border:1px solid var(--borde-fuerte);background:var(--fondo);font-size:14px;font-weight:600;color:var(--texto-suave);white-space:nowrap;transition:all .12s}.chip-persona.activa{border-color:var(--acento);background:var(--acento-suave);color:var(--acento-texto)}.foto-marco{border-radius:var(--radio);overflow:hidden;background:var(--fondo-hundido);border:1px solid var(--borde)}.foto-marco img{width:100%;height:auto;max-height:60vh;object-fit:contain}.foto-vacia{border:2px dashed var(--borde-fuerte);border-radius:var(--radio);padding:30px 18px;text-align:center;color:var(--texto-suave);background:var(--fondo)}.foto-vacia .emoji{font-size:34px;margin-bottom:8px}.foto-mini{width:62px;height:62px;min-width:62px;border-radius:12px;object-fit:cover;background:var(--fondo-hundido);border:1px solid var(--borde)}.saldo-hero{padding:22px;border-radius:var(--radio-lg);background:linear-gradient(135deg,var(--acento) 0%,#8b5cf6 100%);color:#fff;text-align:center;box-shadow:var(--sombra)}.saldo-hero .etiqueta{font-size:13px;opacity:.88}.saldo-hero .cifra{font-size:40px;font-weight:750;letter-spacing:-.03em;margin:2px 0 4px;font-variant-numeric:tabular-nums}.saldo-hero .detalle{font-size:13px;opacity:.88}.ranking-fila{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--fondo-elevado);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);width:100%;text-align:left}.ranking-fila .puesto{font-size:15px;font-weight:750;color:var(--texto-tenue);min-width:22px;font-variant-numeric:tabular-nums}.movimiento{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--fondo-elevado);border:1px solid var(--borde);border-radius:14px}.movimiento .icono-mov{width:36px;height:36px;min-width:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;background:var(--fondo-hundido)}.movimiento .detalle-mov{flex:1;min-width:0}.movimiento .nota{font-weight:600;font-size:15px;overflow-wrap:anywhere}.movimiento .cuando{font-size:12px;color:var(--texto-tenue);margin-top:1px}.movimiento .valor{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.movimiento .valor.mas{color:var(--ok)}.movimiento .valor.menos{color:var(--texto-suave)}.aviso{padding:12px 14px;border-radius:13px;font-size:14px;display:flex;gap:9px;align-items:flex-start}.aviso.info{background:var(--acento-suave);color:var(--acento-texto)}.aviso.error{background:var(--error-suave);color:var(--error)}.aviso.alerta{background:var(--alerta-suave);color:var(--alerta)}.toast-zona{position:fixed;left:0;right:0;bottom:calc(var(--nav-alto) + var(--seguro-abajo) + 14px);z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px}.toast{background:#17172b;color:#fff;padding:11px 17px;border-radius:30px;font-size:14px;font-weight:600;box-shadow:var(--sombra-alta);animation:toast-in .22s cubic-bezier(.2,.9,.25,1);max-width:100%}.toast.error{background:var(--error)}@keyframes toast-in{0%{transform:translateY(14px) scale(.95);opacity:0}}@media(prefers-color-scheme:dark){.toast{background:#34355a}}.cargando{display:grid;place-items:center;padding:60px 0;color:var(--texto-tenue)}.girador{width:26px;height:26px;border:3px solid var(--borde-fuerte);border-top-color:var(--acento);border-radius:50%;animation:girar .7s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.boton-icono{width:40px;height:40px;border-radius:50%;border:1px solid var(--borde);background:var(--fondo-elevado);display:grid;place-items:center;font-size:17px;box-shadow:var(--sombra)}.separador{height:1px;background:var(--borde);margin:18px 0}.fila-entre{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}