:root { color-scheme: dark; }
.brand-logo { width:250px;height:48px;display:block;color:var(--text) }.header-actions{display:flex;align-items:center;gap:10px}.login-logo{display:block;width:100%;max-width:285px;height:auto;color:var(--text);margin:0 auto 18px}.login-theme{position:fixed;top:18px;right:18px;z-index:5}#themeToggle{min-width:92px}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f7f8;--panel:#fff;--line:#ccdade;--text:#10262d;--muted:#607983;--green:#008f55;--amber:#a96800;--red:#c72f42}
:root[data-theme="light"] body{background:radial-gradient(circle at 75% -20%,#7ed8e733,transparent 35%),var(--bg)}:root[data-theme="light"] button{background:#edf4f5;color:#243d45}:root[data-theme="light"] .controls input,:root[data-theme="light"] .controls select,:root[data-theme="light"] .login-card input{background:#fff;color:var(--text)}:root[data-theme="light"] .row,:root[data-theme="light"] .thead{border-bottom-color:#dbe5e8}:root[data-theme="light"] .quick-filters button{background:#edf4f5}:root[data-theme="light"] .quick-filters button:hover,:root[data-theme="light"] .quick-filters button.active{background:#e1f5eb}:root[data-theme="light"] dialog::backdrop{background:#18313966}:root[data-theme="light"] .login-card{box-shadow:0 20px 80px #32515c24}
@media(max-width:760px){.brand-logo{width:205px}.header-actions span,.header-actions i{display:none}#themeToggle{min-width:auto;font-size:11px;padding:7px}.login-theme{top:10px;right:10px}}