diff --git a/docker-compose.yml b/docker-compose.yml
index 7941f86..555b78a 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -26,7 +26,6 @@ services:
             pgsql:
                 condition: service_healthy
         command: sh -c "./docker/init.sh"
-
     pgsql:
         image: "postgres:17"
         ports:
diff --git a/package-lock.json b/package-lock.json
index f028c10..af6514d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,6 +6,7 @@
         "": {
             "dependencies": {
                 "flowbite": "^3.1.2",
+                "instascan": "^1.0.0",
                 "jquery": "^3.7.1",
                 "jquery-mask-plugin": "^1.14.16",
                 "swiper": "^11.2.8"
@@ -1026,6 +1027,33 @@
                 "proxy-from-env": "^1.1.0"
             }
         },
+        "node_modules/babel-polyfill": {
+            "version": "6.26.0",
+            "resolved": "https://registry.npmjs.org/babel-polyfill/-/babel-polyfill-6.26.0.tgz",
+            "integrity": "sha512-F2rZGQnAdaHWQ8YAoeRbukc7HS9QgdgeyJ0rQDd485v9opwuPvjpPFcOOT/WmkKTdgy9ESgSPXDcTNpzrGr6iQ==",
+            "license": "MIT",
+            "dependencies": {
+                "babel-runtime": "^6.26.0",
+                "core-js": "^2.5.0",
+                "regenerator-runtime": "^0.10.5"
+            }
+        },
+        "node_modules/babel-runtime": {
+            "version": "6.26.0",
+            "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
+            "integrity": "sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==",
+            "license": "MIT",
+            "dependencies": {
+                "core-js": "^2.4.0",
+                "regenerator-runtime": "^0.11.0"
+            }
+        },
+        "node_modules/babel-runtime/node_modules/regenerator-runtime": {
+            "version": "0.11.1",
+            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
+            "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
+            "license": "MIT"
+        },
         "node_modules/balanced-match": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1216,6 +1244,14 @@
                 "node": ">= 6"
             }
         },
+        "node_modules/core-js": {
+            "version": "2.6.12",
+            "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+            "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+            "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
+            "hasInstallScript": true,
+            "license": "MIT"
+        },
         "node_modules/cross-spawn": {
             "version": "7.0.6",
             "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -1355,6 +1391,12 @@
                 "node": ">= 0.4"
             }
         },
+        "node_modules/es6-promise": {
+            "version": "4.2.8",
+            "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
+            "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==",
+            "license": "MIT"
+        },
         "node_modules/esbuild": {
             "version": "0.25.5",
             "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz",
@@ -1572,6 +1614,20 @@
                 "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
             }
         },
+        "node_modules/fsm-as-promised": {
+            "version": "0.13.2",
+            "resolved": "https://registry.npmjs.org/fsm-as-promised/-/fsm-as-promised-0.13.2.tgz",
+            "integrity": "sha512-1tjwtVOEzqygbG3vHbfaQ4XJql5H0Zv2hMm7Mx1DndCeyTYjHNwgklsrC8fTHUslB0eHMSg9HBMV5QZodJpAcg==",
+            "license": "MIT",
+            "dependencies": {
+                "es6-promise": "^4.0.2",
+                "lodash": "^4.16.2",
+                "stampit": "^3.0.1"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/function-bind": {
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
@@ -1704,6 +1760,18 @@
                 "node": ">= 0.4"
             }
         },
+        "node_modules/instascan": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/instascan/-/instascan-1.0.0.tgz",
+            "integrity": "sha512-u9US1kM0IhVPUoozJ3EuxLFff6v/kuE3wwGiKPbH4NEyzxPXNDWEUb4s8z6i30KhjMC84pXSGAt5eLC3wY4Fxw==",
+            "license": "MIT",
+            "dependencies": {
+                "babel-polyfill": "^6.9.1",
+                "fsm-as-promised": "^0.13.0",
+                "visibilityjs": "^1.2.3",
+                "webrtc-adapter": "^1.4.0"
+            }
+        },
         "node_modules/is-binary-path": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -1862,6 +1930,12 @@
             "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
             "dev": true
         },
+        "node_modules/lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+            "license": "MIT"
+        },
         "node_modules/lru-cache": {
             "version": "10.4.3",
             "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
@@ -2295,6 +2369,12 @@
                 "node": ">=8.10.0"
             }
         },
+        "node_modules/regenerator-runtime": {
+            "version": "0.10.5",
+            "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz",
+            "integrity": "sha512-02YopEIhAgiBHWeoTiA8aitHDt8z6w+rQqNuIftlM+ZtvSl/brTouaU7DW6GO/cHtvxJvS4Hwv2ibKdxIRi24w==",
+            "license": "MIT"
+        },
         "node_modules/resolve": {
             "version": "1.22.8",
             "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -2383,6 +2463,12 @@
                 "queue-microtask": "^1.2.2"
             }
         },
+        "node_modules/sdp": {
+            "version": "1.5.4",
+            "resolved": "https://registry.npmjs.org/sdp/-/sdp-1.5.4.tgz",
+            "integrity": "sha512-9x0+fpJHW2bbqtIktmL+H9m+BswgurPVPhWrur4cCZPDWDSsdGYvRBaKhDXlnNCD1b/Xi8cOTG2u703CTQuwgg==",
+            "license": "MIT"
+        },
         "node_modules/shebang-command": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -2424,6 +2510,12 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/stampit": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/stampit/-/stampit-3.2.1.tgz",
+            "integrity": "sha512-2QXR/GWaz3qgLUvyTjIyvWLdT9iGC8rjZdyAt2IduajSCJUusehWJ1QAKmXdXWhJSofYJyCNZHCmp5yETiV4CA==",
+            "license": "MIT"
+        },
         "node_modules/string-width": {
             "version": "5.1.2",
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
@@ -2731,6 +2823,12 @@
             "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
             "dev": true
         },
+        "node_modules/visibilityjs": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/visibilityjs/-/visibilityjs-1.2.8.tgz",
+            "integrity": "sha512-Y+aL3OUX88b+/VSmkmC2ApuLbf0grzbNLpCfIDSw3BzTU6PqcPsdgIOaw8b+eZoy+DdQqnVN3y/Evow9vQq9Ig==",
+            "license": "MIT"
+        },
         "node_modules/vite": {
             "version": "6.3.6",
             "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.6.tgz",
@@ -2842,6 +2940,18 @@
                 "url": "https://github.com/sponsors/jonschlinkert"
             }
         },
+        "node_modules/webrtc-adapter": {
+            "version": "1.4.0",
+            "resolved": "https://registry.npmjs.org/webrtc-adapter/-/webrtc-adapter-1.4.0.tgz",
+            "integrity": "sha512-QY3cFbkvUW9kSim9XzzKr7jl1zdfxh7ii9j67kZz+Jc/HsKOXcC+mEmovbTID3QthyZCiYsWz2Qs6aUwxEDa/w==",
+            "license": "BSD-3-Clause",
+            "dependencies": {
+                "sdp": "^1.0.0"
+            },
+            "engines": {
+                "npm": "~3.0.0"
+            }
+        },
         "node_modules/which": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
diff --git a/package.json b/package.json
index a6fc951..19ca27c 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "packageManager": "pnpm@10.5.1+sha512.c424c076bd25c1a5b188c37bb1ca56cc1e136fbf530d98bcb3289982a08fd25527b8c9c4ec113be5e3393c39af04521dd647bcf1d0801eaf8ac6a7b14da313af",
     "dependencies": {
         "flowbite": "^3.1.2",
+        "instascan": "^1.0.0",
         "jquery": "^3.7.1",
         "jquery-mask-plugin": "^1.14.16",
         "swiper": "^11.2.8"
diff --git a/resources/js/app.js b/resources/js/app.js
index 4f20077..6925ad6 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -3,6 +3,8 @@
 import "./bootstrap";
 import "./echo";
 
+import "instascan";
+
 import Alpine from "alpinejs";
 window.Alpine = Alpine;
 Alpine.start();
diff --git a/resources/views/auth/forgot-password.blade.php b/resources/views/auth/forgot-password.blade.php
index bb923cb..3578a0b 100644
--- a/resources/views/auth/forgot-password.blade.php
+++ b/resources/views/auth/forgot-password.blade.php
@@ -14,7 +14,6 @@
   @vite(['resources/css/app.css', 'resources/js/app.js'])
   <title>Esqueceu a Senha? - Doeit</title>
   <script>
-    // Aplica o tema salvo no localStorage antes do carregamento visual
     (function() {
       const theme = localStorage.getItem('theme');
       if (theme === 'dark') {
@@ -27,24 +26,100 @@
 </head>
 
 <body class="h-screen bg-white dark:bg-neutral-900 text-gray-900 dark:text-gray-100">
+  <div class="absolute top-0 left-0 z-50 pt-4 pl-4">
+    <a href="{{ route('login') }}"
+       class="flex items-center gap-2 px-4 py-2 rounded-lg text-black dark:text-white text-base font-semibold focus:outline-none">
+      <svg class="w-5 h-5 text-black dark:text-white" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7" /></svg>
+      Voltar
+    </a>
+  </div>
   <main class="h-full flex flex-col justify-center items-center">
     <img src="{{ asset('assets/logo1.svg') }}" alt="logo doeit" class="w-24 h-24 mb-6">
-    <section class="max-w-3xl px-6 py-16 mx-auto text-center bg-white dark:bg-neutral-800 rounded-lg shadow-lg">
+    <section class="max-w-3xl min-h-[520px] px-6 py-16 mx-auto text-center bg-white dark:bg-neutral-800 rounded-lg shadow-lg relative flex flex-col justify-start" id="forgotPasswordSection">
       <h1 class="text-3xl font-semibold text-gray-900 dark:text-gray-100">Perdeu a Senha?</h1>
       <p class="max-w-md mx-auto mt-5 text-gray-700 dark:text-gray-300">Não se preocupe. Nós iremos te mandar um e-mail de recupação de senha.</p>
 
-      <form class="flex flex-col mt-8 space-y-3 sm:space-y-0 sm:flex-row sm:justify-center sm:-mx-2" method="POST" action="{{route('password.email')}}">
+      {{-- Mensagem flash: prioridade erro > sucesso --}}
+      @if(session('error'))
+        <div class="flex w-full max-w-md mx-auto mt-6 mb-2 overflow-hidden bg-white rounded-lg shadow-md border border-red-300 dark:bg-gray-800 dark:border-red-700">
+          <div class="flex items-center justify-center w-12 bg-red-500">
+            <svg class="w-6 h-6 text-white fill-current" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+              <path d="M20 3.36667C10.8167 3.36667 3.3667 10.8167 3.3667 20C3.3667 29.1833 10.8167 36.6333 20 36.6333C29.1834 36.6333 36.6334 29.1833 36.6334 20C36.6334 10.8167 29.1834 3.36667 20 3.36667ZM19.1334 33.3333V22.9H13.3334L21.6667 6.66667V17.1H27.25L19.1334 33.3333Z" />
+            </svg>
+          </div>
+          <div class="px-4 py-2 -mx-3">
+            <div class="mx-3">
+              <span class="font-semibold text-red-500 dark:text-red-400">Erro</span>
+              <p class="text-sm text-gray-600 dark:text-gray-200">{{ session('error') }}</p>
+            </div>
+          </div>
+        </div>
+      @elseif($errors->any())
+        <div class="flex w-full max-w-md mx-auto mt-6 mb-2 overflow-hidden bg-white rounded-lg shadow-md border border-red-300 dark:bg-gray-800 dark:border-red-700">
+          <div class="flex items-center justify-center w-12 bg-red-500">
+            <svg class="w-6 h-6 text-white fill-current" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+              <path d="M20 3.36667C10.8167 3.36667 3.3667 10.8167 3.3667 20C3.3667 29.1833 10.8167 36.6333 20 36.6333C29.1834 36.6333 36.6334 29.1833 36.6334 20C36.6334 10.8167 29.1834 3.36667 20 3.36667ZM19.1334 33.3333V22.9H13.3334L21.6667 6.66667V17.1H27.25L19.1334 33.3333Z" />
+            </svg>
+          </div>
+          <div class="px-4 py-2 -mx-3">
+            <div class="mx-3">
+              <span class="font-semibold text-red-500 dark:text-red-400">Erro</span>
+              <ul class="text-sm text-gray-600 dark:text-gray-200 mt-1 list-disc list-inside">
+                @foreach ($errors->all() as $error)
+                  <li>{{ $error }}</li>
+                @endforeach
+              </ul>
+            </div>
+          </div>
+        </div>
+      @elseif(session('status'))
+        <div class="flex w-full max-w-md mx-auto mt-6 mb-2 overflow-hidden bg-white rounded-lg shadow-md border border-green-300 dark:bg-green-900 dark:border-green-700">
+          <div class="flex items-center justify-center w-12 bg-green-500">
+            <svg class="w-6 h-6 text-white fill-current" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+              <path d="M20 3.36667C10.8167 3.36667 3.3667 10.8167 3.3667 20C3.3667 29.1833 10.8167 36.6333 20 36.6333C29.1834 36.6333 36.6334 29.1833 36.6334 20C36.6334 10.8167 29.1834 3.36667 20 3.36667ZM28.3334 15L17.5 25.8333L11.6667 20L13.3334 18.3333L17.5 22.5L26.6667 13.3333L28.3334 15Z" />
+            </svg>
+          </div>
+          <div class="px-4 py-2 -mx-3">
+            <div class="mx-3">
+              <span class="font-semibold text-green-500 dark:text-green-400">Sucesso</span>
+              <p class="text-sm text-gray-600 dark:text-gray-200">{{ session('status') }}</p>
+            </div>
+          </div>
+        </div>
+      @endif
+
+  <form id="forgotPasswordForm" class="flex flex-col mt-8 space-y-3 sm:space-y-0 sm:flex-row sm:justify-center sm:-mx-2" method="POST" action="{{route('password.email')}}">
         @csrf
         <input id="email" type="email" name="email" class="px-4 py-2 border border-gray-300 dark:border-neutral-600 rounded-md sm:mx-2 focus:border-blue-400 focus:outline-none focus:ring focus:ring-opacity-40 bg-white dark:bg-neutral-900 text-gray-900 dark:text-gray-100" placeholder="Digite seu email" required>
-        @error('email')
-        @include('layouts.error_popup')
-        @enderror
-        <button class="px-4 py-2 text-sm font-medium tracking-wide capitalize text-white transition-colors duration-300 transform bg-[#2AB036] hover:bg-green-600 active:bg-green-700 rounded-md sm:mx-2 focus:outline-none ">
+  {{-- Removido erro duplicado do input --}}
+        <button id="submitBtn" type="submit" class="px-4 py-2 text-sm font-medium tracking-wide capitalize text-white transition-colors duration-300 transform bg-[#2AB036] hover:bg-green-600 active:bg-green-700 rounded-md sm:mx-2 focus:outline-none ">
           Recuperar Senha
         </button>
       </form>
+
+      <div id="spinner" style="display:none;" class="w-full flex flex-col items-center justify-center mt-6">
+        <svg aria-hidden="true" role="status" class="w-12 h-12 text-blue-500 animate-spin mb-2" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="#E5E7EB"/>
+          <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentColor"/>
+        </svg>
+        <span class="text-blue-700 dark:text-blue-400 font-semibold text-lg">Carregando...</span>
+      </div>
     </section>
   </main>
+
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+      var form = document.getElementById('forgotPasswordForm');
+      var spinner = document.getElementById('spinner');
+      if (form && spinner) {
+        form.addEventListener('submit', function () {
+          spinner.style.display = 'flex';
+        });
+      }
+      spinner.style.display = 'none';
+    });
+  </script>
+  <script src="/node_modules/flowbite/dist/flowbite.min.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/resources/views/campaigns/show.blade.php b/resources/views/campaigns/show.blade.php
index 0253498..02d2f16 100644
--- a/resources/views/campaigns/show.blade.php
+++ b/resources/views/campaigns/show.blade.php
@@ -167,6 +167,14 @@ class="update_button w-full max-w-sm mx-auto bg-blue-500 hover:bg-blue-600 text-
                   <path d="M22 13H20V7.23792L12.0718 14.338L4 7.21594V19H14V21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V13ZM4.51146 5L12.0619 11.662L19.501 5H4.51146ZM21 18H24V20H21V23H19V20H16V18H19V15H21V18Z"></path>
                 </svg>
               </button>
+              {{-- Botão para abrir o scanner --}}
+              <button
+                  id="openScannerBtn"
+                  class="w-full max-w-sm mx-auto text-white py-2 px-4 rounded-md text-sm font-medium transition-colors flex items-center justify-center"
+                  style="background-color: #FF5800;"
+                  >
+                  Ler QR Code
+              </button>
             </div>
             @endif
         </aside>
@@ -207,8 +215,197 @@ class="validator_button w-full bg-green-500 hover:bg-green-600 text-white py-2 p
         </form>
       </div>
     </div>
+    {{-- Modal do scanner --}}
+    <div id="scannerModal" class="fixed inset-0 hidden z-50">
+        <!-- Fundo escuro com blur -->
+        <div class="absolute inset-0 bg-black bg-opacity-50 backdrop-blur-sm"></div>
+        <!-- Conteúdo do modal: scanner e botão abrir link -->
+        <div class="relative z-10 flex flex-col items-center justify-center min-h-screen">
+            <div class="flex flex-col items-center space-y-4 bg-gray-100 dark:bg-neutral-800 border border-black rounded-lg p-4 md:p-6 shadow-lg">
+                <!-- Container da linha do título e botão -->
+                <div class="w-full flex justify-between items-center px-2 pt-2 pb-2">
+                    <!-- Título do scanner -->
+                    <h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-0">Scanner QR Code</h3>
+
+                    <!-- Botão de fechar -->
+                    <button 
+                        id="closeScannerBtnInside" 
+                        class="w-8 h-8 flex items-center justify-center bg-white dark:bg-neutral-700 text-gray-700 dark:text-gray-300 rounded-full border border-gray-300 dark:border-gray-600 hover:bg-gray-200 dark:hover:bg-neutral-600 transition-colors z-10"
+                        aria-label="Fechar scanner"
+                    >
+                        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                            <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
+                        </svg>
+                    </button>
+                </div>
+
+                <!-- Scanner quadrado com tamanho responsivo -->
+                <video id="scannerCam" class="w-64 h-64 md:w-80 md:h-80 rounded-md overflow-hidden bg-white border border-black"></video>
+                
+                <!-- Instrução para o usuário -->
+                <p id="scannerInstructions" class="text-sm text-gray-600 dark:text-gray-400 text-center mt-2">
+                    Posicione o QR Code no centro da câmera
+                </p>
+                
+                <!-- Botão abrir link (dentro do container do scanner) -->
+                <button
+                    id="openLinkBtn"
+                    class="px-6 py-2 bg-[#2AB036] dark:bg-[#2AB036] border border-black rounded-md text-black dark:text-white font-semibold shadow-md transition-colors mt-2"
+                    style="display: none;"
+                    >
+                    Abrir Link
+                </button>
+                <!-- Parágrafo com o link -->
+                <p id="linkPreview" class="text-sm text-gray-600 dark:text-gray-400 text-center mt-2 break-all" style="display: none;">
+                </p>
+            </div>
+        </div>
+    </div>
   </main>
+  
+  <script type="module">
+    // Lógica para abrir/fechar scanner
+    document.addEventListener('DOMContentLoaded', () => {
+      const toggleBtn = document.getElementById('toggleScannerBtn');
+      const scannerContainer = document.getElementById('scannerContainer');
+      const closeBtn = document.getElementById('closeScannerBtn');
+      if (toggleBtn && scannerContainer && closeBtn) {
+        toggleBtn.addEventListener('click', () => {
+          scannerContainer.style.display = 'flex';
+        });
+        closeBtn.addEventListener('click', () => {
+          scannerContainer.style.display = 'none';
+        });
+      }
+      
+      // Controle de scroll quando o modal estiver aberto/fechado
+      const scannerModal = document.getElementById('scannerModal');
+      const openScannerBtn = document.getElementById('openScannerBtn');
+      const closeScannerBtn = document.getElementById('closeScannerBtn');
+      const closeScannerBtnInside = document.getElementById('closeScannerBtnInside');
+      
+      // Função para desativar o scroll da página
+      function disableScroll() {
+        document.body.style.overflow = 'hidden';
+      }
+      
+      // Função para reativar o scroll da página
+      function enableScroll() {
+        document.body.style.overflow = '';
+      }
+      
+      // Função para fechar o scanner
+      function closeScanner() {
+        enableScroll();
+        scannerModal.classList.add('hidden');
+      }
+      
+      // Adicionar eventos para controlar o scroll
+      if (openScannerBtn) {
+        openScannerBtn.addEventListener('click', () => {
+          disableScroll();
+          scannerModal.classList.remove('hidden');
+        });
+      }
+      
+      // Adicionar evento ao botão de fechar externo
+      if (closeScannerBtn) {
+        closeScannerBtn.addEventListener('click', closeScanner);
+      }
+      
+      // Adicionar evento ao botão de fechar interno
+      if (closeScannerBtnInside) {
+        closeScannerBtnInside.addEventListener('click', closeScanner);
+      }
+      
+      // Configuração do scanner QR Code
+      document.addEventListener('DOMContentLoaded', function() {
+        const scanner = new Instascan.Scanner({ 
+          video: document.getElementById('scannerCam'),
+          mirror: false
+        });
+        
+        const scannerInstructions = document.getElementById('scannerInstructions');
+        const openLinkBtn = document.getElementById('openLinkBtn');
+        
+        scanner.addListener('scan', function(content) {
+          // Quando um QR code é lido com sucesso
+          console.log('QR Code lido:', content);
+          
+          // Ocultar instruções e mostrar botão e preview do link
+          if (scannerInstructions) scannerInstructions.style.display = 'none';
+          
+          const linkPreview = document.getElementById('linkPreview');
+          if (linkPreview) {
+            linkPreview.textContent = content;
+            linkPreview.style.display = 'block';
+          }
+          
+          if (openLinkBtn) {
+            openLinkBtn.style.display = 'block';
+            openLinkBtn.setAttribute('data-url', content);
+            
+            // Adicionar evento de clique ao botão para abrir o link
+            openLinkBtn.addEventListener('click', function() {
+              const url = this.getAttribute('data-url');
+              if (url) {
+                window.open(url, '_blank');
+              }
+            });
+          }
+        });
+        
+        // Iniciar o scanner quando o modal for aberto
+        if (openScannerBtn) {
+          openScannerBtn.addEventListener('click', function() {
+            // Resetar estado: mostrar instruções e ocultar botão e preview do link
+            if (scannerInstructions) scannerInstructions.style.display = 'block';
+            if (openLinkBtn) openLinkBtn.style.display = 'none';
+            const linkPreview = document.getElementById('linkPreview');
+            if (linkPreview) linkPreview.style.display = 'none';
+            
+            // Iniciar câmera
+            Instascan.Camera.getCameras().then(function(cameras) {
+              if (cameras.length > 0) {
+                scanner.start(cameras[0]);
+              } else {
+                console.error('Nenhuma câmera encontrada.');
+                alert('Erro: Nenhuma câmera encontrada!');
+              }
+            }).catch(function(e) {
+              console.error(e);
+              alert('Erro ao acessar a câmera: ' + e);
+            });
+          });
+        }
+        
+        // Parar o scanner quando o modal for fechado
+        const stopScanner = function() {
+          scanner.stop();
+        };
+        
+        if (closeScannerBtn) {
+          closeScannerBtn.addEventListener('click', stopScanner);
+        }
+        
+        if (closeScannerBtnInside) {
+          closeScannerBtnInside.addEventListener('click', stopScanner);
+        }
+      });
+    });
 
+    // Mostrar botão abrir link se leitura for válida
+    function onQrCodeRead(isValid, url) {
+        const btn = document.getElementById('openLinkBtn');
+        if (isValid) {
+            btn.style.display = '';
+            btn.onclick = function() {
+                window.open(url, '_blank');
+            };
+        } else {
+            btn.style.display = 'none';
+        }
+    }
+  </script>
 </body>
-
 </html>
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index e04c8a3..f602980 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,5 @@
 import defaultTheme from "tailwindcss/defaultTheme";
 import forms from "@tailwindcss/forms";
-import flowbitePlugin from "flowbite/plugin"; // Adicionar para Flowbite
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -22,5 +21,4 @@ export default {
 
     darkMode: "class", // Usar 'class' para dark mode
 
-    plugins: [forms, flowbitePlugin],
 };