@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap");:root{color-scheme:light;--page-bg:#f7f8f7;--surface:#ffffff;--surface-2:#eef1f0;--text-primary:#12181a;--text-secondary:#5a6467;--text-muted:#676f72;--hairline:#e4e7e6;--border:rgba(18,24,26,0.10);--brand:#0f6a5c;--brand-strong:#0b4f45;--brand-soft:#e3f1ee;--shadow:0 1px 2px rgba(18,24,26,0.04),0 8px 24px -12px rgba(18,24,26,0.12);--good:#097f09;--warning:#996100;--serious:#bd4516;--critical:#d03b3b;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300;--s7:#4a3aa7;--s8:#e34948;--sOther:#a7ab9f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--page-bg:#0d1112;--surface:#161c1d;--surface-2:#1d2525;--text-primary:#f2f5f4;--text-secondary:#a9b3b2;--text-muted:#818d8c;--hairline:#262f30;--border:rgba(255,255,255,0.10);--brand:#2bb39e;--brand-strong:#6fd3c2;--brand-soft:#17302c;--shadow:0 1px 2px rgba(0,0,0,0.3),0 8px 24px -12px rgba(0,0,0,0.5);--good:#17b317;--warning:#e9a72e;--serious:#ef966f;--critical:#e66767;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#1c9a1c;--s7:#9085e9;--s8:#e66767;--sOther:#5c6462}}:root[data-theme=dark]{color-scheme:dark;--page-bg:#0d1112;--surface:#161c1d;--surface-2:#1d2525;--text-primary:#f2f5f4;--text-secondary:#a9b3b2;--text-muted:#74807f;--hairline:#262f30;--border:rgba(255,255,255,0.10);--brand:#2bb39e;--brand-strong:#6fd3c2;--brand-soft:#17302c;--shadow:0 1px 2px rgba(0,0,0,0.3),0 8px 24px -12px rgba(0,0,0,0.5);--good:#17b317;--warning:#e9a72e;--serious:#ef966f;--critical:#e66767;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#1c9a1c;--s7:#9085e9;--s8:#e66767;--sOther:#5c6462}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--text-primary);font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--brand-soft)}a{color:inherit}.num{font-family:IBM Plex Mono,ui-monospace,SF Mono,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1,h2,h3{text-wrap:balance;margin:0}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex:none;background:var(--surface);border-right:1px solid var(--hairline);padding:24px 16px;display:flex;flex-direction:column;gap:28px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{gap:10px;padding:0 8px}.brand,.brand-mark{display:flex;align-items:center}.brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(155deg,var(--brand),var(--brand-strong));justify-content:center;flex:none}.brand-mark svg{width:16px;height:16px}.brand-name{font-family:Fraunces,serif;font-size:18px;font-weight:600;letter-spacing:-.01em}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--text-secondary);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item svg{width:16px;height:16px;flex:none;opacity:.8}.nav-item.active{background:var(--brand-soft);color:var(--brand-strong)}.nav-item.active svg{opacity:1}.nav-item[data-anchor],.nav-item[data-view]{cursor:pointer}.nav-item[data-anchor]:hover,.nav-item[data-view]:hover{background:var(--surface-2);color:var(--text-primary)}.nav-item[data-anchor].active:hover,.nav-item[data-view].active:hover{background:var(--brand-soft);color:var(--brand-strong)}.nav-item[data-anchor]:focus-visible,.nav-item[data-view]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.nav-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:4px 10px 2px}.sidebar-footer{margin-top:auto;padding:12px 10px;border-top:1px solid var(--hairline)}.sync-row{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-muted)}.sync-dot{width:6px;height:6px;border-radius:50%;background:var(--good);flex:none}.main{flex:1 1;min-width:0;padding:24px 32px 64px;max-width:1180px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.topbar h1{font-family:Fraunces,serif;font-size:26px;font-weight:600}.topbar p{margin:4px 0 0;color:var(--text-secondary);font-size:13.5px}.badge{gap:6px;font-size:11px;letter-spacing:.03em;padding:4px 9px;border-radius:100px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--hairline)}.badge,.btn{display:inline-flex;align-items:center;font-weight:600}.btn{gap:7px;background:var(--brand);color:#fff;border:none;padding:9px 15px;border-radius:8px;font-size:13px;font-family:inherit;cursor:pointer;box-shadow:var(--shadow)}.btn svg{width:14px;height:14px}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}.card-title{font-size:14px;font-weight:600}.card-sub{font-size:12px;color:var(--text-muted)}.grid-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.grid-2{grid-template-columns:1.4fr 1fr;grid-gap:16px;align-items:stretch}.grid-2,.grid-3{display:grid;gap:16px;margin-bottom:16px}.grid-3{grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.grid-2-wide{grid-template-columns:1.5fr 1fr}.grid-2-even{grid-template-columns:1fr 1fr}.section-head{margin:6px 0 14px}.section-head h2{font-family:Fraunces,serif;font-size:19px;font-weight:600}.section-head p{margin:3px 0 0;font-size:12.5px;color:var(--text-secondary)}.bills-summary{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.bills-summary .card{padding:16px 18px}.freq-tag{font-size:10.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:5px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--hairline)}.autopay,.freq-tag{display:inline-flex;align-items:center}.autopay{gap:5px;font-size:12px;color:var(--text-muted)}.autopay.on{color:var(--good)}.autopay svg{width:12px;height:12px;flex:none}.period-toggle{display:inline-flex;background:var(--surface-2);border:1px solid var(--hairline);border-radius:8px;padding:2px;gap:2px}.period-btn{font-family:inherit;font-size:12px;font-weight:600;color:var(--text-secondary);background:none;border:none;padding:6px 12px;border-radius:6px;cursor:pointer}.period-btn.active{background:var(--surface);color:var(--brand-strong);box-shadow:var(--shadow)}@media (max-width:980px){.grid-stats{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-2-even,.grid-2-wide,.grid-3{grid-template-columns:minmax(0,1fr)}.bills-summary{grid-template-columns:1fr}}.stat-label{font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}.stat-value{font-family:Fraunces,serif;font-size:27px;font-weight:600;letter-spacing:-.01em;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:6px}.stat-delta.up{color:var(--good)}.stat-delta.down{color:var(--critical)}.stat-delta svg{width:11px;height:11px}.stat-foot{font-size:11.5px;color:var(--text-muted);margin-top:2px}.spark{margin-top:10px;display:block}.stackbar{display:flex;width:100%;height:10px;border-radius:5px;overflow:hidden;gap:2px;background:var(--surface-2)}.stackbar>span{display:block;height:100%}.blist{display:flex;flex-direction:column;margin-top:14px}.brow{display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;grid-gap:10px;gap:10px;padding:8px 0;border-top:1px solid var(--hairline)}.brow:first-child{border-top:none}.bdot{width:9px;height:9px;border-radius:3px}.bname{font-size:13px;font-weight:500}.bsub{font-size:11.5px;color:var(--text-muted)}.bamt{font-size:13px;font-weight:600}.bamt,.bpct{text-align:right}.bpct{font-size:11.5px;color:var(--text-muted);min-width:38px}.gauge-wrap{display:flex;flex-direction:column;align-items:center;position:relative}.gauge-value{font-family:Fraunces,serif;font-size:34px;font-weight:600;margin-top:-6px}.gauge-band-label{font-size:12.5px;font-weight:600;color:var(--brand-strong);background:var(--brand-soft);padding:3px 10px;border-radius:100px;margin-top:8px}.gauge-scale{display:flex;justify-content:space-between;width:180px;font-size:10.5px;color:var(--text-muted);margin-top:4px}.gauge-dual{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.gauge-wrap.small .gauge-value{font-size:22px;margin-top:-2px}.gauge-wrap.small .gauge-band-label{font-size:11px;padding:2px 9px;margin-top:5px}.gauge-person{font-size:11.5px;font-weight:600;color:var(--text-secondary);margin-top:2px}.gauge-scale-shared{display:flex;justify-content:space-between;width:100%;max-width:280px;margin:6px auto 0;font-size:10.5px;color:var(--text-muted)}.stat-dual{display:flex;gap:20px;margin-top:6px}.stat-dual .stat-value{font-size:24px;margin-top:0}.stat-dual .stat-foot{margin-top:3px}.ratio-track{display:flex;height:34px;border-radius:8px;overflow:hidden;width:100%}.ratio-track .assets{background:var(--brand)}.ratio-track .debts{background:var(--surface-2);border:1px solid var(--hairline);border-left:none}.ratio-legend{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--text-secondary)}.ratio-legend b{color:var(--text-primary);font-family:IBM Plex Mono,monospace}.chart-wrap{position:relative}.tooltip{position:absolute;pointer-events:none;z-index:5;background:var(--text-primary);color:var(--page-bg);font-size:11.5px;padding:7px 10px;border-radius:7px;transform:translate(-50%,-115%);white-space:nowrap;opacity:0;transition:opacity .1s ease;box-shadow:0 6px 18px rgba(0,0,0,.25)}.tooltip .t-title{font-weight:600;margin-bottom:2px}.tooltip .t-row{display:flex;gap:8px;justify-content:space-between;opacity:.85}.tooltip.show{opacity:1}.legend-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-swatch{width:9px;height:9px;border-radius:2px}.legend-line{width:14px;height:2px;border-radius:1px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:0 10px 10px;border-bottom:1px solid var(--hairline)}td.num-col,th.num-col{text-align:right}td{padding:10px;border-bottom:1px solid var(--hairline);vertical-align:middle}tr:last-child td{border-bottom:none}.merchant{font-weight:500}.acct-tag{font-size:11.5px;color:var(--text-muted)}.cat-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.cat-chip .bdot{width:8px;height:8px}.amt-out{font-weight:600}.table-scroll{overflow-x:auto}.foot-note{margin-top:30px;padding-top:18px;border-top:1px solid var(--hairline);font-size:12px;color:var(--text-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.split-toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;cursor:pointer;font:inherit;color:inherit}.split-toggle .chev{width:11px;height:11px;transition:transform .15s ease;color:var(--text-muted);flex:none}.split-toggle.open .chev{transform:rotate(90deg)}tr.split-row{display:none}tr.split-row.open{display:table-row}tr.split-row td{background:var(--surface-2);padding:12px 14px 14px 40px;border-bottom:1px solid var(--hairline)}.split-line{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:12.5px}.split-line .bname2{flex:1 1;color:var(--text-secondary)}.split-input-wrap{display:flex;align-items:center;gap:2px}.split-input{width:80px;text-align:right;font-family:IBM Plex Mono,monospace;font-size:12.5px;padding:4px 7px;border:1px solid var(--hairline);border-radius:6px;background:var(--surface);color:var(--text-primary)}.split-input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.split-remaining{margin-top:8px;padding-top:8px;border-top:1px dashed var(--hairline);font-size:11.5px;font-weight:600;text-align:right}.split-remaining.ok{color:var(--good)}.split-remaining.warn{color:var(--critical)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.empty-nw{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:230px;gap:6px}.empty-nw .bignum{font-family:Fraunces,serif;font-size:40px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.empty-nw .hint,.empty-nw .lbl{font-size:12px;color:var(--text-muted)}.empty-nw .hint{margin-top:14px;padding-top:12px;border-top:1px dashed var(--hairline);max-width:320px}.pending-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--warning);background:var(--surface-2);padding:3px 9px;border-radius:100px;border:1px solid var(--hairline)}.amt-in{font-weight:600;color:var(--good)}.card-note{font-size:11.5px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--hairline)}.card-note,.chart-foot{color:var(--text-muted)}.chart-foot{font-size:11px;margin-top:6px}.insights-section{margin-bottom:16px}.insights-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px;gap:10px;flex-wrap:wrap}.insights-head h2{font-family:Fraunces,serif;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.insights-head h2 svg{width:14px;height:14px;color:var(--brand);flex:none}.insights-head p{margin:2px 0 0;font-size:11.5px;color:var(--text-muted)}.insights-grid{column-count:2;column-gap:22px}.insight-card{page-break-inside:avoid;break-inside:avoid;display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-top:1px solid var(--hairline)}.insight-card:first-child{border-top:none;padding-top:0}.insight-icon{width:19px;height:19px;border-radius:6px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--surface-2);margin-top:1px}.insight-icon svg{width:10.5px;height:10.5px}.insight-icon.warn{color:var(--warning)}.insight-icon.good{color:var(--good)}.insight-icon.info{color:var(--brand-strong)}.insight-title{font-size:12px;font-weight:600;line-height:1.3}.insight-detail{font-size:11px;color:var(--text-secondary);margin-top:2px;line-height:1.4}@media (max-width:980px){.insights-grid{column-count:1}}.cat-manage-list{display:flex;flex-direction:column}.cat-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid var(--hairline)}.cat-row:first-child{border-top:none}.cat-swatch{width:20px;height:20px;border-radius:6px;border:1px solid var(--border);padding:0;cursor:pointer;flex:none}.cat-name-input{flex:1 1;border:1px solid transparent;background:none;font-size:13px;font-weight:500;color:var(--text-primary);font-family:inherit;padding:5px 7px;border-radius:6px;min-width:0}.cat-name-input:hover{border-color:var(--hairline)}.cat-name-input:focus-visible{outline:2px solid var(--brand);outline-offset:0;border-color:transparent;background:var(--surface-2)}.cat-builtin-tag{font-size:10.5px;color:var(--text-muted);flex:none}.cat-del-btn,.row-del-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:5px;border-radius:6px;display:flex;flex:none}.cat-del-btn svg,.row-del-btn svg{width:14px;height:14px}.cat-del-btn:hover,.row-del-btn:hover{color:var(--critical);background:var(--surface-2)}.cat-add-row{display:flex;align-items:center;gap:10px;padding-top:14px;margin-top:8px;border-top:1px dashed var(--hairline);flex-wrap:wrap}.cat-add-row input[type=color]{width:34px;height:34px;padding:2px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface);cursor:pointer}.settings-select{padding:5px 6px;max-width:100%}.settings-input,.settings-select{font-family:inherit;font-size:12.5px;color:var(--text-primary);background:var(--surface);border:1px solid var(--hairline);border-radius:6px}.settings-input{padding:5px 7px;width:100%;min-width:110px}.settings-amount{font-family:IBM Plex Mono,monospace;font-size:12.5px;text-align:right;width:88px}.settings-cat-select{display:inline-flex;align-items:center;gap:6px}.settings-cat-select .bdot{flex:none}.report-card{font-size:13px}.report-line{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;border-top:1px solid var(--hairline);font-size:12.5px}.report-line:first-child{border-top:none}.report-line .rl-name{color:var(--text-secondary)}.report-group-label{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-top:12px}.report-group-label:first-child{margin-top:0}.menu-toggle,.sidebar-backdrop{display:none}@media (max-width:500px){.menu-toggle{display:flex;align-items:center;justify-content:center;position:fixed;top:14px;left:14px;z-index:60;width:38px;height:38px;border-radius:9px;background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow);color:var(--text-primary);cursor:pointer}.menu-toggle svg{width:18px;height:18px}.menu-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.shell{position:relative}.sidebar{position:fixed;top:0;left:0;z-index:55;transform:translateX(-100%);transition:transform .22s ease}.shell.nav-open .sidebar{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .22s ease}.shell.nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}.main{padding-top:70px}}@media print{.menu-toggle,.print-btn,.sidebar,.sidebar-backdrop{display:none!important}.main{max-width:100%;padding:0}body{background:#fff}.card{box-shadow:none;page-break-inside:avoid;break-inside:avoid}}