diff --git a/package-lock.json b/package-lock.json
index 21acb5b6..812635e4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32,6 +32,7 @@
                 "@react-email/components": "0.0.36",
                 "@react-email/render": "^1.0.6",
                 "@react-email/tailwind": "1.0.4",
+                "@tailwindcss/forms": "^0.5.10",
                 "@tanstack/react-table": "8.20.6",
                 "arctic": "^3.6.0",
                 "axios": "1.8.4",
@@ -76,7 +77,7 @@
                 "semver": "7.6.3",
                 "swagger-ui-express": "^5.0.1",
                 "tailwind-merge": "2.6.0",
-                "tailwindcss-animate": "1.0.7",
+                "tw-animate-css": "^1.2.5",
                 "vaul": "1.1.2",
                 "winston": "3.17.0",
                 "winston-daily-rotate-file": "5.0.0",
@@ -108,7 +109,7 @@
                 "esbuild-node-externals": "1.18.0",
                 "postcss": "^8",
                 "react-email": "4.0.6",
-                "tailwindcss": "^4.1.3",
+                "tailwindcss": "^4.1.4",
                 "tsc-alias": "1.8.10",
                 "tsx": "4.19.3",
                 "typescript": "^5",
@@ -4070,6 +4071,18 @@
                 "tslib": "^2.8.0"
             }
         },
+        "node_modules/@tailwindcss/forms": {
+            "version": "0.5.10",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.10.tgz",
+            "integrity": "sha512-utI1ONF6uf/pPNO68kmN1b8rEwNXv3czukalo8VtJH8ksIkZXr3Q3VYudZLkCsDd4Wku120uF02hYK25XGPorw==",
+            "license": "MIT",
+            "dependencies": {
+                "mini-svg-data-uri": "^1.2.3"
+            },
+            "peerDependencies": {
+                "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1"
+            }
+        },
         "node_modules/@tailwindcss/node": {
             "version": "4.1.3",
             "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.3.tgz",
@@ -4083,6 +4096,13 @@
                 "tailwindcss": "4.1.3"
             }
         },
+        "node_modules/@tailwindcss/node/node_modules/tailwindcss": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.3.tgz",
+            "integrity": "sha512-2Q+rw9vy1WFXu5cIxlvsabCwhU2qUwodGq03ODhLJ0jW4ek5BUtoCsnLB0qG+m8AHgEsSJcJGDSDe06FXlP74g==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/@tailwindcss/oxide": {
             "version": "4.1.3",
             "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.3.tgz",
@@ -4307,6 +4327,13 @@
                 "tailwindcss": "4.1.3"
             }
         },
+        "node_modules/@tailwindcss/postcss/node_modules/tailwindcss": {
+            "version": "4.1.3",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.3.tgz",
+            "integrity": "sha512-2Q+rw9vy1WFXu5cIxlvsabCwhU2qUwodGq03ODhLJ0jW4ek5BUtoCsnLB0qG+m8AHgEsSJcJGDSDe06FXlP74g==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/@tanstack/react-table": {
             "version": "8.20.6",
             "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.20.6.tgz",
@@ -10206,6 +10233,15 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/mini-svg-data-uri": {
+            "version": "1.4.4",
+            "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+            "license": "MIT",
+            "bin": {
+                "mini-svg-data-uri": "cli.js"
+            }
+        },
         "node_modules/minimatch": {
             "version": "3.1.2",
             "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -15826,20 +15862,11 @@
             }
         },
         "node_modules/tailwindcss": {
-            "version": "4.1.3",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.3.tgz",
-            "integrity": "sha512-2Q+rw9vy1WFXu5cIxlvsabCwhU2qUwodGq03ODhLJ0jW4ek5BUtoCsnLB0qG+m8AHgEsSJcJGDSDe06FXlP74g==",
+            "version": "4.1.4",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.4.tgz",
+            "integrity": "sha512-1ZIUqtPITFbv/DxRmDr5/agPqJwF69d24m9qmM1939TJehgY539CtzeZRjbLt5G6fSy/7YqqYsfvoTEw9xUI2A==",
             "license": "MIT"
         },
-        "node_modules/tailwindcss-animate": {
-            "version": "1.0.7",
-            "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
-            "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
-            "license": "MIT",
-            "peerDependencies": {
-                "tailwindcss": ">=3.0.0 || insiders"
-            }
-        },
         "node_modules/tapable": {
             "version": "2.2.1",
             "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
@@ -16093,6 +16120,15 @@
                 "node": "*"
             }
         },
+        "node_modules/tw-animate-css": {
+            "version": "1.2.5",
+            "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.2.5.tgz",
+            "integrity": "sha512-ABzjfgVo+fDbhRREGL4KQZUqqdPgvc5zVrLyeW9/6mVqvaDepXc7EvedA+pYmMnIOsUAQMwcWzNvom26J2qYvQ==",
+            "license": "MIT",
+            "funding": {
+                "url": "https://github.com/sponsors/Wombosvideo"
+            }
+        },
         "node_modules/type-check": {
             "version": "0.4.0",
             "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
diff --git a/package.json b/package.json
index 8aad99c2..2cca81ec 100644
--- a/package.json
+++ b/package.json
@@ -43,6 +43,7 @@
         "@react-email/components": "0.0.36",
         "@react-email/render": "^1.0.6",
         "@react-email/tailwind": "1.0.4",
+        "@tailwindcss/forms": "^0.5.10",
         "@tanstack/react-table": "8.20.6",
         "arctic": "^3.6.0",
         "axios": "1.8.4",
@@ -87,7 +88,7 @@
         "semver": "7.6.3",
         "swagger-ui-express": "^5.0.1",
         "tailwind-merge": "2.6.0",
-        "tailwindcss-animate": "1.0.7",
+        "tw-animate-css": "^1.2.5",
         "vaul": "1.1.2",
         "winston": "3.17.0",
         "winston-daily-rotate-file": "5.0.0",
@@ -119,7 +120,7 @@
         "esbuild-node-externals": "1.18.0",
         "postcss": "^8",
         "react-email": "4.0.6",
-        "tailwindcss": "^4.1.3",
+        "tailwindcss": "^4.1.4",
         "tsc-alias": "1.8.10",
         "tsx": "4.19.3",
         "typescript": "^5",
diff --git a/src/app/globals.css b/src/app/globals.css
index 21e7444e..e2a6e31a 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&display=swap");
+@import 'tw-animate-css';
 @import 'tailwindcss';
 
 @custom-variant dark (&:is(.dark *));
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index 48e36db4..ab2c497d 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -21,7 +21,7 @@ const DialogOverlay = React.forwardRef<
     <DialogPrimitive.Overlay
         ref={ref}
         className={cn(
-            "fixed inset-0 z-50 bg-black/50  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+            "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
             className
         )}
         {...props}
@@ -38,7 +38,7 @@ const DialogContent = React.forwardRef<
         <DialogPrimitive.Content
             ref={ref}
             className={cn(
-                "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-card p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+                "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-card p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-99 data-[state=open]:zoom-in-99 data-[state=closed]:slide-out-to-top-[10%] data-[state=open]:slide-in-from-bottom-[10%] sm:rounded-lg",
                 className
             )}
             {...props}
diff --git a/src/components/ui/toast.tsx b/src/components/ui/toast.tsx
index f045c7ff..f5cbe00e 100644
--- a/src/components/ui/toast.tsx
+++ b/src/components/ui/toast.tsx
@@ -29,7 +29,7 @@ const toastVariants = cva(
   {
     variants: {
       variant: {
-        default: "border bg-background text-foreground",
+        default: "border bg-card text-foreground",
         destructive:
           "destructive group border-destructive bg-destructive text-destructive-foreground",
       },