body[data-page="finance"]{color:#30425f;background:#e6edfa}
body[data-page="finance"] .scene::before{background:linear-gradient(#f5f8fcd9,#f5f8fce8),url('media/today-alpenglow-v2.png') center/cover no-repeat}
.finance-page{padding:8px 0 40px;--finance-line:#637a982b;font-size:15px;line-height:1.7}
.finance-page button,.finance-page input,.finance-page select{font:inherit;color:inherit}
.finance-page button{cursor:pointer}.finance-page button:disabled{opacity:.5;cursor:wait}
.finance-page button:focus-visible,.finance-page input:focus-visible,.finance-page select:focus-visible{outline:2px solid #7b9cbb;outline-offset:3px}
.finance-back{border:0;background:none;padding:0;color:#657890!important;font-size:13px!important}
.finance-heading{margin:24px 0 30px}.finance-heading h1{font-size:32px;font-weight:500;letter-spacing:2px;margin:0}.finance-heading p{color:#718198;font-size:14px;margin:8px 0}
.finance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.finance-toolbar input{background:transparent;border:0;width:130px}.finance-toolbar button{border:1px solid var(--finance-line);border-radius:20px;padding:6px 13px;background:#ffffff66;white-space:nowrap}
.finance-flow{padding:32px 0;border-bottom:1px solid var(--finance-line)}.finance-flow>span{font-size:14px;color:#657890}.finance-flow>strong{display:block;font-size:36px;font-weight:400;letter-spacing:-1px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.finance-flow>p{font-size:11px;color:#718198;margin:4px 0 25px}
.finance-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.finance-totals span{display:block;color:#718198;font-size:12px}.finance-totals b{font-size:16px;font-weight:400;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.finance-page h2{font-weight:500;font-size:18px;margin:0 0 18px}.finance-balances{padding:28px 0;border-bottom:1px solid var(--finance-line)}.finance-balance{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0}.finance-balance small{display:block;color:#718198;font-size:11px}.finance-balance button{border:0;background:none;text-align:right;font-variant-numeric:tabular-nums}.finance-note,.finance-footnote{font-size:11px;color:#718198;line-height:1.7}.finance-ledger{padding-top:28px}.finance-ledger-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.finance-ledger-heading select{max-width:120px;border:0;background:transparent;font-size:13px}
.finance-record{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;width:100%;padding:17px 0;border:0;border-bottom:1px solid #637a9818;background:none}.finance-record>span{min-width:0}.finance-record b{font-weight:400;display:block;overflow-wrap:anywhere}.finance-record small{font-size:11px;color:#718198}.finance-record strong{font-weight:400;font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.finance-empty{color:#718198;font-size:14px;padding:20px 0 30px}.finance-mira,.finance-trash{border-top:1px solid var(--finance-line);padding:18px 0;font-size:13px}.finance-mira summary,.finance-trash summary{cursor:pointer}.finance-mira summary span{float:right;color:#718198}.finance-mira p,.finance-trash p{color:#718198;font-size:12px}.finance-mira button,.finance-trash button{background:none;border:0;padding:12px 0;color:#4c6f91}.finance-mira label{display:flex;align-items:center;gap:10px}.finance-trash>div{display:flex;gap:15px;justify-content:space-between}.finance-footnote{text-align:center;margin-top:20px}.finance-status{font-size:12px;color:#536f89}
#financeSheet{width:min(390px,calc(100% - 28px));padding:24px;border-radius:22px;max-height:85dvh;overflow:auto}#financeSheet header{display:flex;justify-content:space-between;align-items:baseline}#financeSheet header button{border:0;background:none;font-size:24px}#financeSheet label{display:block;margin:14px 0;font-size:13px}#financeSheet input,#financeSheet select{display:block;box-sizing:border-box;width:100%;min-height:44px;margin-top:5px;padding:8px 12px;border:1px solid #cbd6e2;border-radius:10px;background:#ffffff88;font-size:16px}#financeSheet .finance-save{width:100%;padding:10px;border:0;border-radius:22px;background:#7893ae;color:white}.finance-form-hint{font-size:12px;color:#718198}.finance-form-error{font-size:13px;color:#99535b}.finance-delete{display:block;margin:12px auto 0;background:none;border:0;padding:8px;color:#99535b!important}
@media(max-width:360px){.finance-flow>strong{font-size:30px}.finance-totals{gap:6px}.finance-totals b{font-size:14px}.finance-record strong{font-size:14px}}