diff --git a/public/assets/css/system.css b/public/assets/css/system.css
index d93d017..dfd26a1 100644
--- a/public/assets/css/system.css
+++ b/public/assets/css/system.css
@@ -8,7 +8,7 @@
 .sys-tabs {
     display: flex;
     gap: 0;
-    border-bottom: 1px solid var(--border-secondary);
+    border-bottom: 1px solid var(--admin-border);
     margin-bottom: 1.75rem;
 }
 .sys-tab {
@@ -16,14 +16,14 @@
     padding: .55rem 1.1rem;
     font-size: .84rem;
     font-weight: 500;
-    color: var(--text-secondary);
+    color: var(--admin-text-muted);
     text-decoration: none;
     border-bottom: 2px solid transparent;
     margin-bottom: -1px;
     transition: color .15s, border-color .15s;
 }
 .sys-tab:hover {
-    color: var(--text-primary);
+    color: var(--admin-text);
 }
 .sys-tab.active {
     color: var(--accent-primary);
@@ -38,8 +38,8 @@
     margin-bottom: 2.5rem;
 }
 .srv-card {
-    background: var(--bg-active);
-    border: 1px solid var(--border-secondary);
+    background: var(--admin-bg-alt);
+    border: 1px solid var(--admin-border);
     border-radius: 5px;
     padding: 1rem 1.25rem;
 }
@@ -53,12 +53,12 @@
     font-size: .82rem;
     text-transform: uppercase;
     letter-spacing: .07em;
-    color: var(--text-secondary);
+    color: var(--admin-text-muted);
     font-weight: 500;
 }
 .srv-card__detail {
     font-size: .8rem;
-    color: var(--text-secondary);
+    color: var(--admin-text-muted);
     margin-top: .25rem;
     font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
 }
@@ -71,8 +71,8 @@
     font-size: .82rem;
     text-transform: uppercase;
     letter-spacing: .1em;
-    color: var(--text-secondary);
-    border-bottom: 1px solid var(--border-secondary);
+    color: var(--admin-text-muted);
+    border-bottom: 1px solid var(--admin-border);
     padding-bottom: .4rem;
     margin: 0 0 1rem;
     font-weight: 500;
@@ -86,8 +86,8 @@
     margin-bottom: 2.5rem;
 }
 .php-item {
-    background: var(--bg-active);
-    border: 1px solid var(--border-secondary);
+    background: var(--admin-bg-alt);
+    border: 1px solid var(--admin-border);
     border-radius: 4px;
     padding: .5rem .75rem;
 }
@@ -95,18 +95,18 @@
     font-size: .75rem;
     text-transform: uppercase;
     letter-spacing: .06em;
-    color: var(--text-secondary);
+    color: var(--admin-text-muted);
 }
 .php-item__val {
     font-size: .92rem;
     font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
-    color: var(--text-primary);
+    color: var(--admin-text);
     margin-top: .15rem;
 }
 
 /* ── Disk bar ──────────────────────────────────────────────────────────── */
 .disk-bar-wrap {
-    background: var(--border-secondary);
+    background: var(--admin-border);
     border-radius: 3px;
     height: 6px;
     margin-top: .5rem;
@@ -124,7 +124,7 @@
     display: flex;
     justify-content: space-between;
     font-size: .78rem;
-    color: var(--text-secondary);
+    color: var(--admin-text-muted);
     margin-top: .25rem;
 }
 
@@ -137,9 +137,9 @@
     margin-bottom: 1.25rem;
 }
 .log-toolbar select {
-    background: var(--bg-active);
-    border: 1px solid var(--border-secondary);
-    color: var(--text-primary);
+    background: var(--admin-bg-alt);
+    border: 1px solid var(--admin-border);
+    color: var(--admin-text);
     border-radius: 4px;
     padding: .4rem .7rem;
     font-size: .85rem;
@@ -149,7 +149,7 @@
 
 .log-meta {
     font-size: .78rem;
-    color: var(--text-secondary);
+    color: var(--admin-text-muted);
     font-family: ui-monospace, "SFMono-Regular", Consolas, monospace;
     margin-bottom: .75rem;
     display: flex;
@@ -159,11 +159,11 @@
 .log-meta span::before { content: attr(data-label) ": "; opacity: .6; }
 
 .log-unavailable {
-    background: var(--bg-active);
-    border: 1px solid var(--border-secondary);
+    background: var(--admin-bg-alt);
+    border: 1px solid var(--admin-border);
     border-radius: 4px;
     padding: 1.5rem;
-    color: var(--text-secondary);
+    color: var(--admin-text-muted);
     font-size: .88rem;
 }
 .log-unavail-path {
@@ -178,13 +178,13 @@
     opacity: .7;
 }
 .log-empty {
-    color: var(--text-secondary);
+    color: var(--admin-text-muted);
     font-size: .88rem;
     padding: 1rem 0;
 }
 .log-output {
-    background: var(--bg-tertiary);
-    border: 1px solid var(--border-secondary);
+    background: #0d0d0d;
+    border: 1px solid var(--admin-border);
     border-radius: 4px;
     padding: 1rem;
     overflow-x: auto;
@@ -200,7 +200,7 @@
     white-space: pre;
     padding: .05rem .1rem;
     border-radius: 2px;
-    color: var(--text-secondary);
+    color: #bbb;
 }
 .log-line + .log-line { border-top: 1px solid rgba(255,255,255,.03); }
 .log-crit   { color: #ff7070; background: rgba(242, 90, 90, 0.12); }
@@ -217,21 +217,21 @@
     user-select: none;
 }
 .log-count-badge {
-    background: var(--bg-active);
-    border: 1px solid var(--border-secondary);
+    background: var(--admin-bg-alt);
+    border: 1px solid var(--admin-border);
     border-radius: 3px;
     font-size: .76rem;
     padding: .15rem .5rem;
-    color: var(--text-secondary);
+    color: var(--admin-text-muted);
     font-family: ui-monospace, monospace;
 }
 .log-copy-btn {
     position: absolute;
     top: .6rem;
     right: .6rem;
-    background: var(--bg-active);
-    border: 1px solid var(--border-secondary);
-    color: var(--text-secondary);
+    background: var(--admin-bg-alt);
+    border: 1px solid var(--admin-border);
+    color: var(--admin-text-muted);
     border-radius: 4px;
     font-size: .76rem;
     padding: .25rem .6rem;
@@ -241,17 +241,17 @@
     z-index: 2;
 }
 .log-copy-btn:hover {
-    color: var(--text-primary);
+    color: var(--admin-text);
     border-color: var(--accent-primary);
 }
 .log-copy-btn.copied {
-    color: var(--success);
-    border-color: var(--success);
+    color: #4caf50;
+    border-color: #4caf50;
 }
 
 .sys-refresh-note {
     font-size: .78rem;
-    color: var(--text-secondary);
+    color: var(--admin-text-muted);
     margin-bottom: 1.25rem;
 }
 .sys-refresh-note a {