:root{--marron: #7a3b12;--marron-oscuro: #5a2b0c;--fondo: #faf6f2;--tarjeta: #ffffff;--texto: #2a1f18;--texto-suave: #6b5a4d;--borde: #e4d9cf;--error: #b3261e;--exito: #2e7d32;--advertencia: #b45309;--advertencia-fondo: #fef3c7;--acento: #a8641f;--borde-suave: #efe6dc;--campo: #faf6f2;--sombra-tarjeta: 0 1px 4px rgba(42, 31, 24, .05);font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,sans-serif}.rotulo{margin:0 0 .55rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.625rem;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--acento)}.num{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:600}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--fondo);color:var(--texto)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:1rem}a{color:inherit;text-decoration:none}.pantalla-centrada{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.pantalla{min-height:100vh;padding:1rem 1rem 3rem;max-width:480px;margin:0 auto}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:20px;padding:2rem;width:100%;max-width:360px;box-shadow:0 10px 30px #2a1f181f;display:flex;flex-direction:column;gap:.75rem}.tarjeta h1{margin:0;font-size:1.4rem}.subtitulo{color:var(--texto-suave);margin:0 0 .5rem}label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--texto-suave)}input,select{min-height:54px;padding:0 .9rem;border:1px solid var(--borde);border-radius:12px;background:var(--tarjeta);color:var(--texto)}input[type=number]{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:600;font-size:1.05rem;text-align:right;background:var(--campo)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.sugerencias{display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--borde);border-radius:8px;padding:.35rem;background:var(--tarjeta);max-height:45vh;overflow-y:auto}.sugerencias button{text-align:left;background:transparent;border:none;border-radius:6px;padding:.6rem .5rem;font-size:.95rem;color:var(--texto)}.sugerencias button:active{background:var(--fondo)}.sugerencias__crear{color:var(--marron);font-weight:600;border-top:1px solid var(--borde)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button[type=submit],.boton-primario{background:var(--marron);color:#fff;border:none;border-radius:12px;min-height:56px;padding:.9rem 1.2rem;font-size:1.05rem;font-weight:600;margin-top:.5rem}button[type=submit]:disabled,.boton-primario:disabled{opacity:.6}.boton-secundario{background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;min-height:38px;padding:.5rem .9rem;font-size:.85rem;font-weight:500;color:var(--texto-suave)}.texto-error{color:var(--error);font-size:.9rem;margin:0}.aviso{background:#fff3e0;border:1px solid #ffcc80;border-radius:10px;padding:.9rem;font-size:.9rem}.encabezado{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.encabezado h1{font-size:1.3rem;margin:0 0 .35rem}.estado-conexion{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--texto-suave)}.estado-conexion__punto{width:8px;height:8px;border-radius:50%;background:var(--error)}.estado-conexion--online .estado-conexion__punto{background:var(--exito)}.estado-conexion__badge{background:#fff3e0;color:#8a5a00;border:none;border-radius:999px;padding:.1rem .6rem;font-size:.75rem}.estado-conexion__badge--error{background:#fdecea;color:var(--error)}.estado-conexion__errores{margin-top:.5rem}.estado-conexion__error-fila{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.3rem 0}.estado-conexion__error-fila:not(:last-child){border-bottom:1px solid #ffcc80}.estado-conexion__error-fila p{margin:0;flex:1}.estado-conexion__error-fila .boton-secundario{flex-shrink:0;padding:.3rem .7rem;font-size:.8rem}.acciones-arranque{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.boton-accion{display:block;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:1.5rem 1rem;text-align:center;font-weight:600;box-shadow:0 1px 6px #0000000d}.boton-accion[aria-disabled=true]{opacity:.45;pointer-events:none}.boton-accion--formulario{display:flex;flex-direction:column;gap:.5rem;justify-content:center}.boton-accion--formulario span{font-weight:600}.boton-accion--formulario input{text-align:center}.boton-accion--formulario .boton-primario{margin-top:0}.recuadro{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;overflow:hidden;margin:1rem 0;box-shadow:var(--sombra-tarjeta)}.recuadro__boton{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;text-align:left;min-height:58px;padding:.85rem 1.1rem;font-weight:600;color:var(--texto);border-bottom:1px solid var(--borde-suave);background:none;border-left:none;border-right:none;border-top:none;font-size:1rem}.recuadro__boton:after{content:"›";color:var(--acento);font-size:1.25rem;line-height:1;flex:none}.recuadro__boton:last-child{border-bottom:none}.recuadro__boton[aria-disabled=true]{opacity:.45;pointer-events:none}.recuadro__boton--resaltado{color:var(--marron);font-weight:700;font-size:1.05rem}.recuadro__formulario:after{content:none}.recuadro--secundario{border-color:var(--advertencia);border-width:2px}.recuadro--secundario__aviso{padding:.6rem 1rem;font-size:.85rem;font-weight:600;color:var(--advertencia);background:var(--advertencia-fondo);border-bottom:1px solid var(--advertencia)}.recuadro__formulario{padding:1.1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.recuadro__formulario span{font-weight:600;text-align:center}.recuadro__formulario input{text-align:center}.recuadro__formulario .boton-primario{margin-top:0}.boton-cerrar-caja{display:block;text-align:center;background:transparent;border:2px solid var(--marron);color:var(--marron);border-radius:12px;padding:1rem;font-weight:700;margin:1rem 0}.filtros{display:flex;gap:.6rem;margin:.75rem 0}.filtros label{flex:1;font-size:.8rem}.subtitulo-seccion{font-size:1.05rem;margin:1.5rem 0 .5rem;padding-top:1rem;border-top:1px solid var(--borde)}.lista{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.item-lista{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;box-shadow:var(--sombra-tarjeta);padding:.9rem;display:flex;justify-content:space-between;align-items:center}.item-lista--seleccionable{cursor:pointer}.item-lista--activo{border-color:var(--marron);background:#fdf3ea}.item-producto{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;box-shadow:var(--sombra-tarjeta);padding:.7rem .9rem;display:flex;flex-direction:column;gap:.4rem}.item-producto__nombre{display:flex;justify-content:space-between;font-size:.95rem}.item-producto__disponible{color:var(--texto-suave);font-size:.8rem}.item-producto__descripcion{color:var(--texto-suave);font-weight:400;font-size:.85em}.item-producto__fila{display:flex;align-items:center;gap:.6rem}.item-producto__fila input{width:90px;flex:none}.item-producto__subtotal{margin-left:auto;font-weight:600;font-size:.9rem}.fila{display:flex;gap:.6rem;align-items:center}.fila>*{flex:1}.input-cantidad-corta{flex:none;width:90px}.select-corto{width:auto;max-width:220px;min-width:0}.resumen{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra-tarjeta);padding:1rem 1.1rem;margin:1rem 0}.resumen__fila{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.4rem 0;font-size:.95rem}.resumen__fila>:last-child{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.resumen__fila--total{font-weight:700;border-top:1px solid var(--borde);margin-top:.4rem;padding-top:.7rem;font-size:1.05rem}.resumen__fila--total>:last-child{font-size:1.15rem;color:var(--marron)}.mensaje-exito{background:#e8f5e9;border:1px solid #a5d6a7;color:var(--exito);border-radius:10px;padding:.9rem;font-weight:600}.mensaje-error{background:#ffebee;border:1px solid #ef9a9a;color:var(--error);border-radius:10px;padding:.9rem;font-weight:600}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:.5rem;background:var(--exito);color:#fff;border-radius:999px;padding:.7rem 1.2rem;font-weight:600;font-size:.9rem;box-shadow:0 4px 14px #0000002e;max-width:calc(100vw - 2rem)}.toast__check{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%;background:#ffffff40;font-size:.85rem;flex-shrink:0}.fila-nav-periodo{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.5rem 0 1rem;font-weight:600}.tabs{display:flex;gap:.4rem;margin-bottom:1rem}.tabs__boton{flex:1;background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;padding:.6rem;font-weight:600;color:var(--texto-suave)}.tabs__boton--activo{background:var(--marron);border-color:var(--marron);color:#fff}.texto-ingreso{color:#1565c0;font-weight:600}.texto-gasto{color:var(--error);font-weight:600}.pantalla-formulario-grande label,.pantalla-formulario-grande .subtitulo{font-size:1.1rem}.pantalla-formulario-grande .item-producto__disponible{font-size:1rem}.pantalla-formulario-grande select{font-size:1.15rem;padding:.75rem;border:1px solid var(--borde);border-radius:8px}.cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.5rem 0 .9rem}.cabecera h1{margin:0;font-size:1.45rem;font-weight:600;letter-spacing:-.3px}.cabecera__sub{margin:.25rem 0 0;font-size:.8rem;color:var(--texto-suave)}.rotulo+.recuadro{margin-top:0}.recuadro+.rotulo{margin-top:1.25rem}.recuadro__boton--liviano{font-weight:500;min-height:56px}.recuadro__formulario-titulo{margin:0 0 .75rem;font-size:1rem;font-weight:600}.campo-con-boton{display:flex;align-items:center;gap:.6rem}.campo-con-boton>div,.campo-con-boton input{flex:1;min-width:0}.campo-con-boton{position:relative}.campo-con-boton__prefijo{position:absolute;left:.85rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1rem;color:var(--texto-suave);pointer-events:none}.campo-con-boton input{padding-left:1.9rem}.campo-con-boton .boton-primario{flex:none;margin-top:0;padding:0 1.4rem}.ayuda{margin:.55rem 0 0;font-size:.75rem;color:var(--texto-suave)}.pie-acciones{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--borde)}.pie-acciones .boton-secundario{width:100%}.accion{display:flex;align-items:center;gap:.85rem;min-height:68px;padding:.75rem 1.1rem;color:var(--texto);border-bottom:1px solid var(--borde-suave)}.accion:last-child{border-bottom:none}.accion:after{content:"›";margin-left:auto;color:var(--acento);font-size:1.25rem;line-height:1}.accion__inicial{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--campo);border:1px solid var(--borde);font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:600;color:var(--acento)}.accion__texto{display:flex;flex-direction:column;gap:.15rem;min-width:0}.accion__titulo{font-size:1rem;font-weight:600}.accion__detalle{font-size:.78rem;color:var(--texto-suave)}.tarjeta-dato{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra-tarjeta);padding:1rem 1.1rem;margin:1rem 0}.tarjeta-dato__rotulo{margin:0;font-size:.8rem;color:var(--texto-suave)}.tarjeta-dato__valor{margin:.3rem 0 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:600;letter-spacing:-.5px}.barra-fija{position:sticky;bottom:0;margin:1rem -1rem 0;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));background:var(--tarjeta);border-top:1px solid var(--borde);box-shadow:0 -6px 20px #2a1f1814}.barra-fija__total{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.barra-fija__etiqueta{font-size:.85rem;color:var(--texto-suave)}.barra-fija__valor{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:600}.barra-fija .boton-primario{width:100%;margin-top:0}.stepper{display:flex;align-items:center;gap:.35rem;flex:none}.stepper button{width:38px;height:44px;flex:none;display:grid;place-items:center;background:var(--campo);border:1px solid var(--borde);border-radius:10px;font-size:1.15rem;font-weight:600;color:var(--texto);padding:0}.stepper button:disabled{opacity:.4}.stepper input{width:62px;min-height:44px;padding:0 .5rem;text-align:center}.filtros-fila{display:flex;gap:.5rem;margin:.5rem 0 1rem}.filtros-fila input{flex:1;min-width:0}.filtros-fila select{flex:none;max-width:45%}.item-lista__texto{display:flex;flex-direction:column;gap:.15rem;min-width:0}.item-lista__titulo{font-weight:600}.item-lista__detalle{font-size:.78rem;color:var(--texto-suave)}.item-lista--seleccionable:after{content:"›";margin-left:auto;color:var(--acento);font-size:1.2rem;line-height:1;flex:none}.chip-diferencia{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:.75rem;padding:.7rem .9rem;border-radius:12px;background:var(--advertencia-fondo);border:1px solid var(--advertencia);color:var(--advertencia)}.chip-diferencia--ok{background:#e8f5e9;border-color:#a5d6a7;color:var(--exito)}.chip-diferencia__valor{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:600}.chip-diferencia__nota{font-size:.78rem;opacity:.85}.tarjeta-dato__acciones{display:flex;gap:.6rem;margin-top:.9rem}.tarjeta-dato__acciones>*{flex:1;margin-top:0;display:grid;place-items:center;text-align:center;min-height:48px}.segmentado{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .9rem}.segmentado button{flex:1 1 auto;min-height:46px;padding:0 .85rem;background:var(--tarjeta);border:1px solid var(--borde);border-radius:10px;font-size:.9rem;font-weight:500;color:var(--texto-suave);white-space:nowrap}.segmentado button[aria-pressed=true]{background:var(--marron);border-color:var(--marron);color:#fff;font-weight:600}.etiqueta-campo{display:block;margin:0 0 .4rem;font-size:.85rem;color:var(--texto-suave)}.etiqueta-campo+.campo-con-boton{margin-bottom:.9rem}.accion--principal{background:var(--marron);color:#fff;border-bottom:none}.accion--principal .accion__detalle{color:#ffffffc7}.accion--principal:after{color:#ffffffd9}.aviso-inusual{margin:.25rem 0 0;padding:.75rem .9rem;border:1px solid var(--advertencia);border-radius:12px;background:var(--advertencia-fondo)}.aviso-inusual p{margin:0;font-size:.85rem;color:var(--advertencia)}.aviso-inusual p:first-child{font-weight:600}.aviso-inusual p+p{margin-top:.2rem;opacity:.85}.monograma{align-self:center;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:var(--marron);color:var(--fondo);font-size:1.15rem;font-weight:600;letter-spacing:-.5px;margin-bottom:.25rem}.tarjeta h1,.tarjeta .subtitulo{text-align:center}