.header-actions,.auth-brand-row{display:flex;align-items:center;gap:16px}.auth-brand-row{justify-content:space-between;margin-bottom:28px}.theme-toggle{font-size:12px;padding:7px 10px;white-space:nowrap;border:1px solid var(--line);color:var(--muted);min-height:38px}.theme-toggle:hover{color:var(--ink);background:var(--canvas)}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e5ede8;--muted:#a2b3aa;--green:#78d5a5;--red:#f28c93;--line:#2c3d35;--canvas:#111a16;--white:#19251f;--accent:#24674f;--soft-green:#1b3428;--soft-red:#362426}
[data-theme="dark"] .topbar,[data-theme="dark"] .summary,[data-theme="dark"] .calendar-panel,[data-theme="dark"] .day-panel,[data-theme="dark"] .auth-card,[data-theme="dark"] dialog,[data-theme="dark"] .day,[data-theme="dark"] .quiet{background:var(--white)}
[data-theme="dark"] .primary{background:#79d4a5;border-color:#79d4a5;color:#10291d}[data-theme="dark"] .primary:hover{background:#a1e3bf;border-color:#a1e3bf}
[data-theme="dark"] .quiet:hover,[data-theme="dark"] .icon-button:hover{background:#293b30}
[data-theme="dark"] .weekday-row,[data-theme="dark"] .day.outside{background:#141f19}[data-theme="dark"] .day.outside{color:#71867a}
[data-theme="dark"] .day.has-profit{background:var(--soft-green)}[data-theme="dark"] .day.has-loss{background:var(--soft-red)}
[data-theme="dark"] .day.selected{box-shadow:inset 0 0 0 2px #87c6a4}[data-theme="dark"] .day:hover{box-shadow:inset 0 0 0 1px #87c6a4}[data-theme="dark"] .day.is-today .day-number{background:#79d4a5;color:#10291d}
[data-theme="dark"] .day-add,[data-theme="dark"] .empty-day .empty-symbol,[data-theme="dark"] .mini-icon{background:#23392c;color:var(--green)}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#111c16;border-color:#41584a;color:var(--ink)}
[data-theme="dark"] input::placeholder,[data-theme="dark"] textarea::placeholder{color:#91a699}
[data-theme="dark"] .error{background:#392225;border-color:#724047;color:#ffb5bb}[data-theme="dark"] .toast{background:#79d4a5;color:#10291d}
[data-theme="dark"] .auth-page{background:radial-gradient(ellipse at 75% 15%,#203c2a 0,transparent 65%),var(--canvas)}[data-theme="dark"] dialog::backdrop{background:#050b08b8}
@media(max-width:520px){.header-actions{gap:6px}.theme-toggle{padding:6px 8px;font-size:11px}.topbar-inner{padding-left:14px;padding-right:14px}.auth-brand-row{gap:8px}.auth-brand-row .brand{font-size:15px;gap:7px}}