:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f9f7;--surface-1:#fcfcfb;--surface-2:#fff;--ink:#0b0b0b;--ink-2:#52514e;--muted:#898781;--border:#0b0b0b1a;--border-strong:#0b0b0b29;--wash:#0b0b0b0a;--wash-2:#0b0b0b12;--s1:#2a78d6;--good:#0ca30c;--warning:#fab219;--critical:#d03b3b;--success-text:#006300;--shadow:0 1px 2px #0b0b0b0d, 0 8px 24px -12px #0b0b0b1f;--tab-h:58px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface-1:#1a1a19;--surface-2:#201f1e;--ink:#fff;--ink-2:#c3c2b7;--muted:#898781;--border:#ffffff1a;--border-strong:#ffffff29;--wash:#ffffff0d;--wash-2:#ffffff17;--s1:#3987e5;--success-text:#0ca30c;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}h1,h2{letter-spacing:-.015em;margin:0;font-weight:600}.tnum{font-variant-numeric:tabular-nums}.shell{min-height:100dvh}.topbar{z-index:30;padding:calc(env(safe-area-inset-top) + 12px) 18px 10px;background:color-mix(in srgb, var(--page) 84%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .who{flex:1;min-width:0}.topbar .hello{color:var(--muted);text-transform:capitalize;font-size:13px;line-height:1.2}.topbar .title{letter-spacing:-.02em;font-size:21px;font-weight:650}.content{max-width:640px;padding:16px 18px calc(var(--tab-h) + env(safe-area-inset-bottom) + 28px);margin:0 auto}.iconbtn{border:1px solid var(--border);background:var(--surface-1);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.iconbtn:active{background:var(--wash-2);transform:scale(.94)}.iconbtn svg{width:19px;height:19px;stroke:var(--ink-2);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.iconbtn.spin svg{animation:.9s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}.tabbar{z-index:40;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--page) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(18px);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{height:var(--tab-h);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:550;display:flex}.tab svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.tab.on{color:var(--s1)}.tab:active{opacity:.6}.card{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;margin-bottom:14px;padding:18px}.card.flush{padding:0;overflow:hidden}.card h2{margin-bottom:8px;font-size:19px}.card p{color:var(--ink-2);margin:0 0 14px}.sec-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:20px 2px 10px;font-size:12.5px;font-weight:600}.hero-label{color:var(--muted);font-size:13px}.hero{letter-spacing:-.03em;margin-top:2px;font-size:42px;font-weight:660;line-height:1.05}.hero-sub{color:var(--muted);margin-top:6px;font-size:12.5px}.empty{color:var(--muted);margin:0;padding:18px;font-size:13.5px}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:60px;padding:12px 16px;display:flex}.list li:last-child{border-bottom:none}.list li:active{background:var(--wash)}.avatar{background:var(--wash-2);width:38px;height:38px;color:var(--ink-2);border-radius:11px;flex:none;place-items:center;font-size:14.5px;font-weight:600;display:grid}.li-main{flex:1;min-width:0}.li-t{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:520;overflow:hidden}.li-s{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.li-amt{white-space:nowrap;text-align:right;font-size:14.5px;font-weight:600}.li-amt.pos{color:var(--success-text)}.li-amt small{color:var(--muted);margin-top:1px;font-size:11px;font-weight:450;display:block}.badge{border:1px solid var(--border-strong);color:var(--ink-2);border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:560;display:inline-flex}.badge .dot{border-radius:50%;flex:none;width:6px;height:6px}.badge.ok .dot{background:var(--good)}.badge.warn .dot{background:var(--warning)}.badge.crit .dot{background:var(--critical)}.sync{color:var(--muted);background:var(--wash);border:1px solid var(--border);border-radius:12px;align-items:center;gap:9px;margin-bottom:14px;padding:9px 13px;font-size:12px;display:flex}.sync b{color:var(--ink-2);font-weight:560}.sync .pulse{background:var(--good);border-radius:50%;flex:none;width:7px;height:7px;animation:2.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--good) 55%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.btn{background:var(--s1);color:#fff;border-radius:12px;width:100%;min-height:44px;margin-top:6px;padding:0 18px;font-size:14.5px;font-weight:560;transition:filter .14s,transform .1s}.btn:active{transform:scale(.98)}.btn.secondary{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--ink)}.addbtn{border:1px dashed var(--border-strong);width:100%;min-height:48px;color:var(--ink-2);border-radius:13px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:550;display:flex}.addbtn:active{background:var(--wash)}.backbtn{color:var(--ink-2);min-height:40px;margin-bottom:6px;font-size:14px;font-weight:550}.input{border:1px solid var(--border-strong);background:var(--surface-2);width:100%;min-height:46px;color:var(--ink);border-radius:12px;padding:0 14px;font-family:inherit;font-size:15px}.input:focus{border-color:var(--s1);box-shadow:0 0 0 3px color-mix(in srgb, var(--s1) 22%, transparent);outline:none}.hint{color:var(--muted);margin:10px 0 0;font-size:11.5px}.center{min-height:100dvh;padding:24px 20px;padding-top:calc(env(safe-area-inset-top) + 24px);padding-bottom:calc(env(safe-area-inset-bottom) + 24px);place-items:center;display:grid}.login{text-align:center;flex-direction:column;gap:10px;width:100%;max-width:380px;display:flex}.login .logo{margin:4px auto 0}.login h1{font-size:24px;font-weight:640}.login label{text-align:left;color:var(--ink-2);font-size:12.5px;font-weight:550}.logo{background:var(--s1);color:#fff;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;font-weight:700;display:grid}.error{color:var(--critical);margin:0;font-size:13px}.status{background:var(--wash);border:1px solid var(--border);color:var(--ink-2);border-radius:12px;margin:14px 0 0;padding:10px 13px;font-size:13px}.sheet-backdrop{z-index:50;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--page);padding:18px 18px calc(env(safe-area-inset-bottom) + 18px);border-radius:20px 20px 0 0;flex-direction:column;gap:12px;width:100%;max-width:640px;max-height:82dvh;display:flex}@media (width>=700px){.sheet-backdrop{align-items:center}.sheet{border-radius:20px;max-width:460px}}.field-label{color:var(--ink-2);margin-bottom:-6px;font-size:12.5px;font-weight:550}.sheet-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet-head h2{font-size:19px}.bank-list{border:1px solid var(--border);background:var(--surface-1);border-radius:14px;flex-direction:column;display:flex;overflow-y:auto}.bank-row{border-bottom:1px solid var(--border);text-align:left;align-items:center;gap:12px;min-height:54px;padding:12px 14px;font-size:14.5px;font-weight:520;display:flex}.bank-row:last-child{border-bottom:none}.bank-row:active{background:var(--wash)}.bank-row img{object-fit:contain;background:#fff;border-radius:8px;width:30px;height:30px}.bank-row span:first-of-type{flex:1}.month-nav{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.month-label{text-transform:capitalize;font-size:16px;font-weight:620}.row-between{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.track{border-radius:999px;height:9px;overflow:hidden}.fill{border-radius:999px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}.m-note{color:var(--muted);margin-top:6px;font-size:11.5px}.meter{margin-bottom:16px}.meter:last-child{margin-bottom:0}.m-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px;display:flex}.m-name{align-items:center;gap:8px;font-size:14px;font-weight:520;display:inline-flex}.m-val{color:var(--ink-2);font-size:13px;font-weight:520}.m-val b{color:var(--ink);font-weight:640}.alloc{border-radius:9px;gap:2px;height:34px;display:flex;overflow:hidden}.legend{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.legend .k{color:var(--ink-2);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.legend .sw{border-radius:3px;flex:none;width:10px;height:10px}.uncat-banner{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:13.5px;display:flex}.linkbtn{color:var(--s1);min-height:34px;font-size:13px;font-weight:550}.budget-edit-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:flex}.budget-edit-row:last-child{border-bottom:none}.seg{background:var(--wash);border:1px solid var(--border);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--ink-2);border-radius:8px;min-height:34px;padding:6px 13px;font-size:13px;font-weight:550}.seg button.on{background:var(--surface-2);color:var(--ink);box-shadow:0 1px 2px #0000000f}.cat-icon{background:var(--wash-2);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.cat-row{cursor:pointer;align-items:center;gap:12px;width:100%;font-size:14.5px;font-weight:550;display:flex}.check-row{color:var(--ink-2);align-items:center;gap:10px;min-height:34px;font-size:13.5px;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--s1)}.group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px 4px;font-size:11px;font-weight:600}.bank-row.on{background:var(--wash)}.tabbar.four{grid-template-columns:repeat(4,1fr)}.emoji-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.emoji-cell{aspect-ratio:1;border:1px solid #0000;border-radius:9px;place-items:center;min-height:38px;font-size:19px;display:grid}.emoji-cell:active{background:var(--wash-2)}.emoji-cell.on{background:color-mix(in srgb, var(--s1) 14%, transparent);border-color:var(--s1)}.kv-list{flex-direction:column;display:flex}.kv{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding:13px 16px;display:flex}.kv:last-child{border-bottom:none}.kv span{color:var(--muted);flex:none;font-size:13px}.kv b{text-align:right;overflow-wrap:anywhere;font-size:14px;font-weight:560}.kv b.mono{color:var(--ink-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:450}.toast{left:50%;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom) + 16px);z-index:60;background:var(--surface-2);color:var(--ink);border:1px solid var(--border-strong);box-shadow:var(--shadow);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;max-width:92vw;padding:10px 16px;font-size:13.5px;animation:.22s fade;position:fixed;overflow:hidden;transform:translate(-50%)}@keyframes fade{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)}}