File changes

Author: base44-builder[bot]

src/pages/AnalyticsHub.jsx

@@ -387,21 +387,21 @@ function AnalyticsHubContent() {
                 <CardTitle className="text-base text-white">Recognition Summary</CardTitle>
               </CardHeader>
               <CardContent className="space-y-3">
-                <div className="flex justify-between items-center py-2 border-b border-slate-100">
-                  <span className="text-sm text-slate-600">Total Recognitions</span>
-                  <span className="font-bold text-slate-900">{recognitions.length}</span>
+                <div className="flex justify-between items-center py-2 border-b border-slate-700">
+                  <span className="text-sm text-slate-400">Total Recognitions</span>
+                  <span className="font-bold text-white">{recognitions.length}</span>
                 </div>
-                <div className="flex justify-between items-center py-2 border-b border-slate-100">
-                  <span className="text-sm text-slate-600">Active Challenges</span>
-                  <span className="font-bold text-slate-900">{challenges.length}</span>
+                <div className="flex justify-between items-center py-2 border-b border-slate-700">
+                  <span className="text-sm text-slate-400">Active Challenges</span>
+                  <span className="font-bold text-white">{challenges.length}</span>
                 </div>
-                <div className="flex justify-between items-center py-2 border-b border-slate-100">
-                  <span className="text-sm text-slate-600">Events Completed</span>
-                  <span className="font-bold text-slate-900">{completedEvents}</span>
+                <div className="flex justify-between items-center py-2 border-b border-slate-700">
+                  <span className="text-sm text-slate-400">Events Completed</span>
+                  <span className="font-bold text-white">{completedEvents}</span>
                 </div>
                 <div className="flex justify-between items-center py-2">
-                  <span className="text-sm text-slate-600">Total Points in System</span>
-                  <span className="font-bold text-slate-900">{totalPointsAwarded.toLocaleString()}</span>
+                  <span className="text-sm text-slate-400">Total Points in System</span>
+                  <span className="font-bold text-white">{totalPointsAwarded.toLocaleString()}</span>
                 </div>
               </CardContent>
             </Card>