diff --git a/package-lock.json b/package-lock.json
index c9224df..351dd61 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,6 +4,9 @@
     "requires": true,
     "packages": {
         "": {
+            "dependencies": {
+                "sweetalert2": "^11.4.23"
+            },
             "devDependencies": {
                 "@inertiajs/inertia": "^0.11.0",
                 "@inertiajs/inertia-vue3": "^0.6.0",
@@ -1640,6 +1643,15 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/sweetalert2": {
+            "version": "11.4.23",
+            "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.4.23.tgz",
+            "integrity": "sha512-BfO0gIIHu4SJiixBHpCmd74W+EkORJPX9zy5HLp6vkMAz7RsUED7BhrOBEYrYYgw9nnbxYOwzJDDVPNuK1JQtQ==",
+            "funding": {
+                "type": "individual",
+                "url": "https://sweetalert2.github.io/#donations"
+            }
+        },
         "node_modules/tailwindcss": {
             "version": "3.1.6",
             "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.6.tgz",
@@ -2848,6 +2860,11 @@
             "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
             "dev": true
         },
+        "sweetalert2": {
+            "version": "11.4.23",
+            "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.4.23.tgz",
+            "integrity": "sha512-BfO0gIIHu4SJiixBHpCmd74W+EkORJPX9zy5HLp6vkMAz7RsUED7BhrOBEYrYYgw9nnbxYOwzJDDVPNuK1JQtQ=="
+        },
         "tailwindcss": {
             "version": "3.1.6",
             "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.6.tgz",
diff --git a/package.json b/package.json
index f75dbbe..830eaae 100644
--- a/package.json
+++ b/package.json
@@ -19,5 +19,8 @@
         "tailwindcss": "^3.1.0",
         "vite": "^2.9.11",
         "vue": "^3.2.31"
+    },
+    "dependencies": {
+        "sweetalert2": "^11.4.23"
     }
 }
diff --git a/tailwind.config.js b/tailwind.config.js
index 0cddc84..91d0470 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,6 +2,7 @@ const defaultTheme = require('tailwindcss/defaultTheme');
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
+    darkMode: 'media',
     content: [
         './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
         './vendor/laravel/jetstream/**/*.blade.php',