:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f4f8;--surface:#fff;--surface-2:#f6f7fa;--border:#e5e8ef;--text:#0f172a;--text-2:#475569;--muted:#8a94a6;--accent:#2a78d6;--accent-2:#6250d6;--hero-from:#2a78d6;--hero-to:#6250d6;--in-fill:#1baf7a;--out-fill:#eb6834;--in:#0b7f56;--out:#c2410c;--in-soft:#e3f6ee;--out-soft:#fdece4;--grid:#edf0f4;--danger:#d03b3b;--warn:#b45309;--shadow:0 1px 2px #0f172a0a, 0 4px 16px #0f172a0f;--radius:18px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0e13;--surface:#161920;--surface-2:#1d2129;--border:#262b35;--text:#f1f3f7;--text-2:#c1c7d2;--muted:#7d8696;--accent:#3987e5;--accent-2:#9085e9;--hero-from:#1f5fb3;--hero-to:#5143b8;--in-fill:#199e70;--out-fill:#d95926;--in:#3fd09a;--out:#ff9466;--in-soft:#199e7029;--out-soft:#d9592629;--grid:#22262f;--warn:#f5b74a;--danger:#f87171;--shadow:none}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;padding:10px 16px;font-weight:500}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.link{color:var(--accent);background:0 0;border:none;padding:4px}input,select{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;width:100%;padding:11px 12px;font-size:16px}input:focus{outline:2px solid var(--accent);outline-offset:-1px}label{color:var(--text-2);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--danger);padding:0 16px}.empty{text-align:center;color:var(--muted);padding:40px 0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.clickable{cursor:pointer}.center{place-items:center;min-height:100dvh;padding:16px;display:grid}.app{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{max-width:760px;padding:calc(16px + env(safe-area-inset-top)) 16px 4px;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 auto;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:13px;font-weight:600}.topbar h1{letter-spacing:-.02em;margin:2px 0 0;font-size:26px;font-weight:700}.icon-btn{width:40px;height:40px;color:var(--text-2);border-radius:50%;place-items:center;padding:0;display:grid}.content{max-width:760px;margin:0 auto;padding:4px 16px 16px}.tabbar{z-index:5;padding:8px 16px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--border);justify-content:center;gap:8px;display:flex;position:fixed;inset:auto 0 0}.tabbar button{max-width:200px;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:11px;font-weight:600;display:flex}.tabbar button.active{color:var(--accent)}.period{z-index:4;background:var(--bg);max-width:760px;margin:0 auto;padding:10px 0;position:sticky;top:0}.chips{scrollbar-width:none;gap:8px;padding:0 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{color:var(--text-2);background:var(--surface);border-radius:999px;flex:none;padding:7px 14px;font-size:14px}.chip.active{background:var(--text);border-color:var(--text);color:var(--bg)}.range{grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px 0;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.card h2{margin:0 0 12px;font-size:16px;font-weight:650}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.hero{color:#fff;background:radial-gradient(120% 140% at 100% 0%, #ffffff2e, transparent 55%), linear-gradient(135deg, var(--hero-from) 0%, var(--hero-to) 100%);border-radius:24px;margin-bottom:14px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #2a78d640}.hero-label{opacity:.85;margin:0;font-size:14px}.hero-value{letter-spacing:-.02em;margin:4px 0 18px;font-size:34px;font-weight:750}.hero-split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hero-split>div{background:#ffffff24;border-radius:16px;flex-direction:column;gap:4px;padding:12px;display:flex}.hero-split strong{font-size:18px;font-weight:700}.hero-split small{opacity:.85;font-size:12px}.hero-pill{opacity:.95;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.legend{color:var(--text-2);gap:14px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:3px;width:10px;height:10px}.dot.in{background:var(--in-fill)}.dot.out{background:var(--out-fill)}.readout{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.readout-date{color:var(--text-2);margin:0;font-size:13px;font-weight:600}.readout-date:first-letter{text-transform:uppercase}.readout-values{gap:14px;display:flex}.readout-item{align-items:center;gap:4px;font-size:14px;font-weight:650;display:inline-flex}.readout-item.in{color:var(--in)}.readout-item.out{color:var(--out)}.chart{-webkit-user-select:none;user-select:none}.chart :focus,.chart :focus-visible{outline:none}.chart .bar-in .recharts-rectangle{fill:var(--in-fill)}.chart .bar-out .recharts-rectangle{fill:var(--out-fill)}.chart .recharts-rectangle.dim{opacity:.45}.chart .grid line{stroke:var(--grid);stroke-dasharray:3 4}.chart .zero line{stroke:var(--muted);stroke-opacity:.6}.chart .recharts-cartesian-axis-tick-value{fill:var(--muted)}.chart-hint{text-align:center;color:var(--muted);margin:8px 0 0;font-size:12px}.top-grid{grid-template-columns:minmax(0,1fr);gap:0 14px;display:grid}@media (width>=640px){.top-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.top-list{margin:0;padding:0;list-style:none}.top-list li{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.top-list li:first-child{border-top:none;padding-top:0}.top-text{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:14px;display:flex}.top-text small{font-size:12px}.badge-icon{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.badge-icon.in,.tag.in{background:var(--in-soft);color:var(--in)}.badge-icon.out,.tag.out{background:var(--out-soft);color:var(--out)}.amount{font-size:14px;font-weight:650}.amount.in,.num.in,.detail-amount.in{color:var(--in)}.amount.out,.num.out,.detail-amount.out{color:var(--out)}.summary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.summary-cell{border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex}.summary-cell span{align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.summary-cell strong{font-size:18px}.summary-cell.in{background:var(--in-soft);color:var(--in)}.summary-cell.out{background:var(--out-soft);color:var(--out)}.toolbar{gap:8px;margin-bottom:12px;display:flex}.search{color:var(--muted);flex-direction:row;flex:1;align-items:center;position:relative}.search svg{position:absolute;left:12px}.search input{background:var(--surface);padding-left:36px}.add-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.ledger{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.ledger-head,.ledger-day,.ledger-row{grid-template-columns:minmax(0,1fr) 92px 92px;align-items:center;gap:8px;padding:0 14px;display:grid}.ledger-head span:not(:first-child),.ledger-day span:not(:first-child),.ledger-row>span:not(:first-child){text-align:right}.ledger-head{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--border);padding-top:12px;padding-bottom:10px;font-size:12px;font-weight:700}.ledger-day{background:var(--surface-2);color:var(--text-2);padding-top:8px;padding-bottom:8px;font-size:12px;font-weight:600}.ledger-day span:first-child:first-letter{text-transform:uppercase}.ledger-row{border:none;border-top:1px solid var(--border);text-align:left;background:0 0;border-radius:0;width:100%;padding-top:11px;padding-bottom:11px;font-size:14px;font-weight:400}.ledger-day+.ledger-row{border-top:none}.ledger-row:active{background:var(--surface-2)}.ledger-row .num{font-weight:600}.ledger-desc{flex-direction:column;gap:2px;min-width:0;display:flex}.ledger-desc .ellipsis{-webkit-line-clamp:2;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box}.ledger-desc small{color:var(--muted);font-size:12px}.form{flex-direction:column;gap:14px;display:flex}.row{justify-content:flex-end;gap:8px;display:flex}.segmented{background:var(--surface-2);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{color:var(--text-2);background:0 0;border:none;padding:8px}.segmented button.active{background:var(--surface);box-shadow:var(--shadow)}.segmented button.active.in{color:var(--in)}.segmented button.active.out{color:var(--out)}.login-page{min-height:100dvh;padding:0 16px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(90% 50% at 50% 0%, color-mix(in srgb, var(--accent-2) 40%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 22%, var(--bg)) 0%, var(--bg) 46%);flex-direction:column;align-items:center;display:flex}.login-hero{padding:calc(56px + env(safe-area-inset-top)) 0 28px;text-align:center}.login-logo{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid;box-shadow:0 10px 30px #2a78d659}.login-hero h1{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:750}.login-hero p{color:var(--text-2);margin:6px 0 0;font-size:15px}.login-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:24px 20px;display:flex;box-shadow:0 10px 40px #0f172a14}.login-card h2{margin:0;font-size:20px;font-weight:700}.password{display:block;position:relative}.password input{padding-right:64px}.password button{font-size:14px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-error{color:var(--danger);background:#d03b3b1a;border-radius:12px;margin:0;padding:10px 12px;font-size:14px}.login-submit{background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:650}.login-submit:disabled{opacity:.7}.login-note{text-align:center;color:var(--muted);margin:0;font-size:12px}.sheet-backdrop{z-index:10;background:#080c1473;justify-content:center;align-items:flex-end;animation:.15s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:88dvh;padding:8px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:.2s ease-out rise;overflow-y:auto}@media (width>=640px){.sheet-backdrop{align-items:center}.sheet{border-radius:24px}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:.6;transform:translateY(24px)}}.sheet-grip{background:var(--border);border-radius:3px;width:40px;height:5px;margin:0 auto 12px}.sheet-head{justify-content:space-between;align-items:center;display:flex}.tag{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.detail-amount{letter-spacing:-.02em;margin:10px 0 16px;font-size:32px;font-weight:750}.detail{background:var(--surface-2);border-radius:14px;grid-template-columns:max-content 1fr;gap:10px 16px;margin:0 0 16px;padding:14px;font-size:14px;display:grid}.detail dt{color:var(--muted)}.detail dd{word-break:break-word;margin:0}.section-label{color:var(--muted);margin:0 0 6px;font-size:13px;font-weight:600}.sms{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px dashed var(--border);border-radius:12px;margin:0 0 16px;padding:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.5}.danger-btn{width:100%;color:var(--danger);background:#d03b3b1a;border-color:#0000}.settings .sheet-head h2{margin:0;font-size:20px}.settings-block{flex-direction:column;gap:12px;margin-top:20px;display:flex}.settings-block .section-label{margin:0}.settings-row{background:var(--surface-2);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:15px;display:flex}.danger-link{white-space:nowrap;align-items:center;gap:4px;display:inline-flex;color:var(--danger)!important}.device-list{background:var(--surface-2);border-radius:14px;margin:0;padding:0;list-style:none}.device-list li{border-top:1px solid var(--border);align-items:center;gap:12px;padding:12px 14px;display:flex}.device-list li:first-child{border-top:none}.device-text{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:15px;display:flex}.device-text small{font-size:12px}.token-setup{border:1px solid var(--border);background:var(--surface-2);border-radius:16px;padding:16px}.warn{color:var(--text);background:#fab21926;border-radius:12px;margin:0;padding:10px 12px;font-size:13px}.copy-field{flex-direction:column;gap:6px;display:flex}.copy-field>div{align-items:center;gap:8px;display:flex}.copy-field code{background:var(--surface);border:1px solid var(--border);word-break:break-all;border-radius:10px;flex:1;min-width:0;padding:10px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.copy-field button{flex:none;padding:8px 12px;font-size:14px}.steps{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:14px;line-height:1.5;display:flex}.steps code{background:var(--surface);border-radius:5px;padding:1px 5px;font-size:13px}.hero-note{opacity:.85;margin:12px 0 0;font-size:12px}.note{margin:-4px 2px 12px}.ledger-row.transfer .num,.ledger-row.transfer .ellipsis{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent)}.tag.transfer{background:var(--surface-2);color:var(--muted)}.transfer-box{background:var(--surface-2);border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 16px;padding:12px 14px;font-size:14px;display:flex}.transfer-box p{margin:0}.gap-card{border:1px solid color-mix(in srgb, var(--out) 35%, transparent)}.gap-card>p{margin:0 0 10px}.gap-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gap-list>li{background:var(--surface-2);border-radius:14px;flex-direction:column;gap:10px;padding:12px;display:flex}.gap-row{align-items:center;gap:10px;display:flex}.gap-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gap-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.small-btn{padding:8px 14px;font-size:14px}.gap-list .form{box-shadow:none;padding:12px}.limit-head{justify-content:space-between;align-items:baseline;display:flex}.limit-head h2{margin:0}.limit-head strong{font-size:18px}.limit-bar{background:var(--surface-2);border-radius:999px;height:10px;margin:10px 0 8px;overflow:hidden}.limit-bar span{border-radius:inherit;background:var(--accent);height:100%;display:block}.limit-card.near .limit-bar span{background:var(--warn)}.limit-card.near .limit-head strong{color:var(--warn)}.limit-card.over .limit-bar span{background:var(--danger)}.limit-card.over .limit-head strong{color:var(--danger)}.limit-line{margin:0 0 2px;font-size:14px;font-weight:600}.saved{color:var(--in);font-weight:500}.money-input{display:block;position:relative}.money-input input{padding-right:32px}.money-input>span{color:var(--muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-list{background:var(--surface-2);border-radius:14px}.toggle-row{border-top:1px solid var(--border);color:var(--text);flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:400}.toggle-row:first-child{border-top:none}.toggle-row>span{flex-direction:column;gap:2px;display:flex}.toggle-row small{font-size:12px}.toggle-row.disabled>span{opacity:.55}input.switch{appearance:none;background:var(--border);cursor:pointer;border:none;border-radius:999px;flex:none;width:46px;height:28px;padding:0;transition:background .15s;position:relative}input.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}input.switch:checked{background:var(--in-fill)}input.switch:checked:after{transform:translate(18px)}input.switch:disabled{cursor:default;opacity:.5}input.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.warn p{margin:0 0 6px}.warn .steps{margin:0}.diag{font-size:11px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-2);font-size:13px;font-weight:500}.cat-picker{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.form .cat-picker{margin-bottom:0}.cat-chips{flex-wrap:wrap;gap:6px;display:flex}.cat-chip{color:var(--text-2);background:var(--surface-2);border-radius:999px;padding:6px 12px;font-size:14px}.cat-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.segmented.mini{border-radius:10px;padding:3px}.segmented.mini button{padding:4px 14px;font-size:13px}.cat-list,.cat-items{margin:0;padding:0;list-style:none}.cat-row{text-align:left;background:0 0;border:none;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;width:100%;padding:9px 0;display:grid}.cat-list>li+li{border-top:1px solid var(--border)}.cat-name{font-size:14px;font-weight:550}.cat-value{font-size:14px;font-weight:600}.cat-value small{font-weight:500}.cat-track{grid-column:1/-1;height:8px}.cat-bar{border-radius:0 4px 4px 0;height:100%;display:block}.cat-bar.out{background:var(--out-fill)}.cat-bar.in{background:var(--in-fill)}.cat-items{background:var(--surface-2);border-radius:12px;margin:0 0 10px}.cat-items button{text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.cat-items li+li{border-top:1px solid var(--border)}.sync-dot{vertical-align:middle;background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:6px;animation:1s ease-in-out infinite alternate sync-pulse;display:inline-block}@keyframes sync-pulse{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sync-dot{animation:none}}.chart-placeholder{background:var(--surface-2);border-radius:12px;height:290px}.note-field{margin-bottom:16px}.note-field>span{color:var(--muted);font-weight:600}