:root{--papel:#f6f5f0;--panel:#fff;--panel-suave:#fbfaf6;--tinta:#1c2a23;--tinta-suave:#5c6b62;--tinta-tenue:#94a09a;--borde:#e7e5db;--borde-fuerte:#d6d4c8;--verde:#0e9f6e;--verde-hover:#0c8a5f;--verde-press:#0a7852;--verde-suave:#0e9f6e1f;--verde-ring:#0e9f6e40;--verde-tinta:#0b2e22;--verde-tinta-2:#0e3b2b;--menta:#7ce3b1;--ambar:#dfa63c;--error:#d64c41;--error-bg:#fdedeb;--exito:#0e9f6e;--exito-bg:#e2f5ec;--sombra-sm:0 1px 2px #172a210f, 0 1px 3px #172a2114;--sombra-md:0 6px 16px #172a211a;--sombra-lg:0 18px 44px #172a2129;--sombra-verde:0 6px 20px #0e9f6e59;--ring-foco:0 0 0 3px var(--verde-ring);--radio-sm:8px;--radio-md:14px;--radio-lg:20px;--radio-full:999px;--fuente-display:"Space Grotesk", "Segoe UI", sans-serif;--fuente-cuerpo:"Inter", system-ui, -apple-system, sans-serif;--fuente-mono:"JetBrains Mono", "Cascadia Code", monospace;--ease:cubic-bezier(.22, .61, .36, 1);--dur-1:.15s;--dur-2:.25s;--dur-3:.45s;--ancho-sidebar:264px;--alto-bottomnav:66px;font-family:var(--fuente-cuerpo);color:var(--tinta)}*{box-sizing:border-box}body{background:var(--papel);color:var(--tinta);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--fuente-display);letter-spacing:-.01em;margin:0}::selection{background:var(--menta);color:var(--verde-tinta)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--borde-fuerte);border-radius:var(--radio-full);border:2px solid var(--papel)}@keyframes aparecerArriba{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes brotar{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes subirSheet{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes escanear{0%{top:0}to{top:calc(100% - 52px)}}@keyframes pulsoMenta{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo{align-items:center;gap:10px;display:inline-flex}.logo svg{flex-shrink:0;display:block}.logo-wordmark{font-family:var(--fuente-display);letter-spacing:-.02em;color:var(--tinta);font-size:22px;font-weight:700}.logo-claro .logo-wordmark{color:#f6f8f4}.app-shell{grid-template-columns:var(--ancho-sidebar) 1fr;min-height:100dvh;display:grid}.sidebar{background:linear-gradient(178deg, var(--verde-tinta-2), var(--verde-tinta) 55%);flex-direction:column;gap:28px;height:100dvh;padding:24px 16px 20px;display:flex;position:sticky;top:0}.sidebar .nav{flex-direction:column;gap:4px;display:flex}.nav-item{border-radius:var(--radio-md);color:#f6f8f49e;transition:background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);align-items:center;gap:12px;padding:11px 14px;font-size:14.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item svg{opacity:.85;flex-shrink:0}.nav-item:hover{color:#f6f8f4;background:#ffffff0f}.nav-item.activo{color:var(--menta);background:#7ce3b11f}.nav-item.activo:before{content:"";border-radius:var(--radio-full);background:var(--menta);width:3px;height:55%;position:absolute;top:50%;left:0;translate:0 -50%}.sidebar-footer{flex-direction:column;gap:14px;margin-top:auto;display:flex}.usuario{border-radius:var(--radio-md);background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:10px;padding:10px 12px;display:flex}.avatar{border-radius:var(--radio-full);background:linear-gradient(135deg, var(--verde), var(--menta));width:38px;height:38px;color:var(--verde-tinta);flex-shrink:0;place-items:center;font-weight:700;display:grid}.usuario-datos{overflow:hidden}.usuario-nombre{color:#f6f8f4;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.usuario-email{color:#f6f8f48c;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.btn-salir{border-radius:var(--radio-md);color:#f6f8f4bf;cursor:pointer;width:100%;transition:background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);background:0 0;border:1px solid #ffffff24;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.btn-salir:hover{color:#f6f8f4;background:#ffffff14}.contenido{padding:32px clamp(20px,4vw,44px) 48px;overflow-y:auto}.topbar-movil,.bottom-nav{display:none}@media (width<=880px){.app-shell{padding-bottom:calc(var(--alto-bottomnav) + 18px);display:block}.sidebar{display:none}.contenido{padding:18px 16px 32px}.topbar-movil{z-index:40;background:color-mix(in srgb, var(--papel) 86%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.topbar-movil .logo-wordmark{font-size:19px}.avatar-mini{width:34px;height:34px;font-size:14px}.bottom-nav{z-index:50;height:var(--alto-bottomnav);padding:0 10px env(safe-area-inset-bottom);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--borde);grid-template-columns:1fr 1fr auto 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.bn-item{color:var(--tinta-tenue);transition:color var(--dur-2) var(--ease);flex-direction:column;align-items:center;gap:3px;padding:8px 0;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bn-item.activo{color:var(--verde)}.bn-fab{border-radius:var(--radio-full);border:4px solid var(--papel);background:linear-gradient(135deg, var(--verde), var(--verde-press));color:#fff;cursor:pointer;width:58px;height:58px;box-shadow:var(--sombra-verde);transition:transform var(--dur-2) var(--ease);place-items:center;margin-top:-26px;display:grid}.bn-fab:active{transform:scale(.94)}}.pagina{max-width:1060px;margin:0 auto}.pagina>*{animation:aparecerArriba var(--dur-3) var(--ease) backwards}.pagina>:nth-child(2){animation-delay:60ms}.pagina>:nth-child(3){animation-delay:.12s}.pagina>:nth-child(4){animation-delay:.18s}.pagina>:nth-child(5){animation-delay:.24s}.pagina-header{margin-bottom:24px}.pagina-header.fila{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.eyebrow{font-family:var(--fuente-mono);text-transform:uppercase;letter-spacing:.22em;color:var(--verde);margin:0 0 6px;font-size:11px;font-weight:500}.pagina-header h1{font-size:clamp(24px,3.4vw,30px);font-weight:700}.pagina-sub{color:var(--tinta-suave);margin:6px 0 0;font-size:14px}.header-acciones{flex-wrap:wrap;gap:10px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio-lg);box-shadow:var(--sombra-sm);padding:22px}.card h2{margin-bottom:16px;font-size:16px;font-weight:600}.cards-metricas{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}@media (width<=860px){.cards-metricas{grid-template-columns:1fr}}.metrica{transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);flex-direction:column;gap:8px;display:flex;position:relative;overflow:hidden}.metrica:after{content:"";pointer-events:none;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), #0e9f6e17, transparent 70%);opacity:0;transition:opacity var(--dur-2) var(--ease);position:absolute;inset:0}.metrica:hover{box-shadow:var(--sombra-md);border-color:color-mix(in srgb, var(--verde) 30%, var(--borde));transform:translateY(-2px)}.metrica:hover:after{opacity:1}.metrica-cabecera{justify-content:space-between;align-items:center;gap:8px;display:flex}.metrica-label{color:var(--tinta-suave);font-size:13px;font-weight:500}.metrica-icono{border-radius:var(--radio-sm);background:var(--verde-suave);width:34px;height:34px;color:var(--verde);flex-shrink:0;place-items:center;display:grid}.metrica-valor{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(24px,3vw,30px);font-weight:600;line-height:1.1}.metrica-valor.positivo{color:var(--verde-press)}.metrica-valor.negativo{color:var(--error)}.metrica-icono.ambar{color:#b07f22;background:#dfa63c24}.segmented{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio-full);box-shadow:var(--sombra-sm);gap:2px;margin-bottom:20px;padding:4px;display:inline-flex}.seg-item{border-radius:var(--radio-full);cursor:pointer;color:var(--tinta-suave);transition:background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);background:0 0;border:none;padding:8px 20px;font-family:inherit;font-size:13.5px;font-weight:600}.seg-item:hover{color:var(--tinta)}.seg-item.activo{background:var(--verde-tinta);color:var(--menta)}.lista-categorias{flex-direction:column;gap:12px;margin:18px 0 0;padding:0;list-style:none;display:flex}.lista-categorias li{grid-template-columns:12px 1fr auto;align-items:center;column-gap:10px;font-size:13.5px;display:grid}.cat-fila{cursor:pointer;border-radius:var(--radio-sm);transition:background var(--dur-1) var(--ease);margin:0 -8px;padding:6px 8px}.cat-fila:hover,.cat-fila:focus-visible{background:var(--verde-suave);outline:none}.punto{border-radius:var(--radio-full);width:10px;height:10px}.cat-nombre{font-weight:500}.cat-total{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.cat-barra{border-radius:var(--radio-full);background:var(--papel);grid-column:2/4;height:5px;margin-top:5px;overflow:hidden}.cat-barra-fill{border-radius:var(--radio-full);height:100%;transition:width .7s var(--ease)}.mov-lista{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mov-item{border-bottom:1px solid var(--borde);align-items:center;gap:12px;padding:12px 4px;display:flex}.mov-item:last-child{border-bottom:none}.mov-chip{border-radius:var(--radio-md);width:38px;height:38px;color:var(--tinta);flex-shrink:0;place-items:center;display:grid}.mov-datos{flex:1;min-width:0}.mov-titulo{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.mov-sub{color:var(--tinta-tenue);margin-top:1px;font-size:12px}.mov-monto{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:600}.mov-monto.ingreso{color:var(--verde-press)}.mov-borrar{border-radius:var(--radio-sm);width:32px;height:32px;color:var(--tinta-tenue);cursor:pointer;opacity:0;transition:opacity var(--dur-2) var(--ease), background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);background:0 0;border:none;place-items:center;display:grid}.mov-item:hover .mov-borrar,.mov-borrar:focus-visible{opacity:1}.mov-borrar:hover{background:var(--error-bg);color:var(--error)}@media (hover:none){.mov-borrar{opacity:1}}.bloque-datos{transition:opacity var(--dur-2) var(--ease)}.bloque-datos.actualizando,.card.actualizando{opacity:.55;pointer-events:none;transition:opacity var(--dur-2) var(--ease)}.filtros{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;padding:16px 18px;display:flex}.filtro{flex-direction:column;flex:1;gap:5px;min-width:150px;display:flex}.filtro>span{color:var(--tinta-suave);font-size:12px;font-weight:600}.filtro-busqueda{flex:1.4;min-width:200px}.filtro-busqueda input{border:1.5px solid var(--borde);border-radius:var(--radio-md);background:var(--panel-suave);color:var(--tinta);transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease);padding:11px 14px;font-family:inherit;font-size:14px}.filtro-busqueda input:focus{border-color:var(--verde);background:var(--panel);box-shadow:var(--ring-foco);outline:none}.filtros-limpiar{margin-bottom:10px}.movs-resumen{color:var(--tinta-suave);border-bottom:1px solid var(--borde);flex-wrap:wrap;gap:18px;margin-bottom:4px;padding-bottom:12px;font-size:13.5px;display:flex}.movs-resumen strong{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;color:var(--tinta)}.movs-resumen .ingreso strong{color:var(--verde-press)}.fecha-limpiar{margin-right:auto;color:var(--tinta-tenue)!important}.vacio{text-align:center;color:var(--tinta-suave);flex-direction:column;align-items:center;gap:16px;padding:52px 20px;display:flex}.vacio-ilustracion{opacity:.9}.vacio p{max-width:360px;margin:0;line-height:1.5}.vacio strong{color:var(--tinta)}.campo{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.campo>span{color:var(--tinta);font-size:13px;font-weight:600}.campo input,.campo select{border:1.5px solid var(--borde);border-radius:var(--radio-md);background:var(--panel-suave);color:var(--tinta);transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), background var(--dur-2) var(--ease);padding:11px 14px;font-family:inherit;font-size:14.5px}.campo input:focus,.campo select:focus{border-color:var(--verde);background:var(--panel);box-shadow:var(--ring-foco);outline:none}.campo input:disabled{background:var(--papel);color:var(--tinta-tenue)}.hint{color:var(--tinta-tenue);font-size:12px}.campo-monto{position:relative}.campo-monto input{font-family:var(--fuente-mono);font-variant-numeric:tabular-nums;padding-left:38px;font-size:22px;font-weight:600}.campo-monto .prefijo{font-family:var(--fuente-mono);color:var(--tinta-tenue);pointer-events:none;font-size:20px;font-weight:600;position:absolute;bottom:12px;left:14px}.selector,.fecha{position:relative}.selector-trigger{border:1.5px solid var(--borde);border-radius:var(--radio-md);background:var(--panel-suave);width:100%;color:var(--tinta);cursor:pointer;text-align:left;transition:border-color var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), background var(--dur-2) var(--ease);justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;font-family:inherit;font-size:14.5px;display:flex}.selector-trigger:hover{border-color:var(--borde-fuerte)}.selector-trigger:focus-visible,.selector-trigger.abierto{border-color:var(--verde);background:var(--panel);box-shadow:var(--ring-foco);outline:none}.selector-trigger:disabled{background:var(--papel);color:var(--tinta-tenue);cursor:not-allowed}.selector-valor,.selector-placeholder{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.selector-placeholder{color:var(--tinta-tenue)}.selector-chevron{color:var(--tinta-tenue);transition:transform var(--dur-2) var(--ease);flex-shrink:0}.selector-trigger.abierto .selector-chevron{transform:rotate(180deg)}.selector-lista{z-index:130;background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio-md);box-shadow:var(--sombra-lg);max-height:260px;animation:brotar var(--dur-2) var(--ease);margin:0;padding:6px;list-style:none;position:fixed;overflow-y:auto}.selector-opcion{border-radius:var(--radio-sm);cursor:pointer;color:var(--tinta);align-items:center;gap:9px;padding:9px 10px;font-size:14px;display:flex}.selector-opcion.resaltada{background:var(--verde-suave)}.selector-opcion.seleccionada{color:var(--verde-press);font-weight:600}.selector-opcion svg{color:var(--verde);flex-shrink:0;margin-left:auto}.selector-opcion-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fecha-calendario{z-index:130;background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio-md);width:272px;box-shadow:var(--sombra-lg);animation:brotar var(--dur-2) var(--ease);padding:12px;position:fixed}.fecha-cabecera{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.fecha-cabecera button{border-radius:var(--radio-sm);width:30px;height:30px;color:var(--tinta-suave);cursor:pointer;transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);background:0 0;border:none;place-items:center;font-size:18px;line-height:1;display:grid}.fecha-cabecera button:hover{background:var(--verde-suave);color:var(--verde-press)}.fecha-mes{font-family:var(--fuente-display);font-size:14px;font-weight:600}.fecha-semana,.fecha-grilla{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.fecha-semana span{text-align:center;font-family:var(--fuente-mono);text-transform:uppercase;color:var(--tinta-tenue);padding:4px 0;font-size:10.5px}.fecha-dia{border-radius:var(--radio-sm);height:32px;color:var(--tinta);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease);background:0 0;border:none;place-items:center;font-family:inherit;font-size:13px;display:grid}.fecha-dia:hover{background:var(--verde-suave)}.fecha-dia.hoy{box-shadow:inset 0 0 0 1.5px var(--verde-ring)}.fecha-dia.seleccionado{background:var(--verde);color:#fff;font-weight:600}.fecha-pie{border-top:1px solid var(--borde);justify-content:flex-end;margin-top:8px;padding-top:8px;display:flex}.fecha-pie button{color:var(--verde-press);cursor:pointer;border-radius:var(--radio-sm);background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:13px;font-weight:600}.fecha-pie button:hover{background:var(--verde-suave)}.btn-enlace{color:var(--verde-press);cursor:pointer;border-radius:var(--radio-sm);background:0 0;border:none;align-self:flex-start;align-items:center;gap:5px;margin-top:2px;padding:4px 6px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.btn-enlace:hover{background:var(--verde-suave)}.nueva-categoria{border:1px dashed var(--borde-fuerte);border-radius:var(--radio-md);background:var(--panel-suave);animation:brotar var(--dur-2) var(--ease);flex-direction:column;gap:10px;margin-top:8px;padding:12px;display:flex}.nueva-categoria input{border:1.5px solid var(--borde);border-radius:var(--radio-sm);background:var(--panel);color:var(--tinta);padding:9px 12px;font-family:inherit;font-size:14px}.nueva-categoria input:focus{border-color:var(--verde);box-shadow:var(--ring-foco);outline:none}.nueva-categoria-pie{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.swatches{gap:6px;display:flex}.swatch{border-radius:var(--radio-full);cursor:pointer;width:22px;height:22px;transition:transform var(--dur-1) var(--ease), box-shadow var(--dur-1) var(--ease);border:2px solid #0000;padding:0}.swatch:hover{transform:scale(1.12)}.swatch.elegido{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--tinta)}.nueva-categoria-acciones{align-items:center;gap:6px;display:flex}.btn-chico{padding:7px 14px;font-size:13px}.modal-confirmar{max-width:380px}.confirmar-mensaje{color:var(--tinta-suave);margin:0 0 18px;font-size:14px;line-height:1.55}.btn-primario,.btn-secundario,.btn-peligro{border-radius:var(--radio-md);cursor:pointer;transition:transform var(--dur-2) var(--ease), box-shadow var(--dur-2) var(--ease), background var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primario{background:var(--verde);color:#fff}.btn-primario:hover{background:var(--verde-hover);box-shadow:var(--sombra-verde);transform:translateY(-1px)}.btn-primario:active{background:var(--verde-press);box-shadow:none;transform:translateY(0)scale(.98)}.btn-primario:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-secundario{background:var(--panel);border-color:var(--borde);color:var(--tinta)}.btn-secundario:hover{border-color:var(--verde);color:var(--verde-press);transform:translateY(-1px)}.btn-secundario:active{transform:translateY(0)scale(.98)}.btn-peligro{background:var(--error);color:#fff}.btn-peligro:hover{background:#b93c33;transform:translateY(-1px);box-shadow:0 6px 20px #d64c4159}.btn-peligro:active{box-shadow:none;transform:translateY(0)scale(.98)}.btn-block{width:100%}.btn-primario:focus-visible,.btn-secundario:focus-visible,.btn-peligro:focus-visible,.seg-item:focus-visible,.bn-fab:focus-visible{box-shadow:var(--ring-foco);outline:none}.alerta{border-radius:var(--radio-md);animation:aparecerArriba var(--dur-2) var(--ease);border-left:3px solid #0000;margin-bottom:16px;padding:11px 14px;font-size:13.5px}.alerta.error{background:var(--error-bg);color:#a13029;border-left-color:var(--error)}.alerta.ok{background:var(--exito-bg);color:#0a6b4c;border-left-color:var(--exito)}.skel{border-radius:var(--radio-md);background:linear-gradient(90deg,#eeede6 25%,#f8f7f1 50%,#eeede6 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}.skel-kpi{border-radius:var(--radio-lg);height:104px}.skel-grafico{border-radius:var(--radio-lg);height:330px}.login-wrap{background:var(--verde-tinta);background-image:radial-gradient(720px 420px at 12% -8%,#0e9f6e47,#0000 65%),radial-gradient(560px 380px at 105% 110%,#7ce3b124,#0000 60%);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{border-radius:var(--radio-lg);-webkit-backdrop-filter:blur(18px);color:#f6f8f4;background:#ffffff0e;border:1px solid #ffffff1f;width:100%;max-width:400px;padding:36px 32px 30px;box-shadow:0 30px 70px #040e0a80}.login-card>*{animation:aparecerArriba var(--dur-3) var(--ease) backwards}.login-card>:nth-child(2){animation-delay:80ms}.login-card>:nth-child(3){animation-delay:.16s}.login-card>:nth-child(4){animation-delay:.24s}.login-marca{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:26px;display:flex}.login-marca .logo-wordmark{font-size:26px}.login-sub{color:#f6f8f499;margin:2px 0 0;font-size:14px}.login-card .campo>span{color:#f6f8f4d9}.login-card .campo input{color:#f6f8f4;background:#ffffff12;border-color:#ffffff29}.login-card .campo input::placeholder{color:#f6f8f459}.login-card .campo input:focus{border-color:var(--menta);background:#ffffff17;box-shadow:0 0 0 3px #7ce3b133}.login-card .alerta.error{color:#ffb4ad;border-left-color:var(--error);background:#d64c4129}.login-pie{text-align:center;color:#f6f8f473;margin:18px 0 0;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:100;animation:aparecer var(--dur-2) var(--ease);background:#0816108c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border-radius:var(--radio-lg);width:100%;max-width:460px;max-height:calc(100dvh - 48px);box-shadow:var(--sombra-lg);animation:brotar var(--dur-3) var(--ease);padding:24px;overflow-y:auto}@media (width<=640px){.modal-overlay{place-items:end center;padding:0}.modal{border-radius:var(--radio-lg) var(--radio-lg) 0 0;max-width:none;max-height:92dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom));animation:subirSheet var(--dur-3) var(--ease)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-header h2{font-size:19px}.btn-cerrar{border-radius:var(--radio-full);background:var(--papel);cursor:pointer;width:34px;height:34px;color:var(--tinta-suave);transition:background var(--dur-2) var(--ease), color var(--dur-2) var(--ease);border:none;place-items:center;font-size:20px;line-height:1;display:grid}.btn-cerrar:hover{background:var(--borde);color:var(--tinta)}.modal-acciones{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.pantalla-carga{text-align:center;color:var(--tinta-suave);padding:40px}.dropzone{border:2px dashed var(--borde-fuerte);border-radius:var(--radio-md);background:var(--panel-suave);text-align:center;cursor:pointer;transition:border-color var(--dur-2) var(--ease), background var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);flex-direction:column;align-items:center;gap:12px;padding:30px 22px;display:flex;position:relative}.dropzone:hover,.dropzone.arrastrando{border-color:var(--verde);background:color-mix(in srgb, var(--verde-suave) 55%, var(--panel));transform:scale(1.01)}.dropzone-icono{border-radius:var(--radio-full);background:var(--verde-suave);width:54px;height:54px;color:var(--verde);place-items:center;display:grid}.dropzone p{margin:0;font-size:14.5px;line-height:1.5}.dropzone .hint{max-width:300px}.scan-frame{border-radius:var(--radio-md);border:1px solid var(--borde);max-width:100%;line-height:0;position:relative;overflow:hidden}.scan-frame img{object-fit:contain;max-width:100%;max-height:260px;display:block}.scan-linea{border-bottom:2px solid var(--menta);height:52px;animation:escanear 1.7s var(--ease) infinite alternate;background:linear-gradient(#0000,#7ce3b147);position:absolute;left:0;right:0;box-shadow:0 4px 18px #7ce3b180}.scan-esquinas:after{content:"";pointer-events:none;background:linear-gradient(var(--menta), var(--menta)) top left / 16px 2px, linear-gradient(var(--menta), var(--menta)) top left / 2px 16px, linear-gradient(var(--menta), var(--menta)) top right / 16px 2px, linear-gradient(var(--menta), var(--menta)) top right / 2px 16px, linear-gradient(var(--menta), var(--menta)) bottom left / 16px 2px, linear-gradient(var(--menta), var(--menta)) bottom left / 2px 16px, linear-gradient(var(--menta), var(--menta)) bottom right / 16px 2px, linear-gradient(var(--menta), var(--menta)) bottom right / 2px 16px;opacity:.8;animation:pulsoMenta 1.7s var(--ease) infinite;background-repeat:no-repeat;position:absolute;inset:8px}.boleta-procesando{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.boleta-procesando p{margin:0}.procesando-estado{font-family:var(--fuente-mono);color:var(--verde);font-size:13px}.boleta-preview{border-radius:var(--radio-md);border:1px solid var(--borde);object-fit:contain;max-width:100%;max-height:200px}.boleta-encabezado{flex-direction:column;align-items:center;gap:10px;margin-bottom:16px;display:flex}.barra-progreso{background:var(--papel);border-radius:var(--radio-full);width:100%;height:8px;overflow:hidden}.barra-progreso-fill{border-radius:var(--radio-full);background:linear-gradient(90deg, var(--verde), var(--menta));height:100%;transition:width .25s var(--ease)}.barra-progreso-fill.indeterminada{width:40%;animation:barrido 1.2s var(--ease) infinite}@keyframes barrido{0%{margin-left:-40%}to{margin-left:100%}}.ocr-detalle{width:100%;color:var(--tinta-suave);font-size:12px}.ocr-detalle summary{cursor:pointer;font-weight:500}.ocr-detalle pre{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio-sm);white-space:pre-wrap;word-break:break-word;text-align:left;max-height:160px;font-family:var(--fuente-mono);padding:10px;font-size:11px;overflow:auto}