show hardware info on clients

Overlord-Server/public/assets/main.css

@@ -429,6 +429,79 @@ p {
   color: #94a3b8;
   border-color: rgba(71, 85, 105, 0.55);
 }
+
+/* Hardware info toggle & panel */
+.pill-hw {
+  background: rgba(99, 102, 241, 0.14);
+  color: #c7d2fe;
+  border-color: rgba(99, 102, 241, 0.3);
+  transition: background 0.15s ease;
+}
+.pill-hw:hover {
+  background: rgba(99, 102, 241, 0.25);
+}
+.hw-panel {
+  margin-top: 4px;
+  background: linear-gradient(135deg, rgba(30, 35, 60, 0.55), rgba(20, 24, 44, 0.65));
+  border-color: rgba(99, 102, 241, 0.18);
+  backdrop-filter: blur(4px);
+  padding: 10px 14px;
+}
+.hw-panel-grid {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.hw-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 4px 8px;
+  border-radius: var(--radius-sm);
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.04);
+}
+.hw-row:hover {
+  background: rgba(255, 255, 255, 0.06);
+}
+.hw-label {
+  flex-shrink: 0;
+  width: 56px;
+  font-size: var(--text-xs);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+}
+.hw-label i {
+  font-size: 12px;
+  width: 14px;
+  text-align: center;
+}
+.hw-label-cpu { color: #93c5fd; }
+.hw-label-cpu i { color: #60a5fa; }
+.hw-label-gpu { color: #c4b5fd; }
+.hw-label-gpu i { color: #a78bfa; }
+.hw-label-ram { color: #6ee7b7; }
+.hw-label-ram i { color: #34d399; }
+.hw-value {
+  font-size: var(--text-xs);
+  color: var(--color-text);
+  word-break: break-word;
+}
+.hw-gpu-count {
+  font-size: 0.65rem;
+  padding: 1px 5px;
+  border-radius: var(--radius-full);
+  background: rgba(167, 139, 250, 0.18);
+  color: #c4b5fd;
+  border: 1px solid rgba(167, 139, 250, 0.25);
+  margin-left: 4px;
+  font-weight: 600;
+}
+
 .card::before {
   content: "";
   position: absolute;