:root[data-theme=dark]{color-scheme:dark;--accent:#96baff;--line:#35465e;--muted:#a9b9d0;color:#edf3ff;background:#121b29}
[data-theme=dark] body{background:#121b29;color:#edf3ff}
[data-theme=dark] .topbar,[data-theme=dark] .card,[data-theme=dark] .kpi,[data-theme=dark] .table-wrap,[data-theme=dark] dialog{background:#1c2839;color:#edf3ff}
[data-theme=dark] button,[data-theme=dark] input,[data-theme=dark] select{background:#1c2839;color:#edf3ff;border-color:#35465e}
[data-theme=dark] button:hover{background:#273b5b}
[data-theme=dark] button.primary,[data-theme=dark] .category-tabs button[aria-pressed=true]{background:#96baff;color:#102541;border-color:#96baff}
[data-theme=dark] .badge,[data-theme=dark] .avatar,[data-theme=dark] .service-mark,[data-theme=dark] .notice{background:#273b5b;color:#b7cfff}
[data-theme=dark] .badge.ok{background:#203d36;color:#89e0c3}
[data-theme=dark] .badge.warn{background:#41331f;color:#ffd287}
[data-theme=dark] th{background:#162234;color:#a9b9d0}
[data-theme=dark] .sidebar{background:#0d1c31}
[data-theme=dark] .sidebar nav button{background:transparent;color:#d4e3f7;border-color:transparent}
[data-theme=dark] .sidebar nav button.active,[data-theme=dark] .sidebar nav button:hover{background:#2a4566;color:#fff}
[data-theme=dark] .workspace{background:#243951}
[data-theme=dark] .login-brand{background:radial-gradient(ellipse at top right,#214c78,transparent 65%),#0d1c31}
[data-theme=dark] .hub-meter,[data-theme=dark] .hub-meter::-webkit-progress-bar{background:#121b29}
[data-theme=dark] .code-sample{background:#0e192a;color:#d9eaff}
[data-theme=dark] .certificate-error,[data-theme=dark] .expired .certificate-date,[data-theme=dark] .login-error,[data-theme=dark] #modal-error{color:#ffaaa0}
.login-theme{display:flex;justify-content:flex-end;margin-bottom:20px}.theme-toggle{white-space:nowrap}
[data-theme=dark] textarea{background:#1c2839;color:#edf3ff;border-color:#35465e}