.theme-toggle{display:grid;place-items:center;width:32px!important;height:32px;padding:0!important;margin:12px 0 0!important;border:1px solid var(--stroke,var(--line));border-radius:50%;background:var(--panel);color:var(--text);font-size:21px!important;cursor:pointer;flex:none}
.theme-floating{position:fixed;right:16px;top:16px;z-index:50}
html[data-theme=light]{color-scheme:light;--bg:#f3f7f7;--sidebar:#fff;--panel:#fff;--panel2:#f6fafa;--stroke:#d5e2e3;--line:#d5e2e3;--text:#173238;--muted:#536b72;--accent:#087e69;--red:#b73840;--bad:#b73840;--good:#177744}
html[data-theme=light] body,html[data-theme=light] .main-area{background:var(--bg);color:var(--text)}
html[data-theme=light] :is(.sidebar,.metric-card,.panel,.data-card,.card,.modal,.receipt-search-dialog,.receipt-viewer){background:var(--panel);color:var(--text);border-color:var(--stroke)}
html[data-theme=light] :is(.nav-link,.nav-ico,.metric-label,.merchant-category,.merchant-date,.legend-row,.legend-money,.goal-line,.sidebar-bottom,.sidebar-bottom p,.icon-button,.modal label){color:var(--muted)}
html[data-theme=light] .nav-link.active{background:#d7f2ea;color:#075c4e}
html[data-theme=light] .nav-link:hover{background:#e8f3ef}
html[data-theme=light] :is(input,select,textarea,.search,.modal input,.modal select,.modal textarea,.filter-row select,#spend-month,.profile-setting input){background:#fff!important;color:var(--text)!important;border-color:var(--stroke)!important}
html[data-theme=light] :is(.ghost-btn,.toolbar button,.period-control,.goal-icon){background:#e5efee;color:#234c4b}
html[data-theme=light] .period-control button{color:#536b72}
html[data-theme=light] .period-control .selected{background:#087e69;color:#fff}
html[data-theme=light] :is(.primary-btn,#new,#add-day){background:#087e69;color:#fff}
html[data-theme=light] .donut-inner{background:#fff}
html[data-theme=light] .progress{background:#dce8e7}
html[data-theme=light] .data-table th,html[data-theme=light] .data-table td{border-color:var(--stroke)}
html[data-theme=light] :is(.day,.event-item,.dashboard-calendar-day){background:#fff;color:var(--text);border-color:var(--stroke)}
html[data-theme=light] :is(.day.selected,.dashboard-calendar-day.is-today){background:#d7f2ea;color:#075c4e;border-color:#087e69}
html[data-theme=light] .day:hover{background:#e8f3ef}
html[data-theme=light] #worth-chart text{fill:#536b72}
html[data-theme=light] #worth-chart line{stroke:#cfdddd}
html[data-theme=light] :is(.receipt-search-tab,.receipt-actions button){background:#087e69;color:#fff}
html[data-theme=light] .receipt-thumb{background:#eef2f2}
html[data-theme=light] button:focus-visible{outline:2px solid #087e69;outline-offset:3px}