:root{--expense-report-bg:#18111f;--expense-report-panel:#251a2d;--expense-report-ink:#f8efff;--expense-report-muted:#c4b5cf;--expense-report-border:#66506f;--expense-report-positive:#72e0b0;--expense-report-negative:#ff8a9e}
html[data-theme="cream"]{--expense-report-bg:#fffbf3;--expense-report-panel:#f0e8da;--expense-report-ink:#352a20;--expense-report-muted:#6e6050;--expense-report-border:#c3b296;--expense-report-positive:#126443;--expense-report-negative:#a43738}
#transactions .tx-balance-value-row{display:flex;align-items:center;gap:8px;margin:8px 0 12px;min-width:0}
#transactions .tx-balance-value-row>strong{margin:0;min-width:0;max-width:calc(100% - 52px);overflow-wrap:anywhere}
#transactions .tx-info-button{display:grid;place-items:center;flex:0 0 44px;min-width:44px;min-height:44px;padding:0;background:transparent;border:0;color:var(--expense-report-muted);cursor:pointer}
#transactions .tx-info-button>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid currentColor;border-radius:50%;font:italic 700 16px/1 Georgia,serif;color:var(--expense-report-muted)!important}
#transactions .tx-balance-explanation{margin:0 0 20px;font-size:12px;line-height:1.5;color:var(--expense-report-muted)}
#transactions :is(#txMonthBalance,#txMiniBalance).is-clear{color:var(--expense-report-ink)!important;text-shadow:none}
#transactions .tx-quick-balance>div>span{white-space:normal;line-height:1.4}
html #txExpenseReportDialog.tx-expense-report{width:min(640px,calc(100% - 28px));max-width:640px;max-height:90dvh;padding:0;border:1px solid var(--expense-report-border);border-radius:26px;background:var(--expense-report-bg);color:var(--expense-report-ink);box-shadow:0 22px 70px #0005;overflow:auto}
#txExpenseReportDialog::backdrop{background:#151016a0;backdrop-filter:blur(5px)}
#txExpenseReportDialog .tx-report-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:14px;padding:20px;background:var(--expense-report-bg);border-bottom:1px solid var(--expense-report-border)}
#txExpenseReportDialog .tx-report-head>div{min-width:0}
#txExpenseReportDialog .tx-report-head small{font:700 10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em;color:var(--expense-report-muted)}
#txExpenseReportDialog h2{margin:5px 0;font-size:23px;letter-spacing:-.035em;overflow-wrap:anywhere;color:var(--expense-report-ink)}
#txExpenseReportDialog #txReportScope{margin:4px 0 0;font-size:12px;color:var(--expense-report-muted)}
#txExpenseReportDialog #txReportClose{flex:none;width:44px;height:44px;padding:0;border:1px solid var(--expense-report-border);border-radius:50%;background:var(--expense-report-panel);color:var(--expense-report-ink);font-size:25px;cursor:pointer}
#txExpenseReportDialog .tx-report-body{padding:18px 20px 24px}
#txExpenseReportDialog #txExpenseReportHelp{margin:0 0 18px;font-size:13px;line-height:1.6;color:var(--expense-report-muted)}
#txExpenseReportDialog .tx-report-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#txExpenseReportDialog .tx-report-totals article{min-width:0;padding:16px 12px;border:1px solid var(--expense-report-border);border-radius:16px;background:var(--expense-report-panel)}
#txExpenseReportDialog .tx-report-totals span{display:block;margin-bottom:7px;font-size:12px;color:var(--expense-report-muted)}
#txExpenseReportDialog .tx-report-totals strong{display:block;font-size:clamp(19px,5vw,26px);line-height:1.25;letter-spacing:-.03em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#txExpenseReportDialog #txReportPaid{color:var(--expense-report-positive)}
#txExpenseReportDialog #txReportOpen{color:var(--expense-report-negative)}
#txExpenseReportDialog .tx-report-breakdown{margin:16px 0;padding:0}
#txExpenseReportDialog .tx-report-breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--expense-report-border)}
#txExpenseReportDialog dt{font-size:12px;line-height:1.5;color:var(--expense-report-muted)}
#txExpenseReportDialog dd{margin:0;font-size:13px;font-weight:750;color:var(--expense-report-ink);font-variant-numeric:tabular-nums}
#txExpenseReportDialog .tx-report-note{padding:10px;border:1px dashed var(--expense-report-border);border-radius:10px;color:var(--expense-report-muted);font-size:12px;line-height:1.5}
#txExpenseReportDialog h3{margin:24px 0 8px;font-size:16px;color:var(--expense-report-ink)}
#txExpenseReportDialog .tx-report-list{padding:0;margin:0;list-style:none}
#txExpenseReportDialog .tx-report-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--expense-report-border)}
#txExpenseReportDialog .tx-report-list li>div{flex:1;min-width:0}
#txExpenseReportDialog .tx-report-list strong{display:block;font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:var(--expense-report-ink)}
#txExpenseReportDialog .tx-report-list small{display:block;margin-top:3px;font-size:11px;line-height:1.6;color:var(--expense-report-muted)}
#txExpenseReportDialog .tx-report-list b{flex:0 1 auto;max-width:45%;min-width:0;font-size:13px;line-height:1.5;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;color:var(--expense-report-ink)}
#txExpenseReportDialog .tx-report-empty{font-size:13px;line-height:1.5;color:var(--expense-report-muted)}
:is(#txReportClose,.tx-info-button):focus-visible{outline:3px solid var(--purple);outline-offset:3px}
@media(max-width:700px){html #txExpenseReportDialog.tx-expense-report{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:640px;max-height:92dvh;border-radius:26px 26px 0 0;border-bottom:0}.tx-report-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}}
@media(max-width:360px){#transactions .tx-balance-value-row>strong{font-size:32px!important}#txExpenseReportDialog .tx-report-head{padding:16px}#txExpenseReportDialog .tx-report-body{padding:16px}#txExpenseReportDialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){#txExpenseReportDialog,*:is(.tx-info-button){animation:none!important;transition:none!important;scroll-behavior:auto}}
@media(forced-colors:active){#txExpenseReportDialog,:is(#txReportClose,.tx-info-button){border-color:CanvasText;background:Canvas;color:CanvasText}#txExpenseReportDialog [data-private-value]{color:CanvasText!important}:is(#txReportClose,.tx-info-button):focus-visible{outline-color:Highlight}}