:root{--azul:#2563eb;--azul-oscuro:#1d4ed8;--fondo:#f4f7fb;--texto:#152033;--muted:#64748b;--borde:#dfe6ef;--blanco:#fff;--verde:#07875c;--rojo:#dc3545;--sombra:0 10px 28px rgba(15,23,42,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--fondo);color:var(--texto);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.contenedor{width:min(1120px,calc(100% - 32px));margin:auto}.encabezado{background:var(--blanco);border-bottom:1px solid var(--borde);position:sticky;top:0;z-index:10}.barra{height:68px;display:flex;align-items:center;justify-content:space-between}.marca{display:flex;align-items:center;gap:10px;color:var(--texto);font-size:1.1rem;font-weight:800;text-decoration:none}.marca-icono{display:grid;place-items:center;width:34px;height:34px;background:var(--azul);color:#fff;border-radius:10px}.estado{font-size:.84rem;color:var(--muted);background:#eef2f7;padding:7px 11px;border-radius:999px}.estado.ok{background:#e9f8f1;color:var(--verde)}.estado.error{background:#fff0f1;color:var(--rojo)}.bienvenida{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:48px 0 28px}.etiqueta{text-transform:uppercase;letter-spacing:.1em;color:var(--azul);font-size:.72rem;font-weight:800;margin:0 0 7px}.bienvenida h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.04em;margin:0 0 8px}.bienvenida p:not(.etiqueta){color:var(--muted);margin:0}.boton{border:0;border-radius:10px;padding:12px 17px;font:inherit;font-weight:750;cursor:pointer;transition:.2s}.boton:hover{transform:translateY(-1px)}.boton:disabled{opacity:.6;cursor:not-allowed}.boton-primario{background:var(--azul);color:#fff;box-shadow:0 8px 16px rgba(37,99,235,.2)}.boton-primario:hover{background:var(--azul-oscuro)}.boton-secundario{background:#edf2f7;color:var(--texto)}.resumen{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin-bottom:24px}.tarjeta{background:var(--blanco);padding:22px;border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra)}.tarjeta-saldo{background:linear-gradient(135deg,#172554,#2563eb);color:white;border:0}.tarjeta span{display:block;font-size:.86rem;color:var(--muted);margin-bottom:8px}.tarjeta-saldo span{color:#dbeafe}.tarjeta strong{font-size:1.75rem;letter-spacing:-.03em}.positivo{color:var(--verde)}.negativo{color:var(--rojo)}.panel{background:var(--blanco);border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra);margin:0 0 24px;padding:24px}.formulario-panel{border-top:4px solid var(--azul)}.oculto{display:none}.panel-titulo{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.panel-titulo h2{margin:0;font-size:1.35rem}.boton-icono{border:0;background:#edf2f7;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer}.campos{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.campo-completo{grid-column:1/-1}label{display:grid;gap:7px;color:#334155;font-size:.88rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #cfd8e3;border-radius:9px;padding:11px 12px;background:white;color:var(--texto);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--azul);box-shadow:0 0 0 3px rgba(37,99,235,.12)}textarea{resize:vertical}.acciones{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.mensaje{min-height:20px;margin:12px 0 0;font-size:.9rem}.mensaje.error{color:var(--rojo)}.mensaje.exito{color:var(--verde)}.panel-filtros{align-items:end}.filtros{display:flex;gap:10px}.filtros input{max-width:210px}.tabla-contenedor{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:14px 12px;border-bottom:1px solid #e8edf3;text-align:left}th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}td{font-size:.92rem}.numero{text-align:right}.insignia{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:750}.insignia.ingreso{background:#e9f8f1;color:var(--verde)}.insignia.gasto{background:#fff0f1;color:var(--rojo)}.vacio{text-align:center;padding:50px 20px;color:var(--muted)}.vacio span{font-size:2.5rem;color:#9aa9bb}.vacio h3{color:var(--texto);margin:12px 0 5px}.vacio p{margin:0}footer{padding:18px 0 36px;color:var(--muted);font-size:.83rem;text-align:center}@media(max-width:760px){.bienvenida{align-items:stretch;flex-direction:column;padding-top:32px}.bienvenida .boton{width:100%}.resumen{grid-template-columns:1fr}.campos{grid-template-columns:1fr}.campo-completo{grid-column:auto}.panel{padding:18px}.panel-filtros{align-items:stretch;flex-direction:column}.filtros{flex-direction:column}.filtros input{max-width:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}