Fix theme consistency, i18n completeness, CSS variable naming, and hardcoded strings

src/components/admin/dashboard.tsx

@@ -28,7 +28,7 @@ export function StatusCard({
   icon?: ReactNode;
 }) {
   return (
-    <div className="bg-[var(--color-surface)] border border-[var(--border)] rounded-2xl p-5 shadow-card hover:shadow-card-hover transition-shadow duration-200">
+    <div className="bg-[var(--color-surface)] border border-[var(--border-subtle)] rounded-2xl p-5 shadow-card hover:shadow-card-hover transition-shadow duration-200">
       <div className="flex items-center justify-between gap-3 mb-3">
         <span className="text-[0.65rem] font-bold uppercase tracking-widest text-[var(--color-text-muted)]">{label}</span>
         {icon ? (
@@ -62,7 +62,7 @@ export function DiagnosticRow({
     "bg-[var(--color-primary)]/18";
 
   return (
-    <div className="flex items-center gap-2.5 py-2 px-0.5 border-t border-[var(--border)] first:border-t-0">
+    <div className="flex items-center gap-2.5 py-2 px-0.5 border-t border-[var(--border-subtle)] first:border-t-0">
       <span className={`flex-none w-[9px] h-[9px] rounded-full ${dotColor}`} aria-hidden />
       <span className="font-bold text-sm">{label}</span>
       <span className="flex-1 text-[0.82rem] text-[var(--color-text-muted)]">{detail}</span>
@@ -102,7 +102,7 @@ export function OnlineUsersWidget({
   };
 
   return (
-    <div className="bg-[var(--color-surface)] rounded-xl border border-[var(--border)] p-6">
+    <div className="bg-[var(--color-surface)] rounded-xl border border-[var(--border-subtle)] p-6">
       <div className="flex justify-between items-center mb-4">
         <h3 className="m-0 text-lg font-semibold text-[var(--color-text)]">Online Now</h3>
         <span className="text-sm text-[var(--color-text-muted)] bg-[var(--color-primary)]/10 px-3 py-1 rounded-full">
@@ -125,7 +125,7 @@ export function OnlineUsersWidget({
                 <img
                   src={`https://www.habbo.com/habbo-imaging/avatarimage?width=50&height=62&direction=2&headonly=1&crop=face&action=wav&gender=m&look=${encodeURIComponent(user.look)}`}
                   alt={user.username}
-                  className="w-full h-full rounded object-cover border border-[var(--border)]"
+                  className="w-full h-full rounded object-cover border border-[var(--border-subtle)]"
                   loading="lazy"
                 />
                 {user.roomId && user.roomName && (