.theme-picker{margin-top:22px;padding-top:12px;border-top:1px solid #e7ded2}.theme-picker label{margin:0 0 8px;color:var(--muted)}.theme-picker select{font-size:12px;padding:9px}aside{overflow-y:auto}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b28b4d;outline-offset:3px}
html[data-theme=dark]{--primary:#d4af73;--muted:#bfb3a4;--bg:#191714;--surface:#24211d;--field:#1e1b18;--border:#484036;--ink:#f1e8dc;--soft:#383027;color-scheme:dark}
html[data-theme=dark] body{background:var(--bg);color:var(--ink)}
html[data-theme=dark] :is(aside,.card,.panel,dialog){background:var(--surface);color:var(--ink);border-color:var(--border)}
html[data-theme=dark] #accessGate{background:var(--bg)}
html[data-theme=dark] .brand-logo{background:white;border-radius:10px;padding:8px}
html[data-theme=dark] :is(header,td,th,.record-card,.record-tabs,.history-row,.theme-picker){border-color:var(--border)}
html[data-theme=dark] button{background:var(--primary);color:#231a0f}
html[data-theme=dark] :is(button.secondary,.record-tab,.tooth-button){background:var(--soft);color:#ead7bb}
html[data-theme=dark] nav button{background:transparent;color:var(--muted)}
html[data-theme=dark] nav button.active{background:var(--soft);color:#f2d5a4}
html[data-theme=dark] :is(.record-tab.active,.tooth-button.selected){background:var(--primary);color:#231a0f}
html[data-theme=dark] .range-button.active{background:#d4af73!important;color:#231a0f!important}
html[data-theme=dark] :is(input,select,textarea){background:var(--field);color:var(--ink);border-color:#625647;accent-color:#d4af73}
html[data-theme=dark] ::placeholder{color:#a99c8c;opacity:1}
html[data-theme=dark] :is(.notice,.pill,.pending){background:#3c3324;color:#edce98}
html[data-theme=dark] :is(.calendar-month,.plan-total,.finance-total strong){color:var(--ink)}
html[data-theme=dark] :is(.finance-legend,.finance-total span,.calendar-day .day-count){color:var(--muted)}
html[data-theme=dark] :is(.finance-total,.finance-total.net){background:var(--field);border-color:var(--border)}
html[data-theme=dark] .finance-total.negative strong{color:#efa79b}
html[data-theme=dark] .calendar-day,html[data-theme=dark] .calendar-legend .free{background:#2d3829;border-color:#53634a;color:#e2ecd9}
html[data-theme=dark] .calendar-day[data-status=partial],html[data-theme=dark] .calendar-legend .partial{background:#43391f;border-color:#7d693a;color:#f4dfaa}
html[data-theme=dark] .calendar-day[data-status=full],html[data-theme=dark] .calendar-legend .full{background:#472e2b;border-color:#85564e;color:#f2ccc5}
html[data-theme=dark] .calendar-day.selected{outline-color:#dfbd85}
html[data-theme=dark] .bar{background:var(--border)}
html[data-theme=dark] .finance-graph .gridline{stroke:var(--border)}
html[data-theme=dark] .finance-graph :is(.axis-label,.month-label){fill:#bfb3a4}
html[data-theme=dark] .finance-graph .income-bar{fill:#d4af73}
html[data-theme=dark] .finance-graph .expense-bar{fill:#7e7364}
html[data-theme=dark] .finance-graph .net-line{stroke:#f0dec0}
html[data-theme=dark] .finance-graph .net-dot{stroke:#f0dec0;fill:#24211d}
html[data-theme=dark] .finance-legend .legend-income{background:#d4af73}
html[data-theme=dark] .finance-legend .legend-expense{background:#7e7364}
html[data-theme=dark] .finance-legend .legend-net{background:#f0dec0}
html[data-theme=dark] #transactions .money-text{color:#ecd0a3}
html[data-theme=dark] .toast{background:#d4af73;color:#231a0f}
html[data-theme=dark] #authMessage{color:#f0aaa0}
html[data-theme=dark] dialog::backdrop{background:#0009}
@media(max-width:650px){.theme-picker{max-width:260px}.top{flex-wrap:wrap}}
[hidden]{display:none!important}
#team .row{flex-wrap:wrap;gap:10px;align-items:center}
#team .row select{width:auto;max-width:180px}
