:root{--fondo: #F6F6F7;--superficie: #FFFFFF;--superficie-viva: #F2F2F4;--superficie-hundida: #EBEBEE;--separador: #E6E6E9;--separador-fuerte: #D4D4D8;--texto: #18181B;--texto-medio: #52525B;--texto-apagado: #71717A;--texto-tenue: #A1A1AA;--accion: #18181B;--accion-hover: #27272A;--sobre-accion: #FFFFFF;--marca: #0066CC;--marca-suave: #EBF3FF;--liquidez: #0B7A45;--activos: #5B3FD6;--deudas: #9C6410;--gasto: #B3301E;--liquidez-suave: #E6F6EC;--activos-suave: #F0ECFE;--deudas-suave: #FDF3E2;--gasto-suave: #FDECEA;--hueco-xs: 4px;--hueco-s: 8px;--hueco-m: 12px;--hueco-l: 16px;--hueco-xl: 20px;--hueco-xxl: 24px;--margen: 20px;--curva-tarjeta: 14px;--curva-fila: 10px;--tipo-cifra: "Outfit", ui-rounded, system-ui, sans-serif;--tipo-cuerpo: "Inter", system-ui, sans-serif;--tipo-dato: "IBM Plex Mono", ui-monospace, monospace}@media(prefers-color-scheme:dark){:root:not([data-tema=claro]){--fondo: #0B0B0C;--superficie: #141416;--superficie-viva: #1B1B1F;--superficie-hundida: #232328;--separador: #26262A;--separador-fuerte: #35353B;--texto: #F4F4F5;--texto-medio: #A1A1AA;--texto-apagado: #8A8A93;--texto-tenue: #6B6B73;--accion: #F4F4F5;--accion-hover: #E4E4E7;--sobre-accion: #18181B;--marca: #4C9AFF;--marca-suave: #152742;--liquidez: #31E07E;--activos: #7C5CFF;--deudas: #F0A03C;--gasto: #F0553D;--liquidez-suave: #12301F;--activos-suave: #1E1836;--deudas-suave: #33240B;--gasto-suave: #341410}}:root[data-tema=oscuro]{--fondo: #0B0B0C;--superficie: #141416;--superficie-viva: #1B1B1F;--superficie-hundida: #232328;--separador: #26262A;--separador-fuerte: #35353B;--texto: #F4F4F5;--texto-medio: #A1A1AA;--texto-apagado: #8A8A93;--texto-tenue: #6B6B73;--accion: #F4F4F5;--accion-hover: #E4E4E7;--sobre-accion: #18181B;--marca: #4C9AFF;--marca-suave: #152742;--liquidez: #31E07E;--activos: #7C5CFF;--deudas: #F0A03C;--gasto: #F0553D;--liquidez-suave: #12301F;--activos-suave: #1E1836;--deudas-suave: #33240B;--gasto-suave: #341410}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--tipo-cuerpo);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.cifra{font-family:var(--tipo-cifra);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.marco{max-width:1180px;margin:0 auto;padding:0 var(--margen) 64px}.barra{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--hueco-xxl);padding:var(--hueco-m) var(--margen);background:color-mix(in srgb,var(--fondo) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--separador)}.barra nav{display:flex;gap:2px}.barra a{padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--texto-apagado);font-size:15px;font-weight:500}.barra a:hover,.barra a[aria-current=page]{color:var(--texto);background:var(--superficie)}.rejilla{display:grid;gap:var(--hueco-l)}.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.tarjeta{background:var(--superficie);border:1px solid var(--separador);border-radius:var(--curva-tarjeta);padding:var(--hueco-xl)}.tarjeta.viva{border-color:var(--separador-fuerte)}.rotulo{font-family:var(--tipo-cuerpo);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-apagado)}.grande{font-size:40px;font-weight:700;letter-spacing:-.03em}.sube{color:var(--liquidez)}.baja{color:var(--gasto)}.tabla-envoltorio{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px;min-width:620px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--separador)}th{font-family:var(--tipo-cuerpo);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-apagado);font-weight:500;position:sticky;top:0;background:var(--superficie)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--superficie-viva)}tbody tr:last-child td{border-bottom:0}.barra-peso{height:6px;border-radius:999px;background:var(--separador);overflow:hidden}.barra-peso>i{display:block;height:100%;border-radius:999px}.pildora{display:inline-flex;align-items:center;gap:5px;font-family:var(--tipo-cuerpo);font-size:11px;font-weight:500;padding:2px 8px;border-radius:999px;background:var(--superficie-viva);color:var(--texto-medio)}button.principal{border:0;border-radius:var(--curva-fila);cursor:pointer;background:var(--accion);color:var(--sobre-accion);font:inherit;font-weight:500;padding:10px 18px}button.principal:disabled{background:var(--separador);color:var(--texto-apagado);cursor:default}button.plano{border:1px solid var(--separador);background:var(--superficie);color:var(--texto);border-radius:var(--curva-fila);cursor:pointer;font:inherit;padding:8px 12px}input{width:100%;font:inherit;padding:9px var(--hueco-m);border-radius:var(--curva-fila);border:1px solid var(--separador-fuerte);background:var(--superficie);color:var(--texto)}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--marca);outline-offset:2px}.apagado{color:var(--texto-apagado)}.pequeno{font-size:13px}.panel{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.lateral{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;padding:var(--hueco-m);border-right:1px solid var(--separador);background:var(--fondo)}.lateral .marca{display:flex;align-items:center;gap:var(--hueco-s);height:40px;padding:0 var(--hueco-s);font-weight:600;font-size:15px;letter-spacing:-.01em}.lateral .marca i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--accion);color:var(--sobre-accion);font-style:normal;font-size:12px;font-weight:600}.buscar{display:flex;align-items:center;gap:var(--hueco-s);width:100%;height:32px;margin:var(--hueco-s) 0 var(--hueco-l);padding:0 var(--hueco-s) 0 10px;border:1px solid var(--separador);border-radius:var(--curva-fila);background:var(--superficie);color:var(--texto-apagado);font:inherit;font-size:13px;cursor:pointer;text-align:left}.buscar kbd{margin-left:auto;font:inherit;font-size:11px;color:var(--texto-tenue);border:0;background:none}.grupo{display:grid;gap:1px;margin-bottom:var(--hueco-l)}.grupo>.rotulo{padding:0 10px var(--hueco-xs)}.nav-fila{display:flex;align-items:center;gap:10px;height:32px;padding:0 10px;border-radius:var(--curva-fila);border:0;background:none;width:100%;font:inherit;font-size:14px;font-weight:500;color:var(--texto-medio);cursor:pointer;text-align:left}.nav-fila:hover{background:var(--superficie-viva);color:var(--texto)}.nav-fila[aria-current=page]{background:var(--marca-suave);color:var(--marca)}.nav-fila svg{flex:none}.pie-lateral{margin-top:auto;display:grid;gap:var(--hueco-s)}.medidor{display:grid;gap:5px;padding:10px;border:1px solid var(--separador);border-radius:var(--curva-fila);background:var(--superficie)}.medidor .carril{height:4px;border-radius:999px;background:var(--superficie-hundida);overflow:hidden}.medidor .carril>i{display:block;height:100%;border-radius:999px}.cuenta-fila{display:flex;align-items:center;gap:var(--hueco-s);padding:6px 8px;border-radius:var(--curva-fila);border:0;background:none;width:100%;font:inherit;cursor:pointer;text-align:left;color:var(--texto)}.cuenta-fila:hover{background:var(--superficie-viva)}.contenido{min-width:0;padding:0 var(--hueco-xxl) 64px}.cabecera{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--hueco-m);height:56px;margin:0 calc(var(--hueco-xxl) * -1) var(--hueco-l);padding:0 var(--hueco-xxl);background:color-mix(in srgb,var(--fondo) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--separador)}.cabecera h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.cabecera .acciones{margin-left:auto;display:flex;align-items:center;gap:var(--hueco-s)}.monograma{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:var(--curva-fila);font-size:12px;font-weight:600}.pildora-estado{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap}.campo{display:flex;align-items:center;gap:var(--hueco-s);min-height:32px}.campo>.etiqueta{flex:none;width:140px;display:flex;align-items:center;gap:7px;font-size:13px;color:var(--texto-apagado)}.campo>.valor{font-size:14px;color:var(--texto)}.kpi{display:grid;gap:6px}.kpi .numero{font-family:var(--tipo-cifra);font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.chip.sube{background:var(--liquidez-suave);color:var(--liquidez)}.chip.baja{background:var(--gasto-suave);color:var(--gasto)}.rejilla-kpi{display:grid;gap:var(--hueco-l);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grafica{width:100%;display:block;overflow:visible}.grafica text{font-family:var(--tipo-cuerpo);font-size:11px;fill:var(--texto-apagado)}.grafica .rejilla{stroke:var(--separador);stroke-width:1}.leyenda{display:flex;flex-wrap:wrap;gap:var(--hueco-m);font-size:12px;color:var(--texto-medio)}.leyenda i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:6px}.calendario{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,12px);gap:3px}.calendario i{width:12px;height:12px;border-radius:3px;background:var(--superficie-hundida)}@media(max-width:900px){.panel{grid-template-columns:1fr}.lateral{position:static;height:auto;border-right:0;border-bottom:1px solid var(--separador)}.lateral .pie-lateral{display:none}.contenido{padding:0 var(--hueco-l) 48px}.cabecera{margin-left:calc(var(--hueco-l) * -1);margin-right:calc(var(--hueco-l) * -1);padding:0 var(--hueco-l)}}