:root{--meter-fill:#508b69;--meter-warning:#c77c54;--chart-grid:#edf1eb;--chart-label:#a5b1a1;--chart-cpu:#318564;--chart-memory:#b3c581}
.header-actions{display:flex;align-items:center;gap:14px}.theme-toggle{font-size:11px;padding:5px 10px;white-space:nowrap}.login-theme-toggle{position:absolute;top:22px;right:24px;z-index:2}body:has(#login[hidden])>.login-theme-toggle{display:none}
.meter i{background:var(--meter-fill)}.legend span:before{background:var(--chart-cpu)}.legend .mem-key:before{background:var(--chart-memory)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#151e1a;--ink:#d6dfd7;--muted:#a4b3a9;--green:#91baa0;--line:#34453a;--meter-fill:#7aa48a;--meter-warning:#c99673;--chart-grid:#34453a;--chart-label:#a4b3a9;--chart-cpu:#85b49b;--chart-memory:#b5be8e}
[data-theme="dark"] .card,[data-theme="dark"] .panel,[data-theme="dark"] button,[data-theme="dark"] .login form{background:#1c2823;border-color:var(--line)}
[data-theme="dark"] aside{background:#121b16;color:var(--ink)}
[data-theme="dark"] .brand span,[data-theme="dark"] .nav-caption,[data-theme="dark"] .nav,[data-theme="dark"] .side-bottom p,[data-theme="dark"] .side-bottom button{color:var(--muted)}
[data-theme="dark"] .nav.active{background:#2a3d30;color:#bbd4bf}
[data-theme="dark"] .breadcrumb,[data-theme="dark"] .eyebrow,[data-theme="dark"] .update,[data-theme="dark"] .server p,[data-theme="dark"] .server-meta small,[data-theme="dark"] .card-title,[data-theme="dark"] .card-title>span,[data-theme="dark"] .value>span,[data-theme="dark"] .net,[data-theme="dark"] .legend,[data-theme="dark"] .chart-labels,[data-theme="dark"] td small,[data-theme="dark"] .service small,[data-theme="dark"] .storage .panel-head>span,[data-theme="dark"] .disk-row>span:last-child,[data-theme="dark"] footer,[data-theme="dark"] .footer-note,[data-theme="dark"] .website-summary,[data-theme="dark"] .website-note,[data-theme="dark"] .login small{color:var(--muted)}
[data-theme="dark"] .live,[data-theme="dark"] .online,[data-theme="dark"] .status{background:#283d2f;color:#afcbb1;border-color:#3f5746}
[data-theme="dark"] .status.failed{background:#423027;color:#e0b39c}
[data-theme="dark"] .status.inactive{background:#2b352e;color:#b4c0b4}
[data-theme="dark"] .server{background:#223228;border-color:#3a4b3b}
[data-theme="dark"] .server-icon{background:#304533;color:#afc7ae;border-color:#455b45}
[data-theme="dark"] .server-meta{border-color:#3e5041}
[data-theme="dark"] .server strong span{color:var(--muted)}
[data-theme="dark"] .meter{background:#34453a}
[data-theme="dark"] .net strong,[data-theme="dark"] .website-domain a,[data-theme="dark"] .website-total{color:#afcbb1}
[data-theme="dark"] th{background:#243128;color:var(--muted)}
[data-theme="dark"] th,[data-theme="dark"] td,[data-theme="dark"] .service{border-color:#324236}
[data-theme="dark"] .tag{background:#2a382d;border-color:#41513f;color:#b3c2af}
[data-theme="dark"] .update select,[data-theme="dark"] .service-filter input,[data-theme="dark"] .service-filter select,[data-theme="dark"] .website-panel select,[data-theme="dark"] .login input{background:#18221c;border-color:#40523f;color:var(--ink)}
[data-theme="dark"] input::placeholder{color:#a4b3a9}
[data-theme="dark"] .notice{background:#352e21;border-color:#5b4c34;color:#d9bd8b}
[data-theme="dark"] .login{background:radial-gradient(ellipse at 70% 10%,#283d2e,transparent 70%),var(--bg)}
[data-theme="dark"] .login form{box-shadow:0 25px 90px #00000020}
[data-theme="dark"] .primary{background:#355c43;color:#e2ebe1;border-color:#4d7258}
[data-theme="dark"] #loginError{color:#dfa58f}
[data-theme="dark"] :focus-visible{outline-color:#a1c2a4}
[data-theme="dark"] ::selection{background:#46634c;color:#e2ebe1}
@media(max-width:800px){.header-actions{gap:7px}.theme-toggle{font-size:10px;padding:4px 7px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 6px}.login-theme-toggle{right:18px;top:16px}}