:root,[data-theme=light]{--bg:#f6f4f0;--surface:#fff;--surface-2:#f1eee9;--line:#221f1b1a;--border:#221f1b1a;--text:#221f1b;--text-2:#6e675e;--text-3:#9c9489;--muted:#9c9489;--ink:#221f1b;--ink-text:#fbf9f6;--c-verde:oklch(70% .12 148);--c-ambar:oklch(78% .13 80);--c-terracota:oklch(66% .15 38);--c-azul:oklch(66% .1 232);--c-rosa:oklch(71% .13 6);--c-lila:oklch(66% .1 310);--c-turquesa:oklch(74% .09 190);--c-oliva:oklch(69% .09 120);--c-arena:oklch(77% .06 66);--c-coral:oklch(68% .16 24);--terracota:oklch(66% .15 38);--on-accent:#fbf9f6;--accent:var(--terracota);--accent-bg:color-mix(in oklab, var(--terracota) 12%, var(--surface));--accent-border:color-mix(in oklab, var(--terracota) 35%, transparent);--error:#b42318;--error-bg:#b423181a;--overlay:oklab(18.0132% .0030072 .00718841/.52);--shadow:0 1px 2px #221f1b0d, 0 12px 28px -16px #221f1b47;--shadow-lg:0 30px 70px -24px #221f1b73;--sans:"Manrope", system-ui, sans-serif;--serif:"Instrument Serif", Georgia, serif;--gap:14px;--card-pad:18px;--radius-sm:12px;--radius:16px;--radius-lg:24px;--amount-size:42px;--donut:188px;--sheet-radius:26px;--sheet-maxw:520px;--sidebar-w:260px;--header-h:56px;--tab-h:64px;--bp-desktop:900px;--dash-cols:1fr;--main-maxw:660px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#100f0d;--surface:#191714;--surface-2:#231f1b;--line:#f6f2eb1f;--border:#f6f2eb1f;--text:#f3efe8;--text-2:#a79f93;--text-3:#7c7468;--muted:#7c7468;--ink:#f3efe8;--ink-text:#171512;--on-accent:#fbf9f6;--accent-bg:color-mix(in oklab, var(--terracota) 20%, var(--surface));--accent-border:color-mix(in oklab, var(--terracota) 45%, transparent);--error:#f97066;--error-bg:#f970661f;--overlay:oklab(0% none none/.6);--shadow:0 1px 2px #00000080, 0 14px 30px -18px #000c;--shadow-lg:0 30px 70px -24px #000000d9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width>=900px){:root{--gap:20px;--card-pad:24px;--amount-size:56px;--donut:220px;--main-maxw:1180px}}@media (width>=1240px){:root{--dash-cols:minmax(0,1.02fr) minmax(0,.98fr)}}*,:before,:after{box-sizing:border-box}html{font:16px/1.45 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text);background:var(--bg);margin:0}#root{width:100%;max-width:none;min-height:100svh;text-align:initial;border:none;margin:0;display:block}button,input{font-family:inherit}button:disabled{opacity:.65;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.desktop-only{display:none!important}.mobile-only{display:flex}.app-content{padding:var(--gap);padding-bottom:calc(var(--tab-h) + var(--gap) + 72px);text-align:left;flex:1}@media (width>=900px){.desktop-only{display:flex!important}.mobile-only{display:none!important}.app-content{padding-bottom:var(--gap)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.screen-enter{animation:.25s fadeIn}.actions-rise{animation:.2s riseIn}@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-backdrop{z-index:100;background:var(--overlay);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:flex-end;padding:0;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-backdrop--center{padding:var(--gap);align-items:center}.modal-panel{background:var(--surface);border:1px solid var(--line);width:100%;max-height:96vh;box-shadow:var(--shadow-lg);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;animation:.28s cubic-bezier(.22,1,.36,1) sheetUp;position:relative;overflow-y:auto}.modal-panel--gasto{max-width:var(--sheet-maxw)}.modal-panel--compact{border-radius:var(--radius-lg);max-width:400px;animation:.24s cubic-bezier(.22,1,.36,1) popIn}@media (width>=900px){.modal-backdrop{padding:var(--gap);align-items:center}.modal-panel--gasto{border-radius:var(--radius-lg);animation:.24s cubic-bezier(.22,1,.36,1) popIn}}.modal-close{z-index:2;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);width:44px;height:44px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:12px;right:12px}.modal-title{padding:calc(var(--gap) * 1.25) calc(var(--gap) * 1.5) 0;padding-right:calc(var(--gap) * 1.5 + 44px);font-family:var(--serif);color:var(--ink);margin:0;font-size:1.5rem;font-style:italic;font-weight:400}.modal-form{gap:calc(var(--gap) * 1.1);padding:var(--gap) calc(var(--gap) * 1.5) calc(var(--gap) * 1.5);flex-direction:column;display:flex}.modal-form--scroll{max-height:calc(96vh - 64px);overflow-y:auto}.modal-field{border:none;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.modal-label{color:var(--ink);font-size:.875rem;font-weight:700}.modal-input{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);min-height:48px;color:var(--ink);width:100%;padding:14px 16px}.modal-hint{color:var(--text-3);margin:0;font-size:.9rem}.modal-error{border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error);padding:12px 14px;font-size:.9rem}.modal-actions{gap:10px;margin-top:4px;display:flex}.modal-btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;min-height:52px;padding:14px 16px;font-weight:700}.modal-btn--ghost{color:var(--text);border:1px solid var(--line);background:0 0}.modal-btn--primary{background:var(--ink);color:var(--ink-text)}.modal-btn--primary:disabled{opacity:.45}.monto-block{padding:calc(var(--gap) * 1.1);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line)}.monto-input-wrap{align-items:baseline;gap:6px;display:flex}.monto-symbol{color:var(--text-3);font-size:2rem;font-weight:800;line-height:1}.monto-input{min-width:0;font:inherit;color:var(--ink);letter-spacing:-.02em;background:0 0;border:none;flex:1;padding:0;font-size:2.5rem;font-weight:800;line-height:1.1}.monto-input:focus{outline:none}.monto-input:focus-visible{outline:2px solid var(--accent-border);outline-offset:4px;border-radius:4px}.cat-chips{flex-wrap:wrap;gap:8px;display:flex}.cat-chip{border:1.5px solid var(--line);background:var(--surface-2);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.cat-chip-dot{background:var(--chip-color,var(--terracota));border-radius:50%;flex-shrink:0;width:8px;height:8px}.cat-chip--selected{border-color:var(--chip-color,var(--terracota));background:color-mix(in srgb, var(--chip-color,var(--terracota)) 14%, var(--surface-2))}.cat-chip--dashed{color:var(--text-3);background:0 0;border-style:dashed}.cat-chip--preview{cursor:default}.cat-preview-wrap{padding:4px 0}.usuario-badge{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);min-height:48px;color:var(--ink);align-items:center;padding:12px 16px;font-weight:600;display:inline-flex}.color-fieldset{border:none}.color-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.color-swatch{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--swatch-color);cursor:pointer;color:#fff;border:2px solid #0000;justify-content:center;align-items:center;min-height:44px;padding:0;font-size:1rem;font-weight:700;display:flex}.color-swatch--selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}html,body{max-width:100%;overflow-x:hidden}#root{overflow-x:hidden}img,svg,video{max-width:100%;height:auto}