.date-strip,.metric,.account-panel,.activity-panel,.spending-weeks{font-variant-numeric:tabular-nums}
.date-strip{display:flex;align-items:center;gap:13px;padding:10px 16px;margin:13px 0;border:1px solid #d9ded2;border-radius:10px;background:#fafbf5}
.date-sheet{width:42px;text-align:center;border:1px solid #9ba99a;border-top:4px solid #456550;border-radius:4px;background:#fffef8;color:#2c4937;line-height:1}
.date-sheet b{display:block;font:600 22px/1.05 var(--serif);padding-top:3px}.date-sheet small{display:block;font:600 10px/1.1 var(--sans);padding-bottom:3px}
.date-choice{display:flex;flex-direction:column;gap:2px;min-width:0}.date-choice span{font-size:11px;color:#526555}.date-choice input{width:155px;max-width:100%;font:600 15px var(--sans);color:#203c2f;border:0;background:transparent;padding:1px 0}
.date-tools,.account-links,.account-search{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.date-tools{margin-left:auto;flex-wrap:nowrap}.date-tools .btn{min-height:32px}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin:12px 0 20px}.metric{display:grid;grid-template-columns:30px minmax(0,1fr);align-content:start;align-items:center;column-gap:8px;padding:14px 15px;border:1px solid #d6dcd1;border-radius:10px;background:#fffefa;min-width:0}.metric>.bubble{width:28px;height:28px}.metric>span:not(.bubble){font-size:12px;color:#526457}.metric strong{grid-column:1/-1;margin-top:9px;font:590 clamp(20px,2.4vw,31px)/1.1 var(--serif);overflow-wrap:anywhere;color:#254533}.metric small{grid-column:1/-1}
.week-plot{height:142px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:9px}.plot-day{display:grid;grid-template-rows:20px 1fr 20px;align-items:center;justify-items:center;border:1px solid transparent;padding:4px;border-radius:6px;font:550 12px var(--sans);color:#4b5a50;min-width:0}.plot-day.active{background:#edf2e6;border-color:#bdcdb9;color:#213d2e}.plot-track{width:68%;height:100%;display:flex;align-items:flex-end;border-bottom:1px solid #c2cec2;background:repeating-linear-gradient(to top,transparent 0 24%,#e9eae3 24% 25%)}.plot-track i{width:100%;display:block;background:#92a88b;border-radius:4px 4px 0 0}.active .plot-track i{background:#396447}
.spending-weeks{padding:14px 16px;border:1px solid var(--line);border-radius:9px;margin:14px 0}.spending-weeks h3{margin:0}.trend-row{display:grid;grid-template-columns:68px minmax(30px,1fr) minmax(64px,auto);align-items:center;gap:10px;margin:10px 0;font-size:12px}.trend-row b{text-align:right;overflow-wrap:anywhere}.trend-track{background:#f0ede3;border-radius:5px;height:9px}.trend-track i{display:block;height:100%;background:#7e674d;border-radius:5px}.statgrid>div{min-width:0}.statgrid b,.budget-meter em{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.account-panel{margin:14px 0}.account-panel h2,.activity-panel h2{font-family:var(--serif)}.account-panel p{color:#526256;font-size:14px;line-height:1.5}.account-links{margin:13px 0 3px}.file-links{border-top:1px solid var(--line);padding-top:15px}.member-ident{display:flex;gap:12px;align-items:center;min-width:0}.member-ident h2,.backup-row strong,.audit-line span{overflow-wrap:anywhere}.member-ident p{margin:4px 0}.backup-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.backup-row>div{flex:1;min-width:0}.backup-row strong,.backup-row small{display:block}.backup-row small,.audit-line small{color:#647067;font-size:11px}.audit-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.audit-line small{margin-left:auto}.account-search{margin:12px 0}.account-search input{flex:1;min-width:60px}.recovery-code{display:block;overflow-wrap:anywhere;background:#f1f3e9;padding:13px;border-radius:6px;user-select:all}.form-error:not(:empty){color:#913c2e;font-size:13px}.account-empty{padding:12px 0}.calcell.pick,.dateday.picked{outline:2px solid #386249;outline-offset:-2px}.viewtabs a.active{font-weight:700}
@media(max-width:620px){.date-strip{gap:8px;padding:8px}.date-sheet{width:34px;flex:none}.date-tools{gap:3px}.date-tools .iconbtn{width:27px}.date-tools .btn{padding:4px 7px;font-size:11px}.date-choice input{width:130px;font-size:13px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.metric{padding:9px;grid-template-columns:23px minmax(0,1fr);gap:5px}.metric>.bubble{width:23px;height:23px}.metric>span:not(.bubble){font-size:11px}.week-plot{gap:3px}.backup-row{flex-wrap:wrap;gap:5px}.backup-row>.bubble{display:none}.backup-row .btn{font-size:11px;padding:5px}.trend-row{grid-template-columns:55px minmax(24px,1fr) minmax(54px,auto);gap:5px}.member-ident h2{font-size:21px}.activity-panel .panelhead{flex-wrap:wrap}}
@media print{.date-tools,.account-links,.account-search{display:none}.week-plot i,.trend-track i{print-color-adjust:exact}}