:root{color-scheme:light;--fondo: #f4f5f7;--superficie: #ffffff;--borde: #e3e5ea;--texto: #1b1d21;--texto-suave: #6b7280;--acento: #2563eb;--acento-suave: #eff4ff;--verde: #17803d;--verde-suave: #e9f7ee;--rojo: #c0322b;--rojo-suave: #fdeceb;--ambar: #9a6700;--ambar-suave: #fff6e0;--violeta: #6d28d9;--violeta-suave: #f3eeff;--radio: 14px;--sombra: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--duracion: .26s;--suavizado: cubic-bezier(.4, 0, .2, 1)}:root[data-tema=oscuro]{color-scheme:dark;--fondo: #14161a;--superficie: #1d2025;--borde: #2e323a;--texto: #f2f3f5;--texto-suave: #9ba1ad;--acento: #6f9dff;--acento-suave: #1e2a41;--verde: #6ede9a;--verde-suave: #16301f;--rojo: #ff9b93;--rojo-suave: #3a1e1c;--ambar: #f5c469;--ambar-suave: #33280f;--violeta: #c4a7ff;--violeta-suave: #2b2140;--sombra: none}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-text-size-adjust:100%}h1,h2,h3{margin:0;font-weight:650}h1{font-size:1.3rem}h2{font-size:1.05rem}.contenido{max-width:560px;margin:0 auto;padding:16px 16px calc(84px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:16px}.tarjeta>h2{margin-bottom:12px}.fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--borde)}.fila:last-child{border-bottom:none;padding-bottom:0}.apilado{display:flex;flex-direction:column;gap:2px;min-width:0}.apilado-derecha{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:0}.suave{color:var(--texto-suave);font-size:.82rem}.recorte{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vacio{color:var(--texto-suave);text-align:center;padding:18px 8px;font-size:.9rem}.desplegable{border-bottom:1px solid var(--borde)}.desplegable:last-child{border-bottom:none}.desplegable:last-child:not(.abierto) .desplegable-cabecera{padding-bottom:0}.desplegable-cabecera{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;border:none;background:none;color:inherit;font:inherit;font-weight:400;text-align:left}.desplegable-cabecera .apilado{flex:1 1 0}.desplegable-cabecera .monto,.desplegable-cabecera .etiqueta,.desplegable-cabecera .apilado-derecha{flex:none}.chevron{flex:none;width:16px;height:16px;fill:none;stroke:var(--texto-suave);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duracion) var(--suavizado)}.desplegable.abierto .chevron{transform:rotate(180deg)}.desplegable-detalle{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 14px}@media(prefers-reduced-motion:reduce){.chevron{transition:none}}label{display:block;font-size:.85rem;color:var(--texto-suave);margin-bottom:6px}input,select,textarea{width:100%;min-width:0;padding:12px;font-size:1rem;line-height:1.25;font-family:inherit;color:var(--texto);background:var(--superficie);border:1px solid var(--borde);border-radius:10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--acento);outline-offset:1px}textarea{min-height:76px;resize:vertical;line-height:1.4}input[type=checkbox]{width:16px;min-width:16px;height:16px;padding:0;flex:none;accent-color:var(--acento)}input[type=date]::-webkit-date-and-time-value{min-height:0;margin:0;line-height:inherit;text-align:left}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0;line-height:inherit}input[type=date]{min-height:calc(1.25em + 26px);text-align:left}@supports (-webkit-touch-callout: none){input[type=date]{-webkit-appearance:none;appearance:none}}.campo{margin-bottom:12px}.campos-lado-a-lado{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}button{font-family:inherit;font-size:.95rem;font-weight:600;padding:12px 16px;border-radius:10px;border:1px solid transparent;background:var(--acento);color:#fff;cursor:pointer}button:disabled{opacity:.55;cursor:default}button.secundario{background:transparent;color:var(--acento);border-color:var(--borde)}button.peligro{background:transparent;color:var(--rojo);border-color:transparent;padding:6px 8px;font-size:.82rem}button.ancho{width:100%}button.chico{padding:7px 10px;font-size:.82rem}.enmascarable{display:inline-grid;align-items:center;justify-items:start}.enmascarable>*{grid-area:1 / 1}.enmascarable .real{transition:opacity var(--duracion) var(--suavizado)}.enmascarable.tapado .real{opacity:0;user-select:none;-webkit-user-select:none}.enmascarable .mascara{opacity:0;color:var(--texto-suave);letter-spacing:.06em;pointer-events:none;transition:opacity var(--duracion) var(--suavizado)}.enmascarable.tapado .mascara{opacity:1}.barra-monto{display:inline-block;width:4.4em;height:.85em;border-radius:.3em;background:var(--borde)}.barra-monto.ancha{width:5.8em}@media(prefers-reduced-motion:reduce){.enmascarable .real,.enmascarable .mascara{transition:none}}.etiqueta{font-size:.72rem;font-weight:650;padding:3px 8px;border-radius:999px;white-space:nowrap}.etiqueta.fondo{background:var(--acento-suave);color:var(--acento)}.etiqueta.bolsillo{background:var(--ambar-suave);color:var(--ambar)}.etiqueta.extra{background:var(--violeta-suave);color:var(--violeta)}.titulo-con-accion{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.titulo-con-accion a{color:var(--acento);text-decoration:none}.origen-fondo{--color-origen: var(--acento)}.origen-bolsillo{--color-origen: var(--ambar)}.origen-extra{--color-origen: var(--violeta)}.con-barrote{position:relative;padding-left:11px}.con-barrote:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:999px;background:var(--color-origen, transparent)}.consecuencia{flex:none;font-size:.72rem;font-weight:600;color:var(--color-origen, var(--texto-suave));white-space:nowrap}.etiqueta.ok{background:var(--verde-suave);color:var(--verde)}.etiqueta.pendiente{background:var(--rojo-suave);color:var(--rojo)}.monto{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.monto.positivo{color:var(--verde)}.monto.negativo{color:var(--rojo)}.error{background:var(--rojo-suave);color:var(--rojo);padding:10px 12px;border-radius:10px;font-size:.88rem}.aviso{background:var(--ambar-suave);color:var(--ambar);padding:10px 12px;border-radius:10px;font-size:.88rem}