.themeChoice{display:grid;gap:8px;margin:18px 0;font-size:14px}.themeChoice select{width:100%}
html[data-theme=dark]{color-scheme:dark;background:#101820;color:#e4edf4;--budget-background:#101820!important;--budget-page-text:#e4edf4!important;--budget-sidebar:#0c131b!important;--budget-sidebar-text:#d1dce6!important;--budget-accent:#70d4c4!important;--budget-accent-text:#102520!important}
html[data-theme=dark] body{background:#101820;color:#e4edf4}
html[data-theme=dark] :where(.panel,.metric,.period,.authCard,dialog,.monthcell,.day,.dashboardMetrics.dashboardList,.dashboardList .metric,.formactions,dialog>.sectionhead,#editor form>.sectionhead,#mobileNav){background:#192530!important;color:#e4edf4!important;border-color:#354652!important}
html[data-theme=dark] :where(button,input,select,textarea){background:#22323f!important;color:#e4edf4!important;border-color:#435564!important}
html[data-theme=dark] :where(button:hover,summary:hover){background:#304653!important}
html[data-theme=dark] :where(button.primary,.metric.featured,.navactive,button.active,button[aria-pressed=true],.period.selected){background:#70d4c4!important;color:#102520!important;border-color:#70d4c4!important}
html[data-theme=dark] :where(.metric.featured small,.metric.featured .label,.period.selected small){color:#24443f!important}
html[data-theme=dark] :where(p,small,.note,.metric .label,.legend,.eyebrow,.label,.bankEntryName small,.bankRunning small,.sharingRow small,.source,.schedule-status,#assignmentHelp,#paydaySetupPreview){color:#b7c8d5!important}
html[data-theme=dark] :where(th,.weekdays,.dashboardViewToggle,.bankActionContents,.accountField,.billOverviewTools,.bankTotal,.bankStartingRow,.dateoverview,.loanSummary,.loanSummary p,#mobileBankTotals,#mobileBankTabs,.dashboardNotice,.duplicateGroup,#count){background:#233641!important;color:#e4edf4!important;border-color:#435564!important}
html[data-theme=dark] :where(td,th,.bankBill,.bankPendingRow,.bankListHeading,.depositrow,.sharingRow,.monthcell,.bankStartingRow,fieldset,#bankPaidHistory,#bankUpcoming,#removedBudgetBackups){border-color:#354652!important}
html[data-theme=dark] :where(tr:nth-child(even),.monthcell.outside,.finished){background:#1e2c37!important}
html[data-theme=dark] :where(#bankPending.bankPendingList .bankPendingRow,#bankBills>.bankBill){background:#192530!important;color:#e4edf4!important}
html[data-theme=dark] :where(#bankPending.bankPendingList .bankPendingRow:nth-of-type(odd),#bankBills>.bankBill:nth-of-type(odd)){background:#253540!important}
html[data-theme=dark] .bankItemActions>summary{background:transparent!important;color:#e4edf4!important}
html[data-theme=dark] :where(.negative,.delete-bill,#delete,#authMessage,#cloudWarning){color:#ffb1b7!important}
html[data-theme=dark] :where(.badge,.schedule-status){background:#30424e!important}
html[data-theme=dark] input::placeholder{color:#9aafbf;opacity:1}
html[data-theme=dark] :where(.calendar-income,.calendar-bill){background:#27443f;color:#d6f4e9}
html[data-theme=dark] dialog::backdrop{background:#0009}
html[data-theme=dark] :where(.bills td:before,#billDirectory td:before){color:#b7c8d5!important}
html[data-theme=dark] #budgetApp #mobileNav button{color:#e4edf4!important}
html[data-theme=dark] #budgetApp #mobileNav button[aria-pressed=true]{color:#102520!important}
html[data-theme=dark] :where(button,input,select,summary):focus-visible{outline-color:#8ecaff}

html[data-theme=dark] .metric.featured,html[data-theme=dark] .period.selected{background:#70d4c4!important;color:#102520!important}html[data-theme=dark] .metric.featured :where(small,.label),html[data-theme=dark] .period.selected small{color:#24443f!important}
html[data-theme=dark] .spendDonut>div{background:#172b38;color:#eef5fa}html[data-theme=dark] .spendBarTrack{background:#294250}html[data-theme=dark] .spendBarRow,html[data-theme=dark] .categoryColorRow{border-color:#3a5260}