:root{--pri: #6cc09b;--pri-deep: #2a6b50;--pri-soft: color-mix(in oklch, #6cc09b 18%, #f0f7f3);--income: #5ba776;--income-deep: #2a6b50;--income-soft: color-mix(in oklch, #5ba776 14%, #f0f7f3);--expense: #d97a5e;--expense-deep: #a8482f;--expense-soft: color-mix(in oklch, #d97a5e 14%, #f0f7f3);--warn: #dca64a;--warn-deep: #8b5e1c;--warn-soft: color-mix(in oklch, #dca64a 18%, #f0f7f3);--bg: #f0f7f3;--surface: #ffffff;--surface-2: #e6f0ea;--surface-3: #d8e8de;--line: #dceae2;--ink-1: #1d3a2c;--ink-2: #3d5d4d;--ink-3: #7a9286;--radius: 16px;--font: "Noto Sans TC", "PingFang TC", "Helvetica Neue", "Microsoft JhengHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--ink-1);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}#root{height:100dvh;width:100vw;display:flex;flex-direction:row;overflow:hidden}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.tabular{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}