File changes

Author: base44-builder[bot]

src/pages/AnalyticsHub.jsx

@@ -360,9 +360,9 @@ function AnalyticsHubContent() {
         {/* Recognition Distribution */}
         <TabsContent value="recognition">
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            <Card>
+            <Card className="bg-slate-900 border-slate-800">
               <CardHeader>
-                <CardTitle className="text-base">Recognition by Category</CardTitle>
+                <CardTitle className="text-base text-white">Recognition by Category</CardTitle>
               </CardHeader>
               <CardContent className="flex items-center justify-center">
                 {recognitionDist.length === 0 ? (