feat: enhance redis and production IA

frontend/src/pages/UsersPage.tsx

@@ -51,7 +51,7 @@ const roleNameMap: Record<string, string> = {
 };
 
 const roleTagStyle: Record<string, string> = {
-  admin: 'bg-purple-500/15 text-purple-400',
+  admin: 'bg-cyan-500/15 text-cyan-400',
   dba: 'bg-blue-500/15 text-blue-400',
   developer: 'bg-green-500/15 text-green-400',
   auditor: 'bg-orange-500/15 text-orange-400',
@@ -722,7 +722,7 @@ function EditUserModal({ user, onClose, onUpdated }: { user: UserItem; onClose:
         </div>
         <div className="space-y-4">
           <div className="flex items-center gap-3 p-3 bg-[var(--dg-bg-tertiary)] rounded-lg">
-            <div className="w-10 h-10 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center text-white font-semibold">
+            <div className="w-10 h-10 rounded-full bg-[var(--dg-blue)] flex items-center justify-center text-white font-semibold">
               {(user.display_name || user.username).charAt(0)}
             </div>
             <div>
@@ -856,7 +856,7 @@ function UserDetailModal({ user, onClose }: { user: UserItem; onClose: () => voi
 
         {/* User Info Card */}
         <div className="flex items-center gap-4 p-4 bg-[var(--dg-bg-tertiary)] rounded-xl mb-5">
-          <div className="w-14 h-14 rounded-full bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center text-white text-lg font-semibold">
+          <div className="w-14 h-14 rounded-full bg-[var(--dg-blue)] flex items-center justify-center text-white text-lg font-semibold">
             {(user.display_name || user.username).charAt(0)}
           </div>
           <div className="flex-1 min-w-0">