:root{--plano:#f9f9f7;--superficie:#fcfcfb;--tinta:#0b0b0b;--tinta-2:#52514e;--tinta-suave:#898781;--rejilla:#e1e0d9;--borde:#0b0b0b1a;--primario:#2a78d6;--primario-texto:#fff;--peligro:#d03b3b;--positivo:#006300;--estado-bien:#0ca30c;--estado-aviso:#fab219;--estado-exceso:#d03b3b;--radio:8px;--sombra:0 1px 2px #0b0b0b0f}@media (prefers-color-scheme:dark){:root{--plano:#0d0d0d;--superficie:#1a1a19;--tinta:#fff;--tinta-2:#c3c2b7;--rejilla:#2c2c2a;--borde:#ffffff1a;--primario:#3987e5;--positivo:#0ca30c;--sombra:none}}*{box-sizing:border-box}body{background:var(--plano);color:var(--tinta);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45}h1,h2{margin:0 0 12px}h2{font-size:16px;font-weight:600}.app{max-width:1000px;margin:0 auto;padding:0 16px 48px}.cabecera{z-index:10;background:var(--plano);border-bottom:1px solid var(--rejilla);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;display:flex;position:sticky;top:0}.marca{white-space:nowrap;margin-right:auto;font-weight:700}.pestanas{gap:4px;display:flex}.pestana{color:var(--tinta-2);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 12px}.pestana:hover{background:var(--superficie)}.pestana.activa{background:var(--superficie);color:var(--tinta);border-color:var(--borde);box-shadow:var(--sombra);font-weight:600}.vista{gap:16px;margin-top:16px;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:16px}.kpis{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.kpi{gap:4px;display:grid}.kpi-etiqueta{color:var(--tinta-suave);font-size:13px}.kpi-valor{font-size:26px;font-weight:700}.kpi-valor.positivo{color:var(--positivo)}.kpi-valor.negativo{color:var(--peligro)}.grafico{height:280px}.donut-y-leyenda{grid-template-columns:1fr 1fr;align-items:center;gap:16px;display:grid}.grafico-donut{height:240px;position:relative}.donut-centro{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.donut-total{font-size:20px;font-weight:700}.leyenda{gap:8px;margin:0;padding:0;list-style:none;display:grid}.leyenda li{align-items:center;gap:8px;display:flex}.punto{border-radius:3px;flex:none;width:10px;height:10px}.leyenda-nombre{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.leyenda-valor{color:var(--tinta-2);font-variant-numeric:tabular-nums}.fila-filtros{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.campo{color:var(--tinta-suave);gap:4px;font-size:13px;display:grid}.campo-crece{flex:1;min-width:160px}input,select,textarea{font:inherit;color:var(--tinta);background:var(--superficie);border:1px solid var(--borde);border-radius:8px;min-width:0;padding:8px 10px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--primario);outline-offset:1px}.boton,.boton-secundario{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:9px 16px;font-weight:600}.boton{background:var(--primario);color:var(--primario-texto)}.boton:disabled,.boton-secundario:disabled{opacity:.55;cursor:default}.boton-secundario{background:var(--superficie);color:var(--tinta);border-color:var(--borde)}.boton-fantasma{font:inherit;color:var(--primario);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px}.boton-fantasma.peligro{color:var(--peligro)}.boton-fantasma:hover{background:var(--plano)}.tarjeta-tabla{padding:4px 0;overflow-x:auto}.tabla-mov{border-collapse:collapse;width:100%}.tabla-mov th,.tabla-mov td{text-align:left;border-bottom:1px solid var(--rejilla);padding:10px 12px}.tabla-mov th{color:var(--tinta-suave);text-transform:uppercase;letter-spacing:0;font-size:12px}.tabla-mov tbody tr:last-child td{border-bottom:none}.alinear-derecha{text-align:right}.nota{color:var(--tinta-suave)}.monto-ingreso{color:var(--positivo);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.monto-gasto{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.celda-acciones{text-align:right;white-space:nowrap}.sin-datos{text-align:center;padding:24px}.paginacion{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-fondo{z-index:50;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:560px;max-height:90dvh;overflow-y:auto}.rejilla-formulario{grid-template-columns:1fr 1fr;gap:12px;display:grid}.campo-doble{grid-column:1/-1}.acciones-modal{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.lista-presupuesto{gap:14px;display:grid}.fila-presupuesto{gap:6px;display:grid}.fila-presupuesto-texto{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.nombre-categoria{font-weight:600}.entrada-plan{width:90px;padding:2px 6px}.barra{background:var(--rejilla);border-radius:999px;height:8px;overflow:hidden}.barra-relleno{border-radius:999px;height:100%;transition:width .3s}.barra-relleno[data-estado=bien]{background:var(--estado-bien)}.barra-relleno[data-estado=aviso]{background:var(--estado-aviso)}.barra-relleno[data-estado=exceso]{background:var(--estado-exceso)}.barra-relleno[data-estado=sin-plan]{background:var(--tinta-suave)}.total-presupuesto{border-top:1px solid var(--rejilla);justify-content:space-between;margin-top:16px;padding-top:12px;font-weight:700;display:flex}.pantalla-carga{text-align:center;color:var(--tinta-suave);padding:48px 0}.pantalla-login{place-items:center;min-height:100dvh;padding:16px;display:grid}.formulario-login{text-align:center;gap:12px;width:100%;max-width:360px;display:grid}.formulario-login h1{margin:0}.texto-suave{color:var(--tinta-suave);margin:0}.mensaje-error{color:var(--peligro);margin:4px 0 0}@media (width<=720px){.kpis,.donut-y-leyenda{grid-template-columns:1fr}.tabla-mov thead{display:none}.tabla-mov,.tabla-mov tbody,.tabla-mov tr,.tabla-mov td{display:block}.tabla-mov tr{border-bottom:1px solid var(--rejilla);padding:8px 4px}.tabla-mov tbody tr:last-child{border-bottom:none}.tabla-mov td{border:none;justify-content:space-between;gap:12px;padding:4px 8px;display:flex}.tabla-mov td:before{content:attr(data-titulo);color:var(--tinta-suave);flex:none}.celda-acciones{justify-content:flex-end}}@media (width<=520px){.rejilla-formulario{grid-template-columns:1fr}}