@navservice/usuario 1.51.0 → 1.52.0

package/build/es/index.js

@@ -5,11 +5,11 @@ import v4 from "zod/v4";
 import react, { createElement, forwardRef, memo, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { QRCodeSVG } from "qrcode.react";
+import { AnimatePresence, motion } from "framer-motion";
 import { createPortal } from "react-dom";
 import { Outlet, useLocation, useNavigate, useSearchParams } from "react-router-dom";
 import { GoogleLogin, GoogleOAuthProvider } from "@react-oauth/google";
 import { $ZodError, parse, parseAsync } from "zod/v4/core";
-import { motion } from "framer-motion";
 var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports, definition)=>{
@@ -3728,54 +3728,129 @@ const Shield = createLucideIcon("shield", __iconNode);
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */ const circle_check_iconNode = [
+ */ const qr_code_iconNode = [
     [
-        "circle",
+        "rect",
         {
-            cx: "12",
-            cy: "12",
-            r: "10",
-            key: "1mglay"
+            width: "5",
+            height: "5",
+            x: "3",
+            y: "3",
+            rx: "1",
+            key: "1tu5fj"
+        }
+    ],
+    [
+        "rect",
+        {
+            width: "5",
+            height: "5",
+            x: "16",
+            y: "3",
+            rx: "1",
+            key: "1v8r4q"
+        }
+    ],
+    [
+        "rect",
+        {
+            width: "5",
+            height: "5",
+            x: "3",
+            y: "16",
+            rx: "1",
+            key: "1x03jg"
         }
     ],
     [
         "path",
         {
-            d: "m9 12 2 2 4-4",
-            key: "dzmm74"
+            d: "M21 16h-3a2 2 0 0 0-2 2v3",
+            key: "177gqh"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M21 21v.01",
+            key: "ents32"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 7v3a2 2 0 0 1-2 2H7",
+            key: "8crl2c"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M3 12h.01",
+            key: "nlz23k"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 3h.01",
+            key: "n36tog"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 16v.01",
+            key: "133mhm"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M16 12h1",
+            key: "1slzba"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M21 12v.01",
+            key: "1lwtk9"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 21v-1",
+            key: "1880an"
         }
     ]
 ];
-const CircleCheck = createLucideIcon("circle-check", circle_check_iconNode);
+const QrCode = createLucideIcon("qr-code", qr_code_iconNode);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */ const shield_off_iconNode = [
-    [
-        "path",
-        {
-            d: "m2 2 20 20",
-            key: "1ooewy"
-        }
-    ],
+ */ const circle_check_iconNode = [
     [
-        "path",
+        "circle",
         {
-            d: "M5 5a1 1 0 0 0-1 1v7c0 5 3.5 7.5 7.67 8.94a1 1 0 0 0 .67.01c2.35-.82 4.48-1.97 5.9-3.71",
-            key: "1jlk70"
+            cx: "12",
+            cy: "12",
+            r: "10",
+            key: "1mglay"
         }
     ],
     [
         "path",
         {
-            d: "M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264",
-            key: "18rp1v"
+            d: "m9 12 2 2 4-4",
+            key: "dzmm74"
         }
     ]
 ];
-const ShieldOff = createLucideIcon("shield-off", shield_off_iconNode);
+const CircleCheck = createLucideIcon("circle-check", circle_check_iconNode);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -3803,6 +3878,52 @@ const ShieldOff = createLucideIcon("shield-off", shield_off_iconNode);
     ]
 ];
 const Copy = createLucideIcon("copy", copy_iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const key_iconNode = [
+    [
+        "path",
+        {
+            d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4",
+            key: "g0fldk"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m21 2-9.6 9.6",
+            key: "1j0ho8"
+        }
+    ],
+    [
+        "circle",
+        {
+            cx: "7.5",
+            cy: "15.5",
+            r: "5.5",
+            key: "yqb3hr"
+        }
+    ]
+];
+const Key = createLucideIcon("key", key_iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const loader_circle_iconNode = [
+    [
+        "path",
+        {
+            d: "M21 12a9 9 0 1 1-6.219-8.56",
+            key: "13zald"
+        }
+    ]
+];
+const LoaderCircle = createLucideIcon("loader-circle", loader_circle_iconNode);
 /**
  * @license lucide-react v0.544.0 - ISC
  *
@@ -4002,10 +4123,99 @@ const PessimisticReveal = /*#__PURE__*/ memo(({ open, children, delay = 500 })=>
         ]
     });
 });
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const mail_check_iconNode = [
+    [
+        "path",
+        {
+            d: "M22 13V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h8",
+            key: "12jkf8"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",
+            key: "1ocrg3"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m16 19 2 2 4-4",
+            key: "1b14m6"
+        }
+    ]
+];
+const MailCheck = createLucideIcon("mail-check", mail_check_iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const send_iconNode = [
+    [
+        "path",
+        {
+            d: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",
+            key: "1ffxy3"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m21.854 2.147-10.94 10.939",
+            key: "12cjpa"
+        }
+    ]
+];
+const Send = createLucideIcon("send", send_iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const circle_alert_iconNode = [
+    [
+        "circle",
+        {
+            cx: "12",
+            cy: "12",
+            r: "10",
+            key: "1mglay"
+        }
+    ],
+    [
+        "line",
+        {
+            x1: "12",
+            x2: "12",
+            y1: "8",
+            y2: "12",
+            key: "1pkeuh"
+        }
+    ],
+    [
+        "line",
+        {
+            x1: "12",
+            x2: "12.01",
+            y1: "16",
+            y2: "16",
+            key: "4dfq90"
+        }
+    ]
+];
+const CircleAlert = createLucideIcon("circle-alert", circle_alert_iconNode);
 const TEMPO_COOLDOWN = 60;
 const CHAVE_LS = "otp-email-cooldown-ate";
 const EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail = /*#__PURE__*/ forwardRef(function({ email, erroExterno, onConfirmarCodigo, title = "Enviar código pelo e-mail", color = "primary" }, ref) {
     const [erroEnvio, setErroEnvio] = useState(null);
+    const [sucessoEnvio, setSucessoEnvio] = useState(false);
     const [erroOtpInterno, setErroOtpInterno] = useState(null);
     const erroOtp = erroExterno ?? erroOtpInterno;
     const [segundosRestantes, setSegundosRestantes] = useState(0);
@@ -4021,6 +4231,7 @@ const EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail = /*#__PURE__*/ forwardRef(f
     ]);
     const otpRefs = useRef([]);
     const emailValido = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+    const [enviando, setEnviando] = useState(false);
     useImperativeHandle(ref, ()=>({
             reset () {
                 if (intervaloRef.current) {
@@ -4029,6 +4240,7 @@ const EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail = /*#__PURE__*/ forwardRef(f
                 }
                 sessionStorage.removeItem(CHAVE_LS);
                 setErroEnvio(null);
+                setSucessoEnvio(false);
                 setErroOtpInterno(null);
                 setSegundosRestantes(0);
                 setMostrarOtp(false);
@@ -4072,24 +4284,25 @@ const EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail = /*#__PURE__*/ forwardRef(f
     async function enviarCodigo() {
         if (!emailValido || segundosRestantes > 0) return;
         try {
+            setEnviando(true);
             setErroEnvio(null);
-            setErroOtpInterno(null);
-            const dadosBody = {
+            setSucessoEnvio(false);
+            await src_utils.api.servidor_pricipal.post({
+                baseURLKey: "PUBLIC_BASE_URL_SERVICE_USUARIO",
+                url: shared_types.Controller.CodigoOtp.EnviarCodigoOtp.route,
                 data: {
-                    codigo_verificacao_otp: {
-                        tipo_codigo: "email",
-                        email
+                    data: {
+                        codigo_verificacao_otp: {
+                            tipo_codigo: "email",
+                            email
+                        }
                     }
                 }
-            };
+            });
             const ate = new Date(Date.now() + 1000 * TEMPO_COOLDOWN);
             sessionStorage.setItem(CHAVE_LS, ate.toISOString());
             iniciarContagem(TEMPO_COOLDOWN);
-            await src_utils.api.servidor_pricipal.post({
-                baseURLKey: "PUBLIC_BASE_URL_SERVICE_USUARIO",
-                url: shared_types.Controller.CodigoOtp.EnviarCodigoOtp.route,
-                data: dadosBody
-            });
+            setSucessoEnvio(true);
             setMostrarOtp(true);
             setOtp([
                 "",
@@ -4099,9 +4312,14 @@ const EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail = /*#__PURE__*/ forwardRef(f
                 "",
                 ""
             ]);
-            setTimeout(()=>otpRefs.current[0]?.focus(), 0);
+            setTimeout(()=>{
+                otpRefs.current[0]?.focus();
+                setTimeout(()=>setSucessoEnvio(false), 60000);
+            }, 0);
         } catch  {
             setErroEnvio("Não foi possível enviar o código. Tente novamente.");
+        } finally{
+            setEnviando(false);
         }
     }
     function handleOtpChange(i, val) {
@@ -4110,7 +4328,7 @@ const EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail = /*#__PURE__*/ forwardRef(f
         const novo = [
             ...otp
         ];
-        novo[i] = only;
+        novo[i] = only.slice(-1);
         setOtp(novo);
         if (only && i < 5) otpRefs.current[i + 1]?.focus();
     }
@@ -4119,16 +4337,9 @@ const EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail = /*#__PURE__*/ forwardRef(f
         if ("ArrowLeft" === e.key && i > 0) otpRefs.current[i - 1]?.focus();
         if ("ArrowRight" === e.key && i < 5) otpRefs.current[i + 1]?.focus();
     }
-    function confirmarCodigo() {
-        const codigo = otp.join("");
-        if (6 !== codigo.length) return void setErroOtpInterno("Digite os 6 dígitos do código.");
-        onConfirmarCodigo?.(codigo);
-    }
-    const otpCompleto = 6 === otp.join("").length;
     function handleOtpPaste(i, e) {
         e.preventDefault();
-        const texto = e.clipboardData.getData("text");
-        const numeros = texto.replace(/\D/g, "").slice(0, 6);
+        const numeros = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
         if (!numeros) return;
         const novo = [
             ...otp
@@ -4138,82 +4349,209 @@ const EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail = /*#__PURE__*/ forwardRef(f
         const proximoIndex = Math.min(i + numeros.length, 5);
         setTimeout(()=>otpRefs.current[proximoIndex]?.focus(), 0);
     }
+    function confirmarCodigo() {
+        const codigo = otp.join("");
+        if (6 !== codigo.length) return void setErroOtpInterno("Digite os 6 dígitos.");
+        onConfirmarCodigo?.(codigo);
+    }
+    const otpCompleto = 6 === otp.join("").length;
     return /*#__PURE__*/ jsxs("div", {
+        className: "w-full space-y-5",
         children: [
-            /*#__PURE__*/ jsx("button", {
+            /*#__PURE__*/ jsx(AnimatePresence, {
+                children: sucessoEnvio && /*#__PURE__*/ jsxs(motion.div, {
+                    initial: {
+                        opacity: 0,
+                        height: 0,
+                        y: -10
+                    },
+                    animate: {
+                        opacity: 1,
+                        height: "auto",
+                        y: 0
+                    },
+                    exit: {
+                        opacity: 0,
+                        height: 0
+                    },
+                    className: "flex items-center gap-3 p-3 rounded-xl bg-emerald-500/10 border border-emerald-500/20 overflow-hidden",
+                    children: [
+                        /*#__PURE__*/ jsx(MailCheck, {
+                            className: "w-5 h-5 text-emerald-500 flex-shrink-0"
+                        }),
+                        /*#__PURE__*/ jsxs("p", {
+                            className: "text-[11px] font-medium text-emerald-600 dark:text-emerald-400 leading-tight",
+                            children: [
+                                "C\xf3digo enviado para ",
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "font-bold",
+                                    children: email
+                                }),
+                                ". Verifique sua caixa de entrada."
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxs(motion.button, {
+                whileHover: {
+                    scale: !emailValido || segundosRestantes > 0 || enviando ? 1 : 1.01
+                },
+                whileTap: {
+                    scale: !emailValido || segundosRestantes > 0 || enviando ? 1 : 0.99
+                },
                 type: "button",
                 onClick: enviarCodigo,
-                disabled: !emailValido || segundosRestantes > 0,
-                className: [
-                    "w-full rounded-lg py-2 text-sm font-medium transition-all",
-                    `border border-${color}-500 dark:border-${color}-600`,
-                    `bg-transparent text-${color}-600 dark:text-${color}-400`,
-                    `hover:bg-${color}-50 dark:hover:bg-${color}-900/30 hover:border-${color}-400 dark:hover:border-${color}-500`,
-                    "disabled:opacity-50 disabled:cursor-not-allowed"
-                ].join(" "),
-                children: segundosRestantes > 0 ? `Reenviar em ${segundosRestantes}s` : title
-            }),
-            erroEnvio && /*#__PURE__*/ jsx("p", {
-                className: "text-xs text-error-600 dark:text-error-400 mt-2",
-                children: erroEnvio
-            }),
-            mostrarOtp && /*#__PURE__*/ jsxs("div", {
-                className: "mt-8",
+                disabled: !emailValido || segundosRestantes > 0 || enviando,
+                className: `
+                    relative w-full rounded-xl py-3 text-sm font-bold
+                    flex items-center justify-center gap-2
+                    transition-all duration-300 group
+                    ${segundosRestantes > 0 ? "bg-transparent border border-slate-200 dark:border-white/10 text-slate-400 cursor-not-allowed" : "bg-transparent border border-blue-500/30 text-blue-500 hover:border-blue-500 dark:text-blue-400 shadow-sm hover:shadow-blue-500/10"}
+                    disabled:opacity-50
+                `,
                 children: [
-                    /*#__PURE__*/ jsx("label", {
-                        className: "text-sm font-medium text-basic-700 dark:text-basic-300 mb-2 block",
-                        children: "Digite o c\xf3digo de verifica\xe7\xe3o enviado para o e-mail"
-                    }),
                     /*#__PURE__*/ jsx("div", {
-                        className: "flex justify-between gap-2",
-                        children: otp.map((v, i)=>/*#__PURE__*/ jsx("input", {
-                                value: v,
-                                ref: (el)=>{
-                                    otpRefs.current[i] = el;
-                                },
-                                maxLength: 1,
-                                inputMode: "numeric",
-                                pattern: "[0-9]*",
-                                onChange: (e)=>handleOtpChange(i, e.target.value),
-                                onKeyDown: (e)=>handleOtpKeyDown(i, e),
-                                onPaste: (e)=>handleOtpPaste(i, e),
-                                className: `w-10 h-12 text-center text-lg font-semibold rounded-lg border outline-none transition-all
-                                bg-white dark:bg-basic-800
-                                text-basic-900 dark:text-basic-100
-                                ${erroOtp ? "border-error-500 focus:ring-2 ring-error-300 dark:ring-error-600" : "border-default-300 dark:border-default-600 focus:border-primary-500 focus:ring-2 ring-primary-300 dark:ring-primary-600"}`
-                            }, i))
+                        className: "absolute inset-0 bg-gradient-to-r from-blue-600/0 to-cyan-600/0 group-hover:from-blue-600/5 group-hover:to-cyan-600/5 transition-all duration-500"
                     }),
-                    erroOtp && /*#__PURE__*/ jsx("p", {
-                        className: "text-xs text-error-600 dark:text-error-400 mt-1",
-                        children: erroOtp
-                    }),
-                    /*#__PURE__*/ jsx("button", {
-                        type: "button",
-                        onClick: confirmarCodigo,
-                        disabled: !otpCompleto,
-                        className: `w-full mt-4 ${otpCompleto ? "cursor-pointer" : "cursor-not-allowed"} bg-primary-600 hover:bg-primary-700 disabled:bg-primary-400
-                        dark:bg-primary-500 dark:hover:bg-primary-600 dark:disabled:bg-primary-700
-                        text-white font-medium rounded-lg py-2 transition-all`,
-                        children: "Confirmar c\xf3digo"
+                    enviando ? /*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ jsx(LoaderCircle, {
+                                className: "h-4 w-4 animate-spin text-blue-500"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "text-slate-600 dark:text-slate-300",
+                                children: "Enviando..."
+                            })
+                        ]
+                    }) : segundosRestantes > 0 ? /*#__PURE__*/ jsxs("span", {
+                        className: "text-[10px] uppercase tracking-[0.15em] font-black opacity-70",
+                        children: [
+                            "Dispon\xedvel em ",
+                            segundosRestantes,
+                            "s"
+                        ]
+                    }) : /*#__PURE__*/ jsxs("div", {
+                        className: "relative flex items-center gap-2",
+                        children: [
+                            /*#__PURE__*/ jsx(Send, {
+                                className: "h-4 w-4 text-blue-500 group-hover:text-cyan-500 transition-colors"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "bg-gradient-to-r from-blue-600 to-cyan-600 bg-clip-text text-transparent",
+                                children: title
+                            })
+                        ]
                     })
                 ]
-            })
-        ]
-    });
-});
-const AuthAtivarDesativarAuthenticator = ()=>{
-    const usuario_auth = contexto_contexto_usuario.contexto.jsx.get_user();
-    const otpEmailRef = useRef(null);
-    const [authenticator, setAuthenticator] = useState();
-    const [authenticatorData, setAuthenticatorData] = useState(null);
-    const [codigoOtp, setCodigoOtp] = useState("");
-    const [ativado, setAtivado] = useState(false);
-    const [erro, setErro] = useState("");
-    const [carregando, setCarregando] = useState(false);
-    const [copiado, setCopiado] = useState(false);
-    const handleCopiar = ()=>{
-        if (authenticatorData?.secret) {
-            navigator.clipboard.writeText(authenticatorData.secret);
+            }),
+            /*#__PURE__*/ jsx(AnimatePresence, {
+                children: erroEnvio && /*#__PURE__*/ jsxs(motion.div, {
+                    initial: {
+                        opacity: 0
+                    },
+                    animate: {
+                        opacity: 1
+                    },
+                    className: "flex items-center justify-center gap-2 text-red-500",
+                    children: [
+                        /*#__PURE__*/ jsx(CircleAlert, {
+                            className: "w-3.5 h-3.5"
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            className: "text-[11px] font-bold",
+                            children: erroEnvio
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(AnimatePresence, {
+                children: mostrarOtp && /*#__PURE__*/ jsxs(motion.div, {
+                    initial: {
+                        opacity: 0,
+                        height: 0
+                    },
+                    animate: {
+                        opacity: 1,
+                        height: "auto"
+                    },
+                    className: "mt-6 space-y-5 overflow-hidden",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "flex items-center gap-4",
+                            children: [
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "flex-grow border-t border-slate-200 dark:border-white/10"
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "text-[10px] font-black tracking-[0.2em] text-slate-400 uppercase",
+                                    children: "Validar C\xf3digo"
+                                }),
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "flex-grow border-t border-slate-200 dark:border-white/10"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            className: "flex justify-between gap-2",
+                            children: otp.map((v, i)=>/*#__PURE__*/ jsx("input", {
+                                    value: v,
+                                    ref: (el)=>{
+                                        otpRefs.current[i] = el;
+                                    },
+                                    maxLength: 1,
+                                    inputMode: "numeric",
+                                    onChange: (e)=>handleOtpChange(i, e.target.value),
+                                    onKeyDown: (e)=>handleOtpKeyDown(i, e),
+                                    onPaste: (e)=>handleOtpPaste(i, e),
+                                    className: `w-full h-14 text-center text-xl font-black rounded-xl border bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-white outline-none transition-all
+                                        ${erroOtp ? "border-red-500 ring-2 ring-red-500/10" : "border-slate-200 dark:border-white/10 focus:border-slate-400 dark:focus:border-slate-500"}`
+                                }, i))
+                        }),
+                        erroOtp && /*#__PURE__*/ jsx("p", {
+                            className: "text-[11px] text-red-500 text-center font-bold tracking-tight",
+                            children: erroOtp
+                        }),
+                        /*#__PURE__*/ jsxs(motion.button, {
+                            whileHover: {
+                                scale: otpCompleto ? 1.01 : 1
+                            },
+                            whileTap: {
+                                scale: otpCompleto ? 0.99 : 1
+                            },
+                            type: "button",
+                            onClick: confirmarCodigo,
+                            disabled: !otpCompleto,
+                            className: "   relative w-full rounded-xl   bg-gradient-to-r from-blue-600 to-cyan-600   text-white py-3.5 text-sm font-bold   flex items-center justify-center gap-2   transition-all   shadow-lg shadow-blue-500/25   hover:shadow-blue-500/40   disabled:opacity-50 disabled:cursor-not-allowed disabled:grayscale-[0.5]   overflow-hidden   ",
+                            children: [
+                                /*#__PURE__*/ jsx(CircleCheck, {
+                                    className: "w-4 h-4"
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "Confirmar C\xf3digo"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+});
+const AuthAtivarDesativarAuthenticator = ()=>{
+    const usuario_auth = contexto_contexto_usuario.contexto.jsx.get_user();
+    const otpEmailRef = useRef(null);
+    const [authenticator, setAuthenticator] = useState();
+    const [authenticatorData, setAuthenticatorData] = useState(null);
+    const [codigoOtp, setCodigoOtp] = useState("");
+    const [ativado, setAtivado] = useState(false);
+    const [erro, setErro] = useState("");
+    const [carregando, setCarregando] = useState(false);
+    const [copiado, setCopiado] = useState(false);
+    const handleCopiar = ()=>{
+        if (authenticatorData?.secret) {
+            navigator.clipboard.writeText(authenticatorData.secret);
             setCopiado(true);
             setTimeout(()=>setCopiado(false), 1800);
         }
@@ -4254,13 +4592,14 @@ const AuthAtivarDesativarAuthenticator = ()=>{
             if ("SUCCESS" == results.data.code) {
                 otpEmailRef?.current?.reset();
                 await buscar_authenticator();
-            } else throw new Error("Erro ao desativar");
-        } catch (error) {
+            } else throw new Error();
+        } catch  {
             setErro("Falha ao desativar o authenticator!");
+        } finally{
+            setCarregando(false);
         }
     }
     async function handleConfirmarCodigoParaAtivarAuthenticator(codigo) {
-        if (!codigo || codigo.length < 6) return void setErro("A codigo deve ter pelo menos 6 caracteres");
         setCarregando(true);
         setErro("");
         try {
@@ -4282,15 +4621,15 @@ const AuthAtivarDesativarAuthenticator = ()=>{
                 secret: output.data.authenticator.secret_key,
                 otpAuthUrl: output.data.authenticator.otp_auth_url || ""
             });
-            else setErro("Não foi possível gerar o código do authenticator");
-        } catch (e) {
+            else setErro("Não foi possível gerar o código");
+        } catch  {
             setErro("Erro ao verificar código!");
         } finally{
             setCarregando(false);
         }
     }
     async function handleAtivar() {
-        if (!codigoOtp) return void setErro("Digite o código OTP do app autenticador");
+        if (!codigoOtp) return setErro("Digite o código OTP");
         setCarregando(true);
         setErro("");
         try {
@@ -4310,171 +4649,223 @@ const AuthAtivarDesativarAuthenticator = ()=>{
             if (resp?.status === 200) {
                 otpEmailRef?.current?.reset();
                 setAtivado(true);
-            } else setErro("Falha ao ativar o authenticator");
+                await buscar_authenticator();
+            } else setErro("Código inválido");
         } catch (e) {
-            setErro("Erro ao ativar: " + e.message);
+            setErro("Erro ao ativar");
         } finally{
-            await buscar_authenticator();
             setCarregando(false);
         }
     }
     return /*#__PURE__*/ jsx("div", {
-        className: "w-full max-w-md mx-auto px-6 py-8 text-theme-text",
-        children: /*#__PURE__*/ jsxs("div", {
-            className: "space-y-8",
-            children: [
-                !authenticatorData?.secret && /*#__PURE__*/ jsxs("div", {
-                    className: "text-center space-y-3",
-                    children: [
-                        /*#__PURE__*/ jsx("div", {
-                            className: "mx-auto w-12 h-12 rounded-full bg-primary-950/40 flex items-center justify-center border border-theme-border",
-                            children: /*#__PURE__*/ jsx(Shield, {
-                                className: "w-6 h-6 text-primary-400"
-                            })
-                        }),
-                        /*#__PURE__*/ jsx("h1", {
-                            className: "text-lg font-semibold",
-                            children: "Autentica\xe7\xe3o em Dois Fatores"
-                        }),
-                        /*#__PURE__*/ jsx("p", {
-                            className: "text-sm text-basic-600",
-                            children: "Proteja sua conta com uma camada extra de seguran\xe7a."
-                        })
-                    ]
-                }) || /*#__PURE__*/ jsx(Fragment, {}),
-                authenticator && !authenticatorData?.secret && /*#__PURE__*/ jsxs("div", {
-                    className: "rounded-xl border border-theme-border bg-theme-card p-5 space-y-4",
+        className: "w-full h-full bg-white dark:bg-slate-900/50",
+        children: /*#__PURE__*/ jsx("div", {
+            className: "w-full max-w-md mx-auto px-6 py-8 space-y-8 bg-white dark:bg-slate-900/50",
+            children: /*#__PURE__*/ jsx(AnimatePresence, {
+                mode: "wait",
+                children: authenticatorData?.secret || ativado ? authenticatorData && !ativado ? /*#__PURE__*/ jsxs(motion.div, {
+                    initial: {
+                        opacity: 0,
+                        scale: 0.95
+                    },
+                    animate: {
+                        opacity: 1,
+                        scale: 1
+                    },
+                    className: "space-y-6",
                     children: [
                         /*#__PURE__*/ jsxs("div", {
-                            className: "flex items-center justify-between text-sm",
+                            className: "text-center space-y-4",
                             children: [
-                                /*#__PURE__*/ jsx("span", {
-                                    className: "text-basic-600",
-                                    children: "Status"
-                                }),
-                                authenticator.data.autheticator.ativo ? /*#__PURE__*/ jsxs("span", {
-                                    className: "inline-flex items-center gap-1 text-success-500 font-medium",
+                                /*#__PURE__*/ jsxs("h3", {
+                                    className: "text-lg font-black text-slate-900 dark:text-white flex items-center justify-center gap-2",
                                     children: [
-                                        /*#__PURE__*/ jsx(CircleCheck, {
-                                            className: "w-4 h-4"
+                                        /*#__PURE__*/ jsx(QrCode, {
+                                            className: "w-5 h-5 text-blue-500"
                                         }),
-                                        "Ativo"
+                                        " Vincular Dispositivo"
                                     ]
-                                }) : /*#__PURE__*/ jsxs("span", {
-                                    className: "inline-flex items-center gap-1 text-error-500 font-medium",
+                                }),
+                                /*#__PURE__*/ jsx("div", {
+                                    className: "mx-auto p-4 bg-white rounded-3xl border-4 border-slate-100 dark:border-white/5 shadow-2xl inline-block",
+                                    children: /*#__PURE__*/ jsx(QRCodeSVG, {
+                                        value: authenticatorData?.otpAuthUrl,
+                                        size: 180,
+                                        level: "H",
+                                        includeMargin: false
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: "space-y-3",
                                     children: [
-                                        /*#__PURE__*/ jsx(ShieldOff, {
-                                            className: "w-4 h-4"
+                                        /*#__PURE__*/ jsx("p", {
+                                            className: "text-xs text-slate-500 dark:text-slate-400 px-4",
+                                            children: "Escaneie o c\xf3digo acima ou insira a chave secreta manualmente no seu app."
                                         }),
-                                        "Inativo"
+                                        /*#__PURE__*/ jsxs("div", {
+                                            className: "flex items-center gap-2 max-w-[280px] mx-auto bg-slate-100 dark:bg-slate-950 p-1.5 rounded-xl border border-slate-200 dark:border-white/5",
+                                            children: [
+                                                /*#__PURE__*/ jsx("div", {
+                                                    className: "flex-1 px-3 py-1.5 font-mono text-[11px] truncate text-slate-600 dark:text-slate-300",
+                                                    children: authenticatorData?.secret
+                                                }),
+                                                /*#__PURE__*/ jsx("button", {
+                                                    onClick: handleCopiar,
+                                                    className: "p-2 rounded-lg bg-white dark:bg-slate-900 shadow-sm border border-slate-200 dark:border-white/10 hover:text-blue-500 transition-colors",
+                                                    children: copiado ? /*#__PURE__*/ jsx(CircleCheck, {
+                                                        className: "w-4 h-4 text-emerald-500"
+                                                    }) : /*#__PURE__*/ jsx(Copy, {
+                                                        className: "w-4 h-4"
+                                                    })
+                                                })
+                                            ]
+                                        })
                                     ]
                                 })
                             ]
                         }),
-                        authenticator.data.autheticator.ativo && /*#__PURE__*/ jsxs("p", {
-                            className: "text-xs text-basic-600",
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "space-y-4",
                             children: [
-                                "Criado em ",
-                                src_utils.data.SET_SECONDS_TO_DD_MM_YYYY_HH_MM(authenticator.data.autheticator.data_criacao)
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: "relative group",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Key, {
+                                            className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-400 group-focus-within:text-blue-500 transition-colors"
+                                        }),
+                                        /*#__PURE__*/ jsx("input", {
+                                            type: "text",
+                                            value: codigoOtp,
+                                            onChange: (e)=>setCodigoOtp(e.target.value),
+                                            placeholder: "Digite o c\xf3digo de 6 d\xedgitos",
+                                            className: "w-full pl-10 pr-4 py-3 bg-slate-50 dark:bg-slate-950 border border-slate-200 dark:border-white/10 rounded-xl text-sm outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-all font-bold tracking-[0.2em] text-center"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx("button", {
+                                    onClick: handleAtivar,
+                                    disabled: carregando || codigoOtp.length < 6,
+                                    className: "w-full py-3.5 rounded-xl bg-gradient-to-r from-blue-600 to-cyan-600 text-white font-black text-sm shadow-lg shadow-blue-500/20 hover:shadow-blue-500/40 disabled:opacity-50 transition-all flex items-center justify-center gap-2",
+                                    children: carregando ? /*#__PURE__*/ jsx(LoaderCircle, {
+                                        className: "w-4 h-4 animate-spin"
+                                    }) : "Ativar Agora"
+                                })
                             ]
-                        }) || /*#__PURE__*/ jsx(Fragment, {})
+                        })
                     ]
-                }) || /*#__PURE__*/ jsx(Fragment, {}),
-                /*#__PURE__*/ jsx(Fragment, {
-                    children: !authenticatorData?.secret && /*#__PURE__*/ jsx(Fragment, {
-                        children: !authenticator?.data?.autheticator?.ativo && /*#__PURE__*/ jsx(EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail, {
-                            ref: otpEmailRef,
-                            erroExterno: erro,
-                            title: "Enviar c\xf3digo para ativar authenticator",
-                            email: usuario_auth?.data?.usuario?.email,
-                            onConfirmarCodigo: handleConfirmarCodigoParaAtivarAuthenticator
-                        }) || /*#__PURE__*/ jsx(EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail, {
-                            ref: otpEmailRef,
-                            erroExterno: erro,
-                            color: "error",
-                            title: "Enviar c\xf3digo para desativar authenticator",
-                            email: usuario_auth?.data?.usuario?.email,
-                            onConfirmarCodigo: desativarAuthenticator
+                }, "step-2") : /*#__PURE__*/ jsxs(motion.div, {
+                    initial: {
+                        opacity: 0,
+                        scale: 0.9
+                    },
+                    animate: {
+                        opacity: 1,
+                        scale: 1
+                    },
+                    className: "py-10 text-center space-y-4",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "mx-auto w-20 h-20 rounded-full bg-emerald-500/10 flex items-center justify-center border border-emerald-500/20",
+                            children: /*#__PURE__*/ jsx(CircleCheck, {
+                                className: "w-10 h-10 text-emerald-500"
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "space-y-1",
+                            children: [
+                                /*#__PURE__*/ jsx("h3", {
+                                    className: "text-xl font-black text-slate-900 dark:text-white",
+                                    children: "Tudo pronto!"
+                                }),
+                                /*#__PURE__*/ jsx("p", {
+                                    className: "text-sm text-slate-500 dark:text-slate-400 font-medium px-8",
+                                    children: "Sua conta agora est\xe1 protegida com autentica\xe7\xe3o em duas etapas."
+                                })
+                            ]
                         })
-                    }) || /*#__PURE__*/ jsx(Fragment, {})
-                }),
-                authenticatorData && !ativado && /*#__PURE__*/ jsxs("div", {
+                    ]
+                }, "success") : /*#__PURE__*/ jsxs(motion.div, {
+                    initial: {
+                        opacity: 0,
+                        y: 10
+                    },
+                    animate: {
+                        opacity: 1,
+                        y: 0
+                    },
                     className: "space-y-6",
                     children: [
                         /*#__PURE__*/ jsxs("div", {
-                            className: "text-center space-y-3",
+                            className: "text-center space-y-4",
                             children: [
                                 /*#__PURE__*/ jsx("div", {
-                                    className: "mx-auto w-12 h-12 rounded-full bg-primary-950/40 flex items-center justify-center border border-theme-border",
+                                    className: "mx-auto w-12 h-12 rounded-xl bg-slate-100 dark:bg-white/[0.03] flex items-center justify-center border border-slate-200 dark:border-white/10",
                                     children: /*#__PURE__*/ jsx(Shield, {
-                                        className: "w-6 h-6 text-primary-400"
-                                    })
-                                }),
-                                /*#__PURE__*/ jsx("h1", {
-                                    className: "text-lg font-semibold",
-                                    children: "Escaneie o QR Code no app autenticador"
-                                }),
-                                /*#__PURE__*/ jsx("div", {
-                                    className: "flex justify-center rounded-xl border border-theme-border bg-theme-bg p-4",
-                                    children: /*#__PURE__*/ jsx(QRCodeSVG, {
-                                        value: authenticatorData?.otpAuthUrl,
-                                        size: 180
+                                        className: "w-6 h-6 text-slate-400 dark:text-slate-500"
                                     })
                                 }),
-                                /*#__PURE__*/ jsx("p", {
-                                    className: "text-xs text-basic-600",
-                                    children: "Ou utilize o c\xf3digo manual"
-                                }),
                                 /*#__PURE__*/ jsxs("div", {
-                                    className: "flex items-center justify-center gap-2",
+                                    className: "space-y-1",
                                     children: [
-                                        /*#__PURE__*/ jsx("div", {
-                                            className: "rounded-lg  px-3 py-2 font-mono text-xs max-w-[220px] overflow-x-auto border border-theme-border",
-                                            children: authenticatorData?.secret
+                                        /*#__PURE__*/ jsx("h2", {
+                                            className: "text-lg font-bold tracking-tight text-slate-800 dark:text-slate-200",
+                                            children: "Autentica\xe7\xe3o de Seguran\xe7a"
                                         }),
-                                        /*#__PURE__*/ jsx("button", {
-                                            onClick: handleCopiar,
-                                            className: "rounded-lg bg-default-500 hover:bg-default-400   p-2 transition border border-theme-border",
-                                            children: /*#__PURE__*/ jsx(Copy, {
-                                                className: "w-4 h-4 text-basic-300"
-                                            })
+                                        /*#__PURE__*/ jsx("p", {
+                                            className: "text-xs text-slate-500 dark:text-slate-500 leading-relaxed max-w-[240px] mx-auto",
+                                            children: "Proteja seu acesso utilizando um segundo fator de verifica\xe7\xe3o."
                                         })
                                     ]
-                                }),
-                                copiado && /*#__PURE__*/ jsx("span", {
-                                    className: "text-xs text-primary-400",
-                                    children: "C\xf3digo copiado com sucesso"
                                 })
                             ]
                         }),
-                        /*#__PURE__*/ jsx("input", {
-                            type: "text",
-                            value: codigoOtp,
-                            onChange: (e)=>setCodigoOtp(e.target.value),
-                            placeholder: "C\xf3digo do app autenticador",
-                            className: "w-full rounded-lg border border-theme-border bg-theme-bg   px-4 py-2.5 text-sm   focus:ring-2 focus:ring-primary-600 outline-none"
-                        }),
-                        /*#__PURE__*/ jsx("button", {
-                            onClick: handleAtivar,
-                            disabled: carregando,
-                            className: "w-full rounded-lg bg-primary-600 hover:bg-primary-500   text-white text-sm font-medium py-2.5   transition disabled:opacity-60",
-                            children: carregando ? "Ativando..." : "Ativar autenticação"
-                        })
-                    ]
-                }),
-                ativado && /*#__PURE__*/ jsxs("div", {
-                    className: "text-center space-y-2",
-                    children: [
-                        /*#__PURE__*/ jsx(CircleCheck, {
-                            className: "w-10 h-10 text-primary-400 mx-auto"
+                        authenticator && /*#__PURE__*/ jsxs("div", {
+                            className: "rounded-2xl border border-slate-200 dark:border-white/10 bg-slate-50 dark:bg-slate-950/50 p-4 space-y-3",
+                            children: [
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: "flex items-center justify-between",
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            className: "text-xs font-bold uppercase tracking-wider text-slate-400",
+                                            children: "Status Atual"
+                                        }),
+                                        authenticator.data.autheticator.ativo ? /*#__PURE__*/ jsxs("span", {
+                                            className: "px-2.5 py-1 rounded-full text-[10px] font-black bg-emerald-500/10 text-emerald-500 border border-emerald-500/20 flex items-center gap-1.5 uppercase",
+                                            children: [
+                                                /*#__PURE__*/ jsx("div", {
+                                                    className: "w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse"
+                                                }),
+                                                " Ativo"
+                                            ]
+                                        }) : /*#__PURE__*/ jsx("span", {
+                                            className: "px-2.5 py-1 rounded-full text-[10px] font-black bg-slate-500/10 text-slate-400 border border-slate-500/20 uppercase",
+                                            children: "Inativo"
+                                        })
+                                    ]
+                                }),
+                                authenticator.data.autheticator.ativo && /*#__PURE__*/ jsxs("p", {
+                                    className: "text-[10px] text-slate-500 font-medium",
+                                    children: [
+                                        "Ativado em: ",
+                                        src_utils.data.SET_SECONDS_TO_DD_MM_YYYY_HH_MM(authenticator.data.autheticator.data_criacao)
+                                    ]
+                                })
+                            ]
                         }),
-                        /*#__PURE__*/ jsx("p", {
-                            className: "text-sm font-medium ",
-                            children: "Autentica\xe7\xe3o ativada com sucesso"
+                        /*#__PURE__*/ jsx("div", {
+                            className: "pt-2",
+                            children: /*#__PURE__*/ jsx(EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail, {
+                                ref: otpEmailRef,
+                                erroExterno: erro,
+                                title: authenticator?.data?.autheticator?.ativo ? "Desativar Proteção" : "Enviar código para o e-mail",
+                                email: usuario_auth?.data?.usuario?.email,
+                                color: authenticator?.data?.autheticator?.ativo ? "error" : "primary",
+                                onConfirmarCodigo: authenticator?.data?.autheticator?.ativo ? desativarAuthenticator : handleConfirmarCodigoParaAtivarAuthenticator
+                            })
                         })
                     ]
-                })
-            ]
+                }, "step-1")
+            })
         })
     });
 };
@@ -4542,6 +4933,31 @@ function AuthAtivarDesativarAuthenticatorButton() {
     ]
 ];
 const Lock = createLucideIcon("lock", lock_iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const key_round_iconNode = [
+    [
+        "path",
+        {
+            d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z",
+            key: "1s6t7t"
+        }
+    ],
+    [
+        "circle",
+        {
+            cx: "16.5",
+            cy: "7.5",
+            r: ".5",
+            fill: "currentColor",
+            key: "w0ekpg"
+        }
+    ]
+];
+const KeyRound = createLucideIcon("key-round", key_round_iconNode);
 const contexto_codigo_otp_store = external_zustand_create()(immer((set)=>({
         states: {
             recuperar_senha_pelo_app_com_codigo_otp: {
@@ -4589,12 +5005,10 @@ const RecuperarSenhaComCodigoOtp = ()=>{
     const usuario_auth = contexto_contexto_usuario.contexto.jsx.get_user();
     const otpEmailRef = useRef(null);
     const [etapa, setEtapa] = useState(1);
-    const [codigoOtp, setCodigoOtp] = useState("");
     const [novaSenha, setNovaSenha] = useState("");
     const [confirmacaoSenha, setConfirmacaoSenha] = useState("");
     const [erro, setErro] = useState("");
     const [sucesso, setSucesso] = useState(false);
-    contexto_contexto_codigo_otp.get_jsx.recuperar_senha_pelo_app_com_codigo_otp.loading;
     function avancarParaOtp() {
         if (!novaSenha || novaSenha.length < 8) return void setErro("A senha deve ter no mínimo 8 caracteres");
         if (novaSenha !== confirmacaoSenha) return void setErro("As senhas não coincidem");
@@ -4603,7 +5017,6 @@ const RecuperarSenhaComCodigoOtp = ()=>{
     }
     async function confirmarCodigo(codigo) {
         if (!codigo || 6 !== codigo.length) return void setErro("Código OTP inválido");
-        setCodigoOtp(codigo);
         setErro("");
         const data = {
             data: {
@@ -4619,86 +5032,156 @@ const RecuperarSenhaComCodigoOtp = ()=>{
             setSucesso(true);
         } else setErro("Falha ao redefinir a senha");
     }
-    if (sucesso) return /*#__PURE__*/ jsxs("div", {
-        className: "w-full max-w-md mx-auto px-6 py-10 text-center space-y-3 text-theme-text",
+    if (sucesso) return /*#__PURE__*/ jsxs(motion.div, {
+        initial: {
+            opacity: 0,
+            scale: 0.95
+        },
+        animate: {
+            opacity: 1,
+            scale: 1
+        },
+        className: "w-full max-w-md mx-auto px-6 py-12 text-center flex flex-col items-center gap-4",
         children: [
-            /*#__PURE__*/ jsx(CircleCheck, {
-                className: "w-10 h-10 text-primary-400 mx-auto"
-            }),
-            /*#__PURE__*/ jsx("p", {
-                className: "text-sm font-medium",
-                children: "Senha alterada com sucesso"
+            /*#__PURE__*/ jsx("div", {
+                className: "w-16 h-16 rounded-full bg-green-500/10 flex items-center justify-center border border-green-500/20",
+                children: /*#__PURE__*/ jsx(CircleCheck, {
+                    className: "w-8 h-8 text-green-500"
+                })
             }),
-            /*#__PURE__*/ jsx("p", {
-                className: "text-xs text-basic-600",
-                children: "Voc\xea j\xe1 pode acessar sua conta com a nova senha"
-            })
-        ]
-    });
-    return /*#__PURE__*/ jsxs("div", {
-        className: "w-full max-w-md mx-auto px-6 py-8 text-theme-text space-y-8",
-        children: [
             /*#__PURE__*/ jsxs("div", {
-                className: "text-center space-y-3",
+                className: "space-y-1",
                 children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: "mx-auto w-12 h-12 rounded-full bg-primary-950/40 flex items-center justify-center border border-theme-border",
-                        children: /*#__PURE__*/ jsx(Lock, {
-                            className: "w-6 h-6 text-primary-400"
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("h1", {
-                        className: "text-lg font-semibold",
-                        children: 1 === etapa ? "Definir nova senha" : "Confirmar código"
+                    /*#__PURE__*/ jsx("h3", {
+                        className: "text-xl font-black text-slate-900 dark:text-white",
+                        children: "Senha alterada!"
                     }),
                     /*#__PURE__*/ jsx("p", {
-                        className: "text-sm text-basic-600",
-                        children: 1 === etapa ? "Digite sua nova senha para continuar" : "Enviamos um código para confirmar a alteração"
+                        className: "text-sm text-slate-500 dark:text-slate-400 font-medium",
+                        children: "Voc\xea j\xe1 pode acessar sua conta com a nova senha."
                     })
                 ]
-            }),
-            1 === etapa && /*#__PURE__*/ jsxs(Fragment, {
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "space-y-3",
-                        children: [
-                            /*#__PURE__*/ jsx("input", {
-                                type: "password",
-                                placeholder: "Nova senha",
-                                value: novaSenha,
-                                onChange: (e)=>setNovaSenha(e.target.value),
-                                className: "w-full rounded-lg border border-theme-border bg-theme-bg px-4 py-2.5 text-sm focus:ring-2 focus:ring-primary-600 outline-none"
-                            }),
-                            /*#__PURE__*/ jsx("input", {
-                                type: "password",
-                                placeholder: "Confirmar nova senha",
-                                value: confirmacaoSenha,
-                                onChange: (e)=>setConfirmacaoSenha(e.target.value),
-                                className: "w-full rounded-lg border border-theme-border bg-theme-bg px-4 py-2.5 text-sm focus:ring-2 focus:ring-primary-600 outline-none"
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsx("div", {
+        className: "w-full h-full bg-white dark:bg-slate-900/50",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "w-full max-w-md mx-auto px-6 py-8 space-y-8",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "text-center space-y-4",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "mx-auto w-12 h-12 rounded-xl bg-slate-100 dark:bg-white/[0.03] flex items-center justify-center border border-slate-200 dark:border-white/10",
+                            children: /*#__PURE__*/ jsx(Lock, {
+                                className: "w-5 h-5 text-slate-400 dark:text-slate-500"
                             })
-                        ]
-                    }),
-                    erro && /*#__PURE__*/ jsx("p", {
-                        className: "text-xs text-error-500",
-                        children: erro
-                    }),
-                    /*#__PURE__*/ jsx("button", {
-                        onClick: avancarParaOtp,
-                        className: "w-full rounded-lg bg-primary-600 hover:bg-primary-500 text-white text-sm font-medium py-2.5 transition",
-                        children: "Alterar senha"
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "space-y-1",
+                            children: [
+                                /*#__PURE__*/ jsx("h2", {
+                                    className: "text-lg font-bold tracking-tight text-slate-800 dark:text-slate-200",
+                                    children: 1 === etapa ? "Definir nova senha" : "Confirmar código"
+                                }),
+                                /*#__PURE__*/ jsx("p", {
+                                    className: "text-xs text-slate-500 dark:text-slate-500 leading-relaxed max-w-[220px] mx-auto font-medium",
+                                    children: 1 === etapa ? "Escolha uma senha forte para garantir a segurança da sua conta." : "Insira o código enviado para validar a sua identidade."
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                1 === etapa && /*#__PURE__*/ jsxs(motion.div, {
+                    initial: {
+                        opacity: 0,
+                        x: -10
+                    },
+                    animate: {
+                        opacity: 1,
+                        x: 0
+                    },
+                    className: "space-y-5",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "space-y-3",
+                            children: [
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: "relative group",
+                                    children: [
+                                        /*#__PURE__*/ jsx(KeyRound, {
+                                            className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400 group-focus-within:text-blue-500 transition-colors"
+                                        }),
+                                        /*#__PURE__*/ jsx("input", {
+                                            type: "password",
+                                            placeholder: "Nova senha",
+                                            value: novaSenha,
+                                            onChange: (e)=>setNovaSenha(e.target.value),
+                                            className: "w-full rounded-xl pl-10 pr-4 py-3 text-sm border border-slate-200 bg-slate-50 text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100 transition-all"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: "relative group",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Lock, {
+                                            className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400 group-focus-within:text-blue-500 transition-colors"
+                                        }),
+                                        /*#__PURE__*/ jsx("input", {
+                                            type: "password",
+                                            placeholder: "Confirmar nova senha",
+                                            value: confirmacaoSenha,
+                                            onChange: (e)=>setConfirmacaoSenha(e.target.value),
+                                            className: "w-full rounded-xl pl-10 pr-4 py-3 text-sm border border-slate-200 bg-slate-50 text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100 transition-all"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        erro && /*#__PURE__*/ jsx("p", {
+                            className: "text-xs text-red-500 font-semibold",
+                            children: erro
+                        }),
+                        /*#__PURE__*/ jsxs(motion.button, {
+                            whileHover: {
+                                scale: 1.01
+                            },
+                            whileTap: {
+                                scale: 0.99
+                            },
+                            onClick: avancarParaOtp,
+                            className: "w-full inline-flex items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-blue-600 to-cyan-600 py-3.5 text-sm font-bold text-white shadow-lg shadow-blue-500/25 transition-all hover:shadow-blue-500/40",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "Pr\xf3ximo passo"
+                                }),
+                                /*#__PURE__*/ jsx(ChevronRight, {
+                                    className: "h-4 w-4"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                2 === etapa && /*#__PURE__*/ jsx(motion.div, {
+                    initial: {
+                        opacity: 0,
+                        x: 10
+                    },
+                    animate: {
+                        opacity: 1,
+                        x: 0
+                    },
+                    children: /*#__PURE__*/ jsx(EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail, {
+                        ref: otpEmailRef,
+                        email: usuario_auth?.data?.usuario?.email,
+                        erroExterno: erro,
+                        title: "Confirmar altera\xe7\xe3o",
+                        onConfirmarCodigo: confirmarCodigo
                     })
-                ]
-            }),
-            2 === etapa && /*#__PURE__*/ jsx(Fragment, {
-                children: /*#__PURE__*/ jsx(EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail, {
-                    ref: otpEmailRef,
-                    email: usuario_auth?.data?.usuario?.email,
-                    erroExterno: erro,
-                    title: "Enviar c\xf3digo de confirma\xe7\xe3o",
-                    onConfirmarCodigo: confirmarCodigo
                 })
-            })
-        ]
+            ]
+        })
     });
 };
 function RecuperarSenhaComCodigoOtpButton() {
@@ -4735,8 +5218,95 @@ function RecuperarSenhaComCodigoOtpButton() {
         ]
     });
 }
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const sparkles_iconNode = [
+    [
+        "path",
+        {
+            d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
+            key: "1s2grr"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M20 2v4",
+            key: "1rf3ol"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M22 4h-4",
+            key: "gwowj6"
+        }
+    ],
+    [
+        "circle",
+        {
+            cx: "4",
+            cy: "20",
+            r: "2",
+            key: "6kqj1y"
+        }
+    ]
+];
+const Sparkles = createLucideIcon("sparkles", sparkles_iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const mail_iconNode = [
+    [
+        "path",
+        {
+            d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",
+            key: "132q7q"
+        }
+    ],
+    [
+        "rect",
+        {
+            x: "2",
+            y: "4",
+            width: "20",
+            height: "16",
+            rx: "2",
+            key: "izxlao"
+        }
+    ]
+];
+const Mail = createLucideIcon("mail", mail_iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const arrow_left_iconNode = [
+    [
+        "path",
+        {
+            d: "m12 19-7-7 7-7",
+            key: "1l729n"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M19 12H5",
+            key: "x3x0zl"
+        }
+    ]
+];
+const ArrowLeft = createLucideIcon("arrow-left", arrow_left_iconNode);
 function EsqueciMinhaSenha({ email: emailProp }) {
     const location = useLocation();
+    const navigate = useNavigate();
     const [search] = useSearchParams();
     const emailDaNavegacao = location.state?.email;
     const emailDaQuery = search.get("email") ?? void 0;
@@ -4785,67 +5355,137 @@ function EsqueciMinhaSenha({ email: emailProp }) {
             setErroOtp("Erro ao verificar código otp!");
         }
     }
-    return /*#__PURE__*/ jsx("div", {
-        className: "flex min-h-screen p-4 items-center justify-center bg-basic-50 dark:bg-basic-950",
-        children: /*#__PURE__*/ jsx("div", {
-            className: "w-full max-w-md",
-            children: /*#__PURE__*/ jsxs("div", {
-                className: "bg-white dark:bg-basic-900 border border-default-200 dark:border-default-700 rounded-xl p-6 shadow-sm",
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex min-h-dvh items-center justify-center p-4 relative overflow-hidden bg-slate-50 text-slate-900 dark:bg-[#020617] dark:text-slate-100",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-blue-600/10 via-transparent to-transparent"
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(circle_at_bottom_left,_var(--tw-gradient-stops))] from-cyan-600/10 via-transparent to-transparent"
+            }),
+            /*#__PURE__*/ jsxs(motion.div, {
+                initial: {
+                    opacity: 0,
+                    y: 20
+                },
+                animate: {
+                    opacity: 1,
+                    y: 0
+                },
+                transition: {
+                    duration: 0.5
+                },
+                className: "w-full max-w-md flex flex-col gap-6 relative z-10",
                 children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "flex justify-center",
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: "inline-flex items-center gap-2 rounded-full px-4 py-2 backdrop-blur-md border border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400",
+                            children: [
+                                /*#__PURE__*/ jsx(motion.div, {
+                                    animate: {
+                                        rotate: 360
+                                    },
+                                    transition: {
+                                        duration: 3,
+                                        repeat: 1 / 0,
+                                        ease: "linear"
+                                    },
+                                    children: /*#__PURE__*/ jsx(Sparkles, {
+                                        className: "h-4 w-4"
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    className: "text-sm font-bold tracking-wide",
+                                    children: "AuthFlow"
+                                })
+                            ]
+                        })
+                    }),
                     /*#__PURE__*/ jsxs("div", {
-                        className: "text-center mb-6",
+                        className: "text-center",
                         children: [
-                            /*#__PURE__*/ jsx("h1", {
-                                className: "text-2xl font-semibold text-basic-900 dark:text-basic-100",
-                                children: "Esqueci minha senha"
-                            }),
-                            /*#__PURE__*/ jsx("p", {
-                                className: "text-sm text-basic-600 dark:text-basic-400",
-                                children: "Digite o e-mail da conta para entrar sem senha!"
+                            /*#__PURE__*/ jsx("h2", {
+                                className: "text-3xl font-black tracking-tight bg-gradient-to-r from-blue-400 via-blue-500 to-cyan-400 bg-clip-text text-transparent",
+                                children: "Recuperar Acesso"
                             }),
                             /*#__PURE__*/ jsx("p", {
-                                className: "text-xs text-default-500 dark:text-default-400",
-                                children: "Enviaremos um c\xf3digo de confirma\xe7\xe3o."
+                                className: "text-sm mt-2 text-slate-500 dark:text-slate-400 font-medium px-6",
+                                children: "Digite seu e-mail para receber um c\xf3digo de entrada sem senha."
                             })
                         ]
                     }),
-                    /*#__PURE__*/ jsx("label", {
-                        className: "text-sm font-medium text-basic-700 dark:text-basic-300 mb-1 block",
-                        children: "E-mail"
-                    }),
-                    /*#__PURE__*/ jsx("input", {
-                        ref: inputRef,
-                        type: "email",
-                        placeholder: "seu@email.com",
-                        value: emailBloqueado ? emailDosParametros : emailInput,
-                        onChange: (e)=>{
-                            if (emailBloqueado) return;
-                            setEmailInput(e.target.value);
-                            if (erroEmail && emailValido(e.target.value)) setErroEmail(null);
-                        },
-                        onBlur: ()=>!emailBloqueado && validarEmailAtual(),
-                        autoComplete: "email",
-                        className: `w-full px-4 py-2 rounded-lg border text-sm outline-none transition-all
-                            bg-white dark:bg-basic-800
-                            text-basic-900 dark:text-basic-100
-                            placeholder:text-basic-400 dark:placeholder:text-basic-500
-                            ${erroEmail ? "border-error-500 focus:ring-2 ring-error-300 dark:ring-error-600" : "border-default-300 dark:border-default-600 focus:border-primary-500 focus:ring-2 ring-primary-300 dark:ring-primary-600"}`
-                    }),
-                    erroEmail && /*#__PURE__*/ jsx("p", {
-                        className: "text-xs text-error-600 dark:text-error-400 mt-1",
-                        children: erroEmail
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "   relative rounded-2xl p-7 flex flex-col gap-6 transition-all duration-300   bg-white border border-slate-200 shadow-[0_20px_50px_rgba(0,0,0,0.04)]   dark:bg-slate-900/90 dark:backdrop-blur-2xl   dark:border-white/[0.1] dark:shadow-[0_0_0_1px_rgba(255,255,255,0.05),_0_30px_60px_rgba(0,0,0,0.4)]   ",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex flex-col gap-1.5",
+                                children: [
+                                    /*#__PURE__*/ jsx("label", {
+                                        htmlFor: "email",
+                                        className: "text-sm font-bold text-slate-700 dark:text-slate-200",
+                                        children: "E-mail de Cadastro"
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "relative group",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Mail, {
+                                                className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400 group-focus-within:text-blue-500 transition-colors"
+                                            }),
+                                            /*#__PURE__*/ jsx("input", {
+                                                ref: inputRef,
+                                                id: "email",
+                                                type: "email",
+                                                placeholder: "seu@email.com",
+                                                value: emailBloqueado ? emailDosParametros : emailInput,
+                                                disabled: emailBloqueado,
+                                                onChange: (e)=>{
+                                                    if (emailBloqueado) return;
+                                                    setEmailInput(e.target.value);
+                                                    if (erroEmail && emailValido(e.target.value)) setErroEmail(null);
+                                                },
+                                                onBlur: ()=>!emailBloqueado && validarEmailAtual(),
+                                                autoComplete: "email",
+                                                className: `w-full rounded-xl pl-10 pr-4 py-3 text-sm border bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 transition-all outline-none
+                                    ${erroEmail ? "border-red-500 ring-2 ring-red-500/10 focus:border-red-500" : "border-slate-200 dark:border-white/10 focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500"} ${emailBloqueado ? "opacity-70 cursor-not-allowed border-blue-500/30 bg-blue-500/5" : ""}`
+                                            })
+                                        ]
+                                    }),
+                                    erroEmail && /*#__PURE__*/ jsx("p", {
+                                        className: "text-xs text-red-500 font-semibold",
+                                        children: erroEmail
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "mt-2",
+                                children: /*#__PURE__*/ jsx(EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail, {
+                                    email: emailEfetivo,
+                                    onConfirmarCodigo: confirmarCodigo,
+                                    erroExterno: erroOtp,
+                                    title: "Enviar C\xf3digo de Acesso"
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs("button", {
+                                onClick: ()=>navigate(-1),
+                                className: "flex items-center justify-center gap-2 text-sm font-bold text-slate-500 hover:text-blue-600 dark:text-slate-400 dark:hover:text-blue-400 transition-colors mt-2",
+                                children: [
+                                    /*#__PURE__*/ jsx(ArrowLeft, {
+                                        className: "h-4 w-4"
+                                    }),
+                                    "Voltar para o Login"
+                                ]
+                            })
+                        ]
                     }),
-                    /*#__PURE__*/ jsx("div", {
-                        className: "mt-5",
-                        children: /*#__PURE__*/ jsx(EnviarCodigoOtpParaEmail_EnviarCodigoOtpEmail, {
-                            email: emailEfetivo,
-                            onConfirmarCodigo: confirmarCodigo,
-                            erroExterno: erroOtp
-                        })
+                    /*#__PURE__*/ jsx("p", {
+                        className: "text-center text-xs text-slate-400 dark:text-slate-500 px-8",
+                        children: "Se voc\xea n\xe3o receber o e-mail em alguns minutos, verifique sua caixa de spam."
                     })
                 ]
             })
-        })
+        ]
     });
 }
 function AuthGoogle({ mode }) {
@@ -6438,137 +7078,58 @@ function zod_i(r, e) {
         r.shift();
     }
     return n;
-}
-function zod_a(o, a, u) {
-    if (void 0 === u && (u = {}), function(r) {
-        return "_def" in r && "object" == typeof r._def && "typeName" in r._def;
-    }(o)) return function(n, i, c) {
-        try {
-            return Promise.resolve(zod_t(function() {
-                return Promise.resolve(o["sync" === u.mode ? "parse" : "parseAsync"](n, a)).then(function(e) {
-                    return c.shouldUseNativeValidation && resolvers_o({}, c), {
-                        errors: {},
-                        values: u.raw ? Object.assign({}, n) : e
-                    };
-                });
-            }, function(r) {
-                if (function(r) {
-                    return Array.isArray(null == r ? void 0 : r.issues);
-                }(r)) return {
-                    values: {},
-                    errors: resolvers_s(zod_s(r.errors, !c.shouldUseNativeValidation && "all" === c.criteriaMode), c)
-                };
-                throw r;
-            }));
-        } catch (r) {
-            return Promise.reject(r);
-        }
-    };
-    if (function(r) {
-        return "_zod" in r && "object" == typeof r._zod;
-    }(o)) return function(s, c, f) {
-        try {
-            return Promise.resolve(zod_t(function() {
-                return Promise.resolve(("sync" === u.mode ? parse : parseAsync)(o, s, a)).then(function(e) {
-                    return f.shouldUseNativeValidation && resolvers_o({}, f), {
-                        errors: {},
-                        values: u.raw ? Object.assign({}, s) : e
-                    };
-                });
-            }, function(r) {
-                if (function(r) {
-                    return r instanceof $ZodError;
-                }(r)) return {
-                    values: {},
-                    errors: resolvers_s(zod_i(r.issues, !f.shouldUseNativeValidation && "all" === f.criteriaMode), f)
-                };
-                throw r;
-            }));
-        } catch (r) {
-            return Promise.reject(r);
-        }
-    };
-    throw new Error("Invalid input: not a Zod schema");
-}
-/**
- * @license lucide-react v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */ const sparkles_iconNode = [
-    [
-        "path",
-        {
-            d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",
-            key: "1s2grr"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "M20 2v4",
-            key: "1rf3ol"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "M22 4h-4",
-            key: "gwowj6"
-        }
-    ],
-    [
-        "circle",
-        {
-            cx: "4",
-            cy: "20",
-            r: "2",
-            key: "6kqj1y"
-        }
-    ]
-];
-const Sparkles = createLucideIcon("sparkles", sparkles_iconNode);
-/**
- * @license lucide-react v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */ const mail_iconNode = [
-    [
-        "path",
-        {
-            d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",
-            key: "132q7q"
-        }
-    ],
-    [
-        "rect",
-        {
-            x: "2",
-            y: "4",
-            width: "20",
-            height: "16",
-            rx: "2",
-            key: "izxlao"
+}
+function zod_a(o, a, u) {
+    if (void 0 === u && (u = {}), function(r) {
+        return "_def" in r && "object" == typeof r._def && "typeName" in r._def;
+    }(o)) return function(n, i, c) {
+        try {
+            return Promise.resolve(zod_t(function() {
+                return Promise.resolve(o["sync" === u.mode ? "parse" : "parseAsync"](n, a)).then(function(e) {
+                    return c.shouldUseNativeValidation && resolvers_o({}, c), {
+                        errors: {},
+                        values: u.raw ? Object.assign({}, n) : e
+                    };
+                });
+            }, function(r) {
+                if (function(r) {
+                    return Array.isArray(null == r ? void 0 : r.issues);
+                }(r)) return {
+                    values: {},
+                    errors: resolvers_s(zod_s(r.errors, !c.shouldUseNativeValidation && "all" === c.criteriaMode), c)
+                };
+                throw r;
+            }));
+        } catch (r) {
+            return Promise.reject(r);
         }
-    ]
-];
-const Mail = createLucideIcon("mail", mail_iconNode);
-/**
- * @license lucide-react v0.544.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */ const loader_circle_iconNode = [
-    [
-        "path",
-        {
-            d: "M21 12a9 9 0 1 1-6.219-8.56",
-            key: "13zald"
+    };
+    if (function(r) {
+        return "_zod" in r && "object" == typeof r._zod;
+    }(o)) return function(s, c, f) {
+        try {
+            return Promise.resolve(zod_t(function() {
+                return Promise.resolve(("sync" === u.mode ? parse : parseAsync)(o, s, a)).then(function(e) {
+                    return f.shouldUseNativeValidation && resolvers_o({}, f), {
+                        errors: {},
+                        values: u.raw ? Object.assign({}, s) : e
+                    };
+                });
+            }, function(r) {
+                if (function(r) {
+                    return r instanceof $ZodError;
+                }(r)) return {
+                    values: {},
+                    errors: resolvers_s(zod_i(r.issues, !f.shouldUseNativeValidation && "all" === f.criteriaMode), f)
+                };
+                throw r;
+            }));
+        } catch (r) {
+            return Promise.reject(r);
         }
-    ]
-];
-const LoaderCircle = createLucideIcon("loader-circle", loader_circle_iconNode);
+    };
+    throw new Error("Invalid input: not a Zod schema");
+}
 const LoginSchema = shared_types.Controller.Usuario.Login.InputSchema.shape.data.shape.usuario;
 function AuthLogin() {
     const navigate = useNavigate();
@@ -6602,13 +7163,13 @@ function AuthLogin() {
         });
     }
     return /*#__PURE__*/ jsxs("div", {
-        className: "   flex min-h-dvh items-center justify-center p-4 relative overflow-hidden   bg-white text-gray-900   dark:bg-gradient-to-br dark:from-gray-950 dark:via-gray-900 dark:to-black dark:text-gray-100   ",
+        className: "flex min-h-dvh items-center justify-center p-4 relative overflow-hidden bg-slate-50 text-slate-900 dark:bg-[#020617] dark:text-slate-100",
         children: [
             /*#__PURE__*/ jsx("div", {
-                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-purple-900/20 via-transparent to-transparent"
+                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-blue-600/10 via-transparent to-transparent"
             }),
             /*#__PURE__*/ jsx("div", {
-                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,_var(--tw-gradient-stops))] from-blue-900/20 via-transparent to-transparent"
+                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(circle_at_bottom_left,_var(--tw-gradient-stops))] from-cyan-600/10 via-transparent to-transparent"
             }),
             /*#__PURE__*/ jsxs(motion.div, {
                 initial: {
@@ -6627,7 +7188,7 @@ function AuthLogin() {
                     /*#__PURE__*/ jsx("div", {
                         className: "flex justify-center",
                         children: /*#__PURE__*/ jsxs("div", {
-                            className: "   inline-flex items-center gap-2 rounded-full px-4 py-2 backdrop-blur-sm   border border-purple-500/30 bg-purple-500/10   text-purple-500   dark:text-purple-300   ",
+                            className: "inline-flex items-center gap-2 rounded-full px-4 py-2 backdrop-blur-md border border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400",
                             children: [
                                 /*#__PURE__*/ jsx(motion.div, {
                                     animate: {
@@ -6643,7 +7204,7 @@ function AuthLogin() {
                                     })
                                 }),
                                 /*#__PURE__*/ jsx("span", {
-                                    className: "text-sm font-medium",
+                                    className: "text-sm font-bold tracking-wide",
                                     children: "AuthFlow"
                                 })
                             ]
@@ -6653,18 +7214,18 @@ function AuthLogin() {
                         className: "text-center",
                         children: [
                             /*#__PURE__*/ jsx("h2", {
-                                className: "   text-[1.75rem] font-bold   bg-gradient-to-r from-gray-900 via-gray-700 to-gray-500   dark:from-white dark:via-gray-200 dark:to-gray-400   bg-clip-text text-transparent   ",
+                                className: "text-3xl font-black tracking-tight bg-gradient-to-r from-blue-400 via-blue-500 to-cyan-400 bg-clip-text text-transparent",
                                 children: "Acesse sua conta"
                             }),
                             /*#__PURE__*/ jsx("p", {
-                                className: "text-sm mt-2 text-gray-500 dark:text-gray-400",
+                                className: "text-sm mt-2 text-slate-500 dark:text-slate-400 font-medium",
                                 children: "Bem-vindo de volta! Insira seus dados abaixo."
                             })
                         ]
                     }),
                     /*#__PURE__*/ jsxs(motion.form, {
                         onSubmit: handleSubmit(onSubmit),
-                        className: "   rounded-2xl p-6 shadow-lg flex flex-col gap-6   bg-white border border-gray-200   dark:bg-gray-900/60 dark:border-gray-800 dark:backdrop-blur-xl   ",
+                        className: "   relative rounded-2xl p-7 flex flex-col gap-6 transition-all duration-300   bg-white border border-slate-200 shadow-[0_20px_50px_rgba(0,0,0,0.04)]   dark:bg-slate-900/90 dark:backdrop-blur-2xl   dark:border-white/[0.1] dark:shadow-[0_0_0_1px_rgba(255,255,255,0.05),_0_30px_60px_rgba(0,0,0,0.4)]   ",
                         children: [
                             /*#__PURE__*/ jsxs("div", {
                                 className: "flex flex-col gap-5",
@@ -6674,26 +7235,26 @@ function AuthLogin() {
                                         children: [
                                             /*#__PURE__*/ jsx("label", {
                                                 htmlFor: "email",
-                                                className: "text-sm font-medium text-gray-700 dark:text-gray-200",
+                                                className: "text-sm font-bold text-slate-700 dark:text-slate-200",
                                                 children: "E-mail"
                                             }),
                                             /*#__PURE__*/ jsxs("div", {
                                                 className: "relative group",
                                                 children: [
                                                     /*#__PURE__*/ jsx(Mail, {
-                                                        className: "   absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4   text-gray-400   group-focus-within:text-purple-500   transition-colors   "
+                                                        className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400 group-focus-within:text-blue-500 transition-colors"
                                                     }),
                                                     /*#__PURE__*/ jsx("input", {
                                                         id: "email",
                                                         type: "email",
                                                         placeholder: "Digite seu e-mail",
                                                         ...register("email"),
-                                                        className: "   w-full rounded-xl pl-10 pr-4 py-3 text-sm   border border-gray-300 bg-white text-gray-900   placeholder:text-gray-400   focus:outline-none focus:ring-2 focus:ring-purple-500/40 focus:border-purple-500   dark:border-gray-800 dark:bg-gray-950/60 dark:text-gray-100   transition-all   "
+                                                        className: "w-full rounded-xl pl-10 pr-4 py-3 text-sm border border-slate-200 bg-slate-50 text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100 transition-all"
                                                     })
                                                 ]
                                             }),
                                             errors.email && /*#__PURE__*/ jsx("p", {
-                                                className: "text-xs text-red-500",
+                                                className: "text-xs text-red-500 font-semibold",
                                                 children: errors.email.message
                                             })
                                         ]
@@ -6703,26 +7264,26 @@ function AuthLogin() {
                                         children: [
                                             /*#__PURE__*/ jsx("label", {
                                                 htmlFor: "senha",
-                                                className: "text-sm font-medium text-gray-700 dark:text-gray-200",
+                                                className: "text-sm font-bold text-slate-700 dark:text-slate-200",
                                                 children: "Senha"
                                             }),
                                             /*#__PURE__*/ jsxs("div", {
                                                 className: "relative group",
                                                 children: [
                                                     /*#__PURE__*/ jsx(Lock, {
-                                                        className: "   absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4   text-gray-400   group-focus-within:text-purple-500   transition-colors   "
+                                                        className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400 group-focus-within:text-blue-500 transition-colors"
                                                     }),
                                                     /*#__PURE__*/ jsx("input", {
                                                         id: "senha",
                                                         type: "password",
                                                         placeholder: "Digite sua senha",
                                                         ...register("senha"),
-                                                        className: "   w-full rounded-xl pl-10 pr-4 py-3 text-sm   border border-gray-300 bg-white text-gray-900   placeholder:text-gray-400   focus:outline-none focus:ring-2 focus:ring-purple-500/40 focus:border-purple-500   dark:border-gray-800 dark:bg-gray-950/60 dark:text-gray-100   transition-all   "
+                                                        className: "w-full rounded-xl pl-10 pr-4 py-3 text-sm border border-slate-200 bg-slate-50 text-slate-900 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 dark:border-white/10 dark:bg-slate-950 dark:text-slate-100 transition-all"
                                                     })
                                                 ]
                                             }),
                                             errors.senha && /*#__PURE__*/ jsx("p", {
-                                                className: "text-xs text-red-500",
+                                                className: "text-xs text-red-500 font-semibold",
                                                 children: errors.senha.message
                                             })
                                         ]
@@ -6732,38 +7293,38 @@ function AuthLogin() {
                             /*#__PURE__*/ jsx("button", {
                                 type: "button",
                                 onClick: esqueciMinhaSenha,
-                                className: "text-sm text-purple-500 hover:text-purple-600 transition-all w-fit font-medium",
+                                className: "text-sm text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-all w-fit font-bold",
                                 children: "Esqueci minha senha"
                             }),
                             /*#__PURE__*/ jsxs(motion.button, {
                                 whileHover: {
-                                    scale: loading_auth ? 1 : 1.04
+                                    scale: loading_auth ? 1 : 1.02
                                 },
                                 whileTap: {
-                                    scale: loading_auth ? 1 : 0.96
+                                    scale: loading_auth ? 1 : 0.98
                                 },
                                 type: "submit",
                                 disabled: loading_auth,
-                                className: "   w-full rounded-xl   bg-gradient-to-r from-purple-600 to-blue-600   text-white py-3.5 text-sm font-semibold   flex items-center justify-center gap-2   transition-all   shadow-lg shadow-purple-500/30   hover:shadow-xl hover:shadow-purple-500/40   disabled:opacity-60 disabled:cursor-not-allowed   ",
+                                className: "   relative w-full rounded-xl   bg-gradient-to-r from-blue-600 to-cyan-600   text-white py-3.5 text-sm font-bold   flex items-center justify-center gap-2   transition-all   shadow-lg shadow-blue-500/25   hover:shadow-blue-500/40   disabled:opacity-70 disabled:cursor-not-allowed   overflow-hidden   ",
                                 children: [
                                     loading_auth && /*#__PURE__*/ jsx(LoaderCircle, {
                                         className: "w-4 h-4 animate-spin"
                                     }),
-                                    loading_auth ? "Entrando..." : "Entrar"
+                                    loading_auth ? "Processando..." : "Entrar"
                                 ]
                             }),
                             /*#__PURE__*/ jsxs("div", {
-                                className: "flex items-center gap-3",
+                                className: "flex items-center gap-4",
                                 children: [
                                     /*#__PURE__*/ jsx("div", {
-                                        className: "flex-grow border-t border-gray-300 dark:border-gray-800"
+                                        className: "flex-grow border-t border-slate-200 dark:border-white/10"
                                     }),
                                     /*#__PURE__*/ jsx("span", {
-                                        className: "text-xs font-medium text-gray-500",
-                                        children: "OU"
+                                        className: "text-[10px] font-black tracking-widest text-slate-400 uppercase",
+                                        children: "Ou continue com"
                                     }),
                                     /*#__PURE__*/ jsx("div", {
-                                        className: "flex-grow border-t border-gray-300 dark:border-gray-800"
+                                        className: "flex-grow border-t border-slate-200 dark:border-white/10"
                                     })
                                 ]
                             }),
@@ -6776,14 +7337,14 @@ function AuthLogin() {
                         ]
                     }),
                     /*#__PURE__*/ jsxs("p", {
-                        className: "text-center text-sm text-gray-500 dark:text-gray-400",
+                        className: "text-center text-sm text-slate-500 dark:text-slate-400",
                         children: [
-                            "N\xe3o tem uma conta?",
+                            "Ainda n\xe3o tem conta?",
                             " ",
                             /*#__PURE__*/ jsx("button", {
                                 onClick: ()=>navigate("/auth/register"),
-                                className: "text-purple-500 hover:text-purple-600 font-semibold transition-all hover:underline",
-                                children: "Cadastre-se"
+                                className: "text-blue-500 dark:text-cyan-500 hover:underline font-black transition-all",
+                                children: "Crie uma agora"
                             })
                         ]
                     })
@@ -6816,6 +7377,28 @@ function AuthLogin() {
     ]
 ];
 const User = createLucideIcon("user", user_iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const arrow_right_iconNode = [
+    [
+        "path",
+        {
+            d: "M5 12h14",
+            key: "1ays0h"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m12 5 7 7-7 7",
+            key: "xquz4c"
+        }
+    ]
+];
+const ArrowRight = createLucideIcon("arrow-right", arrow_right_iconNode);
 const RegisterSchema = shared_types.Controller.Usuario.Register.InputSchema.shape.data.shape.usuario;
 function AuthRegister() {
     const navigate = useNavigate();
@@ -6839,13 +7422,13 @@ function AuthRegister() {
         if (200 === res.status) navigate("/app");
     }
     return /*#__PURE__*/ jsxs("div", {
-        className: "   flex min-h-dvh items-center justify-center p-4 relative overflow-hidden   bg-white text-gray-900   dark:bg-gradient-to-br dark:from-gray-950 dark:via-gray-900 dark:to-black dark:text-gray-100   ",
+        className: "flex min-h-dvh items-center justify-center p-4 relative overflow-hidden bg-slate-50 text-slate-900 dark:bg-[#020617] dark:text-slate-100",
         children: [
             /*#__PURE__*/ jsx("div", {
-                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(ellipse_at_top_right,_var(--tw-gradient-stops))] from-purple-900/20 via-transparent to-transparent"
+                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-blue-600/10 via-transparent to-transparent"
             }),
             /*#__PURE__*/ jsx("div", {
-                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(ellipse_at_bottom_left,_var(--tw-gradient-stops))] from-blue-900/20 via-transparent to-transparent"
+                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(circle_at_bottom_left,_var(--tw-gradient-stops))] from-cyan-600/10 via-transparent to-transparent"
             }),
             /*#__PURE__*/ jsxs(motion.div, {
                 initial: {
@@ -6864,7 +7447,7 @@ function AuthRegister() {
                     /*#__PURE__*/ jsx("div", {
                         className: "flex justify-center",
                         children: /*#__PURE__*/ jsxs("div", {
-                            className: "   inline-flex items-center gap-2 rounded-full px-4 py-2 backdrop-blur-sm   border border-purple-500/30 bg-purple-500/10   text-purple-500   dark:text-purple-300   ",
+                            className: "inline-flex items-center gap-2 rounded-full px-4 py-2 backdrop-blur-md border border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400",
                             children: [
                                 /*#__PURE__*/ jsx(motion.div, {
                                     animate: {
@@ -6880,7 +7463,7 @@ function AuthRegister() {
                                     })
                                 }),
                                 /*#__PURE__*/ jsx("span", {
-                                    className: "text-sm font-medium",
+                                    className: "text-sm font-black tracking-wide",
                                     children: "AuthFlow"
                                 })
                             ]
@@ -6890,47 +7473,48 @@ function AuthRegister() {
                         className: "text-center",
                         children: [
                             /*#__PURE__*/ jsx("h2", {
-                                className: "   text-[1.75rem] font-bold   bg-gradient-to-r from-gray-900 via-gray-700 to-gray-500   dark:from-white dark:via-gray-200 dark:to-gray-400   bg-clip-text text-transparent   ",
-                                children: "Crie sua conta"
+                                className: "text-3xl font-black tracking-tight bg-gradient-to-r from-blue-400 via-blue-500 to-cyan-400 bg-clip-text text-transparent",
+                                children: "Criar nova conta"
                             }),
                             /*#__PURE__*/ jsx("p", {
-                                className: "text-sm mt-2 text-gray-500 dark:text-gray-400",
-                                children: "\xc9 r\xe1pido e f\xe1cil. Preencha os campos abaixo."
+                                className: "text-sm mt-2 text-slate-500 dark:text-slate-400 font-medium",
+                                children: "Junte-se a n\xf3s e comece sua jornada hoje."
                             })
                         ]
                     }),
                     /*#__PURE__*/ jsxs(motion.form, {
                         onSubmit: handleSubmit(onSubmit),
-                        className: "   rounded-2xl p-6 shadow-lg flex flex-col gap-6   bg-white border border-gray-200   dark:bg-gray-900/60 dark:border-gray-800 dark:backdrop-blur-xl   ",
+                        className: "   relative rounded-2xl p-7 flex flex-col gap-5 transition-all duration-300   bg-white border border-slate-200 shadow-[0_20px_50px_rgba(0,0,0,0.04)]   dark:bg-slate-900/90 dark:backdrop-blur-2xl   dark:border-white/[0.1] dark:shadow-[0_0_0_1px_rgba(255,255,255,0.05),_0_30px_60px_rgba(0,0,0,0.4)]   ",
                         children: [
                             /*#__PURE__*/ jsxs("div", {
-                                className: "flex flex-col gap-5",
+                                className: "flex flex-col gap-4",
                                 children: [
                                     /*#__PURE__*/ jsxs("div", {
                                         className: "flex flex-col gap-1.5",
                                         children: [
                                             /*#__PURE__*/ jsx("label", {
                                                 htmlFor: "nome",
-                                                className: "text-sm font-medium text-gray-700 dark:text-gray-200",
-                                                children: "Nome"
+                                                className: "text-sm font-bold text-slate-700 dark:text-slate-200",
+                                                children: "Nome Completo"
                                             }),
                                             /*#__PURE__*/ jsxs("div", {
                                                 className: "relative group",
                                                 children: [
                                                     /*#__PURE__*/ jsx(User, {
-                                                        className: "   absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4   text-gray-400   group-focus-within:text-purple-500   transition-colors   "
+                                                        className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400 group-focus-within:text-blue-500 transition-colors"
                                                     }),
                                                     /*#__PURE__*/ jsx("input", {
                                                         id: "nome",
                                                         type: "text",
-                                                        placeholder: "Digite seu nome",
+                                                        placeholder: "Como quer ser chamado?",
                                                         ...register("nome"),
-                                                        className: "   w-full rounded-xl pl-10 pr-4 py-3 text-sm   border border-gray-300 bg-white text-gray-900   placeholder:text-gray-400   focus:outline-none focus:ring-2 focus:ring-purple-500/40 focus:border-purple-500   dark:border-gray-800 dark:bg-gray-950/60 dark:text-gray-100   transition-all   "
+                                                        className: `w-full rounded-xl pl-10 pr-4 py-3 text-sm border bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 transition-all outline-none
+                                        ${errors.nome ? "border-red-500 ring-2 ring-red-500/10" : "border-slate-200 dark:border-white/10 focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500"}`
                                                     })
                                                 ]
                                             }),
                                             errors.nome && /*#__PURE__*/ jsx("p", {
-                                                className: "text-xs text-red-500",
+                                                className: "text-[10px] text-red-500 font-bold uppercase tracking-wider",
                                                 children: errors.nome.message
                                             })
                                         ]
@@ -6940,26 +7524,27 @@ function AuthRegister() {
                                         children: [
                                             /*#__PURE__*/ jsx("label", {
                                                 htmlFor: "email",
-                                                className: "text-sm font-medium text-gray-700 dark:text-gray-200",
+                                                className: "text-sm font-bold text-slate-700 dark:text-slate-200",
                                                 children: "E-mail"
                                             }),
                                             /*#__PURE__*/ jsxs("div", {
                                                 className: "relative group",
                                                 children: [
                                                     /*#__PURE__*/ jsx(Mail, {
-                                                        className: "   absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4   text-gray-400   group-focus-within:text-purple-500   transition-colors   "
+                                                        className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400 group-focus-within:text-blue-500 transition-colors"
                                                     }),
                                                     /*#__PURE__*/ jsx("input", {
                                                         id: "email",
                                                         type: "email",
-                                                        placeholder: "Digite seu e-mail",
+                                                        placeholder: "seu@email.com",
                                                         ...register("email"),
-                                                        className: "   w-full rounded-xl pl-10 pr-4 py-3 text-sm   border border-gray-300 bg-white text-gray-900   placeholder:text-gray-400   focus:outline-none focus:ring-2 focus:ring-purple-500/40 focus:border-purple-500   dark:border-gray-800 dark:bg-gray-950/60 dark:text-gray-100   transition-all   "
+                                                        className: `w-full rounded-xl pl-10 pr-4 py-3 text-sm border bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 transition-all outline-none
+                                        ${errors.email ? "border-red-500 ring-2 ring-red-500/10" : "border-slate-200 dark:border-white/10 focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500"}`
                                                     })
                                                 ]
                                             }),
                                             errors.email && /*#__PURE__*/ jsx("p", {
-                                                className: "text-xs text-red-500",
+                                                className: "text-[10px] text-red-500 font-bold uppercase tracking-wider",
                                                 children: errors.email.message
                                             })
                                         ]
@@ -6969,26 +7554,27 @@ function AuthRegister() {
                                         children: [
                                             /*#__PURE__*/ jsx("label", {
                                                 htmlFor: "senha",
-                                                className: "text-sm font-medium text-gray-700 dark:text-gray-200",
+                                                className: "text-sm font-bold text-slate-700 dark:text-slate-200",
                                                 children: "Senha"
                                             }),
                                             /*#__PURE__*/ jsxs("div", {
                                                 className: "relative group",
                                                 children: [
                                                     /*#__PURE__*/ jsx(Lock, {
-                                                        className: "   absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4   text-gray-400   group-focus-within:text-purple-500   transition-colors   "
+                                                        className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400 group-focus-within:text-blue-500 transition-colors"
                                                     }),
                                                     /*#__PURE__*/ jsx("input", {
                                                         id: "senha",
                                                         type: "password",
-                                                        placeholder: "Digite sua senha",
+                                                        placeholder: "••••••••",
                                                         ...register("senha"),
-                                                        className: "   w-full rounded-xl pl-10 pr-4 py-3 text-sm   border border-gray-300 bg-white text-gray-900   placeholder:text-gray-400   focus:outline-none focus:ring-2 focus:ring-purple-500/40 focus:border-purple-500   dark:border-gray-800 dark:bg-gray-950/60 dark:text-gray-100   transition-all   "
+                                                        className: `w-full rounded-xl pl-10 pr-4 py-3 text-sm border bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-slate-100 placeholder:text-slate-400 transition-all outline-none
+                                        ${errors.senha ? "border-red-500 ring-2 ring-red-500/10" : "border-slate-200 dark:border-white/10 focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500"}`
                                                     })
                                                 ]
                                             }),
                                             errors.senha && /*#__PURE__*/ jsx("p", {
-                                                className: "text-xs text-red-500",
+                                                className: "text-[10px] text-red-500 font-bold uppercase tracking-wider",
                                                 children: errors.senha.message
                                             })
                                         ]
@@ -6997,33 +7583,37 @@ function AuthRegister() {
                             }),
                             /*#__PURE__*/ jsxs(motion.button, {
                                 whileHover: {
-                                    scale: loading_auth ? 1 : 1.04
+                                    scale: loading_auth ? 1 : 1.05
                                 },
                                 whileTap: {
-                                    scale: loading_auth ? 1 : 0.96
+                                    scale: loading_auth ? 1 : 0.95
                                 },
                                 type: "submit",
                                 disabled: loading_auth,
-                                className: "   w-full rounded-xl   bg-gradient-to-r from-purple-600 to-blue-600   text-white py-3.5 text-sm font-semibold   flex items-center justify-center gap-2   transition-all   shadow-lg shadow-purple-500/30   hover:shadow-xl hover:shadow-purple-500/40   disabled:opacity-60 disabled:cursor-not-allowed   ",
+                                className: "   w-full mt-2 inline-flex items-center justify-center gap-2 rounded-xl    bg-gradient-to-r from-blue-600 to-cyan-600    py-3.5 text-sm font-black tracking-wide text-white    shadow-lg shadow-blue-500/30 transition-all    hover:shadow-xl hover:shadow-blue-500/50    disabled:opacity-50 disabled:cursor-not-allowed   ",
                                 children: [
-                                    loading_auth && /*#__PURE__*/ jsx(LoaderCircle, {
-                                        className: "w-4 h-4 animate-spin"
+                                    loading_auth ? /*#__PURE__*/ jsx(LoaderCircle, {
+                                        className: "h-4 w-4 animate-spin"
+                                    }) : /*#__PURE__*/ jsx(ArrowRight, {
+                                        className: "h-5 w-5 group-hover:translate-x-1 transition-transform"
                                     }),
-                                    loading_auth ? "Cadastrando..." : "Cadastrar"
+                                    /*#__PURE__*/ jsx("span", {
+                                        children: loading_auth ? "Criando conta..." : "Finalizar cadastro"
+                                    })
                                 ]
                             }),
                             /*#__PURE__*/ jsxs("div", {
-                                className: "flex items-center gap-3",
+                                className: "flex items-center gap-3 py-2",
                                 children: [
                                     /*#__PURE__*/ jsx("div", {
-                                        className: "flex-grow border-t border-gray-300 dark:border-gray-800"
+                                        className: "flex-grow border-t border-slate-200 dark:border-white/10"
                                     }),
                                     /*#__PURE__*/ jsx("span", {
-                                        className: "text-xs font-medium text-gray-500",
-                                        children: "OU"
+                                        className: "text-[10px] font-black tracking-widest text-slate-400 uppercase",
+                                        children: "Ou continue com"
                                     }),
                                     /*#__PURE__*/ jsx("div", {
-                                        className: "flex-grow border-t border-gray-300 dark:border-gray-800"
+                                        className: "flex-grow border-t border-slate-200 dark:border-white/10"
                                     })
                                 ]
                             }),
@@ -7036,14 +7626,14 @@ function AuthRegister() {
                         ]
                     }),
                     /*#__PURE__*/ jsxs("p", {
-                        className: "text-center text-sm text-gray-500 dark:text-gray-400",
+                        className: "text-center text-sm font-medium text-slate-500 dark:text-slate-400",
                         children: [
-                            "J\xe1 tem uma conta?",
+                            "J\xe1 possui acesso?",
                             " ",
                             /*#__PURE__*/ jsx("button", {
                                 onClick: ()=>navigate("/auth/login"),
-                                className: "text-purple-500 hover:text-purple-600 font-semibold transition-all hover:underline",
-                                children: "Fa\xe7a login"
+                                className: "text-blue-500 dark:text-cyan-500 font-black hover:underline underline-offset-4 transition-all",
+                                children: "Fazer login"
                             })
                         ]
                     })
@@ -7052,6 +7642,55 @@ function AuthRegister() {
         ]
     });
 }
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const shield_check_iconNode = [
+    [
+        "path",
+        {
+            d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+            key: "oel41y"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m9 12 2 2 4-4",
+            key: "dzmm74"
+        }
+    ]
+];
+const ShieldCheck = createLucideIcon("shield-check", shield_check_iconNode);
+/**
+ * @license lucide-react v0.544.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ const smartphone_iconNode = [
+    [
+        "rect",
+        {
+            width: "14",
+            height: "20",
+            x: "5",
+            y: "2",
+            rx: "2",
+            ry: "2",
+            key: "1yt0o3"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 18h.01",
+            key: "mhygvu"
+        }
+    ]
+];
+const Smartphone = createLucideIcon("smartphone", smartphone_iconNode);
 const VerificarAuthenticator = ()=>{
     const navigate = useNavigate();
     const usuario_login = useLocation()?.state;
@@ -7100,34 +7739,9 @@ const VerificarAuthenticator = ()=>{
             setIsLoading(true);
             const fullCode = code.join("");
             usuario_login.data.usuario.codigo_temporario = fullCode;
-            if ("auth_google_credential" in usuario_login.data.usuario) {
-                const resp = await contexto_contexto_usuario.api.login_register_google({
-                    data: {
-                        usuario: {
-                            app: usuario_login.data.usuario.app,
-                            auth_google_credential: usuario_login.data.usuario.auth_google_credential,
-                            usuario_tipo: usuario_login.data.usuario.usuario_tipo,
-                            codigo_temporario: usuario_login.data.usuario.codigo_temporario
-                        }
-                    }
-                });
-                if (200 === resp.status) return navigate("/app");
-                if (400 === resp.status) return setError(true);
-            } else {
-                const resp = await contexto_contexto_usuario.api.login({
-                    data: {
-                        usuario: {
-                            app: usuario_login.data.usuario.app,
-                            email: usuario_login.data.usuario.email,
-                            senha: usuario_login.data.usuario.senha,
-                            usuario_tipo: usuario_login.data.usuario.usuario_tipo,
-                            codigo_temporario: usuario_login.data.usuario.codigo_temporario
-                        }
-                    }
-                });
-                if (200 === resp.status) return navigate("/app");
-                if (400 === resp.status) return setError(true);
-            }
+            const resp = "auth_google_credential" in usuario_login.data.usuario ? await contexto_contexto_usuario.api.login_register_google(usuario_login) : await contexto_contexto_usuario.api.login(usuario_login);
+            if (200 === resp.status || 201 === resp.status) return navigate("/app");
+            setError(true);
         } catch  {
             setError(true);
         } finally{
@@ -7135,168 +7749,145 @@ const VerificarAuthenticator = ()=>{
         }
     };
     const isCodeComplete = code.every((d)=>"" !== d);
-    return /*#__PURE__*/ jsx("div", {
-        className: "min-h-screen bg-basic-50 flex items-center justify-center p-6",
-        children: /*#__PURE__*/ jsxs("div", {
-            className: "bg-white rounded-xl shadow-lg max-w-md w-full p-8 space-y-6",
-            children: [
-                /*#__PURE__*/ jsx("h3", {
-                    className: "text-lg font-semibold text-basic-900 text-center",
-                    children: "Digite o c\xf3digo do app autenticador"
-                }),
-                /*#__PURE__*/ jsx("div", {
-                    className: "flex justify-center mb-4 h-44 overflow-hidden",
-                    children: /*#__PURE__*/ jsx("div", {
-                        className: "translate-y-[-15%]",
-                        children: /*#__PURE__*/ jsx("div", {
-                            className: "w-44 h-80 bg-black rounded-[2rem] p-2 shadow-xl",
-                            children: /*#__PURE__*/ jsxs("div", {
-                                className: "w-full h-full bg-white rounded-[1.7rem] relative overflow-hidden text-[10px] leading-tight",
-                                children: [
-                                    /*#__PURE__*/ jsx("div", {
-                                        className: "absolute top-0 left-1/2 -translate-x-1/2 w-24 h-5 bg-black rounded-b-xl"
-                                    }),
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: "absolute top-1 left-0 right-0 px-4 flex justify-between text-[8px]",
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex min-h-dvh items-center justify-center p-4 relative overflow-hidden bg-slate-50 text-slate-900 dark:bg-[#020617] dark:text-slate-100",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-blue-600/10 via-transparent to-transparent"
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "hidden dark:block absolute inset-0 bg-[radial-gradient(circle_at_bottom_left,_var(--tw-gradient-stops))] from-cyan-600/10 via-transparent to-transparent"
+            }),
+            /*#__PURE__*/ jsxs(motion.div, {
+                initial: {
+                    opacity: 0,
+                    y: 20
+                },
+                animate: {
+                    opacity: 1,
+                    y: 0
+                },
+                className: "w-full max-w-md flex flex-col gap-6 relative z-10",
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "text-center space-y-2",
+                        children: [
+                            /*#__PURE__*/ jsx("h2", {
+                                className: "text-3xl font-black tracking-tight bg-gradient-to-r from-blue-400 via-blue-500 to-cyan-400 bg-clip-text text-transparent",
+                                children: "Seguran\xe7a em duas etapas"
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                className: "text-sm text-slate-500 dark:text-slate-400 font-medium",
+                                children: "Abra seu app autenticador para visualizar o c\xf3digo."
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "relative rounded-2xl p-7 flex flex-col gap-6 bg-white border border-slate-200 dark:bg-slate-900/90 dark:backdrop-blur-2xl dark:border-white/[0.1] shadow-xl",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "flex justify-center h-32 overflow-hidden opacity-90",
+                                children: /*#__PURE__*/ jsx("div", {
+                                    className: "w-32 h-64 bg-slate-900 dark:bg-slate-800 rounded-[2rem] p-1.5 shadow-2xl border border-white/10",
+                                    children: /*#__PURE__*/ jsxs("div", {
+                                        className: "w-full h-full bg-slate-50 dark:bg-slate-950 rounded-[1.7rem] relative overflow-hidden p-3",
                                         children: [
-                                            /*#__PURE__*/ jsx("span", {
-                                                children: "9:41"
+                                            /*#__PURE__*/ jsx("div", {
+                                                className: "absolute top-0 left-1/2 -translate-x-1/2 w-12 h-4 bg-slate-900 rounded-b-lg"
                                             }),
                                             /*#__PURE__*/ jsxs("div", {
-                                                className: "flex gap-[2px]",
+                                                className: "mt-4 space-y-2",
                                                 children: [
                                                     /*#__PURE__*/ jsx("div", {
-                                                        className: "w-2 h-1 border border-basic-900 rounded-sm"
+                                                        className: "h-1.5 w-8 bg-blue-500/20 rounded-full"
                                                     }),
                                                     /*#__PURE__*/ jsx("div", {
-                                                        className: "w-2 h-1 border border-basic-900 rounded-sm"
+                                                        className: "h-4 w-full bg-blue-500/10 rounded-md flex items-center px-2",
+                                                        children: /*#__PURE__*/ jsx("div", {
+                                                            className: "h-1.5 w-10 bg-blue-500 rounded-full animate-pulse"
+                                                        })
                                                     }),
                                                     /*#__PURE__*/ jsx("div", {
-                                                        className: "w-2 h-1 bg-basic-900 rounded-sm"
+                                                        className: "h-4 w-full bg-slate-200 dark:bg-slate-800 rounded-md"
                                                     })
                                                 ]
                                             })
                                         ]
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "flex justify-between gap-2",
+                                children: code.map((digit, i)=>/*#__PURE__*/ jsx("input", {
+                                        ref: (el)=>{
+                                            inputRefs.current[i] = el;
+                                        },
+                                        type: "text",
+                                        inputMode: "numeric",
+                                        maxLength: 1,
+                                        value: digit,
+                                        onChange: (e)=>handleChange(i, e.target.value),
+                                        onKeyDown: (e)=>handleKeyDown(i, e),
+                                        onPaste: 0 === i ? handlePaste : void 0,
+                                        className: `
+                                    w-12 h-14 text-center text-xl font-black rounded-xl border transition-all outline-none
+                                    ${error ? "border-red-500 bg-red-500/5 text-red-500 ring-red-500/20" : "border-slate-200 bg-slate-50 dark:border-white/10 dark:bg-slate-950 focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500"}
+                                `
+                                    }, i))
+                            }),
+                            error && /*#__PURE__*/ jsx("p", {
+                                className: "text-center text-xs text-red-500 font-bold",
+                                children: "C\xf3digo inv\xe1lido ou expirado. Tente novamente."
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex gap-3 p-3 rounded-xl bg-blue-500/5 border border-blue-500/10 text-[11px] text-slate-500 dark:text-slate-400 leading-relaxed",
+                                children: [
+                                    /*#__PURE__*/ jsx(ShieldCheck, {
+                                        className: "h-4 w-4 text-blue-500 shrink-0"
                                     }),
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: "pt-8 px-3",
+                                    /*#__PURE__*/ jsxs("p", {
                                         children: [
-                                            /*#__PURE__*/ jsx("h4", {
-                                                className: "text-center text-primary-600 font-semibold text-[10px] mb-1",
-                                                children: "Autenticador"
-                                            }),
-                                            /*#__PURE__*/ jsxs("div", {
-                                                className: "bg-primary-50 border border-primary-200 rounded-md p-2 mb-1",
-                                                children: [
-                                                    /*#__PURE__*/ jsxs("div", {
-                                                        className: "flex justify-between",
-                                                        children: [
-                                                            /*#__PURE__*/ jsxs("div", {
-                                                                children: [
-                                                                    /*#__PURE__*/ jsx("p", {
-                                                                        className: "text-[10px]",
-                                                                        children: "Nav Software"
-                                                                    }),
-                                                                    /*#__PURE__*/ jsx("p", {
-                                                                        className: "font-mono text-[12px] font-semibold",
-                                                                        children: "123 456"
-                                                                    })
-                                                                ]
-                                                            }),
-                                                            /*#__PURE__*/ jsxs("div", {
-                                                                className: "text-right",
-                                                                children: [
-                                                                    /*#__PURE__*/ jsx("p", {
-                                                                        className: "text-[9px]",
-                                                                        children: "expira em"
-                                                                    }),
-                                                                    /*#__PURE__*/ jsx("p", {
-                                                                        className: "text-[10px] font-semibold",
-                                                                        children: "0:28"
-                                                                    })
-                                                                ]
-                                                            })
-                                                        ]
-                                                    }),
-                                                    /*#__PURE__*/ jsx("div", {
-                                                        className: "w-full h-1 bg-default-200 rounded-full mt-1",
-                                                        children: /*#__PURE__*/ jsx("div", {
-                                                            className: "w-[70%] h-1 bg-primary-600 rounded-full"
-                                                        })
-                                                    })
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ jsxs("div", {
-                                                className: "opacity-50 mb-1",
-                                                children: [
-                                                    /*#__PURE__*/ jsx("p", {
-                                                        className: "text-[10px]",
-                                                        children: "Nav Software (email@email.com)"
-                                                    }),
-                                                    /*#__PURE__*/ jsx("p", {
-                                                        className: "font-mono text-[11px]",
-                                                        children: "000 000"
-                                                    })
-                                                ]
+                                            "Mantenha sua conta segura. ",
+                                            /*#__PURE__*/ jsx("span", {
+                                                className: "text-blue-500 font-bold",
+                                                children: "N\xe3o compartilhe"
                                             }),
-                                            /*#__PURE__*/ jsxs("div", {
-                                                className: "opacity-30",
-                                                children: [
-                                                    /*#__PURE__*/ jsx("p", {
-                                                        className: "text-default-600 text-[9px]",
-                                                        children: "C\xf3digo"
-                                                    }),
-                                                    /*#__PURE__*/ jsx("p", {
-                                                        className: "font-mono text-default-400 text-[10px]",
-                                                        children: "000 000"
-                                                    })
-                                                ]
-                                            })
+                                            " este c\xf3digo com ningu\xe9m, inclusive suporte da Nav Software."
                                         ]
                                     })
                                 ]
+                            }),
+                            /*#__PURE__*/ jsxs(motion.button, {
+                                whileHover: {
+                                    scale: !isCodeComplete || isLoading ? 1 : 1.05
+                                },
+                                whileTap: {
+                                    scale: !isCodeComplete || isLoading ? 1 : 0.95
+                                },
+                                onClick: handleConfirm,
+                                disabled: !isCodeComplete || isLoading,
+                                className: "   w-full inline-flex items-center justify-center gap-2 rounded-xl    bg-gradient-to-r from-blue-600 to-cyan-600    py-3.5 text-sm font-black tracking-wide text-white    shadow-lg shadow-blue-500/30 transition-all    hover:shadow-xl hover:shadow-blue-500/50    disabled:opacity-50 disabled:cursor-not-allowed   ",
+                                children: [
+                                    isLoading ? /*#__PURE__*/ jsx(LoaderCircle, {
+                                        className: "h-4 w-4 animate-spin"
+                                    }) : /*#__PURE__*/ jsx(Smartphone, {
+                                        className: "h-4 w-4"
+                                    }),
+                                    /*#__PURE__*/ jsx("span", {
+                                        children: isLoading ? "Verificando..." : "Confirmar código"
+                                    })
+                                ]
                             })
-                        })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        onClick: ()=>navigate("/auth/login"),
+                        className: "text-center text-sm font-bold text-slate-500 hover:text-blue-500 transition-colors",
+                        children: "Voltar para o login"
                     })
-                }),
-                /*#__PURE__*/ jsx("p", {
-                    className: "text-sm text-basic-600 text-center",
-                    children: "Insira o c\xf3digo de 6 d\xedgitos mostrado no aplicativo Authenticator."
-                }),
-                /*#__PURE__*/ jsx("div", {
-                    className: "flex justify-center gap-3",
-                    children: code.map((digit, i)=>/*#__PURE__*/ jsx("input", {
-                            ref: (el)=>{
-                                inputRefs.current[i] = el;
-                            },
-                            type: "text",
-                            inputMode: "numeric",
-                            maxLength: 1,
-                            value: digit,
-                            onChange: (e)=>handleChange(i, e.target.value),
-                            onKeyDown: (e)=>handleKeyDown(i, e),
-                            onPaste: 0 === i ? handlePaste : void 0,
-                            className: `w-12 h-14 text-center text-xl font-semibold rounded-lg border outline-none transition-all ${error ? "border-error-600 focus:ring-2 ring-error-300" : "border-default-300 focus:border-primary-600 focus:ring-2 ring-primary-300"}`
-                        }, i))
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: "bg-basic-50 border border-default-200 rounded-lg p-3 text-xs text-basic-700",
-                    children: [
-                        "A Nav Software nunca solicita c\xf3digos por telefone, WhatsApp ou aplicativos de mensagem.",
-                        /*#__PURE__*/ jsx("span", {
-                            className: "font-semibold",
-                            children: " N\xe3o compartilhe seu c\xf3digo com ningu\xe9m."
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx("button", {
-                    onClick: handleConfirm,
-                    disabled: !isCodeComplete || isLoading,
-                    className: "w-full bg-primary-600 hover:bg-primary-700 disabled:bg-primary-400 text-white font-medium rounded-lg py-2 transition-all",
-                    children: isLoading ? "Confirmando..." : "Confirmar código"
-                })
-            ]
-        })
+                ]
+            })
+        ]
     });
 };
 const REFRESH_INTERVAL = 3300000;
@@ -7981,24 +8572,27 @@ function Header(props) {
         className: "fixed top-0 left-0 w-full h-16 z-50",
         children: [
             /*#__PURE__*/ jsx("div", {
-                className: "absolute inset-0 bg-gradient-to-r from-purple-900/30 via-gray-900/80 to-blue-900/30 backdrop-blur-xl border-b border-white/5"
+                className: "absolute inset-0 bg-gradient-to-r from-blue-900/30 via-slate-950/80 to-cyan-900/30 backdrop-blur-xl border-b border-white/5"
             }),
             /*#__PURE__*/ jsxs("div", {
                 className: "relative max-w-6xl mx-auto h-full px-4 sm:px-6 flex items-center justify-between",
                 children: [
                     /*#__PURE__*/ jsxs("div", {
-                        className: "flex items-center gap-3 cursor-pointer",
+                        className: "flex items-center gap-3",
                         children: [
                             /*#__PURE__*/ jsx(motion.div, {
                                 whileHover: {
                                     rotate: 8,
                                     scale: 1.05
                                 },
-                                className: "w-10 h-10 rounded-xl bg-gradient-to-br from-purple-600 to-blue-600 flex items-center justify-center shadow-lg shadow-purple-500/30",
-                                children: /*#__PURE__*/ jsx(props.icon, {})
+                                className: "w-10 h-10 rounded-xl bg-gradient-to-br from-blue-600 to-cyan-600 flex items-center justify-center shadow-lg shadow-blue-500/30 text-white",
+                                children: /*#__PURE__*/ jsx(props.icon, {
+                                    size: 20,
+                                    strokeWidth: 2.5
+                                })
                             }),
                             /*#__PURE__*/ jsx("h5", {
-                                className: "text-lg font-semibold tracking-tight bg-gradient-to-r from-white to-gray-300 bg-clip-text text-transparent",
+                                className: "text-lg font-semibold tracking-tight bg-gradient-to-r from-white to-slate-300 bg-clip-text text-transparent",
                                 children: props?.title
                             })
                         ]
@@ -8006,27 +8600,24 @@ function Header(props) {
                     /*#__PURE__*/ jsxs("div", {
                         className: "flex items-center gap-3",
                         children: [
-                            /*#__PURE__*/ jsx(motion.button, {
-                                whileHover: {
-                                    y: -1
-                                },
-                                whileTap: {
-                                    scale: 0.95
-                                },
+                            /*#__PURE__*/ jsx("button", {
                                 onClick: ()=>navigate("/auth/login"),
-                                className: "   px-4 py-2 rounded-lg text-sm transition-all   border border-white/10   bg-white/5 text-gray-200   hover:bg-white/10 hover:text-white   backdrop-blur-md   ",
+                                className: "px-4 py-2 rounded-lg text-sm font-medium text-slate-200 hover:text-white hover:bg-white/10 transition-colors border border-white/10 backdrop-blur-md",
                                 children: "Login"
                             }),
                             /*#__PURE__*/ jsx(motion.button, {
                                 whileHover: {
-                                    scale: 1.05
+                                    scale: 1.02
                                 },
                                 whileTap: {
-                                    scale: 0.95
+                                    scale: 0.98
                                 },
                                 onClick: ()=>navigate("/auth/register"),
-                                className: "   px-4 py-2 rounded-lg text-sm font-medium   bg-gradient-to-r from-purple-600 to-blue-600   text-white shadow-lg shadow-purple-500/30   transition-all   ",
-                                children: "Registrar"
+                                className: "   relative group px-5 py-2 rounded-lg text-sm font-medium text-white   bg-gradient-to-r from-blue-600 to-cyan-600   transition-all duration-300      /* A Sombra em gradiente usando before */   before:absolute before:inset-0    before:rounded-lg before:bg-gradient-to-r    before:from-blue-600 before:to-cyan-600    before:blur-md before:opacity-0    before:transition-opacity before:duration-500   hover:before:opacity-100   before:-z-10   ",
+                                children: /*#__PURE__*/ jsx("span", {
+                                    className: "relative z-10",
+                                    children: "Registrar"
+                                })
                             })
                         ]
                     })