:root[data-theme="dark"] { --bg:#0e1420; --surface:#151d2b; --surface-soft:#1a2434; --surface-raised:#202c40; --text:#edf1f8; --muted:#a5b1c5; --line:#2a3547; --brand:#a097fb; --brand-on:#141429; --brand-soft:#2c294b; --brand-contrast:#c8c1ff; --danger:#ff8b82; --danger-soft:#41272a; --warning:#ffc064; --warning-soft:#3d3222; --success:#71d9ae; --success-soft:#203b33; --info:#82b4ff; --focus:#c8c1ff; --shadow:0 18px 44px rgba(0,0,0,.24); --shadow-soft:0 7px 24px rgba(0,0,0,.15); color-scheme:dark; }
:root[data-theme="light"] { --bg:#f6f7f9; --surface:#fff; --surface-soft:#f4f6f9; --surface-raised:#f9fafc; --text:#1b263b; --muted:#64748b; --line:#e1e5ed; --brand:#5146e8; --brand-on:#fff; --brand-soft:#eeebff; --brand-contrast:#5146be; --danger:#d92d20; --danger-soft:#fff0ee; --warning:#b54708; --warning-soft:#fff5e8; --success:#067647; --success-soft:#eaf8f1; --info:#175cd3; --focus:#8175f1; --shadow:0 14px 36px rgba(20,31,52,.08); --shadow-soft:0 4px 16px rgba(20,31,52,.05); color-scheme:light; }
:root[data-theme="dark"] input, :root[data-theme="dark"] textarea, :root[data-theme="dark"] select { color: var(--text); background: #131923; border-color: #384255; }
:root[data-theme="dark"] .main-nav { border-color: rgba(255, 255, 255, .07); background: rgba(24, 30, 41, .95); }
:root[data-theme="dark"] .person-card-footer, :root[data-theme="dark"] .empty { background: rgba(255, 255, 255, .015); }
:root[data-theme="dark"] .detail-section p { color: #dce3ed; }
:root[data-theme="dark"] .task-card, :root[data-theme="dark"] .card, :root[data-theme="dark"] .accordion-card > summary { color: var(--text); }
:root[data-theme="dark"] .task-card h3, :root[data-theme="dark"] .detail-title, :root[data-theme="dark"] .detail-section h3, :root[data-theme="dark"] .accordion-card h3 { color: #f7f9fc; }
:root[data-theme="dark"] .summary-box { color: #dddaff; background: #302f58; }
:root[data-theme="dark"] .task-summary { border-color: #3b4658; color: var(--text); background: #202938; }
:root[data-theme="dark"] .status-pill.available { color: var(--info); background: #22344e; }
:root[data-theme="dark"] .score-ring { background: conic-gradient(var(--brand) calc(var(--score) * 1%), #344054 0); }
:root[data-theme="dark"] .secret-box code { background: rgba(255, 255, 255, .06); }
:root[data-theme="dark"] .panel-intro, :root[data-theme="dark"] .hero { background: #262e40; }
:root[data-theme="dark"] .leadership-report, :root[data-theme="dark"] .role-action { background: #181f2b; }
:root[data-theme="dark"] .leadership-metrics .summary-tile { background: #222b3a; }
:root[data-theme="dark"] .role-action:hover, :root[data-theme="dark"] .leadership-row:hover { background: rgba(255, 255, 255, .035); }
@media (min-width:1040px) { :root[data-theme="dark"] .sidebar { background:var(--surface); } :root[data-theme="dark"] .main-nav { background:transparent; } }
:root { --input-bg:var(--surface); }
.theme-toggle { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--text); cursor:pointer; }
.theme-toggle:hover { background:var(--surface-soft); border-color:var(--brand); }
.theme-toggle svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.theme-toggle[data-mode="dark"] .theme-moon, .theme-toggle[data-mode="light"] .theme-sun { display:none; }
.appearance-settings { display:grid; gap:12px; margin-bottom:16px; }
.appearance-settings h3, .appearance-settings p { margin:0; }
.work-intro-actions { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.access-locked .topbar-actions { display:flex; }
.access-locked .topbar-actions > :not(.theme-toggle) { display:none; }
@media(max-width:760px) { .work-intro { flex-wrap:wrap; }.work-intro-actions { flex-basis:100%; }.work-intro-actions .work-add { flex:1; }.work-preferences { min-height:42px; font-size:12px; padding:10px 13px; } }
@media(prefers-reduced-motion:no-preference) { .theme-toggle { transition:background-color 150ms ease, border-color 150ms ease; } }