feat: Implement frontend production deployment and enhance admin dashboard functionality

frontend/src/components/ui/card.tsx

@@ -9,9 +9,16 @@ const Card = React.forwardRef<
   <div
     ref={ref}
     className={cn(
-      "rounded-xl border bg-card text-card-foreground shadow",
+      "rounded-xl border bg-white/70 dark:bg-black/70 text-card-foreground shadow-glass backdrop-blur-xl",
+      "border-white/20 dark:border-white/10",
+      "hover:shadow-glass-lg transform hover:-translate-y-1 transition-all duration-300",
       className
     )}
+    style={{
+      backdropFilter: 'blur(20px) saturate(180%) brightness(110%)',
+      WebkitBackdropFilter: 'blur(20px) saturate(180%) brightness(110%)',
+      boxShadow: '0 25px 50px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.1)',
+    }}
     {...props}
   />
 ))