:root{--bg:#f5f7f2;--paper:#fffefa;--paper-2:#eef3ed;--text:#18382d;--muted:#65776e;--line:#dfe7dd;--navy:#143d30;--navy-2:#20523f;--accent:#167855;--accent-soft:#e0f0e5;--danger:#b64157;--good:#167855;--shadow:0 5px 24px #173d3010;--radius:20px;color-scheme:light}
[data-theme=dark]{--bg:#101f19;--paper:#192c23;--paper-2:#20382c;--text:#eef4ed;--muted:#a9bcb0;--line:#334b3d;--navy:#123c2a;--navy-2:#214d37;--accent:#8ad4ac;--accent-soft:#284d38;--danger:#ff9cac;--good:#8ad4ac;--shadow:0 5px 24px #0002;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}a{color:var(--accent)}button,input,select,textarea{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input,select,textarea{max-width:100%}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.2}h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:23px;margin:0 0 18px;letter-spacing:-.45px}h3{font-size:16px;margin:0 0 12px}button{transition:background .18s,box-shadow .18s,transform .18s}.app{min-height:100vh}.sidebar{width:224px;background:linear-gradient(160deg,#143d30,#0d2c22);position:fixed;inset:16px auto 16px 16px;border-radius:24px;color:#eff8ef;padding:28px 16px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:4px 12px 34px;font:28px Georgia,serif;line-height:1}.brand div>span{display:block;font:12px system-ui,sans-serif;letter-spacing:.8px;margin-top:9px;color:#b8d2bf}.brandmark{display:grid;place-items:center;width:40px;height:46px;border-radius:24px 2px 24px 2px;background:#67b792;color:#113a28;font:32px system-ui}.nav{display:flex;flex-direction:column;gap:7px}.nav button{display:flex;gap:14px;align-items:center;text-align:left;color:#c7dccf;background:none;border:1px solid transparent;padding:13px 15px;border-radius:12px;font-size:13px;font-weight:550;min-height:46px}.nav button>span{font-size:21px;width:24px}.nav button.active{background:linear-gradient(90deg,#2f6a50,#24553f);color:#fff;border-color:#46765e;box-shadow:inset 3px 0 #8fd4ab}.nav button:hover{background:#ffffff12;color:#fff}.sidefoot{margin-top:auto;padding:20px 12px 4px;font-size:12px;color:#cee1d3}.sidefoot small{display:block;margin-top:10px;color:#91b19d;line-height:1.8}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#96d4ad;margin-right:6px}.chev{display:none}.main{margin-left:256px;padding:30px 32px 115px;max-width:1700px}.top{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:0 0 24px;margin-bottom:18px;border-bottom:1px solid var(--line)}.top h1{font-size:23px;margin:0;letter-spacing:-.6px}.sub{color:var(--muted);font-size:12px;margin-top:6px}.top-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}#accountLabel{max-width:170px;overflow:hidden;text-overflow:ellipsis;display:none}.btn{border:1px solid transparent;border-radius:10px;background:var(--accent);color:#fff;padding:11px 16px;font-size:12px;font-weight:650;min-height:40px;box-shadow:0 3px 8px #143d3009}.btn:hover{filter:brightness(1.05);box-shadow:0 4px 12px #143d301a}.btn:active{transform:scale(.98)}.btn.secondary{background:var(--paper);border-color:var(--line);color:var(--text);box-shadow:none}.btn.warn{color:var(--danger);background:transparent;border-color:var(--line)}.btn.small{font-size:11px;padding:7px 9px;min-height:34px}.text-btn{border:0;background:none;color:var(--accent);font-weight:600;font-size:12px;padding:8px}.search{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper);color:var(--text);min-width:130px;min-height:40px}.welcome{display:flex;justify-content:space-between;align-items:center;padding:10px 0 26px;gap:24px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:750;color:var(--accent);display:block;margin-bottom:9px}.welcome h2{font-size:clamp(30px,3vw,43px);letter-spacing:-1.4px;line-height:1.12;margin:0 0 14px}.welcome p{max-width:440px;color:var(--muted);font-size:13px;margin:0}.welcome-aside{display:flex;align-items:center;gap:18px;font:italic 18px/1.5 Georgia,serif;color:var(--muted);padding-right:20px}.leafmark{display:grid;place-items:center;border-radius:48px 5px;width:78px;height:98px;background:var(--accent-soft);color:var(--accent);font:62px Georgia,serif;transform:rotate(-8deg)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0}.metric{padding:20px;position:relative}.metric .label{font-size:10px;font-weight:650;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.metric .number{font-size:clamp(20px,2vw,29px);font-weight:650;letter-spacing:-1.1px;line-height:1.3;margin:15px 0 9px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric .hint{font-size:10px;color:var(--muted)}.metric:first-child:before{content:'';display:block;position:absolute;top:0;left:20px;right:20px;height:2px;background:var(--accent)}.green{color:var(--good)}.red{color:var(--danger)}.dashboard-primary{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:18px;margin-top:22px}.dashboard-secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.chart-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.chart-title h2{margin:0}.soft-tag{font-size:10px;padding:6px 10px;border:1px solid var(--line);border-radius:30px;color:var(--muted);white-space:nowrap}.chart-key{display:flex;gap:20px;color:var(--muted);font-size:11px}.chart-key span{display:flex;align-items:center;gap:7px}.chart-key i{width:8px;height:8px;border-radius:50%;background:#167855}.chart-key .expense-key{background:#a8d2b5}.trend-columns{display:flex;align-items:flex-end;gap:16px;padding-top:24px}.trend-month{flex:1;min-width:0;text-align:center}.trend-pair{height:145px;display:flex;gap:6px;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 47px,var(--line) 48px,transparent 49px)}.trend-bar{min-height:2px;width:23px;max-width:40%;border-radius:4px 4px 0 0;transform-origin:bottom;background:#167855}.expense-bar{background:#a8d2b5}.trend-month>strong{display:block;font-size:11px;font-weight:500;margin-top:10px;color:var(--muted)}.trend-month small{font-size:9px;line-height:1.7;display:block;color:var(--muted);margin-top:5px}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wallet{border:0;border-radius:14px;background:linear-gradient(135deg,#163d30,#29634b);color:#f3f9f1;text-align:left;padding:18px;min-width:0;display:flex;flex-direction:column}.wallet-1{background:linear-gradient(135deg,#dcecdf,#c4dfc9);color:#173d2c}.wallet-2{background:linear-gradient(135deg,#e8eade,#d2d7bf);color:#3b452e}.wallet-top{display:flex;justify-content:space-between;align-items:center;font-weight:650;gap:8px}.wallet-name{font-size:10px;opacity:.75;margin:3px 0 24px}.wallet-caption{font-size:9px;opacity:.75;margin-bottom:5px}.wallet>strong{font-size:21px;letter-spacing:-.6px}.wallet-bottom{display:flex;justify-content:space-between;font-size:9px;margin-top:20px;gap:8px}.wallet-grid .wallet:nth-child(3){grid-column:1/-1}.wallet-grid .wallet:nth-child(3) .wallet-name{margin-bottom:12px}.donut-row{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.donut{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.donut-mid{width:120px;height:120px;border-radius:50%;background:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center}.donut-mid span{color:var(--muted);font-size:10px}.donut-mid strong{font-size:19px}.legend{flex:1;min-width:150px}.legend-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:11px}.legend-item span{display:flex;align-items:center}.legend-dot{width:8px;height:8px;border-radius:50%;margin-right:8px}.category-chart,.budget-chart{display:flex;flex-direction:column;gap:18px}.category-line,.budget-line{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:11px}.category-track,.budget-track,.progress{height:7px;border-radius:20px;background:var(--paper-2);overflow:hidden}.category-fill,.budget-fill,.progress>span{height:100%;display:block;border-radius:20px;background:var(--accent);transform-origin:left}.category-fill{background:linear-gradient(90deg,#167855,#9fc7a5)}.mini-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:18px;margin-bottom:0}.detail,.stat-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.detail:last-child,.stat-row:last-child{border:0}.detail>span{color:var(--muted)}.listrow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.listrow:last-child{border:0}.listrow .tiny{margin-top:5px}.right{text-align:right}.muted{color:var(--muted)}.tiny{font-size:10px}.empty{padding:26px 12px;color:var(--muted);font-size:12px;line-height:1.8;text-align:center}.section{display:none}.section.active{display:block}.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin:22px 0 18px}.toolbar h2{margin:0}.note{padding:15px 18px;background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:18px}.warning{background:var(--paper-2)}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.three{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.flex{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tablewrap{overflow:auto}.tbl{width:100%;border-collapse:collapse;min-width:680px;text-align:left}.tbl th{font-size:10px;font-weight:550;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:10px 12px 16px;border-bottom:1px solid var(--line)}.tbl td{font-size:12px;padding:18px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:var(--paper-2)}.tbl td:last-child{min-width:180px}.pill,.tag{display:inline-block;padding:4px 8px;font-size:10px;border-radius:8px;background:var(--paper-2);color:var(--muted)}.pill.green{background:var(--accent-soft);color:var(--good)}.pill.red{color:var(--danger)}.fields,.budget-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:11px;font-weight:600;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--paper);color:var(--text);min-height:44px}.field input:disabled{background:var(--paper-2);opacity:.8}.full{grid-column:1/-1}.actionrow{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialogback{position:fixed;inset:0;z-index:100;background:#102a2266;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:24px}.dialogback.open{display:flex}.dialog{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px;width:min(100%,590px);max-height:88dvh;overflow:auto;box-shadow:0 30px 100px #07211433}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.appearance-card{margin-bottom:18px}.preference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.settings-grid .card:last-child{grid-column:1/-1}.settings-grid p{font-size:12px;color:var(--muted);line-height:1.8}.settings-grid .field{margin-bottom:16px}.settings-grid .warn{margin-top:22px}.lockscreen{position:fixed;inset:0;z-index:200;background:radial-gradient(ellipse at 15% 20%,#cfe4d277,transparent 50%),var(--bg);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.lockbox{width:min(100%,430px);padding:34px;border-radius:26px;background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 80px #173d3015}.auth-mark{display:grid;place-items:center;width:48px;height:58px;margin-bottom:24px;border-radius:28px 3px;background:var(--accent-soft);color:var(--accent);font-size:36px}.lockbox h1{font:36px/1.13 Georgia,serif;letter-spacing:-1px;margin:12px 0 16px}.lockbox p{font-size:12px;line-height:1.8;color:var(--muted)}.lockbox .field{margin:18px 0}.lockbox .btn{display:block;width:100%;margin:10px 0}.lockbox small{display:block;font-size:10px;color:var(--muted);margin-top:20px}.syncbar{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 35px #173d3012;color:var(--muted);font-size:11px;max-width:780px;margin:auto}.syncbar>span{flex:1}.syncbar>span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}.syncbar .btn{font-size:10px;min-height:30px;padding:5px 8px}footer{margin-top:34px;font-size:10px;color:var(--muted)}[data-theme=dark] .btn:not(.secondary):not(.warn){color:#102c1d}[data-privacy=hide] #accountLabel{visibility:hidden}
@media(hover:hover){.wallet:hover,.metric:hover{transform:translateY(-2px);box-shadow:0 9px 28px #143d3019}.metric,.wallet{transition:transform .2s,box-shadow .2s}}
@keyframes page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes chart-in{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
[data-motion=subtle] .section.active{animation:page-in .2s ease-out}[data-motion=subtle] .dialogback.open .dialog{animation:dialog-in .18s ease-out}[data-motion=subtle] .trend-bar{animation:chart-in .4s ease-out}
[data-density=compact] .card{padding:17px}[data-density=compact] .tbl td{padding:11px 9px}[data-density=compact] .detail,[data-density=compact] .listrow{padding:9px 0}[data-density=compact] .main{padding-top:22px}[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;transition:none!important}
@media(min-width:1500px){.main{padding-left:45px;padding-right:45px}.dashboard-primary{grid-template-columns:1.65fr 1fr}.wallet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-grid .wallet:nth-child(3){grid-column:auto}}
@media(max-width:1150px){.main{padding:24px 22px 110px;margin-left:230px}.sidebar{width:200px}.brand{font-size:24px;padding-left:4px}.top{align-items:flex-start;flex-direction:column;gap:16px}.top-controls{justify-content:flex-start}.dashboard-primary{grid-template-columns:1fr}.dashboard-secondary{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}.wallet-grid{grid-template-columns:1fr}.wallet-grid .wallet:nth-child(3){grid-column:auto}.wallet-name{margin-bottom:12px}.donut-row{justify-content:center}.legend{min-width:100%}.soft-tag{white-space:normal;text-align:right}.three{grid-template-columns:1fr}.welcome-aside{display:none}}
@media(max-width:760px){.sidebar{inset:0 0 auto;width:100%;height:70px;border-radius:0;background:#143d30ed;backdrop-filter:blur(14px);padding:10px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand{padding:0;font-size:23px;gap:10px}.brandmark{width:30px;height:36px;font-size:26px}.brand div>span{font-size:9px;margin-top:5px}.chev{display:block;padding:9px 12px;background:#ffffff10;border:1px solid #ffffff25;color:#fff;border-radius:9px;font-size:12px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#143d30;padding:8px 14px 18px;border-radius:0 0 18px 18px;box-shadow:0 18px 28px #12332522}.sidebar.expanded .nav{display:grid;grid-template-columns:1fr 1fr}.nav button{font-size:12px;min-height:44px;padding:10px}.sidefoot{display:none}.main{margin:70px 0 0;padding:23px 16px 130px}.top{margin-bottom:10px;padding-bottom:20px}.top h1{font-size:20px}.top-controls{width:100%;gap:7px}.top-controls .btn{font-size:10px;padding:9px 10px}.top-controls .search{font-size:11px;min-width:135px;flex:1}.welcome{padding:10px 0 24px}.welcome h2{font-size:34px}.welcome p{font-size:12px;max-width:310px}.grid{gap:10px}.metric{padding:16px!important}.metric .label{font-size:9px}.metric .number{font-size:22px;margin:12px 0 7px}.metric .hint{font-size:9px}.card{padding:20px;border-radius:17px}.dashboard-primary,.dashboard-secondary,.two,.settings-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}.chart-title{gap:10px}.chart-title h2,h2{font-size:22px}.trend-columns{gap:8px}.trend-pair{height:130px;gap:4px}.trend-month small{font-size:8px}.wallet-grid{grid-template-columns:1fr 1fr}.wallet-grid .wallet:nth-child(3){grid-column:1/-1}.wallet{padding:16px}.wallet>strong{font-size:21px}.wallet-name{margin-bottom:20px}.donut-row{justify-content:flex-start}.legend{min-width:140px}.fields,.budget-grid,.preference-grid{grid-template-columns:1fr}.full{grid-column:auto}.settings-grid .card:last-child{grid-column:auto}.dialogback{padding:0;align-items:flex-end}.dialog{width:100%;border-radius:24px 24px 0 0;max-height:90dvh;padding:26px 22px;padding-bottom:max(26px,env(safe-area-inset-bottom))}.syncbar{flex-wrap:wrap;gap:6px;left:8px!important;right:8px!important;bottom:8px!important;font-size:10px;padding:8px 12px}.syncbar>span{flex-basis:100%}.syncbar .btn{min-height:32px}.lockscreen{padding:18px}.lockbox{padding:28px}.lockbox h1{font-size:33px}.field input,.field select,.field textarea{font-size:16px}.toolbar h2{font-size:22px}.toolbar .flex{width:100%}.toolbar .flex .search{flex:1}.row{flex-wrap:wrap}.mini-note{font-size:10px}.tablewrap{padding:12px}footer{line-height:1.8}}
@keyframes sheet-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:760px){[data-motion=subtle] .dialogback.open .dialog{animation:sheet-in .22s ease-out}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.tbl{min-width:0;display:block}.tbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tbl tbody{display:block}.tbl tr{display:block;padding:12px;margin:0 0 12px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.tbl tr:last-child{margin-bottom:0}.tbl td{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 0!important;text-align:right;min-width:0!important}.tbl td:before{content:attr(data-label);text-align:left;color:var(--muted);font-size:10px;flex-shrink:0}.tbl td:last-child{flex-wrap:wrap;justify-content:flex-end}.tbl td:last-child:before{margin-right:auto}.tbl td[colspan]{display:block;text-align:center}.tbl td[colspan]:before{content:none}.tbl td:first-child{flex-wrap:wrap}.tbl td:first-child br{display:none}.tbl tr[hidden]{display:none!important}.tablewrap{background:transparent;border:0;padding:0;box-shadow:none}.tbl .tag{max-width:170px;overflow-wrap:anywhere}}
@keyframes saving-spin{to{transform:rotate(360deg)}}.syncbar[data-saving=true]>span:before{width:10px;height:10px;background:transparent;border:2px solid var(--line);border-top-color:var(--accent);animation:saving-spin .8s linear infinite}[data-motion=off] .syncbar[data-saving=true]>span:before{animation:none}@media(prefers-reduced-motion:reduce){.syncbar[data-saving=true]>span:before{animation:none}}
/* Compact header sync badge; recovery actions stay outside the editing lock. */
#syncbar{position:absolute;top:15px;right:32px;bottom:auto;left:auto;z-index:60;display:block;width:auto;max-width:calc(100vw - 32px);margin:0;padding:0;border:0;background:none;box-shadow:none}
.sync-toggle{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:20px;padding:6px 11px;background:var(--paper);color:var(--muted);font-size:10px;min-height:30px}
.sync-toggle:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}.sync-toggle[data-warning=true]{color:var(--danger)}.sync-toggle[data-warning=true]:before{background:var(--danger)}
#syncPanel{position:absolute;right:0;top:38px;width:min(350px,calc(100vw - 32px));padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);font-size:11px;line-height:1.7}
#syncStatus{display:block;margin-bottom:10px}#syncPanel .btn{margin:3px 4px 0 0}
.main{padding-top:64px;padding-bottom:45px}[data-density=compact] .main{padding-top:64px}
@media(max-width:760px){#syncbar{top:82px!important;right:16px!important;left:auto!important;bottom:auto!important;padding:0}.main,[data-density=compact] .main{padding-top:56px;padding-bottom:35px}}
/* Account-based ledger */
.sidebar .nav{overflow-y:auto;min-height:0;gap:3px}.sidebar .brand{padding-bottom:20px}.sidebar .nav button{padding:9px 12px;min-height:39px;font-size:11px}.sidebar .sidefoot{padding-top:16px}.account-balance{font-size:28px;font-weight:650;letter-spacing:-1px;margin:12px 0}.section-gap{margin-top:20px}.ledger-filters{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.ledger-filters .search{flex:1}.category-item{margin:18px 0}#ledgerRoot .tbl{min-width:660px}#ledgerRoot .tbl small{display:block;max-width:230px;overflow-wrap:anywhere}#ledgerRoot .btn.small{margin:2px}#ledgerRoot .account-balance{font-variant-numeric:tabular-nums}#ledgerRoot .note .btn{margin:4px}.nav button.active{position:relative}#receiptLabel{display:block;overflow-wrap:anywhere;margin-top:8px}
@media(max-width:760px){.sidebar .nav{max-height:calc(100dvh - 80px);overflow-y:auto}.sidebar .brand{padding-bottom:0}#ledgerRoot .tbl{min-width:0}#ledgerRoot .tbl td{overflow-wrap:anywhere}.ledger-filters{flex-direction:column}#ledgerRoot .account-balance{font-size:25px}.sidebar .nav button{font-size:11px}}
@media print{body{background:white!important;color:black!important}.sidebar,.top-controls,#syncbar,.toolbar .btn,.chev,button,.dialogback,#authGate{display:none!important}.main{margin:0!important;padding:0!important;max-width:none}.card{box-shadow:none!important;break-inside:avoid;background:white!important;color:black!important}.section:not(.active){display:none!important}.grid{grid-template-columns:repeat(4,1fr)}.tablewrap{overflow:visible}.tbl{min-width:0!important}footer{margin-top:18px}}
/* Simple credit-card picker: selected card stays visually clear. */
.btn[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:14px}
.form-grid>.full{grid-column:1/-1}
@media(max-width:600px){.form-grid{grid-template-columns:1fr}}
/* Detailed dashboard charts — local rendering, no external chart service. */
.cashflow-chart{height:210px;display:flex;align-items:stretch;gap:14px;padding:18px 4px 8px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.cashflow-month{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.cashflow-bars{width:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:5px}
.income-bar,.out-bar{width:32%;max-width:28px;border-radius:6px 6px 0 0;transition:height .25s ease}
.income-bar,.income-dot{background:#2e755b}.out-bar,.out-dot{background:#bd9654}
.chart-legend{display:flex;gap:20px;color:var(--muted);font-size:12px}.chart-legend i,.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}
.payment-donut{width:200px;height:200px;border-radius:50%;display:grid;place-items:center;margin:18px auto 24px}
.payment-donut>div{width:148px;height:148px;border-radius:50%;background:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.payment-donut small{color:var(--muted)}.payment-donut strong{font-size:20px}
.total-line{border-top:2px solid var(--line);padding-top:16px}.card details{margin:16px 0}.card summary{cursor:pointer;color:var(--accent);font-weight:600}
[data-privacy=hide] .cashflow-chart{visibility:hidden}
@media(prefers-reduced-motion:reduce){.income-bar,.out-bar{transition:none}}
@media(max-width:600px){.cashflow-chart{gap:8px;height:180px}.payment-donut{width:180px;height:180px}.payment-donut>div{width:132px;height:132px}}