:root{color-scheme:light}
.header-actions{display:flex;align-items:center;gap:20px}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:112px;min-height:38px;border:1px solid #dfe5ef;background:#f5f7fb;color:#42516c;border-radius:9px;padding:8px 12px;font-size:14px;white-space:nowrap}
.theme-toggle:hover{border-color:#9aafea}
html[data-theme="dark"]{color-scheme:dark;color:#e3e9f5;background:#101623}
[data-theme="dark"] aside,[data-theme="dark"] header,[data-theme="dark"] .panel,[data-theme="dark"] .stat,[data-theme="dark"] dialog{background:#192233;border-color:#2c384d;color:#e3e9f5}
[data-theme="dark"] header b{color:#e3e9f5}
[data-theme="dark"] .stat.blue{background:#2956ee;border-color:#2956ee;color:#fff}
[data-theme="dark"] nav a,[data-theme="dark"] .muted,[data-theme="dark"] header,[data-theme="dark"] .workspace,[data-theme="dark"] .stat-label,[data-theme="dark"] label{color:#adbbd2}
[data-theme="dark"] .row-meta,[data-theme="dark"] .stat-note,[data-theme="dark"] .debt-meta,[data-theme="dark"] .legend,[data-theme="dark"] .bar-col,[data-theme="dark"] .calendar .weekday,[data-theme="dark"] .side-bottom small,[data-theme="dark"] footer{color:#a0aec5}
[data-theme="dark"] .blue .stat-label,[data-theme="dark"] .blue .stat-note{color:#e0e8ff}
[data-theme="dark"] nav a.active,[data-theme="dark"] .service-icon,[data-theme="dark"] .calendar .has,[data-theme="dark"] .filters button.selected{background:#263a61;color:#b5c9ff;border-color:#425e94}
[data-theme="dark"] .calendar .current{background:#2956ee;color:#fff}
[data-theme="dark"] .secondary,[data-theme="dark"] .pay,[data-theme="dark"] .filters button,[data-theme="dark"] .theme-toggle,[data-theme="dark"] input,[data-theme="dark"] select{background:#202d42;border-color:#3a4962;color:#dce6f9}
[data-theme="dark"] input::placeholder{color:#a0aec5}
[data-theme="dark"] .pay:hover,[data-theme="dark"] .theme-toggle:hover{background:#2b4168;border-color:#7499ff}
[data-theme="dark"] .row,[data-theme="dark"] .debt-card{border-color:#2c384d}
[data-theme="dark"] .demo,[data-theme="dark"] .telegram{background:#1d2e4b;border-color:#344c74;color:#bfd0ef}
[data-theme="dark"] .telegram p{color:#b5c6e3}
[data-theme="dark"] .text-btn,[data-theme="dark"] .panel-head a{color:#a3bfff}
[data-theme="dark"] .count,[data-theme="dark"] .badge,[data-theme="dark"] .avatar,[data-theme="dark"] .progress{background:#2a364b;color:#b6c5dc}
[data-theme="dark"] .badge.soon{background:#443823;color:#f2c679}
[data-theme="dark"] .badge.over{background:#482d38;color:#ffa3ac}
[data-theme="dark"] .red{color:#ffa3ac}
[data-theme="dark"] .bar{background:#3b5181}
[data-theme="dark"] .bar-col:first-child .bar{background:#7195ff}
[data-theme="dark"] .bar-col strong{color:#bccbe3}
[data-theme="dark"] .preview-message{background:#182338;border-color:#344c74}
[data-theme="dark"] .preview-message hr{border-color:#344c74!important}
[data-theme="dark"] .empty,[data-theme="dark"] .icon-btn{color:#adbbd2}
[data-theme="dark"] #toast{background:#dce7ff;color:#192b4b}
[data-theme="dark"] dialog::backdrop{background:#050a16aa}
@media(max-width:700px){.header-actions{gap:9px}.theme-toggle{min-width:96px;font-size:12px;padding:7px 9px}header{height:auto;min-height:60px;gap:10px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}.header-actions #today{font-size:11px}}