:root{--bg:#f2f6f4;--surface:#fff;--surface-2:#f1f5f3;--surface-3:#e8efeb;--border:#e1e9e4;--text:#0f1f17;--text-2:#33453c;--muted:#6b7d74;--brand:#0b6b45;--brand-strong:#075236;--brand-bright:#19b37a;--brand-soft:#e2f4eb;--brand-gradient:linear-gradient(135deg, #053d2a, #0b6b45 52%, #1fae78);--accent:#f4b740;--accent-soft:#fff4da;--income:#109c66;--income-soft:#e0f5ea;--expense:#e2474c;--expense-soft:#fdebec;--info:#2f6fde;--info-soft:#e7effd;--radius-xl:28px;--radius-lg:22px;--radius:16px;--radius-sm:12px;--shadow-sm:0 1px 2px #0f1f170d;--shadow:0 1px 2px #0f1f170a, 0 10px 30px -14px #0f1f1729;--shadow-lg:0 24px 60px -20px #053d2a73;--ring:0 0 0 4px #19b37a2e;--sidebar-w:256px;--bottom-nav-h:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:after,:before{box-sizing:border-box}body,html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-strong)}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0}h1{font-size:1.65rem;font-weight:800}h2{font-size:1.05rem}.strong,h2,h3{font-weight:700}h3{font-size:.95rem}p{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.tiny{font-size:.75rem}.num{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.01em}.income{color:var(--income)}.expense{color:var(--expense)}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.page{gap:20px;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head .sub{color:var(--muted);margin-top:4px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-head a{font-size:.85rem;font-weight:600}.grid{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.grid-main{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}@media (width<=1100px){.grid-hero,.grid-main{grid-template-columns:minmax(0,1fr)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;padding:22px}.card-tight{padding:16px}@media (width<=720px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.page{gap:16px}h1{font-size:1.4rem}.card{border-radius:20px;padding:18px}}.hero-card{color:#fff;background:var(--brand-gradient);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);isolation:isolate;padding:26px;position:relative;overflow:hidden}.hero-card:after,.hero-card:before{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.hero-card:before{background:radial-gradient(circle,#ffffff2e,#0000 65%);width:320px;height:320px;top:-150px;right:-110px}.hero-card:after{background:radial-gradient(circle,#f4b7404d,#0000 65%);width:260px;height:260px;bottom:-160px;left:-90px}.hero-card .label{color:#ffffffbf;font-size:.85rem;font-weight:500}.hero-amount{letter-spacing:-.03em;margin-top:6px;font-size:calc(clamp(1.9rem,4vw,2.6rem));font-weight:800;line-height:1.15}.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius);background:#ffffff1f;border:1px solid #ffffff29;padding:12px 14px}.chip-light{color:#fff;background:#ffffff29;border-radius:999px;gap:6px;padding:5px 12px;font-size:.8rem}.btn,.chip-light{align-items:center;font-weight:600;display:inline-flex}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:14px;justify-content:center;gap:8px;padding:10px 16px;font-size:.92rem;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s}.btn,.btn:hover{color:var(--text)}.btn:hover{background:var(--surface-2)}.btn:active{transform:scale(.98)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 8px 20px -10px var(--brand)}.btn-primary:hover{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff}.btn-ghost{background:0 0;border-color:#0000}.btn-danger,.btn-danger:hover{color:var(--expense)}.btn-danger:hover{background:var(--expense-soft);border-color:#0000}.btn-light{color:var(--brand-strong);background:#fff;border-color:#0000}.btn-light:hover{color:var(--brand-strong);background:#f1fbf6}.btn-block{width:100%}.btn-lg{border-radius:16px;padding:13px 20px;font-size:1rem}.btn-sm{border-radius:10px;padding:6px 12px;font-size:.82rem}.icon-btn{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.danger:hover{background:var(--expense-soft);color:var(--expense)}.icon-btn-light{color:#ffffffd9}.icon-btn-light:hover{color:#fff;background:#ffffff26}.form{gap:16px;display:grid}.field{gap:6px;min-width:0;display:grid}.field>label,.label{color:var(--text-2);font-size:.82rem;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>.field{flex:1;min-width:150px}.input,input:not([type=checkbox]):not([type=radio]),select,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid #0000;border-radius:14px;width:100%;padding:11px 14px;transition:border-color .15s,box-shadow .15s,background .15s}input:hover,select:hover,textarea:hover{border-color:var(--border)}input:focus,select:focus,textarea:focus{background:var(--surface);border-color:var(--brand-bright);box-shadow:var(--ring);outline:none}input::placeholder{color:var(--muted);opacity:.8}.segmented{background:var(--surface-2);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.segmented button.on-expense{background:var(--expense);color:#fff}.segmented button.on-income{background:var(--income);color:#fff}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:600;transition:all .15s}.chip:hover{border-color:var(--brand-bright)}.chip.on{background:var(--text);border-color:var(--text);color:var(--surface)}.alert{border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px 14px;font-size:.9rem;font-weight:500;display:flex}.alert svg{flex-shrink:0;margin-top:1px}.alert-error{background:var(--expense-soft);color:var(--expense)}.alert-info{background:var(--info-soft);color:var(--info)}.alert-ok{background:var(--income-soft);color:var(--income)}.alert-warn{background:var(--accent-soft);color:#9a6400}@media (prefers-color-scheme:dark){:root{--bg:#0a110e;--surface:#111a16;--surface-2:#16221d;--surface-3:#1c2b24;--border:#22332b;--text:#e9f1ed;--text-2:#c3d1ca;--muted:#8ba198;--brand:#2fc68c;--brand-strong:#5bd9a6;--brand-bright:#2fc68c;--brand-soft:#123327;--brand-gradient:linear-gradient(135deg, #04291c, #08573a 55%, #149566);--accent:#f7c35f;--accent-soft:#3a2d10;--income:#3dd68c;--income-soft:#12301f;--expense:#ff6b6f;--expense-soft:#3a1719;--info:#6f9cff;--info-soft:#172443;--shadow-sm:none;--shadow:0 0 0 1px #ffffff05;--shadow-lg:0 24px 60px -24px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.alert-warn{color:var(--accent)}}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-income{background:var(--income-soft);color:var(--income)}.badge-expense{background:var(--expense-soft);color:var(--expense)}.badge-muted{background:var(--surface-2);color:var(--muted)}.empty{text-align:center;color:var(--muted);justify-items:center;gap:10px;padding:36px 12px;display:grid}.empty-icon{background:var(--brand-soft);width:60px;height:60px;color:var(--brand);border-radius:20px;place-items:center;display:grid}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;border-radius:12px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.list{margin:0;padding:0;list-style:none;display:grid}.list-item{border-radius:14px;align-items:center;gap:14px;margin:0 -10px;padding:12px 10px;transition:background .15s;display:flex}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{background:var(--surface-2)}.list-item .grow{flex:1;min-width:0}.page-enter-active,.page-leave-active{transition:opacity .18s,transform .18s}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0}.toasts[data-v-72d82a1a]{z-index:200;left:50%;bottom:calc(16px + var(--bottom-nav-h) + env(safe-area-inset-bottom));gap:8px;width:calc(min(420px,100vw - 32px));display:grid;position:fixed;transform:translate(-50%)}@media (width>=960px){.toasts[data-v-72d82a1a]{bottom:24px;left:auto;right:24px;transform:none}}.toast[data-v-72d82a1a]{text-align:left;cursor:pointer;background:var(--text);color:var(--surface);border:0;border-radius:16px;align-items:center;gap:10px;padding:13px 16px;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 16px 40px -12px #00000059}.toast.ok svg[data-v-72d82a1a]{color:var(--brand-bright)}.toast.error svg[data-v-72d82a1a]{color:#ff8a8d}.toast-enter-active[data-v-72d82a1a],.toast-leave-active[data-v-72d82a1a]{transition:all .25s}.toast-enter-from[data-v-72d82a1a],.toast-leave-to[data-v-72d82a1a]{opacity:0;transform:translateY(10px)}