@lumiapassport/ui-kit 1.12.5 → 1.12.6

package/dist/index.js

@@ -1973,27 +1973,12 @@ var init_keyshare = __esm({
 });
 
 // src/internal/auth/providers/types.ts
-import { Fingerprint, Link as LinkIcon, Mail, Wallet as WalletIcon } from "lucide-react";
+import { Key, Mail, Wallet2 } from "lucide-react";
 function getTssUrl3() {
   return getServiceUrls().tssUrl;
 }
 function getProviderDisplayInfo(provider) {
-  const providers = {
-    passkey: { name: "Passkey", icon: Fingerprint, description: "Biometric authentication", color: "blue" },
-    email: { name: "Email", icon: Mail, description: "Email verification", color: "gray" },
-    telegram: { name: "Telegram", icon: TelegramIcon, description: "Telegram account", color: "blue" },
-    google: { name: "Google", icon: GoogleIcon, description: "Google account", color: "red" },
-    discord: { name: "Discord", icon: DiscordIcon, description: "Discord account", color: "purple" },
-    twitter: { name: "X", icon: TwitterIcon, description: "X (Twitter) account", color: "blue" },
-    x: { name: "X", icon: TwitterIcon, description: "X (Twitter) account", color: "blue" },
-    wallet: { name: "Wallet", icon: WalletIcon, description: "External wallet (EOA)", color: "purple" }
-  };
-  return providers[provider] || {
-    name: provider,
-    icon: LinkIcon,
-    description: "Authentication provider",
-    color: "gray"
-  };
+  return PROVIDERS_META[provider];
 }
 function formatDate(dateString) {
   if (!dateString) return "Never";
@@ -2004,10 +1989,20 @@ function formatDate(dateString) {
     return "Invalid date";
   }
 }
+var PROVIDERS_META;
 var init_types = __esm({
   "src/internal/auth/providers/types.ts"() {
     init_assets();
     init_lumiaPassport();
+    PROVIDERS_META = {
+      passkey: { name: "Passkey", icon: Key, description: "Biometric authentication" },
+      email: { name: "Email", icon: Mail, description: "Email verification" },
+      telegram: { name: "Telegram", icon: TelegramIcon, description: "Telegram account" },
+      google: { name: "Google", icon: GoogleIcon, description: "Google account" },
+      discord: { name: "Discord", icon: DiscordIcon, description: "Discord account" },
+      twitter: { name: "X", icon: TwitterIcon, description: "X (Twitter) account" },
+      wallet: { name: "Wallet", icon: Wallet2, description: "External wallet (EOA)" }
+    };
   }
 });
 
@@ -4256,26 +4251,26 @@ var init_profile = __esm({
 });
 
 // src/styles/built.css
-var built_default = '.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\\201C""\\201D""\\2018""\\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.lumia-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.lumia-scope .pointer-events-none{pointer-events:none}.lumia-scope .pointer-events-auto{pointer-events:auto}.lumia-scope .visible{visibility:visible}.lumia-scope .collapse{visibility:collapse}.lumia-scope .static{position:static}.lumia-scope .fixed{position:fixed}.lumia-scope .absolute{position:absolute}.lumia-scope .relative{position:relative}.lumia-scope .inset-0{inset:0}.lumia-scope .inset-y-0{top:0;bottom:0}.lumia-scope .-bottom-1{bottom:-.25rem}.lumia-scope .-right-1{right:-.25rem}.lumia-scope .-right-2{right:-.5rem}.lumia-scope .-top-2{top:-.5rem}.lumia-scope .bottom-full{bottom:100%}.lumia-scope .left-0{left:0}.lumia-scope .left-1{left:.25rem}.lumia-scope .left-1\\/2{left:50%}.lumia-scope .left-3{left:.75rem}.lumia-scope .left-4{left:1rem}.lumia-scope .right-2{right:.5rem}.lumia-scope .right-3{right:.75rem}.lumia-scope .right-4{right:1rem}.lumia-scope .right-\\[var\\(--l-pass-pd\\)\\]{right:var(--l-pass-pd)}.lumia-scope .right-full{right:100%}.lumia-scope .top-0{top:0}.lumia-scope .top-1{top:.25rem}.lumia-scope .top-1\\/2{top:50%}.lumia-scope .top-3{top:.75rem}.lumia-scope .top-4{top:1rem}.lumia-scope .top-\\[var\\(--l-pass-pd\\)\\]{top:var(--l-pass-pd)}.lumia-scope .top-full{top:100%}.lumia-scope .z-10{z-index:10}.lumia-scope .z-50{z-index:50}.lumia-scope .z-\\[60\\]{z-index:60}.lumia-scope .z-\\[9998\\]{z-index:9998}.lumia-scope .z-\\[9999\\]{z-index:9999}.lumia-scope .-m-px{margin:-1px}.lumia-scope .m-0{margin:0}.lumia-scope .-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.lumia-scope .mx-auto{margin-left:auto;margin-right:auto}.lumia-scope .my-6{margin-top:1.5rem;margin-bottom:1.5rem}.lumia-scope .my-auto{margin-top:auto;margin-bottom:auto}.lumia-scope .-mt-5{margin-top:-1.25rem}.lumia-scope .mb-1{margin-bottom:.25rem}.lumia-scope .mb-2{margin-bottom:.5rem}.lumia-scope .mb-3{margin-bottom:.75rem}.lumia-scope .mb-4{margin-bottom:1rem}.lumia-scope .mb-6{margin-bottom:1.5rem}.lumia-scope .mb-8{margin-bottom:2rem}.lumia-scope .ml-1{margin-left:.25rem}.lumia-scope .ml-2{margin-left:.5rem}.lumia-scope .ml-3{margin-left:.75rem}.lumia-scope .ml-4{margin-left:1rem}.lumia-scope .ml-auto{margin-left:auto}.lumia-scope .mr-1{margin-right:.25rem}.lumia-scope .mr-1\\.5{margin-right:.375rem}.lumia-scope .mr-2{margin-right:.5rem}.lumia-scope .mr-4{margin-right:1rem}.lumia-scope .mt-0{margin-top:0}.lumia-scope .mt-0\\.5{margin-top:.125rem}.lumia-scope .mt-1{margin-top:.25rem}.lumia-scope .mt-1\\.5{margin-top:.375rem}.lumia-scope .mt-2{margin-top:.5rem}.lumia-scope .mt-3{margin-top:.75rem}.lumia-scope .mt-4{margin-top:1rem}.lumia-scope .mt-6{margin-top:1.5rem}.lumia-scope .block{display:block}.lumia-scope .inline-block{display:inline-block}.lumia-scope .inline{display:inline}.lumia-scope .flex{display:flex}.lumia-scope .inline-flex{display:inline-flex}.lumia-scope .table{display:table}.lumia-scope .grid{display:grid}.lumia-scope .contents{display:contents}.lumia-scope .hidden{display:none}.lumia-scope .size-4{width:1rem;height:1rem}.lumia-scope .size-5{width:1.25rem;height:1.25rem}.lumia-scope .\\!h-5{height:1.25rem!important}.lumia-scope .\\!h-6{height:1.5rem!important}.lumia-scope .h-10{height:2.5rem}.lumia-scope .h-11{height:2.75rem}.lumia-scope .h-12{height:3rem}.lumia-scope .h-14{height:3.5rem}.lumia-scope .h-16{height:4rem}.lumia-scope .h-2{height:.5rem}.lumia-scope .h-2\\.5{height:.625rem}.lumia-scope .h-20{height:5rem}.lumia-scope .h-3{height:.75rem}.lumia-scope .h-3\\.5{height:.875rem}.lumia-scope .h-4{height:1rem}.lumia-scope .h-48{height:12rem}.lumia-scope .h-5{height:1.25rem}.lumia-scope .h-6{height:1.5rem}.lumia-scope .h-8{height:2rem}.lumia-scope .h-9{height:2.25rem}.lumia-scope .h-\\[32px\\]{height:32px}.lumia-scope .h-fit{height:-moz-fit-content;height:fit-content}.lumia-scope .h-full{height:100%}.lumia-scope .h-px{height:1px}.lumia-scope .max-h-24{max-height:6rem}.lumia-scope .max-h-96{max-height:24rem}.lumia-scope .max-h-\\[60dvh\\]{max-height:60dvh}.lumia-scope .max-h-\\[60vh\\]{max-height:60vh}.lumia-scope .max-h-\\[80vh\\]{max-height:80vh}.lumia-scope .\\!w-5{width:1.25rem!important}.lumia-scope .\\!w-6{width:1.5rem!important}.lumia-scope .w-10{width:2.5rem}.lumia-scope .w-12{width:3rem}.lumia-scope .w-16{width:4rem}.lumia-scope .w-2{width:.5rem}.lumia-scope .w-2\\.5{width:.625rem}.lumia-scope .w-20{width:5rem}.lumia-scope .w-3{width:.75rem}.lumia-scope .w-3\\.5{width:.875rem}.lumia-scope .w-4{width:1rem}.lumia-scope .w-48{width:12rem}.lumia-scope .w-5{width:1.25rem}.lumia-scope .w-6{width:1.5rem}.lumia-scope .w-8{width:2rem}.lumia-scope .w-9{width:2.25rem}.lumia-scope .w-fit{width:-moz-fit-content;width:fit-content}.lumia-scope .w-full{width:100%}.lumia-scope .w-px{width:1px}.lumia-scope .min-w-0{min-width:0}.lumia-scope .min-w-16{min-width:4rem}.lumia-scope .min-w-24{min-width:6rem}.lumia-scope .min-w-32{min-width:8rem}.lumia-scope .min-w-\\[256px\\]{min-width:256px}.lumia-scope .min-w-\\[280px\\]{min-width:280px}.lumia-scope .max-w-2xl{max-width:42rem}.lumia-scope .max-w-\\[144px\\]{max-width:144px}.lumia-scope .max-w-\\[380px\\]{max-width:380px}.lumia-scope .max-w-\\[400px\\]{max-width:400px}.lumia-scope .max-w-\\[680px\\]{max-width:680px}.lumia-scope .max-w-\\[var\\(--l-pass-maw\\)\\]{max-width:var(--l-pass-maw)}.lumia-scope .max-w-full{max-width:100%}.lumia-scope .max-w-lg{max-width:32rem}.lumia-scope .max-w-md{max-width:28rem}.lumia-scope .max-w-sm{max-width:24rem}.lumia-scope .flex-1{flex:1 1 0%}.lumia-scope .flex-none{flex:none}.lumia-scope .flex-shrink{flex-shrink:1}.lumia-scope .flex-shrink-0,.lumia-scope .shrink-0{flex-shrink:0}.lumia-scope .border-collapse{border-collapse:collapse}.lumia-scope .-translate-x-1{--tw-translate-x:-0.25rem}.lumia-scope .-translate-x-1,.lumia-scope .-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lumia-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.lumia-scope .-translate-x-\\[var\\(--l-pass-gap\\)\\]{--tw-translate-x:calc(var(--l-pass-gap)*-1)}.lumia-scope .-translate-x-\\[var\\(--l-pass-gap\\)\\],.lumia-scope .-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lumia-scope .-translate-y-1{--tw-translate-y:-0.25rem}.lumia-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.lumia-scope .-translate-y-1\\/2,.lumia-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 20px var(--l-pass-bg-error)}50%{transform:scale(.97);box-shadow:0 0 10px var(--l-pass-shadow-c)}}.lumia-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.lumia-scope .animate-pulse-warning{animation:pulse-warning 2s ease infinite}@keyframes spin{to{transform:rotate(1turn)}}.lumia-scope .animate-spin{animation:spin 1s linear infinite}.lumia-scope .cursor-default{cursor:default}.lumia-scope .cursor-not-allowed{cursor:not-allowed}.lumia-scope .cursor-pointer{cursor:pointer}.lumia-scope .cursor-text{cursor:text}.lumia-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.lumia-scope .resize{resize:both}.lumia-scope .list-inside{list-style-position:inside}.lumia-scope .list-disc{list-style-type:disc}.lumia-scope .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.lumia-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lumia-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lumia-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lumia-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lumia-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lumia-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lumia-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lumia-scope .flex-row{flex-direction:row}.lumia-scope .flex-col{flex-direction:column}.lumia-scope .flex-col-reverse{flex-direction:column-reverse}.lumia-scope .flex-wrap{flex-wrap:wrap}.lumia-scope .place-content-center{place-content:center}.lumia-scope .items-start{align-items:flex-start}.lumia-scope .items-center{align-items:center}.lumia-scope .justify-start{justify-content:flex-start}.lumia-scope .justify-end{justify-content:flex-end}.lumia-scope .justify-center{justify-content:center}.lumia-scope .justify-between{justify-content:space-between}.lumia-scope .justify-evenly{justify-content:space-evenly}.lumia-scope .gap-0{gap:0}.lumia-scope .gap-1{gap:.25rem}.lumia-scope .gap-2{gap:.5rem}.lumia-scope .gap-3{gap:.75rem}.lumia-scope .gap-4{gap:1rem}.lumia-scope .gap-\\[10px\\]{gap:10px}.lumia-scope .gap-\\[var\\(--l-pass-gap\\)\\]{gap:var(--l-pass-gap)}.lumia-scope .gap-\\[var\\(--l-pass-pd\\)\\]{gap:var(--l-pass-pd)}.lumia-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.lumia-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.lumia-scope :is(.space-x-3>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.lumia-scope :is(.space-x-4>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.lumia-scope :is(.space-y-0>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.lumia-scope .overflow-auto{overflow:auto}.lumia-scope .overflow-hidden{overflow:hidden}.lumia-scope .overflow-visible{overflow:visible}.lumia-scope .overflow-y-auto{overflow-y:auto}.lumia-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lumia-scope .text-ellipsis{text-overflow:ellipsis}.lumia-scope .whitespace-nowrap{white-space:nowrap}.lumia-scope .whitespace-pre-line{white-space:pre-line}.lumia-scope .whitespace-pre-wrap{white-space:pre-wrap}.lumia-scope .break-words{overflow-wrap:break-word}.lumia-scope .break-all{word-break:break-all}.lumia-scope .rounded{border-radius:.25rem}.lumia-scope .rounded-2xl{border-radius:1rem}.lumia-scope .rounded-3xl{border-radius:1.5rem}.lumia-scope .rounded-\\[10px\\]{border-radius:10px}.lumia-scope .rounded-\\[5px\\]{border-radius:5px}.lumia-scope .rounded-\\[var\\(--l-pass-bdrs\\)\\]{border-radius:var(--l-pass-bdrs)}.lumia-scope .rounded-\\[var\\(--l-pass-el-bdrs\\)\\]{border-radius:var(--l-pass-el-bdrs)}.lumia-scope .rounded-full{border-radius:9999px}.lumia-scope .rounded-lg{border-radius:.5rem}.lumia-scope .rounded-md{border-radius:.375rem}.lumia-scope .rounded-sm{border-radius:.125rem}.lumia-scope .rounded-xl{border-radius:.75rem}.lumia-scope .border{border-width:1px}.lumia-scope .border-0{border-width:0}.lumia-scope .border-2{border-width:2px}.lumia-scope .border-b{border-bottom-width:1px}.lumia-scope .border-b-2{border-bottom-width:2px}.lumia-scope .border-t{border-top-width:1px}.lumia-scope .border-dashed{border-style:dashed}.lumia-scope .border-\\[var\\(--l-pass-bd\\)\\]{border-color:var(--l-pass-bd)}.lumia-scope .border-\\[var\\(--l-pass-error\\)\\]{border-color:var(--l-pass-error)}.lumia-scope .border-\\[var\\(--l-pass-info\\)\\]{border-color:var(--l-pass-info)}.lumia-scope .border-\\[var\\(--l-pass-success\\)\\]{border-color:var(--l-pass-success)}.lumia-scope .border-\\[var\\(--l-pass-warning\\)\\]{border-color:var(--l-pass-warning)}.lumia-scope .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.lumia-scope .border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.lumia-scope .border-amber-400{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1))}.lumia-scope .border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.lumia-scope .border-amber-900{--tw-border-opacity:1;border-color:rgb(120 53 15/var(--tw-border-opacity,1))}.lumia-scope .border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.lumia-scope .border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.lumia-scope .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.lumia-scope .border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.lumia-scope .border-blue-800{--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.lumia-scope .border-blue-900{--tw-border-opacity:1;border-color:rgb(30 58 138/var(--tw-border-opacity,1))}.lumia-scope .border-blue-900\\/40{border-color:rgba(30,58,138,.4)}.lumia-scope .border-current{border-color:currentColor}.lumia-scope .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.lumia-scope .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.lumia-scope .border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.lumia-scope .border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.lumia-scope .border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.lumia-scope .border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.lumia-scope .border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.lumia-scope .border-green-800{--tw-border-opacity:1;border-color:rgb(22 101 52/var(--tw-border-opacity,1))}.lumia-scope .border-green-900{--tw-border-opacity:1;border-color:rgb(20 83 45/var(--tw-border-opacity,1))}.lumia-scope .border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.lumia-scope .border-orange-800{--tw-border-opacity:1;border-color:rgb(154 52 18/var(--tw-border-opacity,1))}.lumia-scope .border-orange-900{--tw-border-opacity:1;border-color:rgb(124 45 18/var(--tw-border-opacity,1))}.lumia-scope .border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.lumia-scope .border-purple-800{--tw-border-opacity:1;border-color:rgb(107 33 168/var(--tw-border-opacity,1))}.lumia-scope .border-purple-900{--tw-border-opacity:1;border-color:rgb(88 28 135/var(--tw-border-opacity,1))}.lumia-scope .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.lumia-scope .border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.lumia-scope .border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.lumia-scope .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.lumia-scope .border-red-800{--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.lumia-scope .border-red-800\\/80{border-color:rgba(153,27,27,.8)}.lumia-scope .border-red-900{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.lumia-scope .border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity,1))}.lumia-scope .border-sky-800{--tw-border-opacity:1;border-color:rgb(7 89 133/var(--tw-border-opacity,1))}.lumia-scope .border-sky-900{--tw-border-opacity:1;border-color:rgb(12 74 110/var(--tw-border-opacity,1))}.lumia-scope .border-transparent{border-color:transparent}.lumia-scope .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.lumia-scope .border-t-transparent{border-top-color:transparent}.lumia-scope .\\!bg-transparent{background-color:transparent!important}.lumia-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.lumia-scope .bg-\\[\\#0088cc\\]{--tw-bg-opacity:1;background-color:rgb(0 136 204/var(--tw-bg-opacity,1))}.lumia-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.lumia-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.lumia-scope .bg-\\[var\\(--l-pass-bg\\)\\]{background-color:var(--l-pass-bg)}.lumia-scope .bg-\\[var\\(--l-pass-bg-error\\)\\]{background-color:var(--l-pass-bg-error)}.lumia-scope .bg-\\[var\\(--l-pass-bg-info\\)\\]{background-color:var(--l-pass-bg-info)}.lumia-scope .bg-\\[var\\(--l-pass-bg-note\\)\\]{background-color:var(--l-pass-bg-note)}.lumia-scope .bg-\\[var\\(--l-pass-bg-success\\)\\]{background-color:var(--l-pass-bg-success)}.lumia-scope .bg-\\[var\\(--l-pass-bg-warning\\)\\]{background-color:var(--l-pass-bg-warning)}.lumia-scope .bg-\\[var\\(--l-pass-error\\)\\]{background-color:var(--l-pass-error)}.lumia-scope .bg-\\[var\\(--l-pass-fg\\)\\]{background-color:var(--l-pass-fg)}.lumia-scope .bg-\\[var\\(--l-pass-overlay\\)\\]{background-color:var(--l-pass-overlay)}.lumia-scope .bg-\\[var\\(--l-pass-primary\\)\\]{background-color:var(--l-pass-primary)}.lumia-scope .bg-\\[var\\(--l-pass-secondary\\)\\]{background-color:var(--l-pass-secondary)}.lumia-scope .bg-\\[var\\(--l-pass-success\\)\\]{background-color:var(--l-pass-success)}.lumia-scope .bg-\\[var\\(--l-pass-warning\\)\\]{background-color:var(--l-pass-warning)}.lumia-scope .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.lumia-scope .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.lumia-scope .bg-amber-900{--tw-bg-opacity:1;background-color:rgb(120 53 15/var(--tw-bg-opacity,1))}.lumia-scope .bg-amber-950{--tw-bg-opacity:1;background-color:rgb(69 26 3/var(--tw-bg-opacity,1))}.lumia-scope .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-900{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-900\\/20{background-color:rgba(30,58,138,.2)}.lumia-scope .bg-blue-900\\/30{background-color:rgba(30,58,138,.3)}.lumia-scope .bg-blue-900\\/40{background-color:rgba(30,58,138,.4)}.lumia-scope .bg-blue-950{--tw-bg-opacity:1;background-color:rgb(23 37 84/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-900{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-900\\/30{background-color:rgba(20,83,45,.3)}.lumia-scope .bg-green-950{--tw-bg-opacity:1;background-color:rgb(5 46 22/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-700{--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-800{--tw-bg-opacity:1;background-color:rgb(154 52 18/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-900{--tw-bg-opacity:1;background-color:rgb(124 45 18/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-950{--tw-bg-opacity:1;background-color:rgb(67 20 7/var(--tw-bg-opacity,1))}.lumia-scope .bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.lumia-scope .bg-pink-200{--tw-bg-opacity:1;background-color:rgb(251 207 232/var(--tw-bg-opacity,1))}.lumia-scope .bg-pink-600{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-200{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-700{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-900{--tw-bg-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-950{--tw-bg-opacity:1;background-color:rgb(59 7 100/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-700\\/80{background-color:rgba(185,28,28,.8)}.lumia-scope .bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-900\\/30{background-color:rgba(127,29,29,.3)}.lumia-scope .bg-red-950{--tw-bg-opacity:1;background-color:rgb(69 10 10/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-950\\/90{background-color:rgba(69,10,10,.9)}.lumia-scope .bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.lumia-scope .bg-sky-950{--tw-bg-opacity:1;background-color:rgb(8 47 73/var(--tw-bg-opacity,1))}.lumia-scope .bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.lumia-scope .bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.lumia-scope .bg-transparent{background-color:transparent}.lumia-scope .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.lumia-scope .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.lumia-scope .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.lumia-scope .from-purple-100{--tw-gradient-from:#f3e8ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,232,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.lumia-scope .from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.lumia-scope .from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.lumia-scope .to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.lumia-scope .to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.lumia-scope .to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.lumia-scope .object-contain{-o-object-fit:contain;object-fit:contain}.lumia-scope .object-cover{-o-object-fit:cover;object-fit:cover}.lumia-scope .p-0{padding:0}.lumia-scope .p-1{padding:.25rem}.lumia-scope .p-2{padding:.5rem}.lumia-scope .p-2\\.5{padding:.625rem}.lumia-scope .p-3{padding:.75rem}.lumia-scope .p-4{padding:1rem}.lumia-scope .p-5{padding:1.25rem}.lumia-scope .p-6{padding:1.5rem}.lumia-scope .p-8{padding:2rem}.lumia-scope .p-\\[var\\(--l-pass-pd\\)\\]{padding:var(--l-pass-pd)}.lumia-scope .px-0{padding-left:0;padding-right:0}.lumia-scope .px-12{padding-left:3rem;padding-right:3rem}.lumia-scope .px-2{padding-left:.5rem;padding-right:.5rem}.lumia-scope .px-2\\.5{padding-left:.625rem;padding-right:.625rem}.lumia-scope .px-3{padding-left:.75rem;padding-right:.75rem}.lumia-scope .px-4{padding-left:1rem;padding-right:1rem}.lumia-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.lumia-scope .px-6{padding-left:1.5rem;padding-right:1.5rem}.lumia-scope .px-8{padding-left:2rem;padding-right:2rem}.lumia-scope .py-0{padding-top:0;padding-bottom:0}.lumia-scope .py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.lumia-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.lumia-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.lumia-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.lumia-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.lumia-scope .py-4{padding-top:1rem;padding-bottom:1rem}.lumia-scope .py-8{padding-top:2rem;padding-bottom:2rem}.lumia-scope .pb-3{padding-bottom:.75rem}.lumia-scope .pb-4{padding-bottom:1rem}.lumia-scope .pb-5{padding-bottom:1.25rem}.lumia-scope .pb-6{padding-bottom:1.5rem}.lumia-scope .pl-11{padding-left:2.75rem}.lumia-scope .pr-10{padding-right:2.5rem}.lumia-scope .pr-16{padding-right:4rem}.lumia-scope .pt-0{padding-top:0}.lumia-scope .pt-2{padding-top:.5rem}.lumia-scope .pt-3{padding-top:.75rem}.lumia-scope .pt-4{padding-top:1rem}.lumia-scope .pt-5{padding-top:1.25rem}.lumia-scope .text-left{text-align:left}.lumia-scope .text-center{text-align:center}.lumia-scope .text-right{text-align:right}.lumia-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.lumia-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.lumia-scope .text-2xl{font-size:1.5rem;line-height:2rem}.lumia-scope .text-3xl{font-size:1.875rem;line-height:2.25rem}.lumia-scope .text-4xl{font-size:2.25rem;line-height:2.5rem}.lumia-scope .text-\\[10px\\]{font-size:10px}.lumia-scope .text-\\[11px\\]{font-size:11px}.lumia-scope .text-base{font-size:1rem;line-height:1.5rem}.lumia-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.lumia-scope .text-sm{font-size:.875rem;line-height:1.25rem}.lumia-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.lumia-scope .text-xs{font-size:.75rem;line-height:1rem}.lumia-scope .font-bold{font-weight:700}.lumia-scope .font-medium{font-weight:500}.lumia-scope .font-semibold{font-weight:600}.lumia-scope .uppercase{text-transform:uppercase}.lumia-scope .italic{font-style:italic}.lumia-scope .leading-4{line-height:1rem}.lumia-scope .leading-5{line-height:1.25rem}.lumia-scope .leading-6{line-height:1.5rem}.lumia-scope .leading-none{line-height:1}.lumia-scope .leading-relaxed{line-height:1.625}.lumia-scope .leading-tight{line-height:1.25}.lumia-scope .tracking-tight{letter-spacing:-.025em}.lumia-scope .tracking-wide{letter-spacing:.025em}.lumia-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.lumia-scope .text-\\[var\\(--l-pass-bg-success\\)\\]{color:var(--l-pass-bg-success)}.lumia-scope .text-\\[var\\(--l-pass-error\\)\\]{color:var(--l-pass-error)}.lumia-scope .text-\\[var\\(--l-pass-fg\\)\\]{color:var(--l-pass-fg)}.lumia-scope .text-\\[var\\(--l-pass-fg-inverted\\)\\]{color:var(--l-pass-fg-inverted)}.lumia-scope .text-\\[var\\(--l-pass-fg-muted\\)\\]{color:var(--l-pass-fg-muted)}.lumia-scope .text-\\[var\\(--l-pass-info\\)\\]{color:var(--l-pass-info)}.lumia-scope .text-\\[var\\(--l-pass-muted\\)\\]{color:var(--l-pass-muted)}.lumia-scope .text-\\[var\\(--l-pass-note\\)\\]{color:var(--l-pass-note)}.lumia-scope .text-\\[var\\(--l-pass-primary\\)\\]{color:var(--l-pass-primary)}.lumia-scope .text-\\[var\\(--l-pass-success\\)\\]{color:var(--l-pass-success)}.lumia-scope .text-\\[var\\(--l-pass-text-secondary\\)\\]{color:var(--l-pass-text-secondary)}.lumia-scope .text-\\[var\\(--l-pass-warning\\)\\]{color:var(--l-pass-warning)}.lumia-scope .text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.lumia-scope .text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.lumia-scope .text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.lumia-scope .text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.lumia-scope .text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.lumia-scope .text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.lumia-scope .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.lumia-scope .text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.lumia-scope .text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.lumia-scope .text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.lumia-scope .text-blue-400\\/80{color:rgba(96,165,250,.8)}.lumia-scope .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.lumia-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.lumia-scope .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.lumia-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.lumia-scope .text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.lumia-scope .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.lumia-scope .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.lumia-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.lumia-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.lumia-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.lumia-scope .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.lumia-scope .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.lumia-scope .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.lumia-scope .text-green-200{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.lumia-scope .text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.lumia-scope .text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.lumia-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.lumia-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.lumia-scope .text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.lumia-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.lumia-scope .text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.lumia-scope .text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.lumia-scope .text-orange-100{--tw-text-opacity:1;color:rgb(255 237 213/var(--tw-text-opacity,1))}.lumia-scope .text-orange-200{--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity,1))}.lumia-scope .text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.lumia-scope .text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.lumia-scope .text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.lumia-scope .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.lumia-scope .text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.lumia-scope .text-purple-200{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity,1))}.lumia-scope .text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.lumia-scope .text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.lumia-scope .text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.lumia-scope .text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.lumia-scope .text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.lumia-scope .text-red-100{--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity,1))}.lumia-scope .text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.lumia-scope .text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.lumia-scope .text-red-300\\/95{color:hsla(0,94%,82%,.95)}.lumia-scope .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.lumia-scope .text-red-400\\/80{color:hsla(0,91%,71%,.8)}.lumia-scope .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.lumia-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.lumia-scope .text-red-600\\/90{color:rgba(220,38,38,.9)}.lumia-scope .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.lumia-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.lumia-scope .text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.lumia-scope .text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.lumia-scope .text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.lumia-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.lumia-scope .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.lumia-scope .underline{text-decoration-line:underline}.lumia-scope .underline-offset-4{text-underline-offset:4px}.lumia-scope .opacity-0{opacity:0}.lumia-scope .opacity-100{opacity:1}.lumia-scope .opacity-40{opacity:.4}.lumia-scope .opacity-50{opacity:.5}.lumia-scope .opacity-60{opacity:.6}.lumia-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.lumia-scope .shadow,.lumia-scope .shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lumia-scope .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.lumia-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.lumia-scope .shadow-lg,.lumia-scope .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lumia-scope .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.lumia-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.lumia-scope .outline{outline-style:solid}.lumia-scope .blur{--tw-blur:blur(8px)}.lumia-scope .blur,.lumia-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.lumia-scope .backdrop-blur{--tw-backdrop-blur:blur(8px)}.lumia-scope .backdrop-blur,.lumia-scope .backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.lumia-scope .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.lumia-scope .backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.lumia-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lumia-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lumia-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lumia-scope .transition-none{transition-property:none}.lumia-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lumia-scope .duration-200{transition-duration:.2s}.lumia-scope .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.lumia-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.lumia-scope{--l-pass-maw:var(--lumia-passport-maw,320px);--l-pass-pd:var(--lumia-passport-pd,12px);--l-pass-gap:var(--lumia-passport-gap,10px);--l-pass-bdrs:var(--lumia-passport-bdrs,20px);--l-pass-el-bdrs:var(--lumia-passport-el-bdrs,10px);--l-pass-backdrop-blur:var(--lumia-passport-backdrop-blur,10px)}.lumia-scope[data-lumia-passport-mode=light]{--l-pass-overlay:var(--lumia-passport-overlay,hsla(0,0%,100%,.8));--l-pass-bg:var(--lumia-passport-bg,#fff);--l-pass-fg:var(--lumia-passport-fg,#000);--l-pass-fg-h:var(--lumia-passport-fg-h,rgba(0,0,0,.8));--l-pass-fg-a:var(--lumia-passport-fg-a,rgba(0,0,0,.6));--l-pass-fg-inverted:var(--lumia-passport-fg-inverted,#fff);--l-pass-fg-muted:var(--lumia-passport-fg-muted,rgba(0,0,0,.6));--l-pass-primary:var(--lumia-passport-primary,#000);--l-pass-primary-h:var(--lumia-passport-primary-h,rgba(0,0,0,.8));--l-pass-primary-a:var(--lumia-passport-primary-a,rgba(0,0,0,.6));--l-pass-secondary:var(--lumia-passport-secondary,#e4e4e4);--l-pass-secondary-h:var(--lumia-passport-secondary-h,hsla(0,0%,89%,.8));--l-pass-secondary-a:var(--lumia-passport-secondary-a,hsla(0,0%,89%,.6));--l-pass-bd:var(--lumia-passport-bd,#c9c9c9);--l-pass-bd-intense:var(--lumia-passport-bd-intense,#a9a9a9);--l-pass-shadow-c:var(--lumia-passport-shadow-c,rgba(0,0,0,.1));--l-pass-note:var(--lumia-passport-note,var(--l-pass-fg-inverted));--l-pass-bg-note:var(--lumia-passport-bg-note,#d6204e);--l-pass-info:var(--lumia-passport-info,var(--l-pass-fg));--l-pass-bg-info:var(--lumia-passport-bg-info,#e4e4e4);--l-pass-success:var(--lumia-passport-success,var(--l-pass-fg));--l-pass-bg-success:var(--lumia-passport-bg-success,#21ff51);--l-pass-warning:var(--lumia-passport-warning,var(--l-pass-fg));--l-pass-bg-warning:var(--lumia-passport-bg-warning,#e9fa00);--l-pass-error:var(--lumia-passport-error,var(--l-pass-fg));--l-pass-bg-error:var(--lumia-passport-bg-error,#e9fa00)}.lumia-scope[data-lumia-passport-mode=dark]{--l-pass-overlay:var(--lumia-passport-overlay,rgba(0,0,0,.8));--l-pass-bg:var(--lumia-passport-bg,#1a1a1a);--l-pass-fg:var(--lumia-passport-fg,#fff);--l-pass-fg-h:var(--lumia-passport-fg-h,hsla(0,0%,100%,.9));--l-pass-fg-a:var(--lumia-passport-fg-a,hsla(0,0%,100%,.7));--l-pass-fg-inverted:var(--lumia-passport-fg-inverted,#000);--l-pass-fg-muted:var(--lumia-passport-fg-muted,hsla(0,0%,100%,.6));--l-pass-primary:var(--lumia-passport-primary,#fff);--l-pass-primary-h:var(--lumia-passport-primary-h,hsla(0,0%,100%,.9));--l-pass-primary-a:var(--lumia-passport-primary-a,hsla(0,0%,100%,.7));--l-pass-secondary:var(--lumia-passport-secondary,#2a2a2a);--l-pass-secondary-h:var(--lumia-passport-secondary-h,rgba(42,42,42,.9));--l-pass-secondary-a:var(--lumia-passport-secondary-a,rgba(42,42,42,.7));--l-pass-bd:var(--lumia-passport-bd,#3a3a3a);--l-pass-bd-intense:var(--lumia-passport-bd-intense,#4a4a4a);--l-pass-shadow-c:var(--lumia-passport-shadow-c,rgba(0,0,0,.5));--l-pass-note:var(--lumia-passport-note,var(--l-pass-fg-inverted));--l-pass-bg-note:var(--lumia-passport-bg-note,#d6204e);--l-pass-info:var(--lumia-passport-info,var(--l-pass-fg));--l-pass-bg-info:var(--lumia-passport-bg-info,#2a2a2a);--l-pass-success:var(--lumia-passport-success,var(--l-pass-fg));--l-pass-bg-success:var(--lumia-passport-bg-success,#21ff51);--l-pass-warning:var(--lumia-passport-warning,var(--l-pass-fg));--l-pass-bg-warning:var(--lumia-passport-bg-warning,#e9fa00);--l-pass-error:var(--lumia-passport-error,var(--l-pass-fg));--l-pass-bg-error:var(--lumia-passport-bg-error,#e9fa00)}.lumia-scope,.lumia-scope *{font-family:Inter,system-ui,-apple-system,sans-serif;font-optical-sizing:auto;margin:0;box-sizing:border-box}.lumia-scope button,.lumia-scope h1,.lumia-scope h2,.lumia-scope h3,.lumia-scope h4,.lumia-scope h5,.lumia-scope h6,.lumia-scope input,.lumia-scope select,.lumia-scope textarea{font-family:system-ui,-apple-system,sans-serif!important}.lumia-scope .lumia-passport-button{box-shadow:0 4px 10px var(--l-pass-shadow-c),inset 0 0 0 1px var(--l-pass-bd);transition:transform .25s ease}.lumia-scope .lumia-passport-button:hover{transform:scale(1.02)}.lumia-scope .lumia-passport-button:active{transform:scale(1)}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.lumia-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.lumia-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.lumia-scope .list-scrollbar-y{width:calc(100% + 8px);padding-right:4px;overflow-y:auto;max-height:calc(var(--l-pass-maw)*2/3)}.lumia-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.lumia-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--l-pass-bd)}.lumia-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.lumia-scope .file\\:mr-3::file-selector-button{margin-right:.75rem}.lumia-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.lumia-scope .file\\:rounded-\\[var\\(--l-pass-el-bdrs\\)\\]::file-selector-button{border-radius:var(--l-pass-el-bdrs)}.lumia-scope .file\\:border-0::file-selector-button{border-width:0}.lumia-scope .file\\:bg-\\[var\\(--l-pass-bg-info\\)\\]::file-selector-button{background-color:var(--l-pass-bg-info)}.lumia-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.lumia-scope .file\\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.lumia-scope .file\\:py-1\\.5::file-selector-button{padding-top:.375rem;padding-bottom:.375rem}.lumia-scope .file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.lumia-scope .file\\:text-xs::file-selector-button{font-size:.75rem;line-height:1rem}.lumia-scope .file\\:font-medium::file-selector-button{font-weight:500}.lumia-scope .file\\:text-\\[var\\(--l-pass-info\\)\\]::file-selector-button{color:var(--l-pass-info)}.lumia-scope .placeholder\\:text-\\[var\\(--l-pass-fg-muted\\)\\]::-moz-placeholder{color:var(--l-pass-fg-muted)}.lumia-scope .placeholder\\:text-\\[var\\(--l-pass-fg-muted\\)\\]::placeholder{color:var(--l-pass-fg-muted)}.lumia-scope .placeholder\\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.lumia-scope .placeholder\\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.lumia-scope .focus-within\\:bg-\\[var\\(--l-pass-secondary-a\\)\\]:focus-within{background-color:var(--l-pass-secondary-a)}.lumia-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.lumia-scope .hover\\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lumia-scope .hover\\:bg-\\[\\#0077bb\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 119 187/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-\\[var\\(--l-pass-bg\\)\\]:hover{background-color:var(--l-pass-bg)}.lumia-scope .hover\\:bg-\\[var\\(--l-pass-primary-h\\)\\]:hover{background-color:var(--l-pass-primary-h)}.lumia-scope .hover\\:bg-\\[var\\(--l-pass-secondary-h\\)\\]:hover{background-color:var(--l-pass-secondary-h)}.lumia-scope .hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-blue-900\\/60:hover{background-color:rgba(30,58,138,.6)}.lumia-scope .hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-purple-100:hover{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-red-600\\/90:hover{background-color:rgba(220,38,38,.9)}.lumia-scope .hover\\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-red-900\\/20:hover{background-color:rgba(127,29,29,.2)}.lumia-scope .hover\\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-\\[var\\(--l-pass-fg\\)\\]:hover{color:var(--l-pass-fg)}.lumia-scope .hover\\:text-\\[var\\(--l-pass-fg-h\\)\\]:hover{color:var(--l-pass-fg-h)}.lumia-scope .hover\\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.lumia-scope .hover\\:underline:hover{text-decoration-line:underline}.lumia-scope .hover\\:opacity-80:hover{opacity:.8}.lumia-scope .hover\\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lumia-scope .hover\\:file\\:opacity-90::file-selector-button:hover{opacity:.9}.lumia-scope .focus\\:bg-\\[var\\(--l-pass-secondary-a\\)\\]:focus{background-color:var(--l-pass-secondary-a)}.lumia-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.lumia-scope .focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lumia-scope .focus\\:ring-\\[var\\(--l-pass-bd-intense\\)\\]:focus{--tw-ring-color:var(--l-pass-bd-intense)}.lumia-scope .focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px}.lumia-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.lumia-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lumia-scope .focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lumia-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lumia-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.lumia-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.lumia-scope .focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.lumia-scope .active\\:bg-\\[var\\(--l-pass-bg\\)\\]:active{background-color:var(--l-pass-bg)}.lumia-scope .active\\:bg-\\[var\\(--l-pass-primary-a\\)\\]:active{background-color:var(--l-pass-primary-a)}.lumia-scope .active\\:bg-\\[var\\(--l-pass-secondary-a\\)\\]:active{background-color:var(--l-pass-secondary-a)}.lumia-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.lumia-scope .active\\:text-\\[var\\(--l-pass-fg-a\\)\\]:active{color:var(--l-pass-fg-a)}.lumia-scope .disabled\\:cursor-default:disabled{cursor:default}.lumia-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.lumia-scope .disabled\\:opacity-100:disabled{opacity:1}.lumia-scope .disabled\\:opacity-50:disabled{opacity:.5}.lumia-scope .disabled\\:hover\\:bg-\\[var\\(--l-pass-bg\\)\\]:hover:disabled{background-color:var(--l-pass-bg)}.lumia-scope .disabled\\:hover\\:bg-\\[var\\(--l-pass-primary\\)\\]:hover:disabled{background-color:var(--l-pass-primary)}.lumia-scope .disabled\\:hover\\:text-\\[var\\(--l-pass-fg\\)\\]:hover:disabled{color:var(--l-pass-fg)}.lumia-scope .disabled\\:active\\:bg-\\[var\\(--l-pass-bg\\)\\]:active:disabled{background-color:var(--l-pass-bg)}.lumia-scope .disabled\\:active\\:bg-\\[var\\(--l-pass-primary\\)\\]:active:disabled{background-color:var(--l-pass-primary)}.lumia-scope .disabled\\:active\\:text-\\[var\\(--l-pass-fg\\)\\]:active:disabled{color:var(--l-pass-fg)}.lumia-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.lumia-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--l-pass-bd-intense\\)\\][data-state=checked]{border-color:var(--l-pass-bd-intense)}.lumia-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--l-pass-secondary\\)\\][data-state=checked]{background-color:var(--l-pass-secondary)}.lumia-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--l-pass-fg\\)\\][data-state=checked]{color:var(--l-pass-fg)}@media (min-width:640px){.lumia-scope .sm\\:flex-row{flex-direction:row}.lumia-scope .sm\\:justify-end{justify-content:flex-end}.lumia-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.lumia-scope .sm\\:text-left{text-align:left}}@media (prefers-color-scheme:dark){.lumia-scope .dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:hover\\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:hover\\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}}.lumia-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.lumia-scope :is(.\\[\\&_svg\\]\\:\\!h-5 svg){height:1.25rem!important}.lumia-scope :is(.\\[\\&_svg\\]\\:\\!h-6 svg){height:1.5rem!important}.lumia-scope :is(.\\[\\&_svg\\]\\:\\!w-5 svg){width:1.25rem!important}.lumia-scope :is(.\\[\\&_svg\\]\\:\\!w-6 svg){width:1.5rem!important}.lumia-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}';
+var built_default = '.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\\201C""\\201D""\\2018""\\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.lumia-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.lumia-scope .pointer-events-none{pointer-events:none}.lumia-scope .pointer-events-auto{pointer-events:auto}.lumia-scope .visible{visibility:visible}.lumia-scope .collapse{visibility:collapse}.lumia-scope .static{position:static}.lumia-scope .fixed{position:fixed}.lumia-scope .absolute{position:absolute}.lumia-scope .relative{position:relative}.lumia-scope .inset-0{inset:0}.lumia-scope .inset-y-0{top:0;bottom:0}.lumia-scope .-bottom-1{bottom:-.25rem}.lumia-scope .-right-1{right:-.25rem}.lumia-scope .-right-2{right:-.5rem}.lumia-scope .-top-2{top:-.5rem}.lumia-scope .bottom-full{bottom:100%}.lumia-scope .left-0{left:0}.lumia-scope .left-1{left:.25rem}.lumia-scope .left-1\\/2{left:50%}.lumia-scope .left-3{left:.75rem}.lumia-scope .left-4{left:1rem}.lumia-scope .right-2{right:.5rem}.lumia-scope .right-3{right:.75rem}.lumia-scope .right-4{right:1rem}.lumia-scope .right-\\[var\\(--l-pass-pd\\)\\]{right:var(--l-pass-pd)}.lumia-scope .right-full{right:100%}.lumia-scope .top-0{top:0}.lumia-scope .top-1{top:.25rem}.lumia-scope .top-1\\/2{top:50%}.lumia-scope .top-3{top:.75rem}.lumia-scope .top-4{top:1rem}.lumia-scope .top-\\[var\\(--l-pass-pd\\)\\]{top:var(--l-pass-pd)}.lumia-scope .top-full{top:100%}.lumia-scope .z-10{z-index:10}.lumia-scope .z-50{z-index:50}.lumia-scope .z-\\[60\\]{z-index:60}.lumia-scope .z-\\[9998\\]{z-index:9998}.lumia-scope .z-\\[9999\\]{z-index:9999}.lumia-scope .-m-px{margin:-1px}.lumia-scope .m-0{margin:0}.lumia-scope .-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.lumia-scope .mx-auto{margin-left:auto;margin-right:auto}.lumia-scope .my-6{margin-top:1.5rem;margin-bottom:1.5rem}.lumia-scope .my-auto{margin-top:auto;margin-bottom:auto}.lumia-scope .-mt-5{margin-top:-1.25rem}.lumia-scope .mb-1{margin-bottom:.25rem}.lumia-scope .mb-2{margin-bottom:.5rem}.lumia-scope .mb-3{margin-bottom:.75rem}.lumia-scope .mb-4{margin-bottom:1rem}.lumia-scope .mb-6{margin-bottom:1.5rem}.lumia-scope .mb-8{margin-bottom:2rem}.lumia-scope .mb-\\[var\\(--l-pass-gap\\)\\]{margin-bottom:var(--l-pass-gap)}.lumia-scope .ml-1{margin-left:.25rem}.lumia-scope .ml-2{margin-left:.5rem}.lumia-scope .ml-3{margin-left:.75rem}.lumia-scope .ml-4{margin-left:1rem}.lumia-scope .ml-auto{margin-left:auto}.lumia-scope .mr-1{margin-right:.25rem}.lumia-scope .mr-1\\.5{margin-right:.375rem}.lumia-scope .mr-2{margin-right:.5rem}.lumia-scope .mr-4{margin-right:1rem}.lumia-scope .mt-0{margin-top:0}.lumia-scope .mt-0\\.5{margin-top:.125rem}.lumia-scope .mt-1{margin-top:.25rem}.lumia-scope .mt-1\\.5{margin-top:.375rem}.lumia-scope .mt-2{margin-top:.5rem}.lumia-scope .mt-3{margin-top:.75rem}.lumia-scope .mt-4{margin-top:1rem}.lumia-scope .mt-6{margin-top:1.5rem}.lumia-scope .block{display:block}.lumia-scope .inline-block{display:inline-block}.lumia-scope .inline{display:inline}.lumia-scope .flex{display:flex}.lumia-scope .inline-flex{display:inline-flex}.lumia-scope .table{display:table}.lumia-scope .grid{display:grid}.lumia-scope .contents{display:contents}.lumia-scope .hidden{display:none}.lumia-scope .size-4{width:1rem;height:1rem}.lumia-scope .size-5{width:1.25rem;height:1.25rem}.lumia-scope .\\!h-5{height:1.25rem!important}.lumia-scope .\\!h-6{height:1.5rem!important}.lumia-scope .h-10{height:2.5rem}.lumia-scope .h-11{height:2.75rem}.lumia-scope .h-12{height:3rem}.lumia-scope .h-14{height:3.5rem}.lumia-scope .h-16{height:4rem}.lumia-scope .h-2{height:.5rem}.lumia-scope .h-2\\.5{height:.625rem}.lumia-scope .h-20{height:5rem}.lumia-scope .h-3{height:.75rem}.lumia-scope .h-3\\.5{height:.875rem}.lumia-scope .h-4{height:1rem}.lumia-scope .h-48{height:12rem}.lumia-scope .h-5{height:1.25rem}.lumia-scope .h-6{height:1.5rem}.lumia-scope .h-8{height:2rem}.lumia-scope .h-9{height:2.25rem}.lumia-scope .h-\\[32px\\]{height:32px}.lumia-scope .h-fit{height:-moz-fit-content;height:fit-content}.lumia-scope .h-full{height:100%}.lumia-scope .h-px{height:1px}.lumia-scope .max-h-24{max-height:6rem}.lumia-scope .max-h-96{max-height:24rem}.lumia-scope .max-h-\\[60dvh\\]{max-height:60dvh}.lumia-scope .max-h-\\[60vh\\]{max-height:60vh}.lumia-scope .max-h-\\[80vh\\]{max-height:80vh}.lumia-scope .\\!w-5{width:1.25rem!important}.lumia-scope .\\!w-6{width:1.5rem!important}.lumia-scope .w-10{width:2.5rem}.lumia-scope .w-12{width:3rem}.lumia-scope .w-16{width:4rem}.lumia-scope .w-2{width:.5rem}.lumia-scope .w-2\\.5{width:.625rem}.lumia-scope .w-20{width:5rem}.lumia-scope .w-3{width:.75rem}.lumia-scope .w-3\\.5{width:.875rem}.lumia-scope .w-4{width:1rem}.lumia-scope .w-48{width:12rem}.lumia-scope .w-5{width:1.25rem}.lumia-scope .w-6{width:1.5rem}.lumia-scope .w-8{width:2rem}.lumia-scope .w-9{width:2.25rem}.lumia-scope .w-fit{width:-moz-fit-content;width:fit-content}.lumia-scope .w-full{width:100%}.lumia-scope .w-px{width:1px}.lumia-scope .min-w-0{min-width:0}.lumia-scope .min-w-16{min-width:4rem}.lumia-scope .min-w-24{min-width:6rem}.lumia-scope .min-w-32{min-width:8rem}.lumia-scope .min-w-\\[256px\\]{min-width:256px}.lumia-scope .min-w-\\[280px\\]{min-width:280px}.lumia-scope .max-w-2xl{max-width:42rem}.lumia-scope .max-w-\\[144px\\]{max-width:144px}.lumia-scope .max-w-\\[380px\\]{max-width:380px}.lumia-scope .max-w-\\[400px\\]{max-width:400px}.lumia-scope .max-w-\\[680px\\]{max-width:680px}.lumia-scope .max-w-\\[var\\(--l-pass-maw\\)\\]{max-width:var(--l-pass-maw)}.lumia-scope .max-w-full{max-width:100%}.lumia-scope .max-w-lg{max-width:32rem}.lumia-scope .max-w-md{max-width:28rem}.lumia-scope .max-w-sm{max-width:24rem}.lumia-scope .flex-1{flex:1 1 0%}.lumia-scope .flex-none{flex:none}.lumia-scope .flex-shrink{flex-shrink:1}.lumia-scope .flex-shrink-0,.lumia-scope .shrink-0{flex-shrink:0}.lumia-scope .border-collapse{border-collapse:collapse}.lumia-scope .-translate-x-1{--tw-translate-x:-0.25rem}.lumia-scope .-translate-x-1,.lumia-scope .-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lumia-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.lumia-scope .-translate-x-\\[var\\(--l-pass-gap\\)\\]{--tw-translate-x:calc(var(--l-pass-gap)*-1)}.lumia-scope .-translate-x-\\[var\\(--l-pass-gap\\)\\],.lumia-scope .-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lumia-scope .-translate-y-1{--tw-translate-y:-0.25rem}.lumia-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.lumia-scope .-translate-y-1\\/2,.lumia-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{transform:scale(1);box-shadow:0 0 16px var(--l-pass-bg-error)}50%{transform:scale(.97);box-shadow:0 0 4px var(--l-pass-bg-error)}}.lumia-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.lumia-scope .animate-pulse-warning{animation:pulse-warning 2s ease infinite}@keyframes spin{to{transform:rotate(1turn)}}.lumia-scope .animate-spin{animation:spin 1s linear infinite}.lumia-scope .cursor-default{cursor:default}.lumia-scope .cursor-not-allowed{cursor:not-allowed}.lumia-scope .cursor-pointer{cursor:pointer}.lumia-scope .cursor-text{cursor:text}.lumia-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.lumia-scope .resize{resize:both}.lumia-scope .list-inside{list-style-position:inside}.lumia-scope .list-disc{list-style-type:disc}.lumia-scope .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.lumia-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lumia-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lumia-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lumia-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lumia-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lumia-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lumia-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lumia-scope .flex-row{flex-direction:row}.lumia-scope .flex-col{flex-direction:column}.lumia-scope .flex-col-reverse{flex-direction:column-reverse}.lumia-scope .flex-wrap{flex-wrap:wrap}.lumia-scope .place-content-center{place-content:center}.lumia-scope .items-start{align-items:flex-start}.lumia-scope .items-center{align-items:center}.lumia-scope .justify-start{justify-content:flex-start}.lumia-scope .justify-end{justify-content:flex-end}.lumia-scope .justify-center{justify-content:center}.lumia-scope .justify-between{justify-content:space-between}.lumia-scope .justify-evenly{justify-content:space-evenly}.lumia-scope .gap-0{gap:0}.lumia-scope .gap-1{gap:.25rem}.lumia-scope .gap-2{gap:.5rem}.lumia-scope .gap-3{gap:.75rem}.lumia-scope .gap-4{gap:1rem}.lumia-scope .gap-\\[10px\\]{gap:10px}.lumia-scope .gap-\\[var\\(--l-pass-gap\\)\\]{gap:var(--l-pass-gap)}.lumia-scope .gap-\\[var\\(--l-pass-pd\\)\\]{gap:var(--l-pass-pd)}.lumia-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.lumia-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.lumia-scope :is(.space-x-3>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.lumia-scope :is(.space-x-4>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.lumia-scope :is(.space-y-0>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.lumia-scope :is(.space-y-6>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.lumia-scope .overflow-auto{overflow:auto}.lumia-scope .overflow-hidden{overflow:hidden}.lumia-scope .overflow-visible{overflow:visible}.lumia-scope .overflow-y-auto{overflow-y:auto}.lumia-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lumia-scope .text-ellipsis{text-overflow:ellipsis}.lumia-scope .whitespace-nowrap{white-space:nowrap}.lumia-scope .whitespace-pre-line{white-space:pre-line}.lumia-scope .whitespace-pre-wrap{white-space:pre-wrap}.lumia-scope .break-words{overflow-wrap:break-word}.lumia-scope .break-all{word-break:break-all}.lumia-scope .rounded{border-radius:.25rem}.lumia-scope .rounded-2xl{border-radius:1rem}.lumia-scope .rounded-3xl{border-radius:1.5rem}.lumia-scope .rounded-\\[10px\\]{border-radius:10px}.lumia-scope .rounded-\\[5px\\]{border-radius:5px}.lumia-scope .rounded-\\[var\\(--l-pass-bdrs\\)\\]{border-radius:var(--l-pass-bdrs)}.lumia-scope .rounded-\\[var\\(--l-pass-el-bdrs\\)\\]{border-radius:var(--l-pass-el-bdrs)}.lumia-scope .rounded-full{border-radius:9999px}.lumia-scope .rounded-lg{border-radius:.5rem}.lumia-scope .rounded-md{border-radius:.375rem}.lumia-scope .rounded-sm{border-radius:.125rem}.lumia-scope .rounded-xl{border-radius:.75rem}.lumia-scope .border{border-width:1px}.lumia-scope .border-0{border-width:0}.lumia-scope .border-2{border-width:2px}.lumia-scope .border-b{border-bottom-width:1px}.lumia-scope .border-b-2{border-bottom-width:2px}.lumia-scope .border-t{border-top-width:1px}.lumia-scope .border-dashed{border-style:dashed}.lumia-scope .border-\\[var\\(--l-pass-bd\\)\\]{border-color:var(--l-pass-bd)}.lumia-scope .border-\\[var\\(--l-pass-error\\)\\]{border-color:var(--l-pass-error)}.lumia-scope .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.lumia-scope .border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.lumia-scope .border-amber-400{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1))}.lumia-scope .border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.lumia-scope .border-amber-900{--tw-border-opacity:1;border-color:rgb(120 53 15/var(--tw-border-opacity,1))}.lumia-scope .border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.lumia-scope .border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.lumia-scope .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.lumia-scope .border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.lumia-scope .border-blue-800{--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.lumia-scope .border-blue-900{--tw-border-opacity:1;border-color:rgb(30 58 138/var(--tw-border-opacity,1))}.lumia-scope .border-blue-900\\/40{border-color:rgba(30,58,138,.4)}.lumia-scope .border-current{border-color:currentColor}.lumia-scope .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.lumia-scope .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.lumia-scope .border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.lumia-scope .border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.lumia-scope .border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.lumia-scope .border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.lumia-scope .border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.lumia-scope .border-green-800{--tw-border-opacity:1;border-color:rgb(22 101 52/var(--tw-border-opacity,1))}.lumia-scope .border-green-900{--tw-border-opacity:1;border-color:rgb(20 83 45/var(--tw-border-opacity,1))}.lumia-scope .border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.lumia-scope .border-orange-800{--tw-border-opacity:1;border-color:rgb(154 52 18/var(--tw-border-opacity,1))}.lumia-scope .border-orange-900{--tw-border-opacity:1;border-color:rgb(124 45 18/var(--tw-border-opacity,1))}.lumia-scope .border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.lumia-scope .border-purple-800{--tw-border-opacity:1;border-color:rgb(107 33 168/var(--tw-border-opacity,1))}.lumia-scope .border-purple-900{--tw-border-opacity:1;border-color:rgb(88 28 135/var(--tw-border-opacity,1))}.lumia-scope .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.lumia-scope .border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.lumia-scope .border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.lumia-scope .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.lumia-scope .border-red-800{--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.lumia-scope .border-red-800\\/80{border-color:rgba(153,27,27,.8)}.lumia-scope .border-red-900{--tw-border-opacity:1;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.lumia-scope .border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity,1))}.lumia-scope .border-sky-800{--tw-border-opacity:1;border-color:rgb(7 89 133/var(--tw-border-opacity,1))}.lumia-scope .border-sky-900{--tw-border-opacity:1;border-color:rgb(12 74 110/var(--tw-border-opacity,1))}.lumia-scope .border-transparent{border-color:transparent}.lumia-scope .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.lumia-scope .border-t-transparent{border-top-color:transparent}.lumia-scope .\\!bg-transparent{background-color:transparent!important}.lumia-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.lumia-scope .bg-\\[\\#0088cc\\]{--tw-bg-opacity:1;background-color:rgb(0 136 204/var(--tw-bg-opacity,1))}.lumia-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.lumia-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.lumia-scope .bg-\\[var\\(--l-pass-bg\\)\\]{background-color:var(--l-pass-bg)}.lumia-scope .bg-\\[var\\(--l-pass-bg-error\\)\\]{background-color:var(--l-pass-bg-error)}.lumia-scope .bg-\\[var\\(--l-pass-bg-info\\)\\]{background-color:var(--l-pass-bg-info)}.lumia-scope .bg-\\[var\\(--l-pass-bg-success\\)\\]{background-color:var(--l-pass-bg-success)}.lumia-scope .bg-\\[var\\(--l-pass-bg-warning\\)\\]{background-color:var(--l-pass-bg-warning)}.lumia-scope .bg-\\[var\\(--l-pass-fg\\)\\]{background-color:var(--l-pass-fg)}.lumia-scope .bg-\\[var\\(--l-pass-overlay\\)\\]{background-color:var(--l-pass-overlay)}.lumia-scope .bg-\\[var\\(--l-pass-primary\\)\\]{background-color:var(--l-pass-primary)}.lumia-scope .bg-\\[var\\(--l-pass-secondary\\)\\]{background-color:var(--l-pass-secondary)}.lumia-scope .bg-\\[var\\(--l-pass-success\\)\\]{background-color:var(--l-pass-success)}.lumia-scope .bg-\\[var\\(--l-pass-warning\\)\\]{background-color:var(--l-pass-warning)}.lumia-scope .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.lumia-scope .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.lumia-scope .bg-amber-900{--tw-bg-opacity:1;background-color:rgb(120 53 15/var(--tw-bg-opacity,1))}.lumia-scope .bg-amber-950{--tw-bg-opacity:1;background-color:rgb(69 26 3/var(--tw-bg-opacity,1))}.lumia-scope .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-900{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.lumia-scope .bg-blue-900\\/20{background-color:rgba(30,58,138,.2)}.lumia-scope .bg-blue-900\\/30{background-color:rgba(30,58,138,.3)}.lumia-scope .bg-blue-900\\/40{background-color:rgba(30,58,138,.4)}.lumia-scope .bg-blue-950{--tw-bg-opacity:1;background-color:rgb(23 37 84/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.lumia-scope .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-900{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.lumia-scope .bg-green-900\\/30{background-color:rgba(20,83,45,.3)}.lumia-scope .bg-green-950{--tw-bg-opacity:1;background-color:rgb(5 46 22/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-700{--tw-bg-opacity:1;background-color:rgb(194 65 12/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-800{--tw-bg-opacity:1;background-color:rgb(154 52 18/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-900{--tw-bg-opacity:1;background-color:rgb(124 45 18/var(--tw-bg-opacity,1))}.lumia-scope .bg-orange-950{--tw-bg-opacity:1;background-color:rgb(67 20 7/var(--tw-bg-opacity,1))}.lumia-scope .bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.lumia-scope .bg-pink-200{--tw-bg-opacity:1;background-color:rgb(251 207 232/var(--tw-bg-opacity,1))}.lumia-scope .bg-pink-600{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-200{--tw-bg-opacity:1;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-700{--tw-bg-opacity:1;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-900{--tw-bg-opacity:1;background-color:rgb(88 28 135/var(--tw-bg-opacity,1))}.lumia-scope .bg-purple-950{--tw-bg-opacity:1;background-color:rgb(59 7 100/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-700\\/80{background-color:rgba(185,28,28,.8)}.lumia-scope .bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-900\\/30{background-color:rgba(127,29,29,.3)}.lumia-scope .bg-red-950{--tw-bg-opacity:1;background-color:rgb(69 10 10/var(--tw-bg-opacity,1))}.lumia-scope .bg-red-950\\/90{background-color:rgba(69,10,10,.9)}.lumia-scope .bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.lumia-scope .bg-sky-950{--tw-bg-opacity:1;background-color:rgb(8 47 73/var(--tw-bg-opacity,1))}.lumia-scope .bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.lumia-scope .bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.lumia-scope .bg-transparent{background-color:transparent}.lumia-scope .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.lumia-scope .bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.lumia-scope .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.lumia-scope .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.lumia-scope .from-purple-100{--tw-gradient-from:#f3e8ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,232,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.lumia-scope .from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.lumia-scope .from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgba(147,51,234,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.lumia-scope .to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.lumia-scope .to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.lumia-scope .to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.lumia-scope .object-contain{-o-object-fit:contain;object-fit:contain}.lumia-scope .object-cover{-o-object-fit:cover;object-fit:cover}.lumia-scope .p-0{padding:0}.lumia-scope .p-1{padding:.25rem}.lumia-scope .p-2{padding:.5rem}.lumia-scope .p-2\\.5{padding:.625rem}.lumia-scope .p-3{padding:.75rem}.lumia-scope .p-4{padding:1rem}.lumia-scope .p-5{padding:1.25rem}.lumia-scope .p-6{padding:1.5rem}.lumia-scope .p-8{padding:2rem}.lumia-scope .p-\\[var\\(--l-pass-pd\\)\\]{padding:var(--l-pass-pd)}.lumia-scope .px-0{padding-left:0;padding-right:0}.lumia-scope .px-12{padding-left:3rem;padding-right:3rem}.lumia-scope .px-2{padding-left:.5rem;padding-right:.5rem}.lumia-scope .px-2\\.5{padding-left:.625rem;padding-right:.625rem}.lumia-scope .px-3{padding-left:.75rem;padding-right:.75rem}.lumia-scope .px-4{padding-left:1rem;padding-right:1rem}.lumia-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.lumia-scope .px-6{padding-left:1.5rem;padding-right:1.5rem}.lumia-scope .px-8{padding-left:2rem;padding-right:2rem}.lumia-scope .px-\\[var\\(--l-pass-pd\\)\\]{padding-left:var(--l-pass-pd);padding-right:var(--l-pass-pd)}.lumia-scope .py-0{padding-top:0;padding-bottom:0}.lumia-scope .py-0\\.5{padding-top:.125rem;padding-bottom:.125rem}.lumia-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.lumia-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.lumia-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.lumia-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.lumia-scope .py-4{padding-top:1rem;padding-bottom:1rem}.lumia-scope .py-8{padding-top:2rem;padding-bottom:2rem}.lumia-scope .pb-3{padding-bottom:.75rem}.lumia-scope .pb-4{padding-bottom:1rem}.lumia-scope .pb-5{padding-bottom:1.25rem}.lumia-scope .pb-6{padding-bottom:1.5rem}.lumia-scope .pl-11{padding-left:2.75rem}.lumia-scope .pr-10{padding-right:2.5rem}.lumia-scope .pr-16{padding-right:4rem}.lumia-scope .pt-0{padding-top:0}.lumia-scope .pt-2{padding-top:.5rem}.lumia-scope .pt-3{padding-top:.75rem}.lumia-scope .pt-4{padding-top:1rem}.lumia-scope .pt-5{padding-top:1.25rem}.lumia-scope .text-left{text-align:left}.lumia-scope .text-center{text-align:center}.lumia-scope .text-right{text-align:right}.lumia-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.lumia-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.lumia-scope .text-2xl{font-size:1.5rem;line-height:2rem}.lumia-scope .text-3xl{font-size:1.875rem;line-height:2.25rem}.lumia-scope .text-4xl{font-size:2.25rem;line-height:2.5rem}.lumia-scope .text-\\[10px\\]{font-size:10px}.lumia-scope .text-\\[11px\\]{font-size:11px}.lumia-scope .text-base{font-size:1rem;line-height:1.5rem}.lumia-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.lumia-scope .text-sm{font-size:.875rem;line-height:1.25rem}.lumia-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.lumia-scope .text-xs{font-size:.75rem;line-height:1rem}.lumia-scope .font-bold{font-weight:700}.lumia-scope .font-medium{font-weight:500}.lumia-scope .font-semibold{font-weight:600}.lumia-scope .uppercase{text-transform:uppercase}.lumia-scope .italic{font-style:italic}.lumia-scope .leading-4{line-height:1rem}.lumia-scope .leading-5{line-height:1.25rem}.lumia-scope .leading-6{line-height:1.5rem}.lumia-scope .leading-none{line-height:1}.lumia-scope .leading-relaxed{line-height:1.625}.lumia-scope .leading-tight{line-height:1.25}.lumia-scope .tracking-tight{letter-spacing:-.025em}.lumia-scope .tracking-wide{letter-spacing:.025em}.lumia-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.lumia-scope .text-\\[var\\(--l-pass-bg-error\\)\\]{color:var(--l-pass-bg-error)}.lumia-scope .text-\\[var\\(--l-pass-bg-success\\)\\]{color:var(--l-pass-bg-success)}.lumia-scope .text-\\[var\\(--l-pass-bg-warning\\)\\]{color:var(--l-pass-bg-warning)}.lumia-scope .text-\\[var\\(--l-pass-error\\)\\]{color:var(--l-pass-error)}.lumia-scope .text-\\[var\\(--l-pass-fg\\)\\]{color:var(--l-pass-fg)}.lumia-scope .text-\\[var\\(--l-pass-fg-inverted\\)\\]{color:var(--l-pass-fg-inverted)}.lumia-scope .text-\\[var\\(--l-pass-fg-muted\\)\\]{color:var(--l-pass-fg-muted)}.lumia-scope .text-\\[var\\(--l-pass-info\\)\\]{color:var(--l-pass-info)}.lumia-scope .text-\\[var\\(--l-pass-muted\\)\\]{color:var(--l-pass-muted)}.lumia-scope .text-\\[var\\(--l-pass-primary\\)\\]{color:var(--l-pass-primary)}.lumia-scope .text-\\[var\\(--l-pass-success\\)\\]{color:var(--l-pass-success)}.lumia-scope .text-\\[var\\(--l-pass-text-secondary\\)\\]{color:var(--l-pass-text-secondary)}.lumia-scope .text-\\[var\\(--l-pass-warning\\)\\]{color:var(--l-pass-warning)}.lumia-scope .text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.lumia-scope .text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.lumia-scope .text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.lumia-scope .text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.lumia-scope .text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.lumia-scope .text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.lumia-scope .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.lumia-scope .text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.lumia-scope .text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.lumia-scope .text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.lumia-scope .text-blue-400\\/80{color:rgba(96,165,250,.8)}.lumia-scope .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.lumia-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.lumia-scope .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.lumia-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.lumia-scope .text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.lumia-scope .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.lumia-scope .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.lumia-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.lumia-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.lumia-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.lumia-scope .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.lumia-scope .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.lumia-scope .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.lumia-scope .text-green-200{--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.lumia-scope .text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.lumia-scope .text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity,1))}.lumia-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.lumia-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.lumia-scope .text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.lumia-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.lumia-scope .text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.lumia-scope .text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.lumia-scope .text-orange-100{--tw-text-opacity:1;color:rgb(255 237 213/var(--tw-text-opacity,1))}.lumia-scope .text-orange-200{--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity,1))}.lumia-scope .text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.lumia-scope .text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.lumia-scope .text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.lumia-scope .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.lumia-scope .text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.lumia-scope .text-purple-200{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity,1))}.lumia-scope .text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.lumia-scope .text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity,1))}.lumia-scope .text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity,1))}.lumia-scope .text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234/var(--tw-text-opacity,1))}.lumia-scope .text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.lumia-scope .text-red-100{--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity,1))}.lumia-scope .text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.lumia-scope .text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.lumia-scope .text-red-300\\/95{color:hsla(0,94%,82%,.95)}.lumia-scope .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.lumia-scope .text-red-400\\/80{color:hsla(0,91%,71%,.8)}.lumia-scope .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.lumia-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.lumia-scope .text-red-600\\/90{color:rgba(220,38,38,.9)}.lumia-scope .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.lumia-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.lumia-scope .text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.lumia-scope .text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.lumia-scope .text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.lumia-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.lumia-scope .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.lumia-scope .underline{text-decoration-line:underline}.lumia-scope .underline-offset-4{text-underline-offset:4px}.lumia-scope .opacity-0{opacity:0}.lumia-scope .opacity-100{opacity:1}.lumia-scope .opacity-40{opacity:.4}.lumia-scope .opacity-50{opacity:.5}.lumia-scope .opacity-60{opacity:.6}.lumia-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.lumia-scope .shadow,.lumia-scope .shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lumia-scope .shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.lumia-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.lumia-scope .shadow-lg,.lumia-scope .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lumia-scope .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.lumia-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.lumia-scope .outline{outline-style:solid}.lumia-scope .blur{--tw-blur:blur(8px)}.lumia-scope .blur,.lumia-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.lumia-scope .backdrop-blur{--tw-backdrop-blur:blur(8px)}.lumia-scope .backdrop-blur,.lumia-scope .backdrop-blur-sm{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.lumia-scope .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.lumia-scope .backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.lumia-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lumia-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lumia-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lumia-scope .transition-none{transition-property:none}.lumia-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lumia-scope .duration-200{transition-duration:.2s}.lumia-scope .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.lumia-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Inter;src:url(@/src/styles/Inter-VariableFont_opsz,wght.ttf) format("truetype-variations");font-weight:100 900;font-stretch:75% 125%;font-style:normal;font-display:swap}.lumia-scope{--l-pass-maw:var(--lumia-passport-maw,320px);--l-pass-pd:var(--lumia-passport-pd,12px);--l-pass-gap:var(--lumia-passport-gap,10px);--l-pass-bdrs:var(--lumia-passport-bdrs,20px);--l-pass-el-bdrs:var(--lumia-passport-element-bdrs,10px);--l-pass-backdrop-blur:var(--lumia-passport-backdrop-blur,10px)}.lumia-scope[data-lumia-passport-mode=light]{--l-pass-overlay:var(--lumia-passport-overlay,hsla(0,0%,100%,.8));--l-pass-bg:var(--lumia-passport-bg,#fff);--l-pass-fg:var(--lumia-passport-fg,#000);--l-pass-fg-h:var(--lumia-passport-fg-h,rgba(0,0,0,.8));--l-pass-fg-a:var(--lumia-passport-fg-a,rgba(0,0,0,.6));--l-pass-fg-inverted:var(--lumia-passport-fg-inverted,#fff);--l-pass-fg-muted:var(--lumia-passport-fg-muted,rgba(0,0,0,.6));--l-pass-primary:var(--lumia-passport-primary,#000);--l-pass-primary-h:var(--lumia-passport-primary-h,rgba(0,0,0,.8));--l-pass-primary-a:var(--lumia-passport-primary-a,rgba(0,0,0,.6));--l-pass-secondary:var(--lumia-passport-secondary,#e4e4e4);--l-pass-secondary-h:var(--lumia-passport-secondary-h,hsla(0,0%,89%,.8));--l-pass-secondary-a:var(--lumia-passport-secondary-a,hsla(0,0%,89%,.6));--l-pass-bd:var(--lumia-passport-bd,#c9c9c9);--l-pass-bd-intense:var(--lumia-passport-bd-intense,#a9a9a9);--l-pass-shadow-c:var(--lumia-passport-shadow-c,rgba(0,0,0,.1));--l-pass-info:var(--lumia-passport-info,var(--l-pass-fg));--l-pass-bg-info:var(--lumia-passport-bg-info,#e4e4e4);--l-pass-success:var(--lumia-passport-success,var(--l-pass-fg));--l-pass-bg-success:var(--lumia-passport-bg-success,#21ff51);--l-pass-warning:var(--lumia-passport-warning,var(--l-pass-fg));--l-pass-bg-warning:var(--lumia-passport-bg-warning,#e9fa00);--l-pass-error:var(--lumia-passport-error,#fff);--l-pass-bg-error:var(--lumia-passport-bg-error,#d6204e)}.lumia-scope[data-lumia-passport-mode=dark]{--l-pass-overlay:var(--lumia-passport-overlay,rgba(0,0,0,.8));--l-pass-bg:var(--lumia-passport-bg,#1a1a1a);--l-pass-fg:var(--lumia-passport-fg,#fff);--l-pass-fg-h:var(--lumia-passport-fg-h,hsla(0,0%,100%,.9));--l-pass-fg-a:var(--lumia-passport-fg-a,hsla(0,0%,100%,.7));--l-pass-fg-inverted:var(--lumia-passport-fg-inverted,#000);--l-pass-fg-muted:var(--lumia-passport-fg-muted,hsla(0,0%,100%,.6));--l-pass-primary:var(--lumia-passport-primary,#fff);--l-pass-primary-h:var(--lumia-passport-primary-h,hsla(0,0%,100%,.9));--l-pass-primary-a:var(--lumia-passport-primary-a,hsla(0,0%,100%,.7));--l-pass-secondary:var(--lumia-passport-secondary,#2a2a2a);--l-pass-secondary-h:var(--lumia-passport-secondary-h,rgba(42,42,42,.9));--l-pass-secondary-a:var(--lumia-passport-secondary-a,rgba(42,42,42,.7));--l-pass-bd:var(--lumia-passport-bd,#3a3a3a);--l-pass-bd-intense:var(--lumia-passport-bd-intense,#4a4a4a);--l-pass-shadow-c:var(--lumia-passport-shadow-c,rgba(0,0,0,.5));--l-pass-info:var(--lumia-passport-info,var(--l-pass-fg));--l-pass-bg-info:var(--lumia-passport-bg-info,#2a2a2a);--l-pass-success:var(--lumia-passport-success,var(--l-pass-fg-inverted));--l-pass-bg-success:var(--lumia-passport-bg-success,#21ff51);--l-pass-warning:var(--lumia-passport-warning,var(--l-pass-fg-inverted));--l-pass-bg-warning:var(--lumia-passport-bg-warning,#e9fa00);--l-pass-error:var(--lumia-passport-error,#fff);--l-pass-bg-error:var(--lumia-passport-bg-error,#d6204e)}.lumia-scope,.lumia-scope *{margin:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,system-ui,Inter,sans-serif;font-optical-sizing:auto}.lumia-scope button,.lumia-scope h1,.lumia-scope h2,.lumia-scope h3,.lumia-scope h4,.lumia-scope h5,.lumia-scope h6,.lumia-scope input,.lumia-scope select,.lumia-scope textarea{font-family:system-ui,-apple-system,sans-serif!important}.lumia-scope .lumia-passport-button{box-shadow:0 4px 10px var(--l-pass-shadow-c),inset 0 0 0 1px var(--l-pass-bd);transition:transform .25s ease}.lumia-scope .lumia-passport-button:hover{transform:scale(1.02)}.lumia-scope .lumia-passport-button:active{transform:scale(1)}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.lumia-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.lumia-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease}.lumia-scope .list-scrollbar-y{width:calc(100% + 8px);padding-right:4px;overflow-y:auto;max-height:calc(var(--l-pass-maw)*2/3)}.lumia-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.lumia-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--l-pass-bd)}.lumia-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.lumia-scope .file\\:mr-3::file-selector-button{margin-right:.75rem}.lumia-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.lumia-scope .file\\:rounded-\\[var\\(--l-pass-el-bdrs\\)\\]::file-selector-button{border-radius:var(--l-pass-el-bdrs)}.lumia-scope .file\\:border-0::file-selector-button{border-width:0}.lumia-scope .file\\:bg-\\[var\\(--l-pass-bg-info\\)\\]::file-selector-button{background-color:var(--l-pass-bg-info)}.lumia-scope .file\\:bg-transparent::file-selector-button{background-color:transparent}.lumia-scope .file\\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.lumia-scope .file\\:py-1\\.5::file-selector-button{padding-top:.375rem;padding-bottom:.375rem}.lumia-scope .file\\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.lumia-scope .file\\:text-xs::file-selector-button{font-size:.75rem;line-height:1rem}.lumia-scope .file\\:font-medium::file-selector-button{font-weight:500}.lumia-scope .file\\:text-\\[var\\(--l-pass-info\\)\\]::file-selector-button{color:var(--l-pass-info)}.lumia-scope .placeholder\\:text-\\[var\\(--l-pass-fg-muted\\)\\]::-moz-placeholder{color:var(--l-pass-fg-muted)}.lumia-scope .placeholder\\:text-\\[var\\(--l-pass-fg-muted\\)\\]::placeholder{color:var(--l-pass-fg-muted)}.lumia-scope .placeholder\\:text-gray-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.lumia-scope .placeholder\\:text-gray-500::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.lumia-scope .focus-within\\:bg-\\[var\\(--l-pass-secondary-a\\)\\]:focus-within{background-color:var(--l-pass-secondary-a)}.lumia-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.lumia-scope .hover\\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lumia-scope .hover\\:bg-\\[\\#0077bb\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 119 187/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-\\[var\\(--l-pass-bg\\)\\]:hover{background-color:var(--l-pass-bg)}.lumia-scope .hover\\:bg-\\[var\\(--l-pass-primary-h\\)\\]:hover{background-color:var(--l-pass-primary-h)}.lumia-scope .hover\\:bg-\\[var\\(--l-pass-secondary-h\\)\\]:hover{background-color:var(--l-pass-secondary-h)}.lumia-scope .hover\\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-blue-900\\/60:hover{background-color:rgba(30,58,138,.6)}.lumia-scope .hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-purple-100:hover{--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-red-600\\/90:hover{background-color:rgba(220,38,38,.9)}.lumia-scope .hover\\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-red-900\\/20:hover{background-color:rgba(127,29,29,.2)}.lumia-scope .hover\\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.lumia-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-\\[var\\(--l-pass-fg\\)\\]:hover{color:var(--l-pass-fg)}.lumia-scope .hover\\:text-\\[var\\(--l-pass-fg-h\\)\\]:hover{color:var(--l-pass-fg-h)}.lumia-scope .hover\\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.lumia-scope .hover\\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.lumia-scope .hover\\:underline:hover{text-decoration-line:underline}.lumia-scope .hover\\:opacity-80:hover{opacity:.8}.lumia-scope .hover\\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lumia-scope .hover\\:file\\:opacity-90::file-selector-button:hover{opacity:.9}.lumia-scope .focus\\:bg-\\[var\\(--l-pass-secondary-a\\)\\]:focus{background-color:var(--l-pass-secondary-a)}.lumia-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.lumia-scope .focus\\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lumia-scope .focus\\:ring-offset-2:focus{--tw-ring-offset-width:2px}.lumia-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.lumia-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lumia-scope .focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lumia-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.lumia-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.lumia-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.lumia-scope .focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.lumia-scope .active\\:bg-\\[var\\(--l-pass-bg\\)\\]:active{background-color:var(--l-pass-bg)}.lumia-scope .active\\:bg-\\[var\\(--l-pass-primary-a\\)\\]:active{background-color:var(--l-pass-primary-a)}.lumia-scope .active\\:bg-\\[var\\(--l-pass-secondary-a\\)\\]:active{background-color:var(--l-pass-secondary-a)}.lumia-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.lumia-scope .active\\:text-\\[var\\(--l-pass-fg-a\\)\\]:active{color:var(--l-pass-fg-a)}.lumia-scope .disabled\\:cursor-default:disabled{cursor:default}.lumia-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.lumia-scope .disabled\\:opacity-100:disabled{opacity:1}.lumia-scope .disabled\\:opacity-50:disabled{opacity:.5}.lumia-scope .disabled\\:hover\\:bg-\\[var\\(--l-pass-bg\\)\\]:hover:disabled{background-color:var(--l-pass-bg)}.lumia-scope .disabled\\:hover\\:bg-\\[var\\(--l-pass-primary\\)\\]:hover:disabled{background-color:var(--l-pass-primary)}.lumia-scope .disabled\\:hover\\:text-\\[var\\(--l-pass-fg\\)\\]:hover:disabled{color:var(--l-pass-fg)}.lumia-scope .disabled\\:active\\:bg-\\[var\\(--l-pass-bg\\)\\]:active:disabled{background-color:var(--l-pass-bg)}.lumia-scope .disabled\\:active\\:bg-\\[var\\(--l-pass-primary\\)\\]:active:disabled{background-color:var(--l-pass-primary)}.lumia-scope .disabled\\:active\\:text-\\[var\\(--l-pass-fg\\)\\]:active:disabled{color:var(--l-pass-fg)}.lumia-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.lumia-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--l-pass-bd-intense\\)\\][data-state=checked]{border-color:var(--l-pass-bd-intense)}.lumia-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--l-pass-secondary\\)\\][data-state=checked]{background-color:var(--l-pass-secondary)}.lumia-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--l-pass-fg\\)\\][data-state=checked]{color:var(--l-pass-fg)}@media (min-width:640px){.lumia-scope .sm\\:flex-row{flex-direction:row}.lumia-scope .sm\\:justify-end{justify-content:flex-end}.lumia-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.lumia-scope .sm\\:text-left{text-align:left}}@media (prefers-color-scheme:dark){.lumia-scope .dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:hover\\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.lumia-scope .dark\\:hover\\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}}.lumia-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.lumia-scope :is(.\\[\\&_svg\\]\\:\\!h-5 svg){height:1.25rem!important}.lumia-scope :is(.\\[\\&_svg\\]\\:\\!h-6 svg){height:1.5rem!important}.lumia-scope :is(.\\[\\&_svg\\]\\:\\!w-5 svg){width:1.25rem!important}.lumia-scope :is(.\\[\\&_svg\\]\\:\\!w-6 svg){width:1.5rem!important}.lumia-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}';
 
 // src/context/LumiaPassportContext.tsx
 init_lumiaPassport();
 init_iframe_manager();
 import { initSdkErrorTracking } from "@lumiapassport/core/internal/error-tracking";
-import { createContext, useCallback as useCallback16, useContext, useEffect as useEffect27, useState as useState14 } from "react";
+import { createContext, useCallback as useCallback16, useContext, useEffect as useEffect28, useState as useState14 } from "react";
 
 // src/context/LumiaPassportSessionContext.tsx
-import { Fragment as Fragment9 } from "react";
+import { Fragment as Fragment10 } from "react";
 import { create as create5 } from "zustand";
 
 // src/internal/components/Dialog/LumiaPassportDialog.tsx
-import { AnimatePresence as AnimatePresence5, motion as motion5 } from "framer-motion";
-import { useEffect as useEffect23 } from "react";
+import { AnimatePresence as AnimatePresence4, motion as motion4 } from "framer-motion";
+import { useEffect as useEffect24 } from "react";
 
 // package.json
 var package_default = {
   name: "@lumiapassport/ui-kit",
-  version: "1.12.5",
+  version: "1.12.6",
   description: "React UI components and hooks for Lumia Passport authentication and Account Abstraction",
   type: "module",
   main: "./dist/index.cjs",
@@ -4380,7 +4375,7 @@ var LumiaLogo = forwardRef(({ size = 24, className = "" }, ref) => /* @__PURE__
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     children: [
-      /* @__PURE__ */ jsx2("circle", { cx: "256", cy: "256", r: "256", fill: "var(--l-pass-primary)", strokeWidth: "0" }),
+      /* @__PURE__ */ jsx2("circle", { cx: "256", cy: "256", r: "256", fill: "currentColor", strokeWidth: "0" }),
       /* @__PURE__ */ jsx2(
         "path",
         {
@@ -4425,12 +4420,22 @@ init_base();
 import { create } from "zustand";
 
 // src/internal/constants.ts
-var DEFAULT_MAIN_MENU_HEIGHT = 88;
+init_assets();
+import { Key as Key2, Mail as Mail2, Wallet2 as Wallet22 } from "lucide-react";
+var DEFAULT_MAIN_MENU_HEIGHT = 90;
 var DEFAULT_AUTH_MENU_HEIGHT = 253;
-var MAX_LIST_HEIGHT = 320;
 var MAIN_DIALOG_ANIMATION_SPEED = 375;
 var Y_ANIMATION_SETUP = { duration: 0.15, ease: "easeInOut", height: { duration: 0.375 } };
 var LOCAL_COLOR_MODE_KEY = "lumia-passport-theme";
+var PROVIDERS_META2 = {
+  passkey: { name: "Passkey", icon: Key2, description: "Biometric authentication" },
+  email: { name: "Email", icon: Mail2, description: "Email verification" },
+  telegram: { name: "Telegram", icon: TelegramIcon, description: "Telegram account" },
+  google: { name: "Google", icon: GoogleIcon, description: "Google account" },
+  discord: { name: "Discord", icon: DiscordIcon, description: "Discord account" },
+  twitter: { name: "X", icon: TwitterIcon, description: "X (Twitter) account" },
+  wallet: { name: "Wallet", icon: Wallet22, description: "External wallet (EOA)" }
+};
 
 // src/internal/hooks/useLayoutDataStore.ts
 var PageKey = /* @__PURE__ */ ((PageKey2) => {
@@ -4445,7 +4450,6 @@ var PageKey = /* @__PURE__ */ ((PageKey2) => {
   PageKey2["TRANSACTIONS"] = "transactions";
   PageKey2["ASSETS"] = "assets";
   PageKey2["MANAGE_WALLET"] = "manage-wallet";
-  PageKey2["ADD_PROVIDER"] = "add-provider";
   PageKey2["UNLINK_PROVIDER"] = "unlink-provider";
   PageKey2["SECURITY"] = "security";
   PageKey2["KEYSARE_BACKUP"] = "keysare-backup";
@@ -4458,19 +4462,24 @@ var useLayoutDataStore = create((set) => ({
   lumiaRate: 1,
   usdBalance: 0,
   balance: { decimals: 18, formatted: "0.0", symbol: "LUMIA", value: BigInt(0) },
-  layoutError: "",
   mainPageHeight: DEFAULT_MAIN_MENU_HEIGHT,
   settingsNotifications: [],
-  isUiDisabled: false,
   setPage: (page) => set({ page }),
   setPageParams: (pageOptions) => set({ pageParams: pageOptions }),
   setLumiaRate: (lumiaRate) => set({ lumiaRate }),
   setUsdBalance: (usdBalance) => set({ usdBalance }),
   setBalance: (balance) => set({ balance }),
-  setLayoutError: (providersError) => set({ layoutError: providersError }),
   setMainPageHeight: (height) => set({ mainPageHeight: height }),
-  setSettingsNotifications: (notifications) => set({ settingsNotifications: notifications }),
-  setIsUiDisabled: (isUiDisabled) => set({ isUiDisabled })
+  setSettingsNotifications: (notification) => set((prev) => {
+    const actions = notification.status === "active" ? "add" : "remove";
+    const exists = prev.settingsNotifications.find((n) => n.id === notification.id);
+    if (actions === "add") {
+      if (exists) return prev;
+      return { settingsNotifications: [...prev.settingsNotifications, notification] };
+    }
+    const filtered = prev.settingsNotifications.filter((n) => n.id !== notification.id);
+    return { settingsNotifications: filtered };
+  })
 }));
 
 // src/internal/lib/utils.ts
@@ -4567,15 +4576,14 @@ Button.displayName = "Button";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function Footer() {
   const { callbacks } = useLumiaPassportConfig();
-  const { address, setSession, setAddress, setStatus, setError } = useLumiaPassportSession();
+  const { address, setSession, setAddress, setStatus, setError, setIsLoading } = useLumiaPassportSession();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const setIsUiDisabled = useLayoutDataStore((st) => st.setIsUiDisabled);
   const { mutate: disconnect, isPending: isDisconnecting } = useMutation({
     mutationFn: async (disconnectAddress) => {
       if (!disconnectAddress) throw new Error("No address to disconnect");
       setError(null);
       setStatus("disconnecting");
-      setIsUiDisabled(true);
+      setIsLoading(true);
       const userId = jwtTokenManager2.getUserId() || null;
       const { logout: logout2 } = await Promise.resolve().then(() => (init_auth(), auth_exports));
       await logout2();
@@ -4586,14 +4594,14 @@ function Footer() {
       setAddress(null);
       setError(null);
       setStatus("idle");
-      setIsUiDisabled(false);
+      setIsLoading(false);
       callbacks?.onLumiaPassportDisconnect?.({ address: disconnectAddress, userId: disconnectedUserId });
       setPage("auth" /* AUTH */);
     },
     onError: (err) => {
       setError(err.message || "An unknown error occurred during sign out");
       setStatus("idle");
-      setIsUiDisabled(false);
+      setIsLoading(false);
     }
   });
   const { name, logo, logoDataUri } = lumiaBeam;
@@ -4942,15 +4950,15 @@ var DialogContent = React2.forwardRef(
                           children: [
                             /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Settings" }),
                             /* @__PURE__ */ jsx8(SlidersHorizontal, { className: "w-4 h-4" }),
-                            (!!settingsNotifications.length || true) && /* @__PURE__ */ jsx8(
+                            !!settingsNotifications.length && /* @__PURE__ */ jsx8(
                               "div",
                               {
                                 className: cn(
                                   "absolute -top-2 -right-2 flex h-4 w-4",
-                                  "items-center justify-center rounded-full bg-[var(--l-pass-bg-note)]",
-                                  "text-xs font-semibold text-[var(--l-pass-note)]"
+                                  "items-center justify-center rounded-full bg-[var(--l-pass-bg-error)]",
+                                  "text-xs font-semibold text-[var(--l-pass-error)]"
                                 ),
-                                children: settingsNotifications.length || 3
+                                children: settingsNotifications.length
                               }
                             )
                           ]
@@ -5268,7 +5276,7 @@ function AuthFailedStep() {
       {
         className: cn(
           "w-full flex flex-col p-2 gap-2 rounded-[var(--l-pass-el-bdrs)]",
-          isCritical ? "text-[var(--l-pass-error)] bg-[var(--l-pass-bg-error)] border border-[var(--l-pass-error)]" : "text-[var(--l-pass-warning)] bg-[var(--l-pass-bg-warning)] border border-[var(--l-pass-warning)]"
+          isCritical ? "text-[var(--l-pass-error)] bg-[var(--l-pass-bg-error)]" : "text-[var(--l-pass-warning)] bg-[var(--l-pass-bg-warning)]"
         ),
         children: [
           /* @__PURE__ */ jsxs8("div", { className: "w-full flex items-center justify-center gap-2", children: [
@@ -5279,7 +5287,7 @@ function AuthFailedStep() {
         ]
       }
     ),
-    failedType === "config" && /* @__PURE__ */ jsxs8("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-info)] border border-[var(--l-pass-info)]", children: [
+    failedType === "config" && /* @__PURE__ */ jsxs8("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-info)]", children: [
       /* @__PURE__ */ jsx10("div", { className: "text-sm font-medium text-[var(--l-pass-info)] mb-2", children: "To fix this issue:" }),
       /* @__PURE__ */ jsxs8("ul", { className: "text-xs text-[var(--l-pass-info)] text-left space-y-1 list-disc list-inside", children: [
         /* @__PURE__ */ jsx10("li", { children: "Contact your project administrator" }),
@@ -5287,7 +5295,7 @@ function AuthFailedStep() {
         /* @__PURE__ */ jsx10("li", { children: "Check project metadata on the server" })
       ] })
     ] }),
-    failedType === "critical" && /* @__PURE__ */ jsxs8("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-error)] border border-[var(--l-pass-error)]", children: [
+    failedType === "critical" && /* @__PURE__ */ jsxs8("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-error)] border", children: [
       /* @__PURE__ */ jsx10("div", { className: "text-sm font-semibold text-[var(--l-pass-error)] mb-2", children: "What to do next:" }),
       /* @__PURE__ */ jsxs8("ul", { className: "text-xs text-[var(--l-pass-error)] text-left space-y-1 list-disc list-inside", children: [
         /* @__PURE__ */ jsx10("li", { children: "Contact support immediately" }),
@@ -5322,7 +5330,7 @@ init_profile();
 import React3, { useImperativeHandle, useRef as useRef2 } from "react";
 import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var Input = React3.forwardRef((props, ref) => {
-  const { className, type, disabled, error, Icon, ...inputProps } = props;
+  const { className, disabled, error, Icon, element, ...inputProps } = props;
   const internalRef = useRef2(null);
   useImperativeHandle(ref, () => internalRef.current);
   return /* @__PURE__ */ jsxs9("div", { className: cn("w-full flex flex-col gap-1", className), children: [
@@ -5330,7 +5338,7 @@ var Input = React3.forwardRef((props, ref) => {
       "div",
       {
         className: cn(
-          "flex h-12 w-full rounded-[var(--l-pass-el-bdrs)] text-sm items-center gap-2 px-2",
+          "flex h-12 w-full rounded-[var(--l-pass-el-bdrs)] text-sm items-center gap-[var(--l-pass-gap)] px-[var(--l-pass-pd)]",
           "bg-[var(--l-pass-secondary)]",
           "hover:bg-[var(--l-pass-secondary-h)]",
           "transition-colors duration-200 ease-in-out",
@@ -5342,7 +5350,7 @@ var Input = React3.forwardRef((props, ref) => {
           internalRef.current?.focus();
         },
         children: [
-          Icon && /* @__PURE__ */ jsx11("div", { className: "flex items-center justify-center w-6 h-6 p-1", children: /* @__PURE__ */ jsx11(Icon, { width: 16, height: 16, className: "text-[var(--l-pass-fg)]" }) }),
+          Icon && /* @__PURE__ */ jsx11("div", { className: "flex flex-none items-center justify-center w-6 h-6 p-1", children: /* @__PURE__ */ jsx11(Icon, { width: 16, height: 16, className: "text-[var(--l-pass-fg)]" }) }),
           /* @__PURE__ */ jsx11(
             "input",
             {
@@ -5357,7 +5365,8 @@ var Input = React3.forwardRef((props, ref) => {
               disabled,
               ...inputProps
             }
-          )
+          ),
+          element
         ]
       }
     ),
@@ -5483,7 +5492,7 @@ import { Fragment } from "react";
 // src/internal/components/AuthMenu/SignInStep/Email.tsx
 init_lumiaPassport();
 init_projectId();
-import { ChevronRight, Loader as Loader2, Mail as Mail2 } from "lucide-react";
+import { ChevronRight, Loader as Loader2, Mail as Mail3 } from "lucide-react";
 import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 function Email() {
   const { config, callbacks } = useLumiaPassportConfig();
@@ -5539,7 +5548,7 @@ function Email() {
       Input,
       {
         name: "signin-email",
-        Icon: Mail2,
+        Icon: Mail3,
         error: codeSendError,
         type: "email",
         autoComplete: "off",
@@ -5573,8 +5582,7 @@ function ErrorAlert(props) {
     {
       className: cn(
         "w-full flex flex-col gap-2 rounded-[var(--l-pass-el-bdrs)]",
-        "text-[var(--l-pass-error)] bg-[var(--l-pass-bg-error)]",
-        "border border-[var(--l-pass-error)]"
+        "text-[var(--l-pass-error)] bg-[var(--l-pass-bg-error)]"
       ),
       children: [
         /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-2", children: [
@@ -5591,7 +5599,7 @@ function ErrorAlert(props) {
 init_assets();
 init_lumiaPassport();
 init_auth();
-import { Key } from "lucide-react";
+import { Key as Key3 } from "lucide-react";
 import { useCallback as useCallback2 } from "react";
 init_projectId();
 import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
@@ -6004,7 +6012,7 @@ function Social(props) {
             onClick: () => setStep("signin-passkey"),
             disabled: isLoading,
             title: "Passkey",
-            children: /* @__PURE__ */ jsx16(Key, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ jsx16(Key3, { className: "w-5 h-5" })
           }
         ),
         config.social.providers.filter((provider) => provider.enabled).map((provider) => {
@@ -6102,7 +6110,7 @@ function SignInStep(props) {
 }
 
 // src/internal/components/AuthMenu/SignInStep/PassKeyStep.tsx
-import { ArrowLeft as ArrowLeft2, Key as Key2 } from "lucide-react";
+import { ArrowLeft as ArrowLeft2, Key as Key4 } from "lucide-react";
 import { useCallback as useCallback4 } from "react";
 
 // src/internal/assets/PasskeyAddIcon.tsx
@@ -6371,7 +6379,7 @@ function PassKeyStep(props) {
   }, [onAuthSuccess, setPage, callbacks]);
   return /* @__PURE__ */ jsxs16(Expandable, { isExpanded: true, contentClassName: "w-full p-[var(--l-pass-pd)] flex flex-col gap-[var(--l-pass-gap)]", children: [
     /* @__PURE__ */ jsxs16("div", { className: "relative flex items-center justify-center gap-2 px-5 pt-3 pb-6", children: [
-      /* @__PURE__ */ jsx20(Key2, { className: "w-6 h-6" }),
+      /* @__PURE__ */ jsx20(Key4, { className: "w-6 h-6" }),
       /* @__PURE__ */ jsx20("span", { className: "font-bold text-xl leading-6", children: "Passkey" }),
       /* @__PURE__ */ jsxs16(
         Button,
@@ -6390,7 +6398,7 @@ function PassKeyStep(props) {
       )
     ] }),
     /* @__PURE__ */ jsxs16(Button, { variant: "default", size: "large", className: "w-full", onClick: onPasskeyAuth, disabled: isLoading, children: [
-      /* @__PURE__ */ jsx20(Key2, { className: "w-4 h-4" }),
+      /* @__PURE__ */ jsx20(Key4, { className: "w-4 h-4" }),
       "Sign in with existing Passkey"
     ] }),
     config.passkey.showCreateButton && /* @__PURE__ */ jsxs16(Fragment2, { children: [
@@ -6915,8 +6923,8 @@ function VerifyStep(props) {
       )
     ] }),
     /* @__PURE__ */ jsxs18("div", { className: "w-full flex flex-col gap-1 text-center", children: [
-      /* @__PURE__ */ jsx23("span", { className: "text-sm text-[var(--l-pass-fg-muted)]", children: "We sent a verification code to:" }),
-      /* @__PURE__ */ jsx23("strong", { className: "text-sm", children: email })
+      /* @__PURE__ */ jsx23("span", { className: "text-xs text-[var(--l-pass-fg-muted)]", children: "We sent a verification code to:" }),
+      /* @__PURE__ */ jsx23("strong", { className: "text-xs", children: email })
     ] }),
     /* @__PURE__ */ jsx23(
       VerificationCodeInput,
@@ -6999,18 +7007,21 @@ var AuthMenu = () => {
     }),
     [onAuthSuccess, goBackToSignIn, checkDisplayNameRequired]
   );
-  return /* @__PURE__ */ jsx24(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx24(
-    motion.div,
-    {
-      initial: { opacity: 0, height: DEFAULT_AUTH_MENU_HEIGHT },
-      animate: { opacity: 1, height: "auto" },
-      exit: { opacity: 0, height: DEFAULT_AUTH_MENU_HEIGHT },
-      style: { overflow: "hidden" },
-      transition: Y_ANIMATION_SETUP,
-      children: stepContent[step]
-    },
-    step
-  ) });
+  return (
+    // simple wrap by div
+    /* @__PURE__ */ jsx24("div", { className: "w-full", children: /* @__PURE__ */ jsx24(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx24(
+      motion.div,
+      {
+        initial: { opacity: 0, height: DEFAULT_AUTH_MENU_HEIGHT },
+        animate: { opacity: 1, height: "auto" },
+        exit: { opacity: 0, height: DEFAULT_AUTH_MENU_HEIGHT },
+        style: { overflow: "hidden" },
+        transition: Y_ANIMATION_SETUP,
+        children: stepContent[step]
+      },
+      step
+    ) }) })
+  );
 };
 
 // src/internal/components/BuyMenu/ByuMenu.tsx
@@ -7756,7 +7767,7 @@ function BuyMenu() {
 }
 
 // src/internal/components/KeyshareBackupMenu/KeyshareBackupMenu.tsx
-import { AlertCircle, ArrowLeft as ArrowLeft5, CheckCircle2 as CheckCircle22, Cloud, Download, Eye, EyeOff, Key as Key3, Lock, Server } from "lucide-react";
+import { AlertCircle, ArrowLeft as ArrowLeft5, CheckCircle2 as CheckCircle22, Cloud, Download, Eye, EyeOff, Key as Key5, Lock, Server } from "lucide-react";
 import React9, { useEffect as useEffect12 } from "react";
 init_iframe_manager();
 
@@ -7785,8 +7796,31 @@ function Checkbox({ className, ...props }) {
   );
 }
 
+// src/internal/components/ui/highlight.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+var CARD_STYLES = {
+  info: "text-[var(--l-pass-info)] bg-[var(--l-pass-bg-info)]",
+  success: "text-[var(--l-pass-success)] bg-[var(--l-pass-bg-success)]",
+  warning: "text-[var(--l-pass-warning)] bg-[var(--l-pass-bg-warning)]",
+  error: "text-[var(--l-pass-error)] bg-[var(--l-pass-bg-error)]"
+};
+function Highlight(props) {
+  const { type = "info", children, className } = props;
+  return /* @__PURE__ */ jsx35(
+    "div",
+    {
+      className: cn(
+        "w-full text-xs rounded-[var(--l-pass-el-bdrs)] p-[var(--l-pass-pd)]",
+        CARD_STYLES[type],
+        className
+      ),
+      children
+    }
+  );
+}
+
 // src/internal/components/KeyshareBackupMenu/KeyshareBackupMenu.tsx
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
 function KeyshareBackupMenu() {
   const { session } = useLumiaPassportSession();
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -7941,184 +7975,148 @@ function KeyshareBackupMenu() {
     const date = new Date(timestamp);
     return `${date.toLocaleDateString()} ${date.toLocaleTimeString()}`;
   };
-  return /* @__PURE__ */ jsxs26("div", { className: "w-full flex flex-col gap-4 p-4", children: [
+  return /* @__PURE__ */ jsxs26("div", { className: "w-full flex flex-col gap-[var(--l-pass-gap)] p-[var(--l-pass-pd)]", children: [
     /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx36(
         Button,
         {
           variant: "ghost",
           size: "icon",
-          onClick: () => setPage("main-menu" /* MAIN_MENU */),
+          onClick: () => setPage("settings" /* SETTINGS */),
           className: "p-1 text-gray-500 hover:text-gray-700",
           title: "Back",
-          children: /* @__PURE__ */ jsx35(ArrowLeft5, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx36(ArrowLeft5, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsx35("span", { className: "text-xl font-semibold", children: "Create Backup" })
+      /* @__PURE__ */ jsx36("span", { className: "text-xl font-semibold", children: "Create Backup" })
     ] }),
-    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsx35("span", { className: "text-sm", children: "Secure your keyshare with encrypted backups" }),
-      error && /* @__PURE__ */ jsxs26(
-        "div",
+    /* @__PURE__ */ jsx36("span", { className: "text-xs", children: "Secure your keyshare with encrypted backups" }),
+    error && /* @__PURE__ */ jsxs26(Highlight, { type: "error", className: "flex items-center gap-[var(--l-pass-gap)]", children: [
+      /* @__PURE__ */ jsx36(AlertCircle, { className: "h-4 w-4 flex-shrink-0" }),
+      /* @__PURE__ */ jsx36("span", { children: error })
+    ] }),
+    success && /* @__PURE__ */ jsxs26(Highlight, { type: "success", className: "flex items-center gap-[var(--l-pass-gap)]", children: [
+      /* @__PURE__ */ jsx36(CheckCircle22, { className: "h-4 w-4 flex-shrink-0" }),
+      /* @__PURE__ */ jsx36("span", { children: success })
+    ] }),
+    /* @__PURE__ */ jsx36("div", { className: "text-xs font-medium text-[var(--l-pass-fg-muted)]", children: "Encryption Method:" }),
+    /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx36(
+        Checkbox,
         {
-          className: cn(
-            "flex items-center gap-2 p-2 rounded text-xs",
-            "bg-[var(--l-pass-bg-error)] border border-[var(--l-pass-error)] text-[var(--l-pass-error)]"
-          ),
-          children: [
-            /* @__PURE__ */ jsx35(AlertCircle, { className: "h-3.5 w-3.5 flex-shrink-0" }),
-            /* @__PURE__ */ jsx35("span", { children: error })
-          ]
+          name: "use-backup-password-checkbox",
+          id: "use-backup-password",
+          checked: useCustomPassword,
+          onCheckedChange: (checked) => setUseCustomPassword(!!checked)
         }
       ),
-      success && /* @__PURE__ */ jsxs26(
-        "div",
+      /* @__PURE__ */ jsx36("label", { htmlFor: "use-backup-password", className: "text-xs text-[var(--l-pass-fg-muted)]", children: "Use custom password instead of passkey" })
+    ] }),
+    !useCustomPassword && /* @__PURE__ */ jsxs26(Highlight, { className: "h-12 px-[var(--l-pass-pd)] py-2 flex items-center gap-[var(--l-pass-gap)]", children: [
+      /* @__PURE__ */ jsx36("span", { className: "block flex-shrink-0 w-6 h-6 p-1", children: /* @__PURE__ */ jsx36(Key5, { className: "h-4 w-4 text-[var(--l-pass-info)]" }) }),
+      /* @__PURE__ */ jsx36("span", { children: "Backup will be encrypted with passkey" })
+    ] }),
+    useCustomPassword && /* @__PURE__ */ jsx36("div", { className: "relative", children: /* @__PURE__ */ jsx36(
+      Input,
+      {
+        Icon: Key5,
+        type: showPassword ? "text" : "password",
+        placeholder: "Enter backup password",
+        value: customPassword,
+        onChange: (e) => setCustomPassword(e.target.value),
+        element: /* @__PURE__ */ jsx36("div", { className: "w-fit h-12 w-12 flex items-center", children: /* @__PURE__ */ jsx36(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            type: "button",
+            onClick: () => setShowPassword(!showPassword),
+            style: { transform: "translateY(-50%)" },
+            className: "absolute right-2 top-1/2 z-10",
+            children: showPassword ? /* @__PURE__ */ jsx36(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx36(Eye, { className: "h-4 w-4" })
+          }
+        ) })
+      }
+    ) }),
+    /* @__PURE__ */ jsx36("div", { className: "text-xs font-medium text-[var(--l-pass-fg-muted)]", children: "Choose Backup Method:" }),
+    /* @__PURE__ */ jsxs26(Highlight, { children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-[var(--l-pass-gap)] mb-[var(--l-pass-gap)]", children: [
+        /* @__PURE__ */ jsx36(Server, { className: "h-4 w-4 text-[var(--l-pass-info)]" }),
+        /* @__PURE__ */ jsx36("div", { className: "text-sm font-medium", children: "Server Backup" })
+      ] }),
+      /* @__PURE__ */ jsx36(
+        Button,
         {
-          className: cn(
-            "flex items-center gap-2 p-2 rounded text-xs",
-            "bg-[var(--l-pass-bg-success)] border border-[var(--l-pass-success)] text-[var(--l-pass-success)]"
-          ),
-          children: [
-            /* @__PURE__ */ jsx35(CheckCircle22, { className: "h-3.5 w-3.5 flex-shrink-0" }),
-            /* @__PURE__ */ jsx35("span", { children: success })
-          ]
+          onClick: () => handleBackup("server"),
+          disabled: loading.server || useCustomPassword && !customPassword || !hasKeyshareData,
+          className: "w-full",
+          children: loading.server ? "Creating..." : useCustomPassword ? "Create with Password" : "Create with Passkey"
         }
-      ),
-      /* @__PURE__ */ jsxs26("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx35("div", { className: "text-xs font-medium text-[var(--l-pass-fg-muted)]", children: "Encryption Method:" }),
-        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx35(
-            Checkbox,
-            {
-              name: "use-backup-password-checkbox",
-              id: "use-backup-password",
-              checked: useCustomPassword,
-              onCheckedChange: (checked) => setUseCustomPassword(!!checked)
-            }
-          ),
-          /* @__PURE__ */ jsx35("label", { htmlFor: "use-backup-password", className: "text-sm text-[var(--l-pass-fg-muted)]", children: "Use custom password instead of passkey" })
-        ] }),
-        !useCustomPassword && /* @__PURE__ */ jsxs26("div", { className: "w-full rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-info)] h-12 px-4 py-2 flex items-center gap-2 border border-[var(--l-pass-info)] text-[var(--l-pass-info)]", children: [
-          /* @__PURE__ */ jsx35("span", { className: "block flex-shrink-0 w-6 h-6 p-1", children: /* @__PURE__ */ jsx35(Key3, { className: "h-4 w-4 text-[var(--l-pass-info)]" }) }),
-          /* @__PURE__ */ jsx35("span", { className: "text-sm", children: "Backup will be encrypted with passkey" })
+      )
+    ] }),
+    /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-2 gap-[var(--l-pass-gap)]", children: [
+      /* @__PURE__ */ jsxs26(Highlight, { children: [
+        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-[var(--l-pass-gap)] mb-[var(--l-pass-gap)]", children: [
+          /* @__PURE__ */ jsx36(Cloud, { className: "h-4 w-4 text-[var(--l-pass-info)]" }),
+          /* @__PURE__ */ jsx36("div", { className: "text-sm font-medium", children: "Cloud" })
         ] }),
-        useCustomPassword && /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx35(
-            Input,
-            {
-              Icon: Key3,
-              type: showPassword ? "text" : "password",
-              placeholder: "Enter backup password",
-              value: customPassword,
-              onChange: (e) => setCustomPassword(e.target.value),
-              className: "pr-10"
-            }
-          ),
-          /* @__PURE__ */ jsx35(
-            Button,
-            {
-              variant: "ghost",
-              size: "icon",
-              type: "button",
-              onClick: () => setShowPassword(!showPassword),
-              style: { transform: "translateY(-50%)" },
-              className: "absolute right-2 top-1/2 z-10",
-              children: showPassword ? /* @__PURE__ */ jsx35(EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx35(Eye, { className: "h-4 w-4" })
-            }
-          )
-        ] })
+        cloudProviders.length > 1 && /* @__PURE__ */ jsx36(
+          "select",
+          {
+            value: selectedCloudProvider || "",
+            onChange: (e) => setSelectedCloudProvider(e.target.value),
+            className: "text-xs text-[var(--l-pass-fg)] border border-[var(--l-pass-bd)] rounded-[var(--l-pass-el-bdrs)] px-2 py-1 w-full mb-2 bg-transparent",
+            children: cloudProviders.map((provider) => /* @__PURE__ */ jsx36("option", { value: provider.id, disabled: !provider.available, children: provider.name }, provider.id))
+          }
+        ),
+        /* @__PURE__ */ jsx36(
+          Button,
+          {
+            className: "w-full",
+            onClick: () => handleBackup("cloud"),
+            disabled: loading.cloud || useCustomPassword && !customPassword || !hasKeyshareData || cloudProviders.length === 0,
+            children: loading.cloud ? "Creating..." : "Create"
+          }
+        )
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-2 ", children: [
-        /* @__PURE__ */ jsx35("div", { className: "text-xs font-medium text-[var(--l-pass-fg-muted)]", children: "Choose Backup Method:" }),
-        /* @__PURE__ */ jsxs26("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] border border-[var(--l-pass-bd)] bg-[var(--l-pass-secondary)]", children: [
-          /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 mb-2", children: [
-            /* @__PURE__ */ jsx35(Server, { className: "h-4 w-4 text-[var(--l-pass-info)]" }),
-            /* @__PURE__ */ jsx35("div", { className: "text-sm font-medium text-[var(--l-pass-fg)]", children: "Server Backup" })
-          ] }),
-          /* @__PURE__ */ jsx35(
-            Button,
-            {
-              onClick: () => handleBackup("server"),
-              disabled: loading.server || useCustomPassword && !customPassword || !hasKeyshareData,
-              className: "w-full",
-              children: loading.server ? "Creating..." : useCustomPassword ? "Create with Password" : "Create with Passkey"
-            }
-          )
+      /* @__PURE__ */ jsxs26(Highlight, { children: [
+        /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-[var(--l-pass-gap)] mb-[var(--l-pass-gap)]", children: [
+          /* @__PURE__ */ jsx36(Download, { className: "h-4 w-4 text-[var(--l-pass-info)]" }),
+          /* @__PURE__ */ jsx36("div", { className: "text-sm font-medium", children: "File" })
         ] }),
-        /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-2 gap-2", children: [
-          /* @__PURE__ */ jsxs26("div", { className: "p-3 rounded-[var(--l-pass-el-bdrs)] flex flex-col border border-[var(--l-pass-bd)] bg-[var(--l-pass-secondary)]", children: [
-            /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 mb-2", children: [
-              /* @__PURE__ */ jsx35(Cloud, { className: "h-4 w-4 text-[var(--l-pass-info)]" }),
-              /* @__PURE__ */ jsx35("div", { className: "text-sm font-medium", children: "Cloud" })
-            ] }),
-            cloudProviders.length > 1 && /* @__PURE__ */ jsx35(
-              "select",
-              {
-                value: selectedCloudProvider || "",
-                onChange: (e) => setSelectedCloudProvider(e.target.value),
-                className: "text-xs text-[var(--l-pass-fg)] border border-[var(--l-pass-bd)] rounded-[var(--l-pass-el-bdrs)] px-2 py-1 w-full mb-2 bg-transparent",
-                children: cloudProviders.map((provider) => /* @__PURE__ */ jsx35("option", { value: provider.id, disabled: !provider.available, children: provider.name }, provider.id))
-              }
-            ),
-            /* @__PURE__ */ jsx35(
-              Button,
-              {
-                className: "w-full",
-                onClick: () => handleBackup("cloud"),
-                disabled: loading.cloud || useCustomPassword && !customPassword || !hasKeyshareData || cloudProviders.length === 0,
-                children: loading.cloud ? "Creating..." : "Create"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs26("div", { className: "p-3 rounded-[var(--l-pass-el-bdrs)] flex flex-col border border-[var(--l-pass-bd)] bg-[var(--l-pass-secondary)]", children: [
-            /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 mb-2", children: [
-              /* @__PURE__ */ jsx35(Download, { className: "h-4 w-4 text-[var(--l-pass-info)]" }),
-              /* @__PURE__ */ jsx35("div", { className: "text-sm font-medium", children: "File" })
-            ] }),
-            cloudProviders.length > 1 && /* @__PURE__ */ jsx35("div", { className: "h-[32px]" }),
-            /* @__PURE__ */ jsx35(
-              Button,
-              {
-                onClick: () => handleBackup("local"),
-                disabled: loading.local || useCustomPassword && !customPassword || !hasKeyshareData,
-                className: "w-full",
-                children: loading.local ? "Creating..." : "Download"
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs26(
-        "div",
-        {
-          className: cn(
-            "flex items-start gap-2 p-2 rounded-[var(--l-pass-el-bdrs)]",
-            "text-xs text-[var(--l-pass-warning)] bg-[var(--l-pass-bg-warning)] border border-[var(--l-pass-warning)]"
-          ),
-          children: [
-            /* @__PURE__ */ jsx35(Lock, { className: "h-4 w-4 mt-0.5 flex-shrink-0 text-[var(--l-pass-warning)]" }),
-            /* @__PURE__ */ jsxs26("div", { children: [
-              /* @__PURE__ */ jsx35("span", { className: "font-medium", children: "Security Notice:" }),
-              " All backups are encrypted with AES-256 using your",
-              " ",
-              useCustomPassword ? "custom password" : "passkey",
-              ".",
-              useCustomPassword ? " Store your password securely - " : " Your passkey authenticator is required to restore backups. ",
-              "Without backup access, you cannot recover your account if you lose this device."
-            ] })
-          ]
-        }
-      )
+        cloudProviders.length > 1 && /* @__PURE__ */ jsx36("div", { className: "h-[32px]" }),
+        /* @__PURE__ */ jsx36(
+          Button,
+          {
+            onClick: () => handleBackup("local"),
+            disabled: loading.local || useCustomPassword && !customPassword || !hasKeyshareData,
+            className: "w-full",
+            children: loading.local ? "Creating..." : "Download"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs26(Highlight, { className: "flex items-start gap-[var(--l-pass-gap)]", type: "warning", children: [
+      /* @__PURE__ */ jsx36(Lock, { className: "h-4 w-4 flex-shrink-0" }),
+      /* @__PURE__ */ jsxs26("div", { children: [
+        /* @__PURE__ */ jsx36("span", { className: "font-medium", children: "Security Notice:" }),
+        " All backups are encrypted with AES-256 using your",
+        " ",
+        useCustomPassword ? "custom password" : "passkey",
+        ".",
+        useCustomPassword ? " Store your password securely - " : " Your passkey authenticator is required to restore backups. ",
+        "Without backup access, you cannot recover your account if you lose this device."
+      ] })
     ] })
   ] });
 }
 
 // src/internal/components/KeyshareRestoreMenu/KeyshareRestoreMenu.tsx
 import { useMutation as useMutation6 } from "@tanstack/react-query";
-import { AlertCircle as AlertCircle2, CheckCircle2 as CheckCircle23, Eye as Eye2, EyeOff as EyeOff2, Key as Key4, Loader as Loader5, Server as Server2, Upload } from "lucide-react";
+import { AlertCircle as AlertCircle2, CheckCircle2 as CheckCircle23, Eye as Eye2, EyeOff as EyeOff2, Key as Key6, Loader as Loader5, Server as Server2, Upload } from "lucide-react";
 import React10, { useCallback as useCallback8, useEffect as useEffect13 } from "react";
 init_vaultClient();
-import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 var KeyshareRestoreMenu = () => {
   const { config, callbacks } = useLumiaPassportConfig();
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -8325,36 +8323,36 @@ var KeyshareRestoreMenu = () => {
     return /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col p-4", children: [
       /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col gap-1", children: [
         /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx36(Loader5, { className: "w-5 h-5 animate-spin" }),
-          /* @__PURE__ */ jsx36("span", { className: "text-xl leading-5 font-semibold", children: "Checking Backup Availability" })
+          /* @__PURE__ */ jsx37(Loader5, { className: "w-5 h-5 animate-spin" }),
+          /* @__PURE__ */ jsx37("span", { className: "text-xl leading-5 font-semibold", children: "Checking Backup Availability" })
         ] }),
-        /* @__PURE__ */ jsx36("span", { className: "text-sm", children: "Please wait while we check for available backups..." })
+        /* @__PURE__ */ jsx37("span", { className: "text-sm", children: "Please wait while we check for available backups..." })
       ] }),
-      /* @__PURE__ */ jsx36("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsx36("span", { className: "block w-full text-center text-sm text-[var(--l-pass-fg-muted)]", children: "Checking for backups..." }) })
+      /* @__PURE__ */ jsx37("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsx37("span", { className: "block w-full text-center text-sm text-[var(--l-pass-fg-muted)]", children: "Checking for backups..." }) })
     ] });
   }
   if (hasServerBackup === false) {
     return /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col p-4", children: [
-      /* @__PURE__ */ jsx36("div", { className: "w-full flex flex-col gap-1", children: /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx36(AlertCircle2, { className: "h-5 w-5 text-[var(--l-pass-error)]" }),
-        /* @__PURE__ */ jsx36("span", { className: "text-xl leading-5 font-semibold", children: "No Keyshare Found" })
+      /* @__PURE__ */ jsx37("div", { className: "w-full flex flex-col gap-1", children: /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx37(AlertCircle2, { className: "h-5 w-5 text-[var(--l-pass-error)]" }),
+        /* @__PURE__ */ jsx37("span", { className: "text-xl leading-5 font-semibold", children: "No Keyshare Found" })
       ] }) }),
       /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxs27("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-error)] border border-[var(--l-pass-error)]", children: [
-          /* @__PURE__ */ jsx36("span", { className: "block font-medium text-sm text-[var(--l-pass-error)]", children: "Account Recovery Needed" }),
-          /* @__PURE__ */ jsx36("span", { className: "block w-full text-xs leading-relaxed", children: "This device doesn't have access to your wallet keyshare, and no backup was found in the Vault. To access your wallet: use the original device where you created the account, create a backup from that device first, then try restoring on this device." })
+        /* @__PURE__ */ jsxs27("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-error)]", children: [
+          /* @__PURE__ */ jsx37("span", { className: "block font-medium text-sm text-[var(--l-pass-error)]", children: "Account Recovery Needed" }),
+          /* @__PURE__ */ jsx37("span", { className: "block w-full text-xs leading-relaxed", children: "This device doesn't have access to your wallet keyshare, and no backup was found in the Vault. To access your wallet: use the original device where you created the account, create a backup from that device first, then try restoring on this device." })
         ] }),
-        /* @__PURE__ */ jsxs27("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-warning)] border border-[var(--l-pass-warning)]", children: [
-          /* @__PURE__ */ jsx36("strong", { className: "text-xs text-[var(--l-pass-warning)]", children: "Alternative:" }),
-          /* @__PURE__ */ jsx36("span", { className: "text-xs", children: "Try uploading a backup file if you have one saved locally, or create a new account with a different email." })
+        /* @__PURE__ */ jsxs27("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-warning)]", children: [
+          /* @__PURE__ */ jsx37("strong", { className: "text-xs text-[var(--l-pass-warning)]", children: "Alternative:" }),
+          /* @__PURE__ */ jsx37("span", { className: "text-xs", children: "Try uploading a backup file if you have one saved locally, or create a new account with a different email." })
         ] }),
         /* @__PURE__ */ jsxs27("div", { className: "p-2 rounded border border-[var(--l-pass-bd)]", children: [
           /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx36(Upload, { className: "h-5 w-5 text-[var(--l-pass-info)]" }),
-            /* @__PURE__ */ jsx36("span", { className: "text-sm leading-5 font-medium", children: "Try Backup File" })
+            /* @__PURE__ */ jsx37(Upload, { className: "h-5 w-5 text-[var(--l-pass-info)]" }),
+            /* @__PURE__ */ jsx37("span", { className: "text-sm leading-5 font-medium", children: "Try Backup File" })
           ] }),
           /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx36("label", { className: "block w-full cursor-pointer", children: /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx37("label", { className: "block w-full cursor-pointer", children: /* @__PURE__ */ jsx37(
               "input",
               {
                 type: "file",
@@ -8368,13 +8366,13 @@ var KeyshareRestoreMenu = () => {
                 )
               }
             ) }),
-            !restoreFile && /* @__PURE__ */ jsx36("p", { className: "text-xs", children: "No file chosen" }),
+            !restoreFile && /* @__PURE__ */ jsx37("p", { className: "text-xs", children: "No file chosen" }),
             restoreFile && /* @__PURE__ */ jsxs27(Fragment5, { children: [
               /* @__PURE__ */ jsxs27("div", { className: "text-xs p-2 rounded-[var(--l-pass-el-bdrs)]", children: [
                 "Selected: ",
                 restoreFile.name
               ] }),
-              /* @__PURE__ */ jsx36(
+              /* @__PURE__ */ jsx37(
                 Button,
                 {
                   onClick: () => restoreFromFile(),
@@ -8387,9 +8385,9 @@ var KeyshareRestoreMenu = () => {
           ] })
         ] }),
         restoreFile && /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx36("div", { className: "text-xs font-medium", children: "Decryption Method:" }),
+          /* @__PURE__ */ jsx37("div", { className: "text-xs font-medium", children: "Decryption Method:" }),
           /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx37(
               Checkbox,
               {
                 name: "use-restore-password-checkbox",
@@ -8398,17 +8396,17 @@ var KeyshareRestoreMenu = () => {
                 onCheckedChange: (checked) => setUseCustomPassword(!!checked)
               }
             ),
-            /* @__PURE__ */ jsx36("label", { htmlFor: "use-restore-password", className: "text-sm text-[var(--l-pass-fg-muted)]", children: "Use custom password instead of passkey" })
+            /* @__PURE__ */ jsx37("label", { htmlFor: "use-restore-password", className: "text-sm text-[var(--l-pass-fg-muted)]", children: "Use custom password instead of passkey" })
           ] }),
-          !useCustomPassword && /* @__PURE__ */ jsxs27("div", { className: "w-full rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-info)] h-12 px-4 py-2 flex items-center gap-2 border border-[var(--l-pass-info)] text-[var(--l-pass-info)]", children: [
-            /* @__PURE__ */ jsx36("span", { className: "block flex-shrink-0 w-6 h-6 p-1", children: /* @__PURE__ */ jsx36(Key4, { className: "h-4 w-4 text-[var(--l-pass-info)]" }) }),
-            /* @__PURE__ */ jsx36("span", { className: "text-sm", children: "Your passkey will be used to decrypt the backup securely" })
+          !useCustomPassword && /* @__PURE__ */ jsxs27("div", { className: "w-full rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-info)] h-12 px-4 py-2 flex items-center gap-2 text-[var(--l-pass-info)]", children: [
+            /* @__PURE__ */ jsx37("span", { className: "block flex-shrink-0 w-6 h-6 p-1", children: /* @__PURE__ */ jsx37(Key6, { className: "h-4 w-4 text-[var(--l-pass-info)]" }) }),
+            /* @__PURE__ */ jsx37("span", { className: "text-sm", children: "Your passkey will be used to decrypt the backup securely" })
           ] }),
           useCustomPassword && /* @__PURE__ */ jsxs27("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx37(
               Input,
               {
-                Icon: Key4,
+                Icon: Key6,
                 type: showPassword ? "text" : "password",
                 placeholder: "Enter backup decryption password",
                 value: restorePassword,
@@ -8416,7 +8414,7 @@ var KeyshareRestoreMenu = () => {
                 className: "pr-10"
               }
             ),
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx37(
               Button,
               {
                 variant: "ghost",
@@ -8425,7 +8423,7 @@ var KeyshareRestoreMenu = () => {
                 onClick: () => setShowPassword(!showPassword),
                 style: { transform: "translateY(-50%)" },
                 className: "absolute right-2 top-1/2 z-10",
-                children: showPassword ? /* @__PURE__ */ jsx36(EyeOff2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx36(Eye2, { className: "h-4 w-4" })
+                children: showPassword ? /* @__PURE__ */ jsx37(EyeOff2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx37(Eye2, { className: "h-4 w-4" })
               }
             )
           ] })
@@ -8434,12 +8432,12 @@ var KeyshareRestoreMenu = () => {
           "div",
           {
             className: cn(
-              "w-full flex items-center gap-2 p-2 rounded-[var(--l-pass-el-bdrs)] border text-xs",
-              "bg-[var(--l-pass-bg-error)] border-[var(--l-pass-error)] text-[var(--l-pass-error)]"
+              "w-full flex items-center gap-2 p-2 rounded-[var(--l-pass-el-bdrs)] text-xs",
+              "bg-[var(--l-pass-bg-error)] text-[var(--l-pass-error)]"
             ),
             children: [
-              /* @__PURE__ */ jsx36(AlertCircle2, { className: "h-4 w-4 flex-shrink-0" }),
-              /* @__PURE__ */ jsx36("span", { children: error })
+              /* @__PURE__ */ jsx37(AlertCircle2, { className: "h-4 w-4 flex-shrink-0" }),
+              /* @__PURE__ */ jsx37("span", { children: error })
             ]
           }
         ),
@@ -8447,12 +8445,12 @@ var KeyshareRestoreMenu = () => {
           "div",
           {
             className: cn(
-              "w-full flex items-center gap-2 p-2 rounded-[var(--l-pass-el-bdrs)] border text-xs",
-              "bg-[var(--l-pass-bg-success)] border-[var(--l-pass-success)] text-[var(--l-pass-success)]"
+              "w-full flex items-center gap-2 p-2 rounded-[var(--l-pass-el-bdrs)] text-xs",
+              "bg-[var(--l-pass-bg-success)] text-[var(--l-pass-success)]"
             ),
             children: [
-              /* @__PURE__ */ jsx36(CheckCircle23, { className: "h-4 w-4 flex-shrink-0" }),
-              /* @__PURE__ */ jsx36("span", { children: success })
+              /* @__PURE__ */ jsx37(CheckCircle23, { className: "h-4 w-4 flex-shrink-0" }),
+              /* @__PURE__ */ jsx37("span", { children: success })
             ]
           }
         )
@@ -8461,22 +8459,22 @@ var KeyshareRestoreMenu = () => {
   }
   return /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col p-4", children: [
     /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx36("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx36("span", { className: "text-xl leading-5 font-semibold", children: "Restore Account Access" }) }),
-      /* @__PURE__ */ jsx36("span", { className: "text-sm", children: "Your account was found in the Vault" })
+      /* @__PURE__ */ jsx37("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx37("span", { className: "text-xl leading-5 font-semibold", children: "Restore Account Access" }) }),
+      /* @__PURE__ */ jsx37("span", { className: "text-sm", children: "Your account was found in the Vault" })
     ] }),
     /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-4 p-0", children: [
-      error && !error.includes("No backup found") && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-error)] border border-[var(--l-pass-error)] text-[var(--l-pass-error)] text-xs", children: [
-        /* @__PURE__ */ jsx36(AlertCircle2, { className: "h-4 w-4 flex-shrink-0" }),
-        /* @__PURE__ */ jsx36("span", { children: error })
+      error && !error.includes("No backup found") && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-error)] text-[var(--l-pass-error)] text-xs", children: [
+        /* @__PURE__ */ jsx37(AlertCircle2, { className: "h-4 w-4 flex-shrink-0" }),
+        /* @__PURE__ */ jsx37("span", { children: error })
       ] }),
-      success && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-success)] border border-[var(--l-pass-success)] text-[var(--l-pass-success)] text-xs", children: [
-        /* @__PURE__ */ jsx36(CheckCircle23, { className: "h-4 w-4 flex-shrink-0" }),
-        /* @__PURE__ */ jsx36("span", { children: success })
+      success && /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 p-2 rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-success)] text-[var(--l-pass-success)] text-xs", children: [
+        /* @__PURE__ */ jsx37(CheckCircle23, { className: "h-4 w-4 flex-shrink-0" }),
+        /* @__PURE__ */ jsx37("span", { children: success })
       ] }),
       /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx36("div", { className: "text-xs font-medium text-[var(--l-pass-fg-muted)]", children: "Decryption Method:" }),
+        /* @__PURE__ */ jsx37("div", { className: "text-xs font-medium text-[var(--l-pass-fg-muted)]", children: "Decryption Method:" }),
         /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Checkbox,
             {
               name: "use-restore-password-checkbox",
@@ -8485,17 +8483,17 @@ var KeyshareRestoreMenu = () => {
               onCheckedChange: (checked) => setUseCustomPassword(!!checked)
             }
           ),
-          /* @__PURE__ */ jsx36("label", { htmlFor: "use-restore-password", className: "text-sm text-[var(--l-pass-fg-muted)]", children: "Use custom password instead of passkey" })
+          /* @__PURE__ */ jsx37("label", { htmlFor: "use-restore-password", className: "text-sm text-[var(--l-pass-fg-muted)]", children: "Use custom password instead of passkey" })
         ] }),
-        !useCustomPassword && /* @__PURE__ */ jsxs27("div", { className: "w-full rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-info)] h-12 px-4 py-2 flex items-center gap-2 border border-[var(--l-pass-info)] text-[var(--l-pass-info)]", children: [
-          /* @__PURE__ */ jsx36("span", { className: "block flex-shrink-0 w-6 h-6 p-1", children: /* @__PURE__ */ jsx36(Key4, { className: "h-4 w-4 text-[var(--l-pass-info)]" }) }),
-          /* @__PURE__ */ jsx36("span", { className: "text-sm", children: "Passkey will be used to decrypt the backup" })
+        !useCustomPassword && /* @__PURE__ */ jsxs27("div", { className: "w-full rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-info)] h-12 px-4 py-2 flex items-center gap-2 text-[var(--l-pass-info)]", children: [
+          /* @__PURE__ */ jsx37("span", { className: "block flex-shrink-0 w-6 h-6 p-1", children: /* @__PURE__ */ jsx37(Key6, { className: "h-4 w-4 text-[var(--l-pass-info)]" }) }),
+          /* @__PURE__ */ jsx37("span", { className: "text-sm", children: "Passkey will be used to decrypt the backup" })
         ] }),
         useCustomPassword && /* @__PURE__ */ jsxs27("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Input,
             {
-              Icon: Key4,
+              Icon: Key6,
               type: showPassword ? "text" : "password",
               placeholder: "Enter backup decryption password",
               value: restorePassword,
@@ -8503,7 +8501,7 @@ var KeyshareRestoreMenu = () => {
               className: "pr-10"
             }
           ),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Button,
             {
               variant: "ghost",
@@ -8512,19 +8510,19 @@ var KeyshareRestoreMenu = () => {
               onClick: () => setShowPassword(!showPassword),
               style: { transform: "translateY(-50%)" },
               className: "absolute right-2 top-1/2 z-10",
-              children: showPassword ? /* @__PURE__ */ jsx36(EyeOff2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx36(Eye2, { className: "h-4 w-4" })
+              children: showPassword ? /* @__PURE__ */ jsx37(EyeOff2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx37(Eye2, { className: "h-4 w-4" })
             }
           )
         ] })
       ] }),
       /* @__PURE__ */ jsxs27("div", { className: "w-full flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsx36("div", { className: "text-xs font-medium text-[var(--l-pass-fg-muted)]", children: "Choose Backup Method:" }),
+        /* @__PURE__ */ jsx37("div", { className: "text-xs font-medium text-[var(--l-pass-fg-muted)]", children: "Choose Backup Method:" }),
         /* @__PURE__ */ jsxs27("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] border border-[var(--l-pass-bd)] bg-[var(--l-pass-secondary)]", children: [
           /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 mb-2", children: [
-            /* @__PURE__ */ jsx36(Server2, { className: "h-4 w-4 text-[var(--l-pass-info)]" }),
-            /* @__PURE__ */ jsx36("div", { className: "text-sm font-medium text-[var(--l-pass-fg)]", children: "Server Backup" })
+            /* @__PURE__ */ jsx37(Server2, { className: "h-4 w-4 text-[var(--l-pass-info)]" }),
+            /* @__PURE__ */ jsx37("div", { className: "text-sm font-medium text-[var(--l-pass-fg)]", children: "Server Backup" })
           ] }),
-          /* @__PURE__ */ jsx36(
+          /* @__PURE__ */ jsx37(
             Button,
             {
               onClick: () => restoreFromServer2(),
@@ -8536,11 +8534,11 @@ var KeyshareRestoreMenu = () => {
         ] }),
         /* @__PURE__ */ jsxs27("div", { className: "p-2 rounded-[var(--l-pass-el-bdrs)] border border-[var(--l-pass-bd)] bg-[var(--l-pass-secondary)]", children: [
           /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 mb-2", children: [
-            /* @__PURE__ */ jsx36(Upload, { className: "h-4 w-4 text-[var(--l-pass-info)]" }),
-            /* @__PURE__ */ jsx36("div", { className: "text-sm font-medium text-[var(--l-pass-fg)]", children: "Backup File" })
+            /* @__PURE__ */ jsx37(Upload, { className: "h-4 w-4 text-[var(--l-pass-info)]" }),
+            /* @__PURE__ */ jsx37("div", { className: "text-sm font-medium text-[var(--l-pass-fg)]", children: "Backup File" })
           ] }),
           /* @__PURE__ */ jsxs27("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx36("label", { className: "block w-full cursor-pointer text-[var(--l-pass-fg-muted)]", children: /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx37("label", { className: "block w-full cursor-pointer text-[var(--l-pass-fg-muted)]", children: /* @__PURE__ */ jsx37(
               "input",
               {
                 type: "file",
@@ -8555,8 +8553,8 @@ var KeyshareRestoreMenu = () => {
               }
             ) }),
             restoreFile && /* @__PURE__ */ jsxs27(Fragment5, { children: [
-              /* @__PURE__ */ jsx36("div", { className: "text-xs p-2 rounded text-[var(--l-pass-fg)]", children: restoreFile.name }),
-              /* @__PURE__ */ jsx36(
+              /* @__PURE__ */ jsx37("div", { className: "text-xs p-2 rounded text-[var(--l-pass-fg)]", children: restoreFile.name }),
+              /* @__PURE__ */ jsx37(
                 Button,
                 {
                   onClick: () => restoreFromFile(),
@@ -8747,7 +8745,7 @@ function useSumsubIframe({ iframeUrl }) {
 }
 
 // src/internal/components/KYC/SumsubIframe.tsx
-import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 var MAX_IFRAME_HEIGHT = 650;
 var SumsubIframe = () => {
   const { config } = useLumiaPassportConfig();
@@ -8755,11 +8753,11 @@ var SumsubIframe = () => {
   const { iframeRef, isLoading, error, height, status } = useSumsubIframe({ iframeUrl });
   return /* @__PURE__ */ jsxs28(Fragment6, { children: [
     isLoading && /* @__PURE__ */ jsxs28("div", { className: "rounded-[10px] p-6 text-center", children: [
-      /* @__PURE__ */ jsx37(LoaderIcon3, { className: "w-5 h-5 animate-spin mx-auto" }),
-      /* @__PURE__ */ jsx37("p", { className: "text-sm text-[var(--l-pass-text-secondary)] mt-2", children: status || "Loading KYC verification..." })
+      /* @__PURE__ */ jsx38(LoaderIcon3, { className: "w-5 h-5 animate-spin mx-auto" }),
+      /* @__PURE__ */ jsx38("p", { className: "text-sm text-[var(--l-pass-text-secondary)] mt-2", children: status || "Loading KYC verification..." })
     ] }),
-    error && /* @__PURE__ */ jsx37("div", { className: "rounded-[10px] p-4 text-center bg-[var(--l-pass-bg-error)] border border-[var(--l-pass-error)]", children: /* @__PURE__ */ jsx37("div", { className: "text-sm text-[var(--l-pass-error)]", children: error }) }),
-    /* @__PURE__ */ jsx37("div", { className: "w-full h-full relative", children: /* @__PURE__ */ jsx37(
+    error && /* @__PURE__ */ jsx38("div", { className: "rounded-[10px] p-4 text-center bg-[var(--l-pass-bg-error)] border border-[var(--l-pass-error)]", children: /* @__PURE__ */ jsx38("div", { className: "text-sm text-[var(--l-pass-error)]", children: error }) }),
+    /* @__PURE__ */ jsx38("div", { className: "w-full h-full relative", children: /* @__PURE__ */ jsx38(
       "iframe",
       {
         ref: iframeRef,
@@ -8779,46 +8777,46 @@ var SumsubIframe = () => {
 };
 
 // src/internal/components/KYC/KycContent.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var KycContent = () => {
   const { config } = useLumiaPassportConfig();
   const provider = config.kyc?.provider;
   switch (provider) {
     case "sumsub":
-      return /* @__PURE__ */ jsx38(SumsubIframe, {});
+      return /* @__PURE__ */ jsx39(SumsubIframe, {});
     default:
-      return /* @__PURE__ */ jsx38("div", { className: "rounded-xl p-4 text-center bg-[var(--l-pass-secondary)]", children: /* @__PURE__ */ jsx38("div", { className: "text-sm", children: provider ? `KYC provider "${provider}" coming soon\u2026` : "KYC verification coming soon\u2026" }) });
+      return /* @__PURE__ */ jsx39("div", { className: "rounded-xl p-4 text-center bg-[var(--l-pass-secondary)]", children: /* @__PURE__ */ jsx39("div", { className: "text-sm", children: provider ? `KYC provider "${provider}" coming soon\u2026` : "KYC verification coming soon\u2026" }) });
   }
 };
 
 // src/internal/components/KYC/KycMenu.tsx
 import { ArrowLeft as ArrowLeft6 } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
 function KycMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   return /* @__PURE__ */ jsxs29("div", { className: "w-full p-4 flex flex-col", children: [
-    /* @__PURE__ */ jsx39("div", { className: "w-full", children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx39(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx39(ArrowLeft6, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx39("span", { className: "text-xl font-semibold", children: "KYC" })
+    /* @__PURE__ */ jsx40("div", { className: "w-full", children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx40(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ jsx40(ArrowLeft6, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx40("span", { className: "text-xl font-semibold", children: "KYC" })
     ] }) }),
-    /* @__PURE__ */ jsx39("div", { className: "w-full", children: /* @__PURE__ */ jsx39(KycContent, {}) })
+    /* @__PURE__ */ jsx40("div", { className: "w-full", children: /* @__PURE__ */ jsx40(KycContent, {}) })
   ] });
 }
 
 // src/internal/components/MainMenu/MainMenu.tsx
-import { ChevronLeft, ChevronRight as ChevronRight2, Wallet2 } from "lucide-react";
+import { ChevronLeft, ChevronRight as ChevronRight2, Wallet2 as Wallet23 } from "lucide-react";
 import { useEffect as useEffect15 } from "react";
 
 // src/internal/components/MainMenu/BackupWarning.tsx
 import { AnimatePresence as AnimatePresence2, motion as motion2 } from "framer-motion";
-import { ShieldCheck } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+import { DatabaseBackup } from "lucide-react";
+import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
 function BackupWarning() {
   const { config } = useLumiaPassportConfig();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const hasServerVault = useLumiaPassportSession((st) => st.hasServerVault);
   const isShown = config.warnings?.backupWarning && !hasServerVault;
-  return /* @__PURE__ */ jsx40(AnimatePresence2, { mode: "wait", initial: false, children: isShown ? /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(AnimatePresence2, { mode: "wait", initial: false, children: isShown ? /* @__PURE__ */ jsx41(
     motion2.div,
     {
       initial: { opacity: 0, height: 0 },
@@ -8826,65 +8824,21 @@ function BackupWarning() {
       exit: { opacity: 0, height: 0 },
       transition: Y_ANIMATION_SETUP,
       children: /* @__PURE__ */ jsxs30(
-        "div",
+        Highlight,
         {
-          className: cn(
-            "animate-glow-warning text-[var(--l-pass-error)]",
-            "rounded-[var(--l-pass-el-bdrs)] items-center text-center",
-            "flex flex-col gap-[var(--l-pass-gap)] p-[var(--l-pass-pd)]",
-            "bg-[var(--l-pass-bg-error)]"
-            // 'border border-[var(--l-pass-error)]'
-          ),
+          type: "error",
+          className: "animate-glow-warning flex items-center flex-col gap-[var(--l-pass-gap)] text-center",
           children: [
-            /* @__PURE__ */ jsx40("span", { className: "text-lg font-bold", children: "BACKUP NOT CREATED" }),
-            /* @__PURE__ */ jsxs30("span", { className: "text-sm font-medium", children: [
-              /* @__PURE__ */ jsx40("span", { children: "Your wallet will be " }),
-              /* @__PURE__ */ jsx40("strong", { children: "PERMANENTLY LOST" }),
-              /* @__PURE__ */ jsx40("span", { children: " if browser data is cleared" })
+            /* @__PURE__ */ jsx41("span", { className: "text-lg font-bold", children: "BACKUP NOT CREATED" }),
+            /* @__PURE__ */ jsxs30("span", { className: "font-medium", children: [
+              /* @__PURE__ */ jsx41("span", { children: "Your wallet will be " }),
+              /* @__PURE__ */ jsx41("strong", { children: "PERMANENTLY LOST" }),
+              /* @__PURE__ */ jsx41("span", { children: " if browser data is cleared" })
             ] }),
-            /* @__PURE__ */ jsx40("span", { className: "text-sm", children: "\u26A0\uFE0F Lumia cannot recover your wallet without a backup!" }),
-            /* @__PURE__ */ jsxs30(Button, { size: "large", onClick: () => setPage("keysare-backup" /* KEYSARE_BACKUP */), children: [
-              /* @__PURE__ */ jsx40(ShieldCheck, { className: "w-4 h-4" }),
-              /* @__PURE__ */ jsx40("span", { children: "CREATE BACKUP NOW" })
-            ] })
-          ]
-        }
-      )
-    }
-  ) : null });
-}
-
-// src/internal/components/MainMenu/EmailNotConnectedWarning.tsx
-import { AnimatePresence as AnimatePresence3, motion as motion3 } from "framer-motion";
-import { ShieldCheck as ShieldCheck2 } from "lucide-react";
-init_auth();
-import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
-function EmailNotConnectedWarning() {
-  const setPage = useLayoutDataStore((state) => state.setPage);
-  const providers = jwtTokenManager2.getProviders();
-  const hasEmail = providers.includes("email");
-  const { config } = useLumiaPassportConfig();
-  const isShown = config.warnings?.emailNotConnectedWarning && !hasEmail;
-  return /* @__PURE__ */ jsx41(AnimatePresence3, { mode: "wait", initial: false, children: isShown ? /* @__PURE__ */ jsx41(
-    motion3.div,
-    {
-      initial: { opacity: 0, height: 0 },
-      animate: { opacity: 1, height: "auto" },
-      exit: { opacity: 0, height: 0 },
-      transition: Y_ANIMATION_SETUP,
-      children: /* @__PURE__ */ jsxs31(
-        "div",
-        {
-          className: cn(
-            "p-4 rounded-[var(--l-pass-el-bdrs)] flex flex-col gap-2 items-center text-center bg-[var(--l-pass-bg-info)]"
-            // 'border border-[var(--l-pass-info)]'
-          ),
-          children: [
-            /* @__PURE__ */ jsx41("span", { className: "text-lg font-bold text-[var(--l-pass-info)]", children: "EMAIL IS NOT CONNECTED" }),
-            /* @__PURE__ */ jsx41("span", { className: "text-sm font-medium text-[var(--l-pass-info)]", children: "Connect your email for easier account recovery and additional security." }),
-            /* @__PURE__ */ jsxs31(Button, { size: "large", onClick: () => setPage("manage-wallet" /* MANAGE_WALLET */), children: [
-              /* @__PURE__ */ jsx41(ShieldCheck2, { className: "w-3 h-3 inline mr-1" }),
-              /* @__PURE__ */ jsx41("span", { children: "CONNECT EMAIL" })
+            /* @__PURE__ */ jsx41("span", { children: "Lumia cannot recover your wallet without a backup!" }),
+            /* @__PURE__ */ jsxs30(Button, { size: "medium", onClick: () => setPage("keysare-backup" /* KEYSARE_BACKUP */), children: [
+              /* @__PURE__ */ jsx41(DatabaseBackup, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx41("span", { children: "CREATE BACKUP NOW" })
             ] })
           ]
         }
@@ -8894,115 +8848,71 @@ function EmailNotConnectedWarning() {
 }
 
 // src/internal/components/MainMenu/MainMenu.tsx
-import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
+var MAIN_MENU_BUTTONS = [
+  { id: "send" /* SEND */, label: "Send", icon: ChevronRight2 },
+  { id: "receive" /* RECEIVE */, label: "Receive", icon: ChevronLeft },
+  { id: "buy" /* BUY */, label: "Buy", icon: DollarIcon },
+  { id: "assets" /* ASSETS */, label: "Portfolio", icon: Wallet23 }
+];
 function MainMenu() {
   const address = useLumiaPassportSession((st) => st.address);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const setMainPageHeight = useLayoutDataStore((st) => st.setMainPageHeight);
   useEffect15(() => setMainPageHeight(DEFAULT_MAIN_MENU_HEIGHT), [setMainPageHeight]);
-  return /* @__PURE__ */ jsxs32("div", { className: "w-full p-[var(--l-pass-pd)] flex flex-col gap-[var(--l-pass-gap)]", children: [
-    /* @__PURE__ */ jsxs32("div", { className: "grid grid-cols-4 gap-[var(--l-pass-gap)] py-2", children: [
-      /* @__PURE__ */ jsxs32(
-        Button,
-        {
-          className: "flex-col",
-          disabled: !address,
-          variant: "ghost",
-          size: "large",
-          onClick: () => setPage("send" /* SEND */),
-          children: [
-            /* @__PURE__ */ jsx42(ChevronRight2, { className: "w-8 h-8" }),
-            /* @__PURE__ */ jsx42("span", { className: "text-xs font-semibold", children: "Send" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs32(
-        Button,
-        {
-          className: "flex-col",
-          disabled: !address,
-          variant: "ghost",
-          size: "large",
-          onClick: () => setPage("receive" /* RECEIVE */),
-          children: [
-            /* @__PURE__ */ jsx42(ChevronLeft, { className: "w-8 h-8" }),
-            /* @__PURE__ */ jsx42("span", { className: "text-xs font-semibold", children: "Receive" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs32(
-        Button,
-        {
-          className: "flex-col",
-          disabled: !address,
-          variant: "ghost",
-          size: "large",
-          onClick: () => setPage("buy" /* BUY */),
-          children: [
-            /* @__PURE__ */ jsx42(DollarIcon, { className: "w-8 h-8" }),
-            /* @__PURE__ */ jsx42("span", { className: "text-xs font-semibold", children: "Buy" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs32(
-        Button,
-        {
-          className: "flex-col",
-          disabled: !address,
-          variant: "ghost",
-          size: "large",
-          onClick: () => setPage("assets" /* ASSETS */),
-          children: [
-            /* @__PURE__ */ jsx42(Wallet2, { className: "w-8 h-8" }),
-            /* @__PURE__ */ jsx42("span", { className: "text-xs font-semibold", children: "Portfolio" })
-          ]
-        }
-      )
-    ] }),
-    !!address && /* @__PURE__ */ jsx42(BackupWarning, {}),
-    !!address && /* @__PURE__ */ jsx42(EmailNotConnectedWarning, {})
+  return /* @__PURE__ */ jsxs31("div", { className: "w-full p-[var(--l-pass-pd)] flex flex-col gap-[var(--l-pass-gap)]", children: [
+    /* @__PURE__ */ jsx42("div", { className: "grid grid-cols-4 gap-[var(--l-pass-gap)]", children: MAIN_MENU_BUTTONS.map(({ id, label, icon: Icon }) => /* @__PURE__ */ jsxs31(
+      Button,
+      {
+        size: "large",
+        variant: "ghost",
+        disabled: !address,
+        className: "flex-col h-fit py-1",
+        onClick: () => setPage(id),
+        children: [
+          /* @__PURE__ */ jsx42(Icon, { className: "w-8 h-8" }),
+          /* @__PURE__ */ jsx42("span", { className: "text-xs font-semibold", children: label })
+        ]
+      },
+      id
+    )) }),
+    !!address && /* @__PURE__ */ jsx42(BackupWarning, {})
   ] });
 }
 
 // src/internal/components/ManageWalletMenu/ManageWallet.tsx
-import { AnimatePresence as AnimatePresence4, motion as motion4 } from "framer-motion";
-import { AlertTriangle as AlertTriangle3, ArrowLeft as ArrowLeft7, Loader as Loader6, Plus } from "lucide-react";
+import { fromPairs } from "lodash-es";
+import { AlertTriangle as AlertTriangle3, ArrowLeft as ArrowLeft7, Loader as Loader7 } from "lucide-react";
 import { useMemo as useMemo2 } from "react";
 
-// src/internal/components/ManageWalletMenu/hooks/useProvidersList.ts
-import { useQuery as useQuery4 } from "@tanstack/react-query";
-init_common();
-var PROVIDERS_QUERY_KEY = "lumia-passport-providers-query";
-function useProvidersList() {
-  const walletAddress = useLumiaPassportSession().address;
-  return useQuery4({
-    retry: false,
-    enabled: !!walletAddress,
-    queryKey: [PROVIDERS_QUERY_KEY, walletAddress],
-    queryFn: getLinkedProviders
-  });
-}
+// src/internal/components/ManageWalletMenu/AddProvider.tsx
+import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+init_passkey2();
 
-// src/internal/components/ManageWalletMenu/ProviderCard.tsx
-init_types();
-import { CheckCircle, Clock, Link as LinkIcon2, Trash2 } from "lucide-react";
+// src/internal/components/ManageWalletMenu/EmailForm.tsx
+init_lumiaPassport();
+init_projectId();
+import { useMutation as useMutation7 } from "@tanstack/react-query";
+import { ChevronRight as ChevronRight3, Loader as Loader6, Mail as Mail4 } from "lucide-react";
 
 // src/internal/components/ManageWalletMenu/hooks/useStore.ts
 import { create as create4 } from "zustand";
 var useManageWalletStore = create4((set) => ({
+  emailStep: "input",
   email: "",
   emailCode: "",
-  emailCodeSent: false,
-  emailCodeExpiresIn: 300,
+  emailCodeSentError: "",
+  emailCodeExpiresIn: 0,
   isWalletLinking: false,
   linkIsLoading: false,
   linkError: "",
   verificationError: "",
   providerType: null,
   confirmUnlink: null,
+  setEmailStep: (emailStep) => set({ emailStep }),
   setEmail: (email) => set({ email }),
   setEmailCode: (emailCode) => set({ emailCode }),
-  setEmailCodeSent: (emailCodeSent) => set({ emailCodeSent }),
+  setEmailCodeSentError: (emailCodeSentError) => set({ emailCodeSentError }),
   setEmailCodeExpiresIn: (emailCodeExpiresIn) => set({ emailCodeExpiresIn }),
   setIsWalletLinking: (isWalletLinking) => set({ isWalletLinking }),
   setLinkIsLoading: (linkIsLoading) => set({ linkIsLoading }),
@@ -9012,138 +8922,362 @@ var useManageWalletStore = create4((set) => ({
   setConfirmUnlink: (confirmUnlink) => set({ confirmUnlink })
 }));
 
-// src/internal/components/ManageWalletMenu/ProviderCard.tsx
-import { jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
-function ProviderCard(props) {
-  const setPage = useLayoutDataStore((st) => st.setPage);
-  const setConfirmUnlink = useManageWalletStore((st) => st.setConfirmUnlink);
-  const { data: providers = [] } = useProvidersList();
-  const canUnlink = (p) => {
-    const verified = providers.filter((x) => x.verified);
-    if (verified.length <= 1 && p.verified) return false;
-    return true;
-  };
-  const info = getProviderDisplayInfo(props.provider);
-  const allowUnlink = canUnlink(props);
-  const IconComponent = info.icon;
-  return /* @__PURE__ */ jsxs33(
-    "div",
-    {
-      className: "w-full flex flex-col gap-2 border rounded-[var(--l-pass-el-bdrs)] p-3 border-[var(--l-pass-bd)] bg-[var(--l-pass-secondary)]",
-      children: [
-        /* @__PURE__ */ jsxs33("div", { className: "w-full flex items-center gap-2 justify-between", children: [
-          /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx43(IconComponent, { className: "w-5 h-5" }),
-            /* @__PURE__ */ jsx43("span", { className: "text-sm font-medium", children: ` ${info.name}` })
-          ] }),
-          /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-            props.verified ? /* @__PURE__ */ jsx43(CheckCircle, { className: `w-4 h-4 text-[var(--l-pass-success)]` }) : /* @__PURE__ */ jsx43(Clock, { className: "w-4 h-4 text-[var(--l-pass-warning)]" }),
-            allowUnlink && /* @__PURE__ */ jsx43(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                title: "Remove provider",
-                className: "w-5 h-5",
-                onClick: () => {
-                  setConfirmUnlink({ provider: props.provider, providerName: info.name, externalId: props.externalId });
-                  setPage("unlink-provider" /* UNLINK_PROVIDER */);
-                },
-                children: /* @__PURE__ */ jsx43(Trash2, { className: "w-4 h-4 text-[var(--l-pass-error)]" })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-1 text-xs text-[var(--l-pass-fg-muted)]", children: [
-          /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx43(LinkIcon2, { className: "w-3 h-3" }),
-            /* @__PURE__ */ jsx43("span", { children: `Linked: ${formatDate(props.linkedAt)}` })
-          ] }),
-          props.lastUsedAt && /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx43(Clock, { className: "w-3 h-3" }),
-            /* @__PURE__ */ jsx43("span", { children: `Last used: ${formatDate(props.lastUsedAt)}` })
-          ] }),
-          props.externalId && /* @__PURE__ */ jsx43("span", { className: "text-[10px] font-mono break-all", children: /* @__PURE__ */ jsx43("span", { children: `ID: ${props.externalId}` }) })
-        ] })
-      ]
+// src/internal/components/ManageWalletMenu/EmailForm.tsx
+import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
+function EmailForm() {
+  const { config, callbacks } = useLumiaPassportConfig();
+  const isLoading = useLumiaPassportSession((st) => st.isLoading);
+  const setIsLoading = useLumiaPassportSession((st) => st.setIsLoading);
+  const { email, setEmail, setEmailCodeSentError, setEmailCodeExpiresIn, setEmailStep } = useManageWalletStore();
+  const { mutate: onSendVerificationCode } = useMutation7({
+    mutationFn: async () => {
+      if (!email) return;
+      setIsLoading(true);
+      setEmailCodeSentError("");
+      try {
+        const response = await fetch(addProjectIdToUrl(`${getServiceUrls().tssUrl}/api/auth/email/send-code`), {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          credentials: "include",
+          body: JSON.stringify({
+            email,
+            purpose: "login"
+          })
+        });
+        const data = await response.json();
+        if (response.ok) {
+          setEmailCodeExpiresIn(data?.expiresIn || 300);
+          setEmailStep("verify");
+        } else {
+          if (response.status === 429) {
+            const retryAfter = data.retryAfter || 60;
+            setEmailCodeSentError(
+              `Code already sent recently. Please wait ${retryAfter} seconds before requesting another.`
+            );
+          } else if (response.status === 400) {
+            setEmailCodeSentError(data.message || "Invalid email address");
+          } else {
+            setEmailCodeSentError(data.message || "Failed to send verification code");
+          }
+        }
+      } catch (error) {
+        const errorMessage = "Network error. Please check your connection.";
+        setEmailCodeSentError(errorMessage);
+        try {
+          callbacks?.onLumiaPassportError?.({
+            error: error instanceof Error ? error : new Error(errorMessage),
+            message: errorMessage
+          });
+        } catch {
+        }
+      } finally {
+        setIsLoading(false);
+      }
+    }
+  });
+  return /* @__PURE__ */ jsxs32("div", { className: "w-full flex gap-[10px] items-center", children: [
+    /* @__PURE__ */ jsx43(
+      Input,
+      {
+        name: "signin-email",
+        Icon: Mail4,
+        type: "email",
+        autoComplete: "off",
+        placeholder: config.email.placeholder,
+        value: email,
+        onChange: (e) => setEmail(e.target.value),
+        className: "flex-1 w-full"
+      }
+    ),
+    /* @__PURE__ */ jsx43(
+      Button,
+      {
+        className: "w-12 h-12 flex-none",
+        variant: "default",
+        size: "large",
+        disabled: !email || isLoading,
+        onClick: () => onSendVerificationCode(),
+        children: isLoading ? /* @__PURE__ */ jsx43(Loader6, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx43(ChevronRight3, { className: "w-4 h-4" })
+      }
+    )
+  ] });
+}
+
+// src/internal/components/ManageWalletMenu/hooks/useProvidersList.ts
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+init_common();
+var PROVIDERS_QUERY_KEY = "lumia-passport-providers-query";
+function useProvidersList() {
+  const walletAddress = useLumiaPassportSession().address;
+  return useQuery4({
+    retry: false,
+    enabled: !!walletAddress,
+    queryKey: [PROVIDERS_QUERY_KEY, walletAddress],
+    queryFn: getLinkedProviders
+  });
+}
+
+// src/internal/components/ManageWalletMenu/hooks/useSendVerificationCode.ts
+init_email();
+import { useMutation as useMutation8 } from "@tanstack/react-query";
+function useSendVerificationCode() {
+  const { setVerificationError, setLinkIsLoading, setEmailCodeSentError, setEmailCodeExpiresIn } = useManageWalletStore();
+  return useMutation8({
+    mutationFn: async (email) => {
+      if (!email) {
+        throw new Error("Email is required");
+      }
+      setVerificationError("");
+      setLinkIsLoading(true);
+      await sendEmailLinkCode(email);
     },
-    `${props.provider}-${props.externalId}`
-  );
+    onError: (error) => {
+      console.error("Failed to send verification code", error.message);
+      setEmailCodeSentError(error?.message || "Failed to send verification code");
+      setLinkIsLoading(false);
+    },
+    onSuccess: () => {
+      setEmailCodeExpiresIn(300);
+      console.log("Verification code sent");
+      setLinkIsLoading(false);
+    }
+  });
 }
 
-// src/internal/components/ManageWalletMenu/ManageWallet.tsx
-import { jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
-var MOTION_DIV_KEYS = {
-  LOADING: "manage-wallet-loading-providers",
-  ERROR: "manage-wallet-error-of-providers",
-  CONTENT: "manage-wallet-providers-list"
-};
-function ManageWalletMenu() {
+// src/internal/components/ManageWalletMenu/hooks/useVerifyCode.ts
+import { useMutation as useMutation9, useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+init_email();
+function useVerifyCode() {
+  const { callbacks, notifyProvidersUpdate } = useLumiaPassportConfig();
+  const qc = useQueryClient3();
+  const walletAddress = useLumiaPassportSession((st) => st.address);
+  const setIsLoading = useLumiaPassportSession((st) => st.setIsLoading);
+  const {
+    email,
+    emailCode,
+    setEmail,
+    setEmailStep,
+    setEmailCode,
+    setProviderType,
+    setLinkIsLoading,
+    setVerificationError,
+    setEmailCodeSentError
+  } = useManageWalletStore();
+  return useMutation9({
+    mutationFn: async (codeToVerify) => {
+      const code = codeToVerify ?? emailCode;
+      if (!code) {
+        setEmailCodeSentError("Please enter the verification code");
+        return;
+      }
+      setIsLoading(true);
+      setLinkIsLoading(true);
+      setVerificationError("");
+      setEmailCodeSentError("");
+      return await verifyEmailLinkCode(email, code);
+    },
+    onSuccess: async () => {
+      await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, walletAddress] });
+      setProviderType(null);
+      setEmail("");
+      setEmailCode("");
+      setVerificationError("");
+      setEmailCodeSentError("");
+      setEmailStep("input");
+      try {
+        callbacks?.onLumiaPassportUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, walletAddress]) });
+        notifyProvidersUpdate?.();
+      } catch {
+      }
+      setIsLoading(false);
+      setLinkIsLoading(false);
+    },
+    onError: (error) => {
+      setVerificationError(error?.message || "Failed to verify and link email");
+      setIsLoading(false);
+      setLinkIsLoading(false);
+    }
+  });
+}
+
+// src/internal/components/ManageWalletMenu/AddProvider.tsx
+import { Fragment as Fragment7, jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
+function normalizePasskeyLinkError(msg) {
+  const lower = msg.toLowerCase();
+  if (lower.includes("already registered") || lower.includes("credential") && lower.includes("exists")) {
+    return "This authenticator already has a credential for this site. Try a different device or security key.";
+  }
+  if (lower.includes("not allowed") || lower.includes("user cancelled")) {
+    return "Operation cancelled. No changes were made.";
+  }
+  return msg;
+}
+function AddProvider() {
+  const qc = useQueryClient4();
+  const walletAddress = useLumiaPassportSession().address;
+  const { callbacks, notifyProvidersUpdate } = useLumiaPassportConfig();
+  const {
+    linkIsLoading,
+    providerType,
+    email,
+    emailStep,
+    emailCodeExpiresIn,
+    setProviderType,
+    setLinkError,
+    setLinkIsLoading
+  } = useManageWalletStore();
   const setPage = useLayoutDataStore((st) => st.setPage);
-  const { data: providers = [], isLoading: isProvidersLoading, error: providersError } = useProvidersList();
-  const motionDivKey = useMemo2(() => {
-    if (isProvidersLoading) return MOTION_DIV_KEYS.LOADING;
-    if (providersError) return MOTION_DIV_KEYS.ERROR;
-    return MOTION_DIV_KEYS.CONTENT;
-  }, [isProvidersLoading, providersError]);
-  return /* @__PURE__ */ jsxs34("div", { className: "p-4 flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx44("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx44(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx44(ArrowLeft7, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx44("span", { className: "text-xl font-semibold", children: "Manage Wallet Authentication" })
-    ] }) }),
-    /* @__PURE__ */ jsx44(AnimatePresence4, { mode: "wait", initial: false, children: /* @__PURE__ */ jsxs34(
-      motion4.div,
-      {
-        initial: { opacity: 0, height: MAX_LIST_HEIGHT },
-        animate: { opacity: 1, height: "auto" },
-        exit: { opacity: 0, height: MAX_LIST_HEIGHT },
-        transition: Y_ANIMATION_SETUP,
-        className: "list-scrollbar-y",
-        children: [
-          providersError && /* @__PURE__ */ jsxs34(
-            "div",
-            {
-              className: cn(
-                "bg-[var(--l-pass-bg-error)] border border-[var(--l-pass-error)]",
-                "p-4 rounded text-sm flex items-start gap-2 break-words whitespace-pre-wrap text-[var(--l-pass-error)]"
-              ),
-              children: [
-                /* @__PURE__ */ jsx44(AlertTriangle3, { className: "w-4 h-4 mt-0.5 shrink-0" }),
-                /* @__PURE__ */ jsx44("span", { className: "block", children: providersError.message })
-              ]
+  const { mutate: onResendCode, isPending: isCodeSending } = useSendVerificationCode();
+  const { mutate: onVerifyCode, isPending: isCodeVerifying } = useVerifyCode();
+  const isLoading = linkIsLoading || isCodeSending || isCodeVerifying;
+  if (!providerType) return null;
+  return /* @__PURE__ */ jsxs33(Fragment7, { children: [
+    providerType === "email" && emailStep === "input" && /* @__PURE__ */ jsxs33("div", { className: "w-full flex flex-col gap-[var(--l-pass-gap)]", children: [
+      /* @__PURE__ */ jsx44("div", { className: "w-full flex flex-col gap-1 text-center", children: /* @__PURE__ */ jsx44("span", { className: "text-xs text-[var(--l-pass-fg-muted)]", children: "Provide Email to connect" }) }),
+      /* @__PURE__ */ jsx44(EmailForm, {})
+    ] }),
+    providerType === "email" && emailStep === "verify" && /* @__PURE__ */ jsxs33("div", { className: "w-full flex flex-col gap-[var(--l-pass-gap)]", children: [
+      /* @__PURE__ */ jsxs33("div", { className: "w-full flex flex-col gap-1 text-center", children: [
+        /* @__PURE__ */ jsx44("span", { className: "text-xs text-[var(--l-pass-fg-muted)]", children: "We sent a verification code to:" }),
+        /* @__PURE__ */ jsx44("strong", { className: "text-xs", children: email })
+      ] }),
+      /* @__PURE__ */ jsx44(
+        VerificationCodeInput,
+        {
+          onVerifyCode,
+          onResendCode: () => onResendCode(email),
+          isLoading,
+          expiresIn: emailCodeExpiresIn
+        }
+      )
+    ] }),
+    providerType === "passkey" && /* @__PURE__ */ jsxs33("div", { className: "flex flex-col gap-[var(--l-pass-gap)]", children: [
+      /* @__PURE__ */ jsxs33(Highlight, { children: [
+        /* @__PURE__ */ jsx44("span", { className: "block mb-1", children: "Link a passkey to your account using WebAuth. Your device may let you choose an existing passkey" }),
+        /* @__PURE__ */ jsx44("span", { className: "block", children: "Otherwise a new one will be created" })
+      ] }),
+      /* @__PURE__ */ jsxs33(
+        Button,
+        {
+          className: "w-full",
+          size: "medium",
+          disabled: isLoading,
+          onClick: async () => {
+            setLinkError("");
+            setLinkIsLoading(true);
+            try {
+              await linkPasskeyWithWebAuthn({
+                authenticatorSelection: {
+                  authenticatorAttachment: "platform",
+                  residentKey: "preferred",
+                  userVerification: "preferred"
+                }
+              });
+              await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, walletAddress] });
+              try {
+                callbacks?.onLumiaPassportUpdate?.({
+                  providers: qc.getQueryData([PROVIDERS_QUERY_KEY, walletAddress])
+                });
+                notifyProvidersUpdate?.();
+              } catch {
+              }
+              setPage("manage-wallet" /* MANAGE_WALLET */);
+              setProviderType(null);
+            } catch (e) {
+              const msg = e?.message || "Failed to link passkey";
+              setLinkError(normalizePasskeyLinkError(msg));
+            } finally {
+              setLinkIsLoading(false);
             }
-          ),
-          isProvidersLoading && /* @__PURE__ */ jsx44(
-            "div",
-            {
-              className: "flex items-center justify-center p-4 text-[var(--l-pass-fg-muted)]",
-              children: /* @__PURE__ */ jsx44(Loader6, { className: "w-5 h-5 mr-2 animate-spin" })
+          },
+          children: [
+            /* @__PURE__ */ jsx44(PasskeyAddIcon, { className: "w-4 h-4" }),
+            linkIsLoading ? "Linking\u2026" : "Create on This Device"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs33(
+        Button,
+        {
+          className: "w-full",
+          variant: "outline",
+          size: "medium",
+          disabled: isLoading,
+          onClick: async () => {
+            setLinkError("");
+            setLinkIsLoading(true);
+            try {
+              await linkPasskeyWithWebAuthn({
+                authenticatorSelection: {
+                  authenticatorAttachment: "cross-platform",
+                  residentKey: "preferred",
+                  userVerification: "preferred"
+                }
+              });
+              await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, walletAddress] });
+              try {
+                callbacks?.onLumiaPassportUpdate?.({
+                  providers: qc.getQueryData([PROVIDERS_QUERY_KEY, walletAddress])
+                });
+                notifyProvidersUpdate?.();
+              } catch {
+              }
+              setPage("manage-wallet" /* MANAGE_WALLET */);
+              setProviderType(null);
+            } catch (e) {
+              const msg = e?.message || "Failed to link passkey";
+              setLinkError(normalizePasskeyLinkError(msg));
+            } finally {
+              setLinkIsLoading(false);
             }
-          ),
-          !providersError && !isProvidersLoading && /* @__PURE__ */ jsx44("div", { className: "w-full flex flex-col gap-2", children: providers.map((p) => /* @__PURE__ */ jsx44(ProviderCard, { ...p }, `${p.provider}-${p.externalId}`)) })
-        ]
-      },
-      motionDivKey
-    ) }),
-    /* @__PURE__ */ jsxs34(Button, { variant: "default", size: "large", className: "w-full", onClick: () => setPage("add-provider" /* ADD_PROVIDER */), children: [
-      /* @__PURE__ */ jsx44(Plus, { className: "w-5 h-5" }),
-      "Add Provider"
-    ] })
+          },
+          children: [
+            /* @__PURE__ */ jsx44(PasskeyAddIcon, { className: "w-4 h-4" }),
+            "Create on Security Key"
+          ]
+        }
+      )
+    ] }),
+    providerType !== null && providerType !== "email" && providerType !== "passkey" && providerType !== "telegram" && providerType !== "wallet" && /* @__PURE__ */ jsx44(Highlight, { children: linkIsLoading ? `Linking with ${providerType.charAt(0).toUpperCase() + providerType.slice(1)}\u2026 Follow the popup to approve the connection.` : `Launching ${providerType.charAt(0).toUpperCase() + providerType.slice(1)} authentication\u2026` })
   ] });
 }
 
-// src/internal/components/ManageWalletMenu/AddProviderMenu/AddProviderMenu.tsx
-import { useQueryClient as useQueryClient5 } from "@tanstack/react-query";
-import { ArrowLeft as ArrowLeft8, Key as Key6 } from "lucide-react";
-init_email();
-init_passkey2();
+// src/internal/components/ManageWalletMenu/EmailNotConnectedWarning.tsx
+init_auth();
+import { AnimatePresence as AnimatePresence3, motion as motion3 } from "framer-motion";
+import { Mail as Mail5 } from "lucide-react";
+import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
+function EmailNotConnectedWarning() {
+  const providers = jwtTokenManager2.getProviders();
+  const hasEmail = providers.includes("email");
+  const { config } = useLumiaPassportConfig();
+  const isShown = config.warnings?.emailNotConnectedWarning && !hasEmail;
+  return /* @__PURE__ */ jsx45(AnimatePresence3, { mode: "wait", initial: false, children: isShown ? /* @__PURE__ */ jsx45(
+    motion3.div,
+    {
+      initial: { opacity: 0, height: 0 },
+      animate: { opacity: 1, height: "auto" },
+      exit: { opacity: 0, height: 0 },
+      transition: Y_ANIMATION_SETUP,
+      children: /* @__PURE__ */ jsxs34(Highlight, { className: "flex flex-col gap-[var(--l-pass-gap)] items-center text-center", children: [
+        /* @__PURE__ */ jsxs34("span", { className: "flex items-center gap-[var(--l-pass-gap)] text-lg font-bold", children: [
+          /* @__PURE__ */ jsx45(Mail5, { className: "w-5 h-5" }),
+          "CONNECT EMAIL"
+        ] }),
+        /* @__PURE__ */ jsx45("span", { className: "font-medium", children: "Connect your email for easier account recovery and additional security." })
+      ] })
+    }
+  ) : null });
+}
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkSocial.ts
-import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 import React11, { useEffect as useEffect16 } from "react";
 init_auth();
 function useLinkSocial() {
-  const qc = useQueryClient3();
+  const qc = useQueryClient5();
   const walletAddress = useLumiaPassportSession().address;
   const { config, callbacks, notifyProvidersUpdate } = useLumiaPassportConfig();
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -9214,19 +9348,19 @@ function useLinkSocial() {
 }
 
 // src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
-import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import { useCallback as useCallback9, useEffect as useEffect17, useState as useState7 } from "react";
 init_telegram2();
 function useLinkTelegram() {
-  const qc = useQueryClient4();
-  const walletAddress = useLumiaPassportSession().address;
   const { config, callbacks, notifyProvidersUpdate } = useLumiaPassportConfig();
-  const { providerType, linkIsLoading, setLinkIsLoading, setProviderType } = useManageWalletStore();
-  const { setPage, setLayoutError } = useLayoutDataStore();
+  const qc = useQueryClient6();
+  const walletAddress = useLumiaPassportSession((st) => st.address);
+  const { providerType, linkIsLoading, setLinkIsLoading, setProviderType, setLinkError } = useManageWalletStore();
+  const setPage = useLayoutDataStore((st) => st.setPage);
   const handleLinkTelegram = useCallback9(async () => {
     try {
       setLinkIsLoading(true);
-      setLayoutError("");
+      setLinkError("");
       const telegramProvider = config.social?.providers?.find(
         (p) => (p.id || "").toLowerCase() === "telegram" && p.enabled
       );
@@ -9248,367 +9382,242 @@ function useLinkTelegram() {
         throw new Error("No user data received from Telegram");
       }
       console.log("[ManageWallet] Linking Telegram with data:", user);
-      await linkTelegram(user);
-      await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, walletAddress] });
-      try {
-        callbacks?.onLumiaPassportUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, walletAddress]) });
-        notifyProvidersUpdate?.();
-      } catch {
-      }
-      setPage("manage-wallet" /* MANAGE_WALLET */);
-      setProviderType(null);
-    } catch (e) {
-      console.error("[ManageWallet] Failed to link Telegram:", e);
-      setLayoutError(e?.message || "Failed to link Telegram");
-      setProviderType(null);
-    } finally {
-      setLinkIsLoading(false);
-    }
-  }, [config.social?.providers, callbacks]);
-  const [telegramLinkStarted, setTelegramLinkStarted] = useState7(false);
-  useEffect17(() => {
-    if (providerType === "telegram" && !linkIsLoading && !telegramLinkStarted) {
-      setTelegramLinkStarted(true);
-      handleLinkTelegram();
-    }
-  }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted]);
-  useEffect17(() => {
-    if (providerType !== "telegram") {
-      setTelegramLinkStarted(false);
-    }
-  }, [providerType]);
-}
-
-// src/internal/components/ManageWalletMenu/AddProviderMenu/AvailableProviders.tsx
-import { Key as Key5, Loader as Loader7, Wallet } from "lucide-react";
-import { Fragment as Fragment7, memo } from "react";
-
-// src/internal/components/ManageWalletMenu/AddProviderMenu/useSendVerificationCode.ts
-init_email();
-import { useMutation as useMutation7 } from "@tanstack/react-query";
-function useSendVerificationCode() {
-  const setLayoutError = useLayoutDataStore((st) => st.setLayoutError);
-  const { setVerificationError, setLinkIsLoading, setEmailCodeSent, setEmailCodeExpiresIn } = useManageWalletStore();
-  return useMutation7({
-    mutationFn: async (email) => {
-      if (!email) {
-        throw new Error("Email is required");
-      }
-      setLayoutError("");
-      setVerificationError("");
-      setLinkIsLoading(true);
-      await sendEmailLinkCode(email);
-      setEmailCodeSent(true);
-      setEmailCodeExpiresIn(300);
-    },
-    onError: (error) => {
-      console.error("Failed to send verification code", error.message);
-      setLayoutError(error?.message || "Failed to send verification code");
-      setLinkIsLoading(false);
-    },
-    onSuccess: () => {
-      console.log("Verification code sent");
-      setLinkIsLoading(false);
-    }
-  });
-}
-
-// src/internal/components/ManageWalletMenu/AddProviderMenu/AvailableProviders.tsx
-import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
-var EXISTING_PROVIDERS_METHODS = ["passkey", "email", "wallet", "social"];
-var AvalableAuthProviders = memo(() => {
-  const config = useLumiaPassportConfig().config;
-  const { email, setEmail, setProviderType } = useManageWalletStore();
-  const { data: providers, isLoading: isProvidersLoading } = useProvidersList();
-  const { mutate: sendVerificationCode } = useSendVerificationCode();
-  const renderItems = EXISTING_PROVIDERS_METHODS.map((methodKey) => {
-    switch (methodKey) {
-      case "social":
-        const isSocialEnabled = !!config.social?.enabled && !!config.social?.providers?.length;
-        return null;
-      case "passkey":
-        const isPasskeyUsed = providers.some((p) => p.provider === "passkey");
-        const showPasskey = !isPasskeyUsed && !!config.passkey?.enabled;
-        if (!showPasskey) return null;
-        return {
-          key: "passkey",
-          component: /* @__PURE__ */ jsxs35(Button, { onClick: () => setProviderType("passkey"), className: "w-full", size: "large", children: [
-            /* @__PURE__ */ jsx45(Key5, { className: "w-4 h-4 mr-2" }),
-            "Link with Passkey"
-          ] })
-        };
-      case "wallet":
-        if (!config.wallet?.enabled) return null;
-        return {
-          key: "wallet",
-          component: /* @__PURE__ */ jsxs35(
-            Button,
-            {
-              className: "w-full",
-              size: "large",
-              onClick: () => {
-                alert("WIP");
-              },
-              children: [
-                /* @__PURE__ */ jsx45(Wallet, { className: "w-4 h-4 mr-2" }),
-                "Connect External Wallet"
-              ]
-            }
-          )
-        };
-      case "email":
-        const isEmailUsed = providers.some((p) => p.provider === "email");
-        const showEmail = !isEmailUsed && !!config.email?.enabled;
-        if (!showEmail) return null;
-        return {
-          key: "email",
-          component: /* @__PURE__ */ jsxs35("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx45(
-              Input,
-              {
-                type: "email",
-                placeholder: config.email.placeholder || "Enter your email",
-                value: email,
-                onChange: (e) => setEmail(e.target.value),
-                className: "h-12"
-              }
-            ),
-            /* @__PURE__ */ jsx45(
-              Button,
-              {
-                disabled: !email,
-                className: "w-full",
-                size: "large",
-                onClick: () => {
-                  setProviderType("email");
-                  sendVerificationCode(email);
-                },
-                children: "Continue"
-              }
-            )
-          ] })
-        };
-      default:
-        return null;
-    }
-  }).filter(Boolean);
-  return /* @__PURE__ */ jsxs35("div", { className: "w-full flex flex-col", children: [
-    isProvidersLoading && /* @__PURE__ */ jsx45("div", { className: "w-full p-6", children: /* @__PURE__ */ jsx45(Loader7, { className: "w-5 h-5 mr-2 animate-spin" }) }),
-    !isProvidersLoading && renderItems.map((r, rIdx) => /* @__PURE__ */ jsxs35(Fragment7, { children: [
-      r.component,
-      rIdx === renderItems.length - 1 ? null : /* @__PURE__ */ jsx45("div", { className: "w-full py-2", children: /* @__PURE__ */ jsx45("span", { className: "block w-full text-center text-sm text-[var(--l-pass-fg-muted)]", children: "Or" }) })
-    ] }, r.key))
-  ] });
-});
-
-// src/internal/components/ManageWalletMenu/AddProviderMenu/AddProviderMenu.tsx
-import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
-function normalizePasskeyLinkError(msg) {
-  const lower = msg.toLowerCase();
-  if (lower.includes("already registered") || lower.includes("credential") && lower.includes("exists")) {
-    return "This authenticator already has a credential for this site. Try a different device or security key.";
-  }
-  if (lower.includes("not allowed") || lower.includes("user cancelled")) {
-    return "Operation cancelled. No changes were made.";
-  }
-  return msg;
-}
-function AddProviderMenu() {
-  const qc = useQueryClient5();
-  const walletAddress = useLumiaPassportSession().address;
-  const { callbacks, notifyProvidersUpdate } = useLumiaPassportConfig();
-  const {
-    linkError,
-    linkIsLoading,
-    providerType,
-    email,
-    emailCode,
-    emailCodeSent,
-    emailCodeExpiresIn,
-    verificationError,
-    setVerificationError,
-    setEmailCodeSent,
-    setEmailCode,
-    setEmail,
-    setProviderType,
-    setLinkError,
-    setLinkIsLoading
-  } = useManageWalletStore();
-  const { setPage, setLayoutError } = useLayoutDataStore();
-  const { mutate: sendVerificationCode } = useSendVerificationCode();
-  const handleVerifyCode = async (codeToVerify) => {
-    const code = codeToVerify ?? emailCode;
-    if (!code) {
-      setLayoutError("Please enter the verification code");
-      return;
-    }
-    setLayoutError("");
-    setVerificationError("");
-    setLinkIsLoading(true);
-    try {
-      await verifyEmailLinkCode(email, code);
+      await linkTelegram(user);
       await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, walletAddress] });
       try {
         callbacks?.onLumiaPassportUpdate?.({ providers: qc.getQueryData([PROVIDERS_QUERY_KEY, walletAddress]) });
         notifyProvidersUpdate?.();
       } catch {
       }
-      setProviderType(null);
-      setEmail("");
-      setEmailCode("");
-      setEmailCodeSent(false);
       setPage("manage-wallet" /* MANAGE_WALLET */);
+      setProviderType(null);
     } catch (e) {
-      setVerificationError(e?.message || "Failed to verify and link email");
+      console.error("[ManageWallet] Failed to link Telegram:", e);
+      setLinkError(e?.message || "Failed to link Telegram");
+      setProviderType(null);
     } finally {
       setLinkIsLoading(false);
     }
+  }, [config.social?.providers, callbacks]);
+  const [telegramLinkStarted, setTelegramLinkStarted] = useState7(false);
+  useEffect17(() => {
+    if (providerType === "telegram" && !linkIsLoading && !telegramLinkStarted) {
+      setTelegramLinkStarted(true);
+      handleLinkTelegram();
+    }
+  }, [providerType, handleLinkTelegram, linkIsLoading, telegramLinkStarted]);
+  useEffect17(() => {
+    if (providerType !== "telegram") {
+      setTelegramLinkStarted(false);
+    }
+  }, [providerType]);
+}
+
+// src/internal/components/ManageWalletMenu/ProviderCard.tsx
+init_types();
+import { CheckCircle, Clock, Trash2 } from "lucide-react";
+import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
+function ProviderCard(props) {
+  const setPage = useLayoutDataStore((st) => st.setPage);
+  const setConfirmUnlink = useManageWalletStore((st) => st.setConfirmUnlink);
+  const { data: providers = [] } = useProvidersList();
+  const canUnlink = (p) => {
+    const verified = providers.filter((x) => x.verified);
+    if (verified.length <= 1 && p.verified) return false;
+    return true;
   };
+  const info = getProviderDisplayInfo(props.provider);
+  const allowUnlink = canUnlink(props);
+  const IconComponent = info.icon;
+  return /* @__PURE__ */ jsxs35("div", { className: "w-full flex items-center justify-between gap-[var(--l-pass-gap)]", children: [
+    /* @__PURE__ */ jsx46("div", { className: "w-12 h-12 flex items-center justify-center flex-none border border-[var(--l-pass-bd)] rounded-full", children: /* @__PURE__ */ jsx46(IconComponent, { className: "w-5 h-5" }) }),
+    /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1 flex-1", children: [
+      /* @__PURE__ */ jsx46("span", { className: "block w-full text-sm font-medium", children: info.name }),
+      props.externalId && /* @__PURE__ */ jsx46(
+        "span",
+        {
+          style: { maxWidth: 144 },
+          className: "block w-full text-[10px] font-mono whitespace-nowrap text-ellipsis overflow-hidden",
+          children: props.externalId
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs35("div", { className: "w-fit flex items-center gap-[var(--l-pass-gap)] flex-none", children: [
+      props.verified ? /* @__PURE__ */ jsx46(CheckCircle, { className: `w-4 h-4 text-[var(--l-pass-bg-success)]` }) : /* @__PURE__ */ jsx46(Clock, { className: "w-4 h-4 text-[var(--l-pass-bg-warning)]" }),
+      allowUnlink && /* @__PURE__ */ jsx46(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          title: "Remove provider",
+          className: "w-5 h-5",
+          onClick: () => {
+            setConfirmUnlink({ provider: props.provider, providerName: info.name, externalId: props.externalId });
+            setPage("unlink-provider" /* UNLINK_PROVIDER */);
+          },
+          children: /* @__PURE__ */ jsx46(Trash2, { className: "w-4 h-4 text-[var(--l-pass-bg-error)]" })
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/internal/components/ManageWalletMenu/ManageWallet.tsx
+import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
+var POSSIBLE_PROVIDERS = [
+  "email",
+  // 'google',
+  "twitter",
+  "telegram",
+  // 'discord',
+  "passkey",
+  "wallet"
+];
+function getConfiguredProviders(config) {
+  return POSSIBLE_PROVIDERS.reduce(
+    (acc, p) => {
+      const isEnabled = config[p]?.enabled;
+      const isSocial = ["twitter", "telegram", "discord", "google"].includes(p);
+      if (!isSocial) acc[p] = isEnabled;
+      config?.social?.providers.filter((sp) => !!sp.enabled).forEach((sp) => {
+        if (sp.id === "X" || sp.id === "x") {
+          acc["twitter"] = true;
+        } else {
+          acc[sp.id.toLowerCase()] = true;
+        }
+      });
+      return acc;
+    },
+    fromPairs(POSSIBLE_PROVIDERS.map((p) => [p, false]))
+  );
+}
+function ManageWalletMenu() {
+  const { config } = useLumiaPassportConfig();
+  const setPage = useLayoutDataStore((st) => st.setPage);
+  const {
+    providerType,
+    linkError,
+    verificationError,
+    emailCodeSentError,
+    setProviderType,
+    setEmail,
+    setEmailStep,
+    setEmailCodeSentError,
+    setEmailCodeExpiresIn,
+    setEmailCode,
+    setLinkError,
+    setVerificationError
+  } = useManageWalletStore();
+  const configuredProviders = getConfiguredProviders(config);
+  const { data: providers = [], isFetching: isProvidersLoading, error: providersError } = useProvidersList();
+  const renderProviders = useMemo2(() => {
+    const usedProviders = fromPairs(providers.map((p) => [p.provider, true]));
+    const used = [];
+    const unused = [];
+    POSSIBLE_PROVIDERS.forEach((provider, providerIdx) => {
+      if (!configuredProviders[provider]) return null;
+      const Icon = PROVIDERS_META2[provider].icon;
+      if (usedProviders[provider]) {
+        used.push(
+          /* @__PURE__ */ jsx47(ProviderCard, { ...providers.find((p) => p.provider === provider) }, `${provider}-${providerIdx}`)
+        );
+      } else {
+        unused.push(
+          /* @__PURE__ */ jsxs36(
+            Button,
+            {
+              variant: "default",
+              size: "medium",
+              className: "w-full",
+              onClick: () => {
+                switch (provider) {
+                  case "email":
+                    setEmail("");
+                    setEmailCode("");
+                    setEmailCodeSentError("");
+                    setEmailCodeExpiresIn(0);
+                    setEmailStep("input");
+                    setProviderType(provider);
+                    break;
+                  case "twitter":
+                    setProviderType("social");
+                    break;
+                  default:
+                    setProviderType(provider);
+                    break;
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx47(Icon, { className: "w-4 h-4" }),
+                `Add ${provider.toUpperCase()}`
+              ]
+            },
+            `${provider}-${providerIdx}`
+          )
+        );
+      }
+    });
+    return [...used, ...unused];
+  }, [providers, configuredProviders]);
   useLinkTelegram();
   useLinkSocial();
-  return /* @__PURE__ */ jsxs36("div", { className: "p-5", children: [
-    /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2 mb-3", children: [
-      /* @__PURE__ */ jsx46(
+  const showCurrentProviders = !isProvidersLoading && !providersError && (providerType !== "email" && providerType !== "passkey" || providerType === null);
+  const showExtraProvidersUi = !isProvidersLoading && !providersError && (providerType === "email" || providerType === "passkey");
+  const combinedError = emailCodeSentError || linkError || verificationError || null;
+  return /* @__PURE__ */ jsxs36("div", { className: "w-full p-[var(--l-pass-pd)] flex flex-col gap-[var(--l-pass-gap)]", children: [
+    /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[var(--l-pass-gap)]", children: [
+      /* @__PURE__ */ jsx47(
         Button,
         {
           variant: "ghost",
           size: "icon",
           title: "Back",
           onClick: () => {
-            if (providerType) {
-              setProviderType(null);
-              setEmailCodeSent(false);
+            if (providerType === "email") {
               setEmail("");
               setEmailCode("");
-              setLinkError("");
-            } else {
-              setPage("manage-wallet" /* MANAGE_WALLET */);
+              setEmailStep("input");
+              setEmailCodeSentError("");
+              setEmailCodeExpiresIn(0);
+              setVerificationError("");
             }
+            setLinkError("");
+            if (!providerType) setPage("settings" /* SETTINGS */);
+            setProviderType(null);
           },
-          children: /* @__PURE__ */ jsx46(ArrowLeft8, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx47(ArrowLeft7, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsx46("span", { className: "text-xl font-semibold", children: "Add Authentication Provider" })
+      /* @__PURE__ */ jsx47("span", { className: "text-xl font-semibold", children: "Profiles" })
     ] }),
-    !providerType && /* @__PURE__ */ jsx46(AvalableAuthProviders, {}),
-    !!providerType?.length && /* @__PURE__ */ jsxs36("div", { className: "mt-3 space-y-3", children: [
-      providerType === "email" && emailCodeSent && /* @__PURE__ */ jsxs36("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsx46("div", { className: "p-3 rounded text-sm bg-green-50 border border-green-200 text-green-700", children: `Verification code sent to ${email}` }),
-        /* @__PURE__ */ jsx46(
-          VerificationCodeInput,
-          {
-            onVerifyCode: handleVerifyCode,
-            onResendCode: () => sendVerificationCode(email),
-            isLoading: linkIsLoading,
-            expiresIn: emailCodeExpiresIn,
-            error: verificationError
-          }
-        )
-      ] }),
-      providerType === "passkey" && /* @__PURE__ */ jsxs36("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsx46("div", { className: "p-3 rounded-xl text-sm bg-blue-50 border border-blue-200 text-blue-700", children: "Link a passkey to your account using WebAuth. Your device may let you choose an existing passkey; otherwise a new one will be created." }),
-        /* @__PURE__ */ jsxs36(
-          Button,
-          {
-            className: "w-full",
-            size: "large",
-            disabled: linkIsLoading,
-            onClick: async () => {
-              setLinkError("");
-              setLinkIsLoading(true);
-              try {
-                await linkPasskeyWithWebAuthn({
-                  authenticatorSelection: {
-                    authenticatorAttachment: "platform",
-                    residentKey: "preferred",
-                    userVerification: "preferred"
-                  }
-                });
-                await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, walletAddress] });
-                try {
-                  callbacks?.onLumiaPassportUpdate?.({
-                    providers: qc.getQueryData([PROVIDERS_QUERY_KEY, walletAddress])
-                  });
-                  notifyProvidersUpdate?.();
-                } catch {
-                }
-                setPage("manage-wallet" /* MANAGE_WALLET */);
-                setProviderType(null);
-              } catch (e) {
-                const msg = e?.message || "Failed to link passkey";
-                setLinkError(normalizePasskeyLinkError(msg));
-              } finally {
-                setLinkIsLoading(false);
-              }
-            },
-            children: [
-              /* @__PURE__ */ jsx46(Key6, { className: "w-4 h-4" }),
-              linkIsLoading ? "Linking\u2026" : "Create on This Device"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs36(
-          Button,
-          {
-            className: "w-full",
-            variant: "outline",
-            size: "large",
-            disabled: linkIsLoading,
-            onClick: async () => {
-              setLinkError("");
-              setLinkIsLoading(true);
-              try {
-                await linkPasskeyWithWebAuthn({
-                  authenticatorSelection: {
-                    authenticatorAttachment: "cross-platform",
-                    residentKey: "preferred",
-                    userVerification: "preferred"
-                  }
-                });
-                await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, walletAddress] });
-                try {
-                  callbacks?.onLumiaPassportUpdate?.({
-                    providers: qc.getQueryData([PROVIDERS_QUERY_KEY, walletAddress])
-                  });
-                  notifyProvidersUpdate?.();
-                } catch {
-                }
-                setPage("manage-wallet" /* MANAGE_WALLET */);
-                setProviderType(null);
-              } catch (e) {
-                const msg = e?.message || "Failed to link passkey";
-                setLinkError(normalizePasskeyLinkError(msg));
-              } finally {
-                setLinkIsLoading(false);
-              }
-            },
-            children: [
-              /* @__PURE__ */ jsx46(Key6, { className: "w-4 h-4" }),
-              "Create on Security Key"
-            ]
-          }
-        ),
-        linkError && /* @__PURE__ */ jsx46("div", { className: "p-3 rounded text-sm break-words whitespace-pre-wrap bg-red-50 border border-red-200 text-red-700", children: linkError })
+    /* @__PURE__ */ jsxs36(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--l-pass-gap)]", children: [
+      providersError && /* @__PURE__ */ jsxs36(Highlight, { type: "error", className: "flex items-start gap-[var(--l-pass-gap)] break-words whitespace-pre-wrap", children: [
+        /* @__PURE__ */ jsx47(AlertTriangle3, { className: "w-4 h-4 shrink-0" }),
+        /* @__PURE__ */ jsx47("span", { className: "block", children: providersError.message })
       ] }),
-      providerType && providerType !== "email" && providerType !== "passkey" && providerType !== "telegram" && providerType !== "wallet" && /* @__PURE__ */ jsx46("div", { className: "p-3 rounded-xl text-sm bg-blue-50 border border-blue-200 text-blue-700", children: linkIsLoading ? `Linking with ${providerType.charAt(0).toUpperCase() + providerType.slice(1)}\u2026 Follow the popup to approve the connection.` : `Launching ${providerType.charAt(0).toUpperCase() + providerType.slice(1)} authentication\u2026` })
+      isProvidersLoading && /* @__PURE__ */ jsx47("div", { className: "flex items-center justify-center p-4 text-[var(--l-pass-fg-muted)]", children: /* @__PURE__ */ jsx47(Loader7, { className: "w-5 h-5 animate-spin" }) }),
+      /* @__PURE__ */ jsx47(EmailNotConnectedWarning, {}),
+      showCurrentProviders && renderProviders.map((node) => node),
+      showExtraProvidersUi && /* @__PURE__ */ jsx47(AddProvider, {}),
+      combinedError && /* @__PURE__ */ jsx47(Highlight, { type: "error", children: /* @__PURE__ */ jsx47("span", { children: combinedError }) })
     ] })
   ] });
 }
 
 // src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
-import { useMutation as useMutation9, useQueryClient as useQueryClient6 } from "@tanstack/react-query";
+import { useMutation as useMutation10, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 import { Key as Key7, Loader as Loader8 } from "lucide-react";
 import { useState as useState8 } from "react";
 init_auth();
-import { jsx as jsx47, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
 function UnlinkProviderMenu() {
-  const qc = useQueryClient6();
+  const qc = useQueryClient7();
   const walletAddress = useLumiaPassportSession().address;
   const { callbacks, notifyProvidersUpdate } = useLumiaPassportConfig();
-  const { setPage, setLayoutError } = useLayoutDataStore();
-  const { confirmUnlink, setConfirmUnlink } = useManageWalletStore();
+  const setPage = useLayoutDataStore((st) => st.setPage);
+  const { confirmUnlink, setConfirmUnlink, setLinkError } = useManageWalletStore();
   const [confirmInput, setConfirmInput] = useState8("");
-  const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = useMutation9({
+  const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = useMutation10({
     mutationFn: async () => {
       if (!confirmUnlink) {
         throw new Error("No provider to unlink");
@@ -9627,16 +9636,16 @@ function UnlinkProviderMenu() {
       setPage("manage-wallet" /* MANAGE_WALLET */);
     },
     onError: (error) => {
-      setLayoutError(error?.message || "Failed to unlink provider");
+      setLinkError(error?.message || "Failed to unlink provider");
       setPage("manage-wallet" /* MANAGE_WALLET */);
     }
   });
   return /* @__PURE__ */ jsxs37("div", { className: "w-full p-5 flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx47("div", { className: "text-xl font-semibold text-[var(--l-pass-error)]", children: "This action cannot be undone." }),
+    /* @__PURE__ */ jsx48("div", { className: "text-xl font-semibold text-[var(--l-pass-error)]", children: "This action cannot be undone." }),
     confirmUnlink && /* @__PURE__ */ jsxs37("div", { className: "w-full flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx47("div", { className: "text-sm text-[var(--l-pass-fg-muted)]", children: "Type the provider ID to confirm removal:" }),
-      /* @__PURE__ */ jsx47("div", { className: "text-sm font-mono break-all", children: confirmUnlink.externalId }),
-      /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx48("div", { className: "text-sm text-[var(--l-pass-fg-muted)]", children: "Type the provider ID to confirm removal:" }),
+      /* @__PURE__ */ jsx48("div", { className: "text-sm font-mono break-all", children: confirmUnlink.externalId }),
+      /* @__PURE__ */ jsx48(
         Input,
         {
           Icon: Key7,
@@ -9647,7 +9656,7 @@ function UnlinkProviderMenu() {
       )
     ] }),
     /* @__PURE__ */ jsxs37("div", { className: "w-full flex justify-between gap-2", children: [
-      /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx48(
         Button,
         {
           size: "large",
@@ -9670,7 +9679,7 @@ function UnlinkProviderMenu() {
           disabled: !!isProviderUnlinking || !confirmUnlink || confirmInput !== confirmUnlink.externalId,
           className: "w-full flex-1",
           children: [
-            isProviderUnlinking && /* @__PURE__ */ jsx47(Loader8, { className: "animate-spin h-4 w-4" }),
+            isProviderUnlinking && /* @__PURE__ */ jsx48(Loader8, { className: "animate-spin h-4 w-4" }),
             isProviderUnlinking ? "Removing\u2026" : "Remove"
           ]
         }
@@ -9684,7 +9693,7 @@ init_auth();
 init_keyshare();
 import {
   AlertTriangle as AlertTriangle4,
-  ArrowLeft as ArrowLeft9,
+  ArrowLeft as ArrowLeft8,
   CheckCircle2 as CheckCircle24,
   Cloud as Cloud2,
   HardDrive,
@@ -9697,7 +9706,7 @@ import {
 } from "lucide-react";
 import { useCallback as useCallback10, useEffect as useEffect18, useState as useState9 } from "react";
 init_vaultClient();
-import { jsx as jsx48, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
 function SecurityMenu() {
   const page = useLayoutDataStore((st) => st.page);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -9762,18 +9771,18 @@ function SecurityMenu() {
     return null;
   };
   return /* @__PURE__ */ jsxs38("div", { className: "w-full p-4 flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx48("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx48(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx48(ArrowLeft9, { className: "h-4 w-4" }) }),
+    /* @__PURE__ */ jsx49("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx49(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ jsx49(ArrowLeft8, { className: "h-4 w-4" }) }),
       /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2 font-semibold", children: [
-        /* @__PURE__ */ jsx48("span", { className: "text-xl font-semibold", children: "Keyshare Status" }),
-        /* @__PURE__ */ jsx48(Button, { variant: "ghost", size: "icon", title: "Refresh", onClick: fetchRecovery, children: isRefreshing ? /* @__PURE__ */ jsx48(Loader9, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx48(RefreshCw, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ jsx49("span", { className: "text-xl font-semibold", children: "Keyshare Status" }),
+        /* @__PURE__ */ jsx49(Button, { variant: "ghost", size: "icon", title: "Refresh", onClick: fetchRecovery, children: isRefreshing ? /* @__PURE__ */ jsx49(Loader9, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx49(RefreshCw, { className: "h-4 w-4" }) })
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs38("div", { className: "grid grid-cols-3 gap-4", children: [
       /* @__PURE__ */ jsxs38("div", { className: "space-y-2 text-center", children: [
         /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ jsx48(Cloud2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx48("span", { className: "text-sm font-medium", children: "Server" })
+          /* @__PURE__ */ jsx49(Cloud2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx49("span", { className: "text-sm font-medium", children: "Server" })
         ] }),
         /* @__PURE__ */ jsxs38(
           "span",
@@ -9783,7 +9792,7 @@ function SecurityMenu() {
               serverHasKeyshare ? "bg-[var(--l-pass-success)]" : "bg-[var(--l-pass-warning)]"
             ),
             children: [
-              serverHasKeyshare ? /* @__PURE__ */ jsx48(CheckCircle24, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ jsx48(AlertTriangle4, { className: "h-4 w-4 mr-1" }),
+              serverHasKeyshare ? /* @__PURE__ */ jsx49(CheckCircle24, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ jsx49(AlertTriangle4, { className: "h-4 w-4 mr-1" }),
               serverHasKeyshare ? "Ready" : "Missing"
             ]
           }
@@ -9791,8 +9800,8 @@ function SecurityMenu() {
       ] }),
       /* @__PURE__ */ jsxs38("div", { className: "space-y-2 text-center", children: [
         /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ jsx48(Laptop, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx48("span", { className: "text-sm font-medium", children: "Local" })
+          /* @__PURE__ */ jsx49(Laptop, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx49("span", { className: "text-sm font-medium", children: "Local" })
         ] }),
         /* @__PURE__ */ jsxs38(
           "span",
@@ -9802,7 +9811,7 @@ function SecurityMenu() {
               localInfo?.hasKeyshare ? "bg-[var(--l-pass-success)]" : "bg-[var(--l-pass-warning)]"
             ),
             children: [
-              localInfo?.hasKeyshare ? /* @__PURE__ */ jsx48(CheckCircle24, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ jsx48(AlertTriangle4, { className: "h-4 w-4 mr-1" }),
+              localInfo?.hasKeyshare ? /* @__PURE__ */ jsx49(CheckCircle24, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ jsx49(AlertTriangle4, { className: "h-4 w-4 mr-1" }),
               localInfo?.hasKeyshare ? "Ready" : "Missing"
             ]
           }
@@ -9810,8 +9819,8 @@ function SecurityMenu() {
       ] }),
       /* @__PURE__ */ jsxs38("div", { className: "space-y-2 text-center", children: [
         /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ jsx48(Shield, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx48("span", { className: "text-sm font-medium", children: "Vault" })
+          /* @__PURE__ */ jsx49(Shield, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx49("span", { className: "text-sm font-medium", children: "Vault" })
         ] }),
         /* @__PURE__ */ jsxs38(
           "span",
@@ -9821,7 +9830,7 @@ function SecurityMenu() {
               hasServerBackup ? "bg-[var(--l-pass-success)]" : "bg-[var(--l-pass-warning)]"
             ),
             children: [
-              hasServerBackup ? /* @__PURE__ */ jsx48(CheckCircle24, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ jsx48(AlertTriangle4, { className: "h-4 w-4 mr-1" }),
+              hasServerBackup ? /* @__PURE__ */ jsx49(CheckCircle24, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ jsx49(AlertTriangle4, { className: "h-4 w-4 mr-1" }),
               hasServerBackup ? "Ready" : "None"
             ]
           }
@@ -9831,42 +9840,42 @@ function SecurityMenu() {
     /* @__PURE__ */ jsxs38(Expandable, { isExpanded: true, contentClassName: "flex flex-col gap-4", children: [
       localInfo?.hasKeyshare && /* @__PURE__ */ jsxs38("div", { className: "space-y-0.5 text-[10px] leading-tight text-[var(--l-pass-fg-muted)]", children: [
         localInfo.ownerAddress && /* @__PURE__ */ jsxs38("div", { children: [
-          /* @__PURE__ */ jsx48("span", { children: "Owner: " }),
-          /* @__PURE__ */ jsx48("span", { className: "font-mono break-all", children: localInfo.ownerAddress })
+          /* @__PURE__ */ jsx49("span", { children: "Owner: " }),
+          /* @__PURE__ */ jsx49("span", { className: "font-mono break-all", children: localInfo.ownerAddress })
         ] }),
         typeof localInfo.keyshareSize === "number" && /* @__PURE__ */ jsxs38("div", { children: [
-          /* @__PURE__ */ jsx48("span", { children: "Size: " }),
-          /* @__PURE__ */ jsx48("span", { className: "font-mono", children: `${Math.round((localInfo.keyshareSize || 0) / 1024)}KB` })
+          /* @__PURE__ */ jsx49("span", { children: "Size: " }),
+          /* @__PURE__ */ jsx49("span", { className: "font-mono", children: `${Math.round((localInfo.keyshareSize || 0) / 1024)}KB` })
         ] }),
         localInfo.sessionId && /* @__PURE__ */ jsxs38("div", { children: [
-          /* @__PURE__ */ jsx48("span", { children: "Session: " }),
-          /* @__PURE__ */ jsx48("span", { className: "font-mono break-all", children: localInfo.sessionId })
+          /* @__PURE__ */ jsx49("span", { children: "Session: " }),
+          /* @__PURE__ */ jsx49("span", { className: "font-mono break-all", children: localInfo.sessionId })
         ] })
       ] }),
       /* @__PURE__ */ jsxs38("div", { className: "space-y-0.5 text-[10px] leading-tight text-[var(--l-pass-fg-muted)]", children: [
         backup.server.enabled && backup.server.lastBackup && /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx48(Server3, { className: "h-2.5 w-2.5" }),
+          /* @__PURE__ */ jsx49(Server3, { className: "h-2.5 w-2.5" }),
           /* @__PURE__ */ jsxs38("span", { children: [
             "Server: ",
             new Date(backup.server.lastBackup).toLocaleString()
           ] })
         ] }),
         !backup.server.lastBackup && recoveryCreatedAt && /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx48(Server3, { className: "h-2.5 w-2.5" }),
+          /* @__PURE__ */ jsx49(Server3, { className: "h-2.5 w-2.5" }),
           /* @__PURE__ */ jsxs38("span", { children: [
             "Server: ",
             new Date(recoveryCreatedAt).toLocaleString()
           ] })
         ] }),
         backup.cloud.enabled && backup.cloud.lastBackup && /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx48(Cloud2, { className: "h-2.5 w-2.5" }),
+          /* @__PURE__ */ jsx49(Cloud2, { className: "h-2.5 w-2.5" }),
           /* @__PURE__ */ jsxs38("span", { children: [
             "Cloud: ",
             new Date(backup.cloud.lastBackup).toLocaleString()
           ] })
         ] }),
         backup.local.enabled && backup.local.lastBackup && /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx48(HardDrive, { className: "h-2.5 w-2.5" }),
+          /* @__PURE__ */ jsx49(HardDrive, { className: "h-2.5 w-2.5" }),
           /* @__PURE__ */ jsxs38("span", { children: [
             "Local: ",
             new Date(backup.local.lastBackup).toLocaleString()
@@ -9874,7 +9883,7 @@ function SecurityMenu() {
         ] })
       ] }),
       (recoveryCreatedAt || recoveryBrowser || recoveryUa || recoveryDeviceId || recoveryDeviceName) && /* @__PURE__ */ jsxs38("div", { className: "space-y-0.5 text-[10px] leading-tight text-[var(--l-pass-fg-muted)]", children: [
-        /* @__PURE__ */ jsx48("div", { className: "font-medium text-sm text-[var(--l-pass-primary)]", children: "Device Information:" }),
+        /* @__PURE__ */ jsx49("div", { className: "font-medium text-sm text-[var(--l-pass-primary)]", children: "Device Information:" }),
         recoveryCreatedAt && /* @__PURE__ */ jsxs38("div", { children: [
           "Created: ",
           new Date(recoveryCreatedAt).toLocaleString(),
@@ -9898,24 +9907,24 @@ function SecurityMenu() {
         ] }),
         recoveryDeviceId && /* @__PURE__ */ jsxs38("div", { children: [
           "Device ID: ",
-          /* @__PURE__ */ jsx48("span", { className: "font-mono break-all", children: recoveryDeviceId })
+          /* @__PURE__ */ jsx49("span", { className: "font-mono break-all", children: recoveryDeviceId })
         ] })
       ] }),
       trustedApps.length > 0 && /* @__PURE__ */ jsxs38("div", { className: "w-full space-y-2", children: [
-        /* @__PURE__ */ jsx48("div", { className: "font-medium text-sm text-[var(--l-pass-primary)]", children: `Trusted Applications (${trustedApps.length}):` }),
-        /* @__PURE__ */ jsx48("div", { className: "w-full space-y-1", children: trustedApps.map((app, index) => /* @__PURE__ */ jsxs38(
+        /* @__PURE__ */ jsx49("div", { className: "font-medium text-sm text-[var(--l-pass-primary)]", children: `Trusted Applications (${trustedApps.length}):` }),
+        /* @__PURE__ */ jsx49("div", { className: "w-full space-y-1", children: trustedApps.map((app, index) => /* @__PURE__ */ jsxs38(
           "div",
           {
             className: "text-[10px] leading-tight p-2 rounded flex items-start justify-between gap-2 bg-[var(--l-pass-secondary)]",
             children: [
               /* @__PURE__ */ jsxs38("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx48("div", { className: "font-medium", children: new URL(app.origin).hostname }),
+                /* @__PURE__ */ jsx49("div", { className: "font-medium", children: new URL(app.origin).hostname }),
                 /* @__PURE__ */ jsxs38("div", { className: "text-[var(--l-pass-fg-muted)]", children: [
                   "Trusted: ",
                   new Date(app.trustedAt).toLocaleDateString()
                 ] })
               ] }),
-              /* @__PURE__ */ jsx48(
+              /* @__PURE__ */ jsx49(
                 Button,
                 {
                   variant: "ghost",
@@ -9927,7 +9936,7 @@ function SecurityMenu() {
                     origin: app.origin,
                     hostname: new URL(app.origin).hostname
                   }),
-                  children: /* @__PURE__ */ jsx48(Trash22, { className: "h-3 w-3" })
+                  children: /* @__PURE__ */ jsx49(Trash22, { className: "h-3 w-3" })
                 }
               )
             ]
@@ -9940,7 +9949,7 @@ function SecurityMenu() {
 }
 
 // src/internal/components/SendRecieveMenu/SendLumiaMenu.tsx
-import { AlertCircle as AlertCircle3, ArrowLeft as ArrowLeft10, CheckCircle2 as CheckCircle25, Loader as Loader10, Wallet as Wallet3 } from "lucide-react";
+import { AlertCircle as AlertCircle3, ArrowLeft as ArrowLeft9, CheckCircle2 as CheckCircle25, Loader as Loader10, Wallet } from "lucide-react";
 import { useEffect as useEffect19, useState as useState11 } from "react";
 import { isAddress as isAddress2 } from "viem";
 import { useBalance as useBalance2 } from "wagmi";
@@ -10168,7 +10177,7 @@ function useTokenBalance(tokenAddress, userAddress) {
 
 // src/internal/components/SendRecieveMenu/SendLumiaMenu.tsx
 init_base();
-import { jsx as jsx49, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx50, jsxs as jsxs39 } from "react/jsx-runtime";
 function SendLumiaMenu() {
   const page = useLayoutDataStore((st) => st.page);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -10241,120 +10250,118 @@ function SendLumiaMenu() {
     const maxAmount = Math.max(0, balance - 1e-3);
     setAmount(maxAmount.toFixed(6));
   };
-  return /* @__PURE__ */ jsxs39("div", { className: "w-full p-4 flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx49("div", { className: "w-full", children: /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
-      txStep === "input" && /* @__PURE__ */ jsx49(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx49(ArrowLeft10, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx49("span", { className: "text-xl font-semibold", children: "Send LUMIA" })
-    ] }) }),
-    /* @__PURE__ */ jsxs39("div", { className: "w-full", children: [
-      txStep === "input" && /* @__PURE__ */ jsxs39("div", { className: "w-full flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsxs39("div", { className: "w-full flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsx49("span", { className: "block text-sm font-medium mb-2 text-[var(--l-pass-fg-muted)]", children: "Recipient Address" }),
-          /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsxs39("div", { className: "w-full p-[var(--l-pass-pd)] flex flex-col gap-[var(--l-pass-gap)]", children: [
+    /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-[var(--l-pass-gap)]", children: [
+      txStep === "input" && /* @__PURE__ */ jsx50(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx50(ArrowLeft9, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx50("span", { className: "text-xl font-semibold", children: "Send LUMIA" })
+    ] }),
+    txStep === "input" && /* @__PURE__ */ jsxs39(Fragment8, { children: [
+      /* @__PURE__ */ jsxs39("div", { className: "w-full flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx50("span", { className: "block text-sm font-medium mb-2 text-[var(--l-pass-fg-muted)]", children: "Recipient Address" }),
+        /* @__PURE__ */ jsx50(
+          Input,
+          {
+            Icon: Wallet,
+            type: "text",
+            value: recipient,
+            onChange: (e) => setRecipient(e.target.value),
+            placeholder: "0x..."
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs39("div", { className: "w-full flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsxs39("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ jsx50("span", { className: "block text-sm font-medium text-[var(--l-pass-fg-muted)]", children: "Amount" }),
+          /* @__PURE__ */ jsxs39("span", { className: "block text-sm text-[var(--l-pass-fg-muted)]", children: [
+            "Balance: ",
+            balance.toFixed(4),
+            " LUMIA"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs39("div", { className: "w-full relative", children: [
+          /* @__PURE__ */ jsx50(
             Input,
             {
-              Icon: Wallet3,
-              type: "text",
-              value: recipient,
-              onChange: (e) => setRecipient(e.target.value),
-              placeholder: "0x..."
+              Icon: LumiaIcon,
+              type: "number",
+              value: amount,
+              onChange: (e) => setAmount(e.target.value),
+              placeholder: "0.0",
+              step: "0.000001"
+            }
+          ),
+          /* @__PURE__ */ jsx50(
+            Button,
+            {
+              onClick: handleMaxAmount,
+              variant: "ghost",
+              size: "medium",
+              style: { transform: "translateY(-50%)" },
+              className: "absolute right-2 top-1/2",
+              children: "MAX"
             }
           )
-        ] }),
-        /* @__PURE__ */ jsxs39("div", { className: "w-full flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxs39("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ jsx49("span", { className: "block text-sm font-medium text-[var(--l-pass-fg-muted)]", children: "Amount" }),
-            /* @__PURE__ */ jsxs39("span", { className: "block text-sm text-[var(--l-pass-fg-muted)]", children: [
-              "Balance: ",
-              balance.toFixed(4),
+        ] })
+      ] }),
+      (validationError || error) && /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2 p-3 bg-[var(--l-pass-bg-error)] text-[var(--l-pass-error)] rounded-[var(--l-pass-el-bdrs)]", children: [
+        /* @__PURE__ */ jsx50(AlertCircle3, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx50("span", { className: "text-sm", children: validationError || error })
+      ] }),
+      /* @__PURE__ */ jsx50(Button, { onClick: handleSend, disabled: isLoading, className: "w-full", size: "large", children: "Continue" })
+    ] }),
+    txStep === "confirm" && /* @__PURE__ */ jsxs39(Fragment8, { children: [
+      /* @__PURE__ */ jsxs39("div", { className: "bg-gray-50 rounded-lg p-4", children: [
+        /* @__PURE__ */ jsx50("h3", { className: "font-medium mb-3", children: "Transaction Details" }),
+        /* @__PURE__ */ jsxs39("div", { className: "space-y-2 text-sm", children: [
+          /* @__PURE__ */ jsxs39("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx50("span", { children: "To:" }),
+            /* @__PURE__ */ jsx50("span", { className: `font-mono`, children: `${recipient.slice(0, 6)}...${recipient.slice(-4)}` })
+          ] }),
+          /* @__PURE__ */ jsxs39("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx50("span", { children: "Amount:" }),
+            /* @__PURE__ */ jsxs39("span", { className: `font-semibold`, children: [
+              amount,
               " LUMIA"
             ] })
           ] }),
-          /* @__PURE__ */ jsxs39("div", { className: "w-full relative", children: [
-            /* @__PURE__ */ jsx49(
-              Input,
-              {
-                Icon: LumiaIcon,
-                type: "number",
-                value: amount,
-                onChange: (e) => setAmount(e.target.value),
-                placeholder: "0.0",
-                step: "0.000001"
-              }
-            ),
-            /* @__PURE__ */ jsx49(
-              Button,
-              {
-                onClick: handleMaxAmount,
-                variant: "ghost",
-                size: "medium",
-                style: { transform: "translateY(-50%)" },
-                className: "absolute right-2 top-1/2",
-                children: "MAX"
-              }
-            )
-          ] })
-        ] }),
-        (validationError || error) && /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2 p-3 bg-[var(--l-pass-bg-error)] text-[var(--l-pass-error)] rounded-[var(--l-pass-el-bdrs)] border border-[var(--l-pass-error)]", children: [
-          /* @__PURE__ */ jsx49(AlertCircle3, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx49("span", { className: "text-sm", children: validationError || error })
-        ] }),
-        /* @__PURE__ */ jsx49(Button, { onClick: handleSend, disabled: isLoading, className: "w-full", size: "large", children: "Continue" })
-      ] }),
-      txStep === "confirm" && /* @__PURE__ */ jsxs39("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxs39("div", { className: "bg-gray-50 rounded-lg p-4", children: [
-          /* @__PURE__ */ jsx49("h3", { className: "font-medium mb-3", children: "Transaction Details" }),
-          /* @__PURE__ */ jsxs39("div", { className: "space-y-2 text-sm", children: [
-            /* @__PURE__ */ jsxs39("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ jsx49("span", { children: "To:" }),
-              /* @__PURE__ */ jsx49("span", { className: `font-mono`, children: `${recipient.slice(0, 6)}...${recipient.slice(-4)}` })
-            ] }),
-            /* @__PURE__ */ jsxs39("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ jsx49("span", { children: "Amount:" }),
-              /* @__PURE__ */ jsxs39("span", { className: `font-semibold`, children: [
-                amount,
-                " LUMIA"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs39("div", { className: "flex justify-between", children: [
-              /* @__PURE__ */ jsx49("span", { children: "Network:" }),
-              /* @__PURE__ */ jsx49("span", { children: "Lumia Beam" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs39("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx49(Button, { onClick: () => setTxStep("input"), variant: "outline", className: "flex-1", size: "large", children: "Back" }),
-          /* @__PURE__ */ jsxs39(Button, { onClick: handleConfirm, disabled: isLoading, className: "flex-1", size: "large", children: [
-            isLoading && /* @__PURE__ */ jsx49(Loader10, { className: "h-4 w-4 animate-spin" }),
-            "Confirm"
+          /* @__PURE__ */ jsxs39("div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ jsx50("span", { children: "Network:" }),
+            /* @__PURE__ */ jsx50("span", { children: "Lumia Beam" })
           ] })
         ] })
       ] }),
-      txStep === "pending" && /* @__PURE__ */ jsxs39("div", { className: "py-8 text-center space-y-4", children: [
-        /* @__PURE__ */ jsx49(Loader10, { className: "h-12 w-12 animate-spin mx-auto" }),
-        /* @__PURE__ */ jsxs39("div", { children: [
-          /* @__PURE__ */ jsx49("span", { className: "block font-medium", children: "Transaction Pending" }),
-          /* @__PURE__ */ jsx49("span", { className: "block text-sm mt-1", children: "Please wait while we process your transaction" })
+      /* @__PURE__ */ jsxs39("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx50(Button, { onClick: () => setTxStep("input"), variant: "outline", className: "flex-1", size: "large", children: "Back" }),
+        /* @__PURE__ */ jsxs39(Button, { onClick: handleConfirm, disabled: isLoading, className: "flex-1", size: "large", children: [
+          isLoading && /* @__PURE__ */ jsx50(Loader10, { className: "h-4 w-4 animate-spin" }),
+          "Confirm"
         ] })
-      ] }),
-      txStep === "success" && userOpHash && /* @__PURE__ */ jsxs39("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsxs39("div", { className: "text-center py-4", children: [
-          /* @__PURE__ */ jsx49(CheckCircle25, { className: "h-12 w-12 text-[var(--l-pass-success)] mx-auto mb-3" }),
-          /* @__PURE__ */ jsx49("p", { className: "font-medium", children: "Transaction Sent!" }),
-          /* @__PURE__ */ jsx49("p", { className: "text-sm mt-1", children: "Your transaction is being processed" })
-        ] }),
-        /* @__PURE__ */ jsx49(Button, { onClick: () => setPage("transactions" /* TRANSACTIONS */), className: "w-full", size: "large", children: "Done" })
       ] })
+    ] }),
+    txStep === "pending" && /* @__PURE__ */ jsxs39("div", { className: "py-8 text-center space-y-4", children: [
+      /* @__PURE__ */ jsx50(Loader10, { className: "h-12 w-12 animate-spin mx-auto" }),
+      /* @__PURE__ */ jsxs39("div", { children: [
+        /* @__PURE__ */ jsx50("span", { className: "block font-medium", children: "Transaction Pending" }),
+        /* @__PURE__ */ jsx50("span", { className: "block text-sm mt-1", children: "Please wait while we process your transaction" })
+      ] })
+    ] }),
+    txStep === "success" && userOpHash && /* @__PURE__ */ jsxs39(Fragment8, { children: [
+      /* @__PURE__ */ jsxs39("div", { className: "text-center py-4", children: [
+        /* @__PURE__ */ jsx50(CheckCircle25, { className: "h-12 w-12 text-[var(--l-pass-success)] mx-auto mb-3" }),
+        /* @__PURE__ */ jsx50("p", { className: "font-medium", children: "Transaction Sent!" }),
+        /* @__PURE__ */ jsx50("p", { className: "text-sm mt-1", children: "Your transaction is being processed" })
+      ] }),
+      /* @__PURE__ */ jsx50(Button, { onClick: () => setPage("transactions" /* TRANSACTIONS */), className: "w-full", size: "large", children: "Done" })
     ] })
   ] });
 }
 
 // src/internal/components/SendRecieveMenu/ReceiveLumiaMenu.tsx
-import { ArrowLeft as ArrowLeft11, CheckCircle2 as CheckCircle26, Copy as Copy2 } from "lucide-react";
+import { ArrowLeft as ArrowLeft10, CheckCircle2 as CheckCircle26, Copy as Copy2, Loader as Loader11 } from "lucide-react";
 import QRCode from "qrcode";
 import { useEffect as useEffect20, useState as useState12 } from "react";
 init_clients();
-import { Fragment as Fragment8, jsx as jsx50, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx51, jsxs as jsxs40 } from "react/jsx-runtime";
 function ReceiveLumiaMenu() {
   const page = useLayoutDataStore((st) => st.page);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -10385,83 +10392,86 @@ function ReceiveLumiaMenu() {
       console.error("Failed to copy address:", error);
     }
   };
-  return /* @__PURE__ */ jsxs40(
-    "div",
-    {
-      className: "w-full p-4 flex flex-col gap-4",
-      style: { minHeight: "566px" },
-      children: [
-        /* @__PURE__ */ jsx50("div", { className: "w-full", children: /* @__PURE__ */ jsxs40("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx50(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx50(ArrowLeft11, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ jsx50("span", { className: "text-xl font-semibold", children: "Receive LUMIA" })
-        ] }) }),
-        /* @__PURE__ */ jsxs40("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxs40("div", { className: "rounded-[var(--l-pass-el-bdrs)] border border-[var(--l-pass-bd)] bg-[var(--l-pass-secondary)] p-2 text-center font-medium text-sm", children: [
-            /* @__PURE__ */ jsx50("strong", { className: "block w-full", children: `Network: ${lumiaBeam.name}` }),
-            /* @__PURE__ */ jsx50("span", { className: "block w-full text-[var(--l-pass-info)]", children: "Ensure sender is on the same network" })
-          ] }),
-          qrCodeUrl && /* @__PURE__ */ jsx50("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx50("div", { className: `p-2 rounded-[var(--l-pass-el-bdrs)] border border-[var(--l-pass-bd)]`, children: /* @__PURE__ */ jsx50("img", { src: qrCodeUrl, alt: "Wallet QR Code", className: "w-48 h-48" }) }) }),
-          /* @__PURE__ */ jsxs40("div", { className: "rounded-[var(--l-pass-el-bdrs)] border border-[var(--l-pass-bd)] p-2 bg-[var(--l-pass-secondary)]", children: [
-            /* @__PURE__ */ jsx50("span", { className: "block flex-1 font-mono text-xs p-2 break-all", children: address }),
-            /* @__PURE__ */ jsx50(Button, { onClick: handleCopy, className: "w-full mt-2", size: "large", children: copied ? /* @__PURE__ */ jsxs40(Fragment8, { children: [
-              /* @__PURE__ */ jsx50(CheckCircle26, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx50("span", { children: "Copied!" })
-            ] }) : /* @__PURE__ */ jsxs40(Fragment8, { children: [
-              /* @__PURE__ */ jsx50(Copy2, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsx50("span", { children: "Copy Address" })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ jsxs40("div", { className: "text-center text-sm", children: [
-            /* @__PURE__ */ jsx50("span", { className: "block", children: "Share this address to receive LUMIA tokens." }),
-            /* @__PURE__ */ jsxs40("span", { className: "block mt-1", children: [
-              `Only send LUMIA tokens to this address on`,
-              /* @__PURE__ */ jsx50("br", {}),
-              /* @__PURE__ */ jsx50("strong", { className: "text-[var(--l-pass-info)]", children: `${lumiaBeam.name} network` })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs40("div", { className: "w-full p-[var(--l-pass-pd)] flex flex-col gap-[var(--l-pass-gap)]", children: [
+    /* @__PURE__ */ jsxs40("div", { className: "w-full flex items-center gap-[var(--l-pass-gap)]", children: [
+      /* @__PURE__ */ jsx51(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx51(ArrowLeft10, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx51("span", { className: "text-xl font-semibold", children: "Receive LUMIA" })
+    ] }),
+    /* @__PURE__ */ jsxs40(Highlight, { className: "text-center", type: "warning", children: [
+      /* @__PURE__ */ jsx51("strong", { className: "block w-full", children: `Network: ${lumiaBeam.name}` }),
+      /* @__PURE__ */ jsx51("span", { className: "block w-full", children: "Ensure sender is on the same network" })
+    ] }),
+    /* @__PURE__ */ jsx51("div", { className: "flex items-center justify-center p-[var(--l-pass-pd)]", style: { minHeight: "216px" }, children: qrCodeUrl ? /* @__PURE__ */ jsx51("img", { src: qrCodeUrl, alt: "Wallet QR Code", className: "w-48 h-48" }) : /* @__PURE__ */ jsx51(Loader11, { className: "w-5 h-5 animate-spin text-[var(--l-pass-fg-muted)]" }) }),
+    /* @__PURE__ */ jsxs40(Highlight, { type: "info", children: [
+      /* @__PURE__ */ jsx51("span", { className: "block w-full text-center font-mono text-[10px] break-all mb-2", children: address }),
+      /* @__PURE__ */ jsx51(Button, { onClick: handleCopy, className: "w-full", size: "medium", children: copied ? /* @__PURE__ */ jsxs40(Fragment9, { children: [
+        /* @__PURE__ */ jsx51(CheckCircle26, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx51("span", { children: "Copied!" })
+      ] }) : /* @__PURE__ */ jsxs40(Fragment9, { children: [
+        /* @__PURE__ */ jsx51(Copy2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx51("span", { children: "Copy Address" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx51("div", { className: "text-center text-xs text-[var(--l-pass-fg-muted)]", children: /* @__PURE__ */ jsx51("span", { className: "block", children: "Share this address to receive LUMIA tokens." }) })
+  ] });
 }
 
 // src/internal/components/SettingsMenu/SettingsMenu.tsx
-import { ArrowLeft as ArrowLeft12 } from "lucide-react";
+import { ArrowLeft as ArrowLeft11 } from "lucide-react";
+
+// src/internal/components/SettingsMenu/constants.ts
+import { ArrowLeftRight, DatabaseBackup as DatabaseBackup2, LockKeyhole, UsersRound } from "lucide-react";
+
+// src/internal/assets/KycIcon.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+function KycIcon(props) {
+  const { width = "24", height = "24", ...rest } = props;
+  return /* @__PURE__ */ jsx52("svg", { ...rest, width, height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx52(
+    "path",
+    {
+      d: "M12 18.5455C10.1727 18.5455 8.625 17.9114 7.35682 16.6432C6.08864 15.375 5.45455 13.8273 5.45455 12C5.45455 10.1727 6.08864 8.625 7.35682 7.35682C8.625 6.08864 10.1727 5.45455 12 5.45455C13.8273 5.45455 15.375 6.08864 16.6432 7.35682C17.9114 8.625 18.5455 10.1727 18.5455 12C18.5455 13.8273 17.9114 15.375 16.6432 16.6432C15.375 17.9114 13.8273 18.5455 12 18.5455ZM12 16.9091C13.3636 16.9091 14.5227 16.4318 15.4773 15.4773C16.4318 14.5227 16.9091 13.3636 16.9091 12C16.9091 11.7682 16.892 11.5398 16.858 11.3148C16.8239 11.0898 16.7727 10.8682 16.7045 10.65C16.5 10.6909 16.2955 10.7216 16.0909 10.742C15.8864 10.7625 15.6818 10.7727 15.4773 10.7727C14.6182 10.7727 13.8 10.6091 13.0227 10.2818C12.2455 9.95455 11.55 9.47727 10.9364 8.85C10.5545 9.62727 10.0295 10.3023 9.36136 10.875C8.69318 11.4477 7.93636 11.8636 7.09091 12.1227C7.13182 13.4591 7.62614 14.5909 8.57386 15.5182C9.52159 16.4455 10.6636 16.9091 12 16.9091ZM7.41818 10.2409C8.01818 9.92727 8.475 9.5625 8.78864 9.14659C9.10227 8.73068 9.40909 8.23636 9.70909 7.66364C9.19091 7.93636 8.73409 8.29432 8.33864 8.7375C7.94318 9.18068 7.63636 9.68182 7.41818 10.2409ZM9.95455 13.6364C9.72273 13.6364 9.52841 13.558 9.37159 13.4011C9.21477 13.2443 9.13636 13.05 9.13636 12.8182C9.13636 12.5864 9.21477 12.392 9.37159 12.2352C9.52841 12.0784 9.72273 12 9.95455 12C10.1864 12 10.3807 12.0784 10.5375 12.2352C10.6943 12.392 10.7727 12.5864 10.7727 12.8182C10.7727 13.05 10.6943 13.2443 10.5375 13.4011C10.3807 13.558 10.1864 13.6364 9.95455 13.6364ZM15.4773 9.13636H15.7227C15.8045 9.13636 15.8864 9.12955 15.9682 9.11591C15.5182 8.50227 14.9489 8.01136 14.2602 7.64318C13.5716 7.275 12.8182 7.09091 12 7.09091H11.7545C11.6727 7.09091 11.5977 7.09773 11.5295 7.11136C12.0614 7.725 12.6239 8.21591 13.217 8.58409C13.8102 8.95227 14.5636 9.13636 15.4773 9.13636ZM14.0455 13.6364C13.8136 13.6364 13.6193 13.558 13.4625 13.4011C13.3057 13.2443 13.2273 13.05 13.2273 12.8182C13.2273 12.5864 13.3057 12.392 13.4625 12.2352C13.6193 12.0784 13.8136 12 14.0455 12C14.2773 12 14.4716 12.0784 14.6284 12.2352C14.7852 12.392 14.8636 12.5864 14.8636 12.8182C14.8636 13.05 14.7852 13.2443 14.6284 13.4011C14.4716 13.558 14.2773 13.6364 14.0455 13.6364ZM3 7.09091V4.63636C3 4.18636 3.16023 3.80114 3.48068 3.48068C3.80114 3.16023 4.18636 3 4.63636 3H7.09091V4.63636H4.63636V7.09091H3ZM7.09091 21H4.63636C4.18636 21 3.80114 20.8398 3.48068 20.5193C3.16023 20.1989 3 19.8136 3 19.3636V16.9091H4.63636V19.3636H7.09091V21ZM16.9091 21V19.3636H19.3636V16.9091H21V19.3636C21 19.8136 20.8398 20.1989 20.5193 20.5193C20.1989 20.8398 19.8136 21 19.3636 21H16.9091ZM19.3636 7.09091V4.63636H16.9091V3H19.3636C19.8136 3 20.1989 3.16023 20.5193 3.48068C20.8398 3.80114 21 4.18636 21 4.63636V7.09091H19.3636Z",
+      fill: "currentColor"
+    }
+  ) });
+}
 
 // src/internal/components/SettingsMenu/constants.ts
-import { Activity, CreditCard, Gem, Lock as Lock2, Shield as Shield2, ShieldCheck as ShieldCheck3 } from "lucide-react";
 var NAV_BUTTONS = [
-  { id: "kyc" /* KYC */, name: "KYC", Icon: ShieldCheck3 },
-  { id: "transactions" /* TRANSACTIONS */, name: "Transactions", Icon: Activity },
-  { id: "assets" /* ASSETS */, name: "Assets", Icon: Gem },
-  { id: "manage-wallet" /* MANAGE_WALLET */, name: "Wallet", Icon: CreditCard },
-  { id: "security" /* SECURITY */, name: "Security", Icon: Lock2 },
-  { id: "keysare-backup" /* KEYSARE_BACKUP */, name: "Keyshare", Icon: Shield2 }
+  { id: "transactions" /* TRANSACTIONS */, name: "Transactions", Icon: ArrowLeftRight },
+  { id: "kyc" /* KYC */, name: "KYC", Icon: KycIcon },
+  { id: "manage-wallet" /* MANAGE_WALLET */, name: "Profiles", Icon: UsersRound },
+  { id: "security" /* SECURITY */, name: "Security", Icon: LockKeyhole },
+  { id: "keysare-backup" /* KEYSARE_BACKUP */, name: "Backup", Icon: DatabaseBackup2 }
 ];
 
 // src/internal/components/SettingsMenu/SettingsMenu.tsx
-import { jsx as jsx51, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs41 } from "react/jsx-runtime";
 function SettingsMenu() {
+  const address = useLumiaPassportSession((st) => st.address);
   const setPage = useLayoutDataStore((st) => st.setPage);
+  const settingsNotifications = useLayoutDataStore((st) => st.settingsNotifications);
   const navItems = NAV_BUTTONS.map((el) => ({ ...el, onClick: () => setPage(el.id) }));
-  const isAvailable = useLumiaPassportSession((st) => !!st.address);
+  const highlightedKeys = settingsNotifications.map((n) => n.target);
   return /* @__PURE__ */ jsxs41("div", { className: "w-full p-[var(--l-pass-pd)] flex flex-col gap-[var(--l-pass-gap)]", children: [
-    /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx51(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx51(ArrowLeft12, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx51("span", { className: "text-xl font-semibold", children: "Wallet Details" })
+    /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-[var(--l-pass-gap)]", children: [
+      /* @__PURE__ */ jsx53(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx53(ArrowLeft11, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx53("span", { className: "text-xl font-semibold", children: "Wallet Details" })
     ] }),
-    /* @__PURE__ */ jsx51("div", { className: "w-full flex gap-2 flex-wrap justify-between", children: navItems.map(({ id, name, Icon, onClick }) => /* @__PURE__ */ jsxs41(
+    /* @__PURE__ */ jsx53("div", { className: "w-full flex flex-col gap-[var(--l-pass-gap)]", children: navItems.map(({ id, name, Icon, onClick }) => /* @__PURE__ */ jsxs41(
       Button,
       {
         variant: "outline",
         size: "large",
         onClick,
-        disabled: !isAvailable,
-        style: { maxWidth: "calc(50% - 0.5rem)" },
-        className: "w-full items-center",
+        disabled: !address,
+        className: cn(
+          //
+          "w-full items-center justify-start",
+          highlightedKeys.includes(id) && "animate-glow-warning"
+        ),
         children: [
-          /* @__PURE__ */ jsx51(Icon, { className: "w-5 h-5" }),
-          /* @__PURE__ */ jsx51("span", { children: name })
+          /* @__PURE__ */ jsx53(Icon, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx53("span", { children: name })
         ]
       },
       id
@@ -10470,14 +10480,14 @@ function SettingsMenu() {
 }
 
 // src/internal/components/TermsOfService.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 function TermsOfService() {
-  return /* @__PURE__ */ jsx52("div", { className: "w-full p-4 flex flex-col gap-4", children: /* @__PURE__ */ jsx52("span", { className: "prose text-sm", children: "By using Lumia Passport you agree to our terms." }) });
+  return /* @__PURE__ */ jsx54("div", { className: "w-full p-4 flex flex-col gap-4", children: /* @__PURE__ */ jsx54("span", { className: "prose text-sm", children: "By using Lumia Passport you agree to our terms." }) });
 }
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
-import { useQuery as useQuery5, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
-import { Activity as Activity2, ArrowLeft as ArrowLeft13, Loader as Loader11, RefreshCw as RefreshCw2, XCircle as XCircle2 } from "lucide-react";
+import { useQuery as useQuery5, useQueryClient as useQueryClient8 } from "@tanstack/react-query";
+import { Activity, ArrowLeft as ArrowLeft12, Loader as Loader12, RefreshCw as RefreshCw2, XCircle as XCircle2 } from "lucide-react";
 import { useCallback as useCallback12, useState as useState13 } from "react";
 
 // src/internal/components/TransactionsMenu/api.ts
@@ -10816,15 +10826,15 @@ var formatTimestamp = (timestampMs) => {
 };
 
 // src/internal/components/TransactionsMenu/TransactionsGroup.tsx
-import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
-var getStatusIcon = (status) => status === "ok" ? /* @__PURE__ */ jsx53(CheckCircle27, { className: "w-4 h-4 text-[var(--l-pass-success)]" }) : /* @__PURE__ */ jsx53(XCircle, { className: "w-4 h-4 text-[var(--l-pass-error)]" });
-var getTransactionIcon = (direction) => direction === "in" ? /* @__PURE__ */ jsx53(ArrowDownRight, { className: "w-4 h-4 text-[var(--l-pass-success)]" }) : /* @__PURE__ */ jsx53(ArrowUpRight, { className: "w-4 h-4 text-[var(--l-pass-info)]" });
+import { jsx as jsx55, jsxs as jsxs42 } from "react/jsx-runtime";
+var getStatusIcon = (status) => status === "ok" ? /* @__PURE__ */ jsx55(CheckCircle27, { className: "w-4 h-4 text-[var(--l-pass-success)]" }) : /* @__PURE__ */ jsx55(XCircle, { className: "w-4 h-4 text-[var(--l-pass-error)]" });
+var getTransactionIcon = (direction) => direction === "in" ? /* @__PURE__ */ jsx55(ArrowDownRight, { className: "w-4 h-4 text-[var(--l-pass-success)]" }) : /* @__PURE__ */ jsx55(ArrowUpRight, { className: "w-4 h-4 text-[var(--l-pass-info)]" });
 function InternalTransaction({ internal, assetSymbol, assetDecimals }) {
   const internalSymbol = internal.assetSymbol || assetSymbol;
   const internalDecimals = internal.decimals ?? assetDecimals;
   return /* @__PURE__ */ jsxs42("div", { className: "border-t border-dashed border-[var(--l-pass-bd)]", children: [
     /* @__PURE__ */ jsxs42("div", { className: "flex gap-2 items-center justify-between", children: [
-      /* @__PURE__ */ jsx53("span", { className: "text-[var(--l-pass-fg-muted)]", children: internal.method || "CALL" }),
+      /* @__PURE__ */ jsx55("span", { className: "text-[var(--l-pass-fg-muted)]", children: internal.method || "CALL" }),
       /* @__PURE__ */ jsxs42("span", { children: [
         formatValue(internal.value, internalDecimals),
         " ",
@@ -10832,8 +10842,8 @@ function InternalTransaction({ internal, assetSymbol, assetDecimals }) {
       ] })
     ] }),
     /* @__PURE__ */ jsxs42("div", { className: "flex gap-2 items-center justify-between", children: [
-      /* @__PURE__ */ jsx53("span", { children: internal.direction === "in" ? "From" : "To" }),
-      /* @__PURE__ */ jsx53("span", { className: "font-mono", children: internal.counterpartyName || formatAddress2(internal.counterparty) })
+      /* @__PURE__ */ jsx55("span", { children: internal.direction === "in" ? "From" : "To" }),
+      /* @__PURE__ */ jsx55("span", { className: "font-mono", children: internal.counterpartyName || formatAddress2(internal.counterparty) })
     ] })
   ] });
 }
@@ -10856,31 +10866,31 @@ function TransactionsGroup(props) {
         /* @__PURE__ */ jsxs42("div", { className: "flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
             getTransactionIcon(parent.direction),
-            /* @__PURE__ */ jsx53("span", { className: "font-medium", children: isIncoming ? "Received" : "Sent" }),
+            /* @__PURE__ */ jsx55("span", { className: "font-medium", children: isIncoming ? "Received" : "Sent" }),
             getStatusIcon(parent.status)
           ] }),
-          parent.badgeLabel && /* @__PURE__ */ jsx53(
+          parent.badgeLabel && /* @__PURE__ */ jsx55(
             "span",
             {
               className: cn(
                 "text-xs uppercase tracking-wide text-[var(--l-pass-info)] px-2 py-1 rounded-full",
-                "bg-[var(--l-pass-bg-info)] border border-[var(--l-pass-info)]"
+                "bg-[var(--l-pass-bg-info)]"
               ),
               children: parent.badgeLabel
             }
           )
         ] }),
-        /* @__PURE__ */ jsx53("span", { className: "block w-full leading-4 mb-1 text-xs text-[var(--l-pass-fg-muted)]", children: formatTimestamp(group.timestampMs) }),
+        /* @__PURE__ */ jsx55("span", { className: "block w-full leading-4 mb-1 text-xs text-[var(--l-pass-fg-muted)]", children: formatTimestamp(group.timestampMs) }),
         /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-0 text-sm", children: [
           /* @__PURE__ */ jsxs42("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsx53("span", { className: "text-xs leading-5 text-[var(--l-pass-fg-muted)]", children: isIncoming ? "From:" : "To:" }),
+            /* @__PURE__ */ jsx55("span", { className: "text-xs leading-5 text-[var(--l-pass-fg-muted)]", children: isIncoming ? "From:" : "To:" }),
             /* @__PURE__ */ jsxs42("span", { className: "font-mono", children: [
               parent.counterpartyName || formatAddress2(parent.counterparty),
-              parent.counterpartyIsContract && /* @__PURE__ */ jsx53("span", { className: "text-xs text-[var(--l-pass-info)] ml-1", children: "(Contract)" })
+              parent.counterpartyIsContract && /* @__PURE__ */ jsx55("span", { className: "text-xs text-[var(--l-pass-info)] ml-1", children: "(Contract)" })
             ] })
           ] }),
           /* @__PURE__ */ jsxs42("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsx53("span", { className: "text-xs leading-5 text-[var(--l-pass-fg-muted)]", children: "Value:" }),
+            /* @__PURE__ */ jsx55("span", { className: "text-xs leading-5 text-[var(--l-pass-fg-muted)]", children: "Value:" }),
             /* @__PURE__ */ jsxs42("span", { className: "font-semibold", children: [
               formatValue(parent.value, assetDecimals),
               " ",
@@ -10888,12 +10898,12 @@ function TransactionsGroup(props) {
             ] })
           ] }),
           /* @__PURE__ */ jsxs42("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsx53("span", { className: "text-xs leading-5 text-[var(--l-pass-fg-muted)]", children: "Block:" }),
-            /* @__PURE__ */ jsx53("span", { className: "font-mono", children: parent.blockNumber ? `#${parent.blockNumber}` : "-" })
+            /* @__PURE__ */ jsx55("span", { className: "text-xs leading-5 text-[var(--l-pass-fg-muted)]", children: "Block:" }),
+            /* @__PURE__ */ jsx55("span", { className: "font-mono", children: parent.blockNumber ? `#${parent.blockNumber}` : "-" })
           ] }),
           parent.method && /* @__PURE__ */ jsxs42("div", { className: "flex justify-between", children: [
-            /* @__PURE__ */ jsx53("span", { className: "text-xs text-[var(--l-pass-fg-muted)]", children: "Method:" }),
-            /* @__PURE__ */ jsx53("span", { className: "text-[var(--l-pass-info)] text-xs", children: parent.method })
+            /* @__PURE__ */ jsx55("span", { className: "text-xs text-[var(--l-pass-fg-muted)]", children: "Method:" }),
+            /* @__PURE__ */ jsx55("span", { className: "text-[var(--l-pass-info)] text-xs", children: parent.method })
           ] })
         ] }),
         internalsToRender.length > 0 && /* @__PURE__ */ jsxs42(
@@ -10915,11 +10925,11 @@ function TransactionsGroup(props) {
                       internalsToRender.length,
                       ")"
                     ] }),
-                    /* @__PURE__ */ jsx53("span", { children: expanded ? "Hide" : "Show" })
+                    /* @__PURE__ */ jsx55("span", { children: expanded ? "Hide" : "Show" })
                   ]
                 }
               ),
-              expanded && /* @__PURE__ */ jsx53("div", { className: "px-3 pb-3 flex flex-col gap-2 text-xs", children: internalsToRender.map((internal) => /* @__PURE__ */ jsx53(
+              expanded && /* @__PURE__ */ jsx55("div", { className: "px-3 pb-3 flex flex-col gap-2 text-xs", children: internalsToRender.map((internal) => /* @__PURE__ */ jsx55(
                 InternalTransaction,
                 {
                   internal,
@@ -10937,9 +10947,9 @@ function TransactionsGroup(props) {
 }
 
 // src/internal/components/TransactionsMenu/TransactionsMenu.tsx
-import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs43 } from "react/jsx-runtime";
 function TransactionsMenu() {
-  const qc = useQueryClient7();
+  const qc = useQueryClient8();
   const address = useLumiaPassportSession((st) => st.address);
   const page = useLayoutDataStore((st) => st.page);
   const setPage = useLayoutDataStore((st) => st.setPage);
@@ -10961,10 +10971,10 @@ function TransactionsMenu() {
   );
   const txHistoryResolvedError = txHistoryError ? txHistoryError instanceof Error ? txHistoryError.message : "Failed to load transactions" : null;
   return /* @__PURE__ */ jsxs43("div", { className: "w-full p-4 flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx54("div", { className: "w-full", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx54(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx54(ArrowLeft13, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx54("span", { className: "text-xl font-semibold", children: "Transaction History" }),
-      /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx56("div", { className: "w-full", children: /* @__PURE__ */ jsxs43("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx56(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ jsx56(ArrowLeft12, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx56("span", { className: "text-xl font-semibold", children: "Transaction History" }),
+      /* @__PURE__ */ jsx56(
         Button,
         {
           variant: "ghost",
@@ -10972,35 +10982,35 @@ function TransactionsMenu() {
           onClick: refreshTxHistory,
           disabled: isTxHistoryFetching,
           title: "Refresh transactions",
-          children: isTxHistoryFetching ? /* @__PURE__ */ jsx54(Loader11, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx54(RefreshCw2, { className: "h-4 w-4" })
+          children: isTxHistoryFetching ? /* @__PURE__ */ jsx56(Loader12, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx56(RefreshCw2, { className: "h-4 w-4" })
         }
       )
     ] }) }),
     /* @__PURE__ */ jsxs43("div", { className: "max-h-[60vh] overflow-y-auto", children: [
-      isTxHistoryLoading && /* @__PURE__ */ jsx54("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx54(Loader11, { className: "h-5 w-5 animate-spin" }) }),
+      isTxHistoryLoading && /* @__PURE__ */ jsx56("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx56(Loader12, { className: "h-5 w-5 animate-spin" }) }),
       !isTxHistoryLoading && txHistoryResolvedError && /* @__PURE__ */ jsxs43(
         "div",
         {
           className: cn(
             "flex flex-col items-center justify-center p-4",
-            "border border-[var(--l-pass-error)] rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-error)]",
+            "rounded-[var(--l-pass-el-bdrs)] bg-[var(--l-pass-bg-error)]",
             "text-[var(--l-pass-error)]"
           ),
           children: [
-            /* @__PURE__ */ jsx54(XCircle2, { className: "w-12 h-12 mb-2" }),
-            /* @__PURE__ */ jsx54("span", { className: "block w-full text-center text-sm", children: txHistoryResolvedError })
+            /* @__PURE__ */ jsx56(XCircle2, { className: "w-12 h-12 mb-2" }),
+            /* @__PURE__ */ jsx56("span", { className: "block w-full text-center text-sm", children: txHistoryResolvedError })
           ]
         }
       ),
       !isTxHistoryLoading && !txHistoryResolvedError && txHistoryGroups.length === 0 && /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-2 items-center justify-center p-4 text-[var(--l-pass-fg-muted)]", children: [
-        /* @__PURE__ */ jsx54(Activity2, { className: "w-12 h-12" }),
+        /* @__PURE__ */ jsx56(Activity, { className: "w-12 h-12" }),
         /* @__PURE__ */ jsxs43("span", { className: "block w-full text-center", children: [
-          /* @__PURE__ */ jsx54("span", { children: "No transactions found" }),
-          /* @__PURE__ */ jsx54("br", {}),
-          /* @__PURE__ */ jsx54("span", { className: "text-xs mt-2", children: "Smart account transactions will appear here" })
+          /* @__PURE__ */ jsx56("span", { children: "No transactions found" }),
+          /* @__PURE__ */ jsx56("br", {}),
+          /* @__PURE__ */ jsx56("span", { className: "text-xs mt-2", children: "Smart account transactions will appear here" })
         ] })
       ] }),
-      !isTxHistoryLoading && !txHistoryResolvedError && txHistoryGroups.length > 0 && /* @__PURE__ */ jsx54("div", { className: "w-full flex flex-col gap-2", children: txHistoryGroups.map((group) => /* @__PURE__ */ jsx54(
+      !isTxHistoryLoading && !txHistoryResolvedError && txHistoryGroups.length > 0 && /* @__PURE__ */ jsx56("div", { className: "w-full flex flex-col gap-2", children: txHistoryGroups.map((group) => /* @__PURE__ */ jsx56(
         TransactionsGroup,
         {
           group,
@@ -11014,13 +11024,13 @@ function TransactionsMenu() {
 }
 
 // src/internal/components/ViewAssetsMenu/ViewAssetsMenu.tsx
-import { ArrowLeft as ArrowLeft14, Gem as Gem2, Loader as Loader12, RefreshCw as RefreshCw3 } from "lucide-react";
+import { ArrowLeft as ArrowLeft13, Gem, Loader as Loader13, RefreshCw as RefreshCw3 } from "lucide-react";
 
 // src/internal/components/ViewAssetsMenu/AssetItem.tsx
 init_base();
 import { Check as Check2, Copy as Copy3, ExternalLink } from "lucide-react";
 import React14 from "react";
-import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs44 } from "react/jsx-runtime";
 var openInExplorer2 = (address) => {
   window.open(`${LUMIA_EXPLORER_URL}/address/${address}`, "_blank");
 };
@@ -11039,80 +11049,80 @@ function AssetItem(props) {
   return /* @__PURE__ */ jsxs44("div", { className: "w-full border border-[var(--l-pass-bd)] bg-[var(--l-pass-secondary)] hover:bg-[var(--l-pass-secondary-h)] rounded-xl p-3 transition-colors", children: [
     /* @__PURE__ */ jsxs44("div", { className: "flex items-center justify-between mb-2", children: [
       /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx55("div", { className: "w-10 h-10 bg-[var(--l-pass-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx55("span", { className: "text-white font-bold text-sm", children: asset.symbol.charAt(0) }) }),
+        /* @__PURE__ */ jsx57("div", { className: "w-10 h-10 bg-[var(--l-pass-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx57("span", { className: "text-white font-bold text-sm", children: asset.symbol.charAt(0) }) }),
         /* @__PURE__ */ jsxs44("div", { children: [
-          /* @__PURE__ */ jsx55("div", { className: "font-medium", children: asset.name }),
-          /* @__PURE__ */ jsx55("div", { className: "text-sm", children: asset.symbol })
+          /* @__PURE__ */ jsx57("div", { className: "font-medium", children: asset.name }),
+          /* @__PURE__ */ jsx57("div", { className: "text-sm", children: asset.symbol })
         ] })
       ] }),
       /* @__PURE__ */ jsxs44("div", { className: "text-right", children: [
-        /* @__PURE__ */ jsx55("div", { className: "font-mono", children: asset.formattedBalance }),
-        /* @__PURE__ */ jsx55("div", { className: "text-sm text-[var(--l-pass-fg-muted)]", children: asset.symbol })
+        /* @__PURE__ */ jsx57("div", { className: "font-mono", children: asset.formattedBalance }),
+        /* @__PURE__ */ jsx57("div", { className: "text-sm text-[var(--l-pass-fg-muted)]", children: asset.symbol })
       ] })
     ] }),
     asset.address && /* @__PURE__ */ jsxs44("div", { className: "w-full space-y-2 mt-3 pt-3 border-t border-[var(--l-pass-bd)]", children: [
       /* @__PURE__ */ jsxs44("div", { className: "w-full flex items-center justify-between text-sm", children: [
-        /* @__PURE__ */ jsx55("span", { children: "Contract Address:" }),
+        /* @__PURE__ */ jsx57("span", { children: "Contract Address:" }),
         /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx55("span", { className: `font-mono  text-xs`, children: `${asset.address.slice(0, 6)}...${asset.address.slice(-4)}` }),
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx57("span", { className: `font-mono  text-xs`, children: `${asset.address.slice(0, 6)}...${asset.address.slice(-4)}` }),
+          /* @__PURE__ */ jsx57(
             Button,
             {
               variant: "ghost",
               size: "icon",
               title: "Copy address",
               onClick: () => handleCopy(asset.address, "address"),
-              children: copied === "address" ? /* @__PURE__ */ jsx55(Check2, { className: "w-3 h-3 text-[var(--l-pass-success)]" }) : /* @__PURE__ */ jsx55(Copy3, { className: "w-3 h-3" })
+              children: copied === "address" ? /* @__PURE__ */ jsx57(Check2, { className: "w-3 h-3 text-[var(--l-pass-success)]" }) : /* @__PURE__ */ jsx57(Copy3, { className: "w-3 h-3" })
             }
           ),
-          /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx57(
             Button,
             {
               variant: "ghost",
               size: "icon",
               onClick: () => openInExplorer2(asset.address),
               title: "View in explorer",
-              children: /* @__PURE__ */ jsx55(ExternalLink, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx57(ExternalLink, { className: "w-3 h-3" })
             }
           )
         ] })
       ] }),
       asset.decimals && /* @__PURE__ */ jsxs44("div", { className: "w-full flex items-center justify-between text-sm", children: [
-        /* @__PURE__ */ jsx55("span", { children: "Decimals:" }),
-        /* @__PURE__ */ jsx55("span", { children: asset.decimals })
+        /* @__PURE__ */ jsx57("span", { children: "Decimals:" }),
+        /* @__PURE__ */ jsx57("span", { children: asset.decimals })
       ] })
     ] }),
-    asset.type === "native" && address && /* @__PURE__ */ jsx55("div", { className: "mt-3 pt-3 border-t border-[var(--l-pass-bd)]", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center justify-between text-sm", children: [
-      /* @__PURE__ */ jsx55("span", { children: "Your Address:" }),
+    asset.type === "native" && address && /* @__PURE__ */ jsx57("div", { className: "mt-3 pt-3 border-t border-[var(--l-pass-bd)]", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center justify-between text-sm", children: [
+      /* @__PURE__ */ jsx57("span", { children: "Your Address:" }),
       /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx55("span", { className: "font-mono text-xs", children: `${address.slice(0, 6)}...${address.slice(-4)}` }),
-        /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx57("span", { className: "font-mono text-xs", children: `${address.slice(0, 6)}...${address.slice(-4)}` }),
+        /* @__PURE__ */ jsx57(
           Button,
           {
             variant: "ghost",
             size: "icon",
             onClick: () => handleCopy(address, "wallet"),
             title: "Copy wallet address",
-            children: copied === "wallet" ? /* @__PURE__ */ jsx55(Check2, { className: "w-3 h-3 text-[var(--l-pass-success)]" }) : /* @__PURE__ */ jsx55(Copy3, { className: "w-3 h-3" })
+            children: copied === "wallet" ? /* @__PURE__ */ jsx57(Check2, { className: "w-3 h-3 text-[var(--l-pass-success)]" }) : /* @__PURE__ */ jsx57(Copy3, { className: "w-3 h-3" })
           }
         ),
-        /* @__PURE__ */ jsx55(Button, { variant: "ghost", size: "icon", onClick: () => openInExplorer2(address), title: "View in explorer", children: /* @__PURE__ */ jsx55(ExternalLink, { className: "w-3 h-3" }) })
+        /* @__PURE__ */ jsx57(Button, { variant: "ghost", size: "icon", onClick: () => openInExplorer2(address), title: "View in explorer", children: /* @__PURE__ */ jsx57(ExternalLink, { className: "w-3 h-3" }) })
       ] })
     ] }) })
   ] });
 }
 
 // src/internal/components/ViewAssetsMenu/ViewAssetsMenu.tsx
-import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs45 } from "react/jsx-runtime";
 function ViewAssetsMenu() {
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { address } = useLumiaPassportSession();
   const { assets, refreshBalances, isLoading } = useAssets(address);
   return /* @__PURE__ */ jsxs45("div", { className: "w-full p-4 flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsx56("div", { className: "w-full", children: /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx56(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx56(ArrowLeft14, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx56("span", { className: "text-xl font-semibold", children: "Your Assets" }),
-      /* @__PURE__ */ jsx56(Button, { title: "Refresh balances", variant: "ghost", size: "icon", onClick: refreshBalances, disabled: isLoading, children: isLoading ? /* @__PURE__ */ jsx56(Loader12, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx56(RefreshCw3, { className: "h-4 w-4" }) })
+    /* @__PURE__ */ jsx58("div", { className: "w-full", children: /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx58(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ jsx58(ArrowLeft13, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ jsx58("span", { className: "text-xl font-semibold", children: "Your Assets" }),
+      /* @__PURE__ */ jsx58(Button, { title: "Refresh balances", variant: "ghost", size: "icon", onClick: refreshBalances, disabled: isLoading, children: isLoading ? /* @__PURE__ */ jsx58(Loader13, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx58(RefreshCw3, { className: "h-4 w-4" }) })
     ] }) }),
     /* @__PURE__ */ jsxs45(Expandable, { isExpanded: true, contentClassName: "w-full max-h-[60dvh] overflow-y-auto", children: [
       !isLoading && assets.length > 0 && /* @__PURE__ */ jsxs45("div", { className: "w-full text-sm text-[var(--l-pass-muted)] mb-4", children: [
@@ -11122,14 +11132,14 @@ function ViewAssetsMenu() {
         assets.length !== 1 ? "s" : ""
       ] }),
       isLoading && /* @__PURE__ */ jsxs45("div", { className: "w-full flex items-center justify-center gap-2 p-4", children: [
-        /* @__PURE__ */ jsx56(Loader12, { className: "h-5 w-5 mr-2 animate-spin" }),
-        /* @__PURE__ */ jsx56("span", { className: "text-[var(--l-pass-muted)]", children: "Loading assets..." })
+        /* @__PURE__ */ jsx58(Loader13, { className: "h-5 w-5 mr-2 animate-spin" }),
+        /* @__PURE__ */ jsx58("span", { className: "text-[var(--l-pass-muted)]", children: "Loading assets..." })
       ] }),
       !isLoading && assets.length === 0 && /* @__PURE__ */ jsxs45("div", { className: "w-full flex flex-col items-center justify-center py-8 text-[var(--l-pass-muted)]", children: [
-        /* @__PURE__ */ jsx56(Gem2, { className: "w-12 h-12 mb-2" }),
-        /* @__PURE__ */ jsx56("p", { children: "No assets found" })
+        /* @__PURE__ */ jsx58(Gem, { className: "w-12 h-12 mb-2" }),
+        /* @__PURE__ */ jsx58("p", { children: "No assets found" })
       ] }),
-      !isLoading && assets.length > 0 && /* @__PURE__ */ jsx56("div", { className: "w-full flex flex-col gap-2", children: assets.map((asset, index) => /* @__PURE__ */ jsx56(AssetItem, { address, asset }, `${asset.type}-${asset.address || "native"}-${index}`)) })
+      !isLoading && assets.length > 0 && /* @__PURE__ */ jsx58("div", { className: "w-full flex flex-col gap-2", children: assets.map((asset, index) => /* @__PURE__ */ jsx58(AssetItem, { address, asset }, `${asset.type}-${asset.address || "native"}-${index}`)) })
     ] })
   ] });
 }
@@ -11220,12 +11230,6 @@ var PAGE_MAP = {
     description: "Restore your wallet from backup",
     component: KeyshareRestoreMenu
   },
-  ["add-provider" /* ADD_PROVIDER */]: {
-    key: "add-provider" /* ADD_PROVIDER */,
-    title: "Add Provider",
-    description: "Add a new authentication provider",
-    component: AddProviderMenu
-  },
   ["unlink-provider" /* UNLINK_PROVIDER */]: {
     key: "unlink-provider" /* UNLINK_PROVIDER */,
     title: "Remove Provider",
@@ -11235,7 +11239,7 @@ var PAGE_MAP = {
 };
 
 // src/internal/hooks/usePageMapper.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var CLEAR_DIALOG_TIMEOUT = MAIN_DIALOG_ANIMATION_SPEED + 5;
 function usePageMapper() {
   const page = useLayoutDataStore((st) => st.page);
@@ -11265,7 +11269,7 @@ function usePageMapper() {
       const PageContentComponent = pageItem.component;
       setDialogTitle(pageItem.title);
       setDialogDescription(pageItem.description);
-      setDialogContent(/* @__PURE__ */ jsx57(PageContentComponent, {}));
+      setDialogContent(/* @__PURE__ */ jsx59(PageContentComponent, {}));
       setIsDialogOpen(true);
     },
     [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
@@ -11282,15 +11286,47 @@ function usePageMapper() {
   }, [protectedRoutes, page, closeDialog, openDialog]);
 }
 
-// src/internal/hooks/useWalletStatus.ts
+// src/internal/hooks/useSettingsNotifications.ts
+init_auth();
 import { useEffect as useEffect22 } from "react";
+var EMAIL_NOT_CONNECTED_NOTIFICATION = {
+  id: "email-not-connected",
+  target: "manage-wallet" /* MANAGE_WALLET */,
+  message: "Email is not connected"
+};
+var BACKUP_IS_NOT_CREATED_NOTIFICATION = {
+  id: "backup-is-not-created",
+  target: "keysare-backup" /* KEYSARE_BACKUP */,
+  message: "Backup is not created"
+};
+function useSettingsNotifications() {
+  const hasServerVault = useLumiaPassportSession((st) => st.hasServerVault);
+  const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
+  const providers = jwtTokenManager2.getProviders();
+  const hasEmail = providers.includes("email");
+  useEffect22(() => {
+    setSettingsNotifications({
+      ...BACKUP_IS_NOT_CREATED_NOTIFICATION,
+      status: hasServerVault ? "resolved" : "active"
+    });
+  }, [hasServerVault, setSettingsNotifications]);
+  useEffect22(() => {
+    setSettingsNotifications({
+      ...EMAIL_NOT_CONNECTED_NOTIFICATION,
+      status: hasEmail ? "resolved" : "active"
+    });
+  }, [hasEmail, setSettingsNotifications]);
+}
+
+// src/internal/hooks/useWalletStatus.ts
+import { useEffect as useEffect23 } from "react";
 init_auth();
 function useWalletStatus() {
   const isIframeReady = useLumiaPassportSession((st) => st.isIframeReady);
   const address = useLumiaPassportSession((st) => st.address);
   const session = useLumiaPassportSession((st) => st.session);
   const { config, callbacks } = useLumiaPassportConfig();
-  useEffect22(() => {
+  useEffect23(() => {
     if (!isIframeReady || !config.projectId || !callbacks?.onWalletReady) return;
     const userId = jwtTokenManager2.getUserId();
     const hasKeyshare = jwtTokenManager2.getHasKeyshare();
@@ -11310,7 +11346,7 @@ function useWalletStatus() {
 }
 
 // src/internal/components/Dialog/LumiaPassportDialog.tsx
-import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs46 } from "react/jsx-runtime";
 function LumiaPassportDialog() {
   const className = useLumiaPassportConfig()?.config?.ui?.dialogClassName;
   const session = useLumiaPassportSession((st) => st.session);
@@ -11318,13 +11354,14 @@ function LumiaPassportDialog() {
   const mainPageHeight = useLayoutDataStore((st) => st.mainPageHeight);
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
-  useEffect23(() => setIsSettings(!!session), [session, setIsSettings]);
+  useEffect24(() => setIsSettings(!!session), [session, setIsSettings]);
   usePageMapper();
   useAutoConnect();
   useCheckVaultStatus();
   useBackupStatusChanges();
+  useSettingsNotifications();
   useWalletStatus();
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx60(
     Dialog,
     {
       open: isDialogOpen,
@@ -11333,11 +11370,11 @@ function LumiaPassportDialog() {
         if (!open) setPage(null);
       },
       children: /* @__PURE__ */ jsxs46(DialogContent, { colorMode, hideClose: isDialogForced, className, children: [
-        /* @__PURE__ */ jsx58(VisuallyHidden, { children: /* @__PURE__ */ jsx58(DialogTitle, { children: dialogTitle }) }),
-        /* @__PURE__ */ jsx58(DialogDescription, { className: "sr-only", children: dialogDescription }),
-        !!session && /* @__PURE__ */ jsx58(Header, {}),
-        /* @__PURE__ */ jsx58(AnimatePresence5, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx58(
-          motion5.div,
+        /* @__PURE__ */ jsx60(VisuallyHidden, { children: /* @__PURE__ */ jsx60(DialogTitle, { children: dialogTitle }) }),
+        /* @__PURE__ */ jsx60(DialogDescription, { className: "sr-only", children: dialogDescription }),
+        !!session && /* @__PURE__ */ jsx60(Header, {}),
+        /* @__PURE__ */ jsx60(AnimatePresence4, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx60(
+          motion4.div,
           {
             initial: { opacity: 0, height: mainPageHeight },
             animate: { opacity: 1, height: "auto" },
@@ -11348,20 +11385,20 @@ function LumiaPassportDialog() {
           },
           page || "empty"
         ) }),
-        /* @__PURE__ */ jsx58(Footer, {})
+        /* @__PURE__ */ jsx60(Footer, {})
       ] })
     }
   );
 }
 
 // src/internal/components/LumiaPriceSSE.tsx
-import { useEffect as useEffect25 } from "react";
+import { useEffect as useEffect26 } from "react";
 import { useBalance as useBalance3 } from "wagmi";
 init_base();
 
 // src/internal/hooks/useLumiaPriceSSE.ts
-import { useMutation as useMutation10 } from "@tanstack/react-query";
-import { useEffect as useEffect24 } from "react";
+import { useMutation as useMutation11 } from "@tanstack/react-query";
+import { useEffect as useEffect25 } from "react";
 
 // src/internal/lib/LumiaPriceSSEService.ts
 var FALLBACK3 = "https://fallback.lumia.passport.io";
@@ -11487,7 +11524,7 @@ async function sseConnectMutation() {
 
 // src/internal/hooks/useLumiaPriceSSE.ts
 function useLumiaPriceSSE(enabled, updateCurrentPrice) {
-  const { mutate: connectSSE } = useMutation10({
+  const { mutate: connectSSE } = useMutation11({
     mutationFn: sseConnectMutation,
     onSuccess: () => {
       lumiaPriceSSE.addListener(updateCurrentPrice);
@@ -11496,7 +11533,7 @@ function useLumiaPriceSSE(enabled, updateCurrentPrice) {
       console.error("Lumia Price SSE connection error:", err);
     }
   });
-  useEffect24(() => {
+  useEffect25(() => {
     const isConnected = lumiaPriceSSE.getConnectionStatus();
     console.log("[LUMIA PRICE SSE MANAGER] SSE status:", { enabled, isConnected });
     if (!enabled) {
@@ -11527,7 +11564,7 @@ function LumiaPriceSSE() {
   });
   const { lumiaRate, setLumiaRate, setUsdBalance, setBalance } = useLayoutDataStore();
   useLumiaPriceSSE(!!address, (update) => setLumiaRate(update.price || 1));
-  useEffect25(() => {
+  useEffect26(() => {
     const usdBalance = Number(balance?.formatted || 0) * lumiaRate;
     setUsdBalance(usdBalance);
     setBalance(balance);
@@ -11579,12 +11616,12 @@ var TssManagerWithRef = React15.forwardRef((props, ref) => {
 
 // src/internal/components/WalletConnectHandler.tsx
 import { useConnectModal } from "@rainbow-me/rainbowkit";
-import { useQueryClient as useQueryClient8 } from "@tanstack/react-query";
-import React16, { useCallback as useCallback15, useEffect as useEffect26 } from "react";
+import { useQueryClient as useQueryClient9 } from "@tanstack/react-query";
+import React16, { useCallback as useCallback15, useEffect as useEffect27 } from "react";
 import { useAccount, useDisconnect, useSignMessage } from "wagmi";
 init_wallet();
 function WalletConnectHandler() {
-  const qc = useQueryClient8();
+  const qc = useQueryClient9();
   const { callbacks, notifyProvidersUpdate } = useLumiaPassportConfig();
   const setPage = useLayoutDataStore((st) => st.setPage);
   const { isWalletLinking, setLinkError, setIsWalletLinking, setLinkIsLoading, setProviderType } = useManageWalletStore();
@@ -11616,7 +11653,7 @@ function WalletConnectHandler() {
   const { signMessageAsync } = useSignMessage();
   const [hasStartedLinking, setHasStartedLinking] = React16.useState(false);
   const timeoutRef = React16.useRef();
-  useEffect26(() => {
+  useEffect27(() => {
     if (isWalletLinking && !hasStartedLinking) {
       setHasStartedLinking(true);
       if (isConnected) {
@@ -11648,7 +11685,7 @@ function WalletConnectHandler() {
       }
     }
   }, [isWalletLinking, hasStartedLinking, isConnected, openConnectModal, disconnect]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (isConnected && address && isWalletLinking && hasStartedLinking) {
       handleWalletSign();
     }
@@ -11709,7 +11746,7 @@ function WalletConnectHandler() {
 }
 
 // src/context/LumiaPassportSessionContext.tsx
-import { jsx as jsx59, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
 var useLumiaPassportSession = create5((set) => ({
   isLoading: false,
   usePaymaster: true,
@@ -11735,17 +11772,17 @@ var useLumiaPassportSession = create5((set) => ({
 function LumiaPassportSessionProvider({ children }) {
   const { config } = useLumiaPassportConfig();
   console.log("[PASSPORT PROVIDER RENDER]: should be as less as possible");
-  return /* @__PURE__ */ jsxs47(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs47(Fragment10, { children: [
     children,
-    config.wallet?.enabled && /* @__PURE__ */ jsx59(WalletConnectHandler, {}),
-    /* @__PURE__ */ jsx59(LumiaPriceSSE, {}),
-    /* @__PURE__ */ jsx59(
+    config.wallet?.enabled && /* @__PURE__ */ jsx61(WalletConnectHandler, {}),
+    /* @__PURE__ */ jsx61(LumiaPriceSSE, {}),
+    /* @__PURE__ */ jsx61(
       TssManagerWithRef,
       {
         mpcPin: void 0
       }
     ),
-    /* @__PURE__ */ jsx59(LumiaPassportDialog, {})
+    /* @__PURE__ */ jsx61(LumiaPassportDialog, {})
   ] });
 }
 
@@ -11780,13 +11817,13 @@ var wagmiConfig = createConfig({
 });
 
 // src/context/WagmiContext.tsx
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var LumiaWagmiProvider = ({ children }) => {
-  return /* @__PURE__ */ jsx60(WagmiProvider, { config: wagmiConfig, children });
+  return /* @__PURE__ */ jsx62(WagmiProvider, { config: wagmiConfig, children });
 };
 
 // src/context/LumiaPassportContext.tsx
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx63 } from "react/jsx-runtime";
 var LumiaPassportContext = createContext(void 0);
 function LumiaPassportProvider(props) {
   const { children, projectId, initialConfig = {}, callbacks } = props;
@@ -11877,7 +11914,7 @@ function LumiaPassportProvider(props) {
       return next;
     });
   }, []);
-  useEffect27(() => {
+  useEffect28(() => {
     if (typeof window === "undefined") return;
     if (!config.projectId) return;
     const iframeUrl = getIframeUrl();
@@ -11910,7 +11947,7 @@ function LumiaPassportProvider(props) {
       console.error("[LumiaPassport] Error setting up iframe manager:", error);
     }
   }, [config.projectId, config.features?.mpcSecurity]);
-  return /* @__PURE__ */ jsx61(LumiaWagmiProvider, { children: /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx63(LumiaWagmiProvider, { children: /* @__PURE__ */ jsx63(
     LumiaPassportContext.Provider,
     {
       value: { config, updateConfig, callbacks, providersVersion, notifyProvidersUpdate },
@@ -11925,10 +11962,10 @@ var useLumiaPassportConfig = () => {
 };
 
 // src/components/ConnectWalletButton.tsx
-import { Cloud as Cloud3, Laptop as Laptop2, Loader as Loader13, Shield as Shield3 } from "lucide-react";
-import { useEffect as useEffect28, useMemo as useMemo3 } from "react";
+import { Cloud as Cloud3, Laptop as Laptop2, Loader as Loader14, Shield as Shield2 } from "lucide-react";
+import { useEffect as useEffect29, useMemo as useMemo3 } from "react";
 init_auth();
-import { Fragment as Fragment10, jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx64, jsxs as jsxs48 } from "react/jsx-runtime";
 function getFormattedStatus(label, status, showStatus) {
   const isStatus = showStatus && status && status !== "idle" && status !== "ready";
   if (!isStatus) return label;
@@ -11947,7 +11984,7 @@ function ConnectWalletButton(props) {
   const colorMode = useLayoutStore((st) => st.colorMode);
   const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useLumiaPassportSession();
   const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
-  useEffect28(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
+  useEffect29(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
   const avatar = jwtTokenManager2.getAvatar();
   const displayName = jwtTokenManager2.getDisplayName();
   const indicators = useMemo3(() => {
@@ -11958,16 +11995,16 @@ function ConnectWalletButton(props) {
     return { server, local, backup: hasServerVault };
   }, [session, address, hasServerVault]);
   const isConnecting = connectButtonLabel !== label || isLoading;
-  return /* @__PURE__ */ jsx62("div", { "data-lumia-passport-mode": colorMode, className: cn("lumia-scope w-fit h-fit", className), children: !address ? (
+  return /* @__PURE__ */ jsx64("div", { "data-lumia-passport-mode": colorMode, className: cn("lumia-scope w-fit h-fit", className), children: !address ? (
     /** external Buttons can be provided */
-    /* @__PURE__ */ jsx62(Fragment10, { children: ConnectButton ? /* @__PURE__ */ jsxs48(
+    /* @__PURE__ */ jsx64(Fragment11, { children: ConnectButton ? /* @__PURE__ */ jsxs48(
       ConnectButton,
       {
         type: "button",
         disabled: isConnecting,
         onClick: () => setPage("auth" /* AUTH */),
         children: [
-          isConnecting && /* @__PURE__ */ jsx62(Loader13, { className: "w-4 h-4 animate-spin" }),
+          isConnecting && /* @__PURE__ */ jsx64(Loader14, { className: "w-4 h-4 animate-spin" }),
           connectButtonLabel
         ]
       }
@@ -11985,7 +12022,7 @@ function ConnectWalletButton(props) {
           "disabled:hover:bg-[var(--l-pass-bg)] disabled:active:bg-[var(--l-pass-bg)]"
         ),
         children: [
-          isConnecting && /* @__PURE__ */ jsx62(Loader13, { className: "w-4 h-4 animate-spin" }),
+          isConnecting && /* @__PURE__ */ jsx64(Loader14, { className: "w-4 h-4 animate-spin" }),
           connectButtonLabel.toUpperCase()
         ]
       }
@@ -12001,21 +12038,21 @@ function ConnectWalletButton(props) {
         "rounded-[var(--l-pass-el-bdrs)] p-2 max-w-sm min-w-[256px]"
       ),
       children: [
-        /* @__PURE__ */ jsx62("div", { className: "w-12 h-12 rounded-full bg-[var(--l-pass-fg)] flex items-center justify-center flex-shrink-0", children: avatar ? /* @__PURE__ */ jsx62(
+        /* @__PURE__ */ jsx64("div", { className: "w-12 h-12 rounded-full bg-[var(--l-pass-fg)] flex items-center justify-center flex-shrink-0", children: avatar ? /* @__PURE__ */ jsx64(
           "img",
           {
             src: avatar,
             alt: "User avatar",
             className: "w-full h-full object-cover"
           }
-        ) : /* @__PURE__ */ jsx62(LumiaIcon, { width: 48, height: 48 }) }),
+        ) : /* @__PURE__ */ jsx64(LumiaIcon, { width: 48, height: 48 }) }),
         /* @__PURE__ */ jsxs48("div", { className: "text-left flex-1 min-w-0 text-[var(--l-pass-fg)]", children: [
-          /* @__PURE__ */ jsx62("div", { className: "font-semibold text-base truncate max-w-[144px]", children: displayName }),
-          /* @__PURE__ */ jsx62(UsdBalance, { className: "font-semibold text-base text-[var(--l-pass-fg-muted)]" })
+          /* @__PURE__ */ jsx64("div", { className: "font-semibold text-base truncate max-w-[144px]", children: displayName }),
+          /* @__PURE__ */ jsx64(UsdBalance, { className: "font-semibold text-base text-[var(--l-pass-fg-muted)]" })
         ] }),
         /* @__PURE__ */ jsxs48("div", { className: "flex items-center space-x-1", children: [
           /* @__PURE__ */ jsxs48("div", { className: "group relative", children: [
-            /* @__PURE__ */ jsx62(
+            /* @__PURE__ */ jsx64(
               Cloud3,
               {
                 className: `w-3 h-3 ${indicators.server ? "text-[var(--l-pass-success)]" : "text-[var(--l-pass-warning)]"}`
@@ -12037,7 +12074,7 @@ function ConnectWalletButton(props) {
             )
           ] }),
           /* @__PURE__ */ jsxs48("div", { className: "group relative", children: [
-            /* @__PURE__ */ jsx62(
+            /* @__PURE__ */ jsx64(
               Laptop2,
               {
                 className: `w-3 h-3 ${indicators.local ? "text-[var(--l-pass-success)]" : "text-[var(--l-pass-warning)]"}`
@@ -12059,8 +12096,8 @@ function ConnectWalletButton(props) {
             )
           ] }),
           /* @__PURE__ */ jsxs48("div", { className: "group relative", children: [
-            /* @__PURE__ */ jsx62(
-              Shield3,
+            /* @__PURE__ */ jsx64(
+              Shield2,
               {
                 className: `w-3 h-3 ${indicators.backup ? "text-[var(--l-pass-success)]" : "text-[var(--l-pass-warning)]"}`
               }
@@ -12125,7 +12162,7 @@ function useLumiaPassportOpen() {
 }
 
 // src/hooks/useLumiaPassportColorMode.ts
-import { useCallback as useCallback18, useEffect as useEffect29 } from "react";
+import { useCallback as useCallback18, useEffect as useEffect30 } from "react";
 function useLumiaPassportColorMode() {
   const preferedColorMode = useLumiaPassportConfig().config?.preferedColorMode;
   const colorMode = useLayoutStore((st) => st.colorMode);
@@ -12137,7 +12174,7 @@ function useLumiaPassportColorMode() {
     },
     [handleStoreColorMode]
   );
-  useEffect29(() => {
+  useEffect30(() => {
     let targetColorMode = localStorage.getItem(LOCAL_COLOR_MODE_KEY);
     if (!targetColorMode && !preferedColorMode) {
       const systemMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
@@ -12155,23 +12192,23 @@ function useLumiaPassportColorMode() {
 
 // src/components/ThemeToggle.tsx
 import { Moon, Sun } from "lucide-react";
-import { jsx as jsx63 } from "react/jsx-runtime";
+import { jsx as jsx65 } from "react/jsx-runtime";
 function ThemeToggle(props) {
   const { colorMode, setColorMode } = useLumiaPassportColorMode();
-  return /* @__PURE__ */ jsx63(
+  return /* @__PURE__ */ jsx65(
     "div",
     {
       className: "lumia-scope",
       "data-lumia-passport-mode": colorMode,
       style: { width: "fit-content", height: "fit-content" },
-      children: /* @__PURE__ */ jsx63(
+      children: /* @__PURE__ */ jsx65(
         Button,
         {
           ...props,
           variant: "ghost",
           onClick: () => setColorMode(colorMode === "light" ? "dark" : "light"),
           title: `Current theme: ${colorMode}. Click to switch.`,
-          children: colorMode === "dark" ? /* @__PURE__ */ jsx63(Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx63(Moon, { className: "w-4 h-4" })
+          children: colorMode === "dark" ? /* @__PURE__ */ jsx65(Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx65(Moon, { className: "w-4 h-4" })
         }
       )
     }
@@ -12329,7 +12366,7 @@ var rainbowTheme = {
 };
 
 // src/context/RainbowKitContext.tsx
-import { Fragment as Fragment11, jsx as jsx64 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx66 } from "react/jsx-runtime";
 var LumiaRainbowKitProvider = ({ children }) => {
   const { config } = useLumiaPassportConfig();
   const isDark = useLayoutStore((st) => st.colorMode === "dark");
@@ -12358,9 +12395,9 @@ var LumiaRainbowKitProvider = ({ children }) => {
   );
   const isWalletEnabled = config.wallet?.enabled ?? false;
   if (!isWalletEnabled) {
-    return /* @__PURE__ */ jsx64(Fragment11, { children });
+    return /* @__PURE__ */ jsx66(Fragment12, { children });
   }
-  return /* @__PURE__ */ jsx64(WagmiProvider2, { config: rainbowConfig2, children: /* @__PURE__ */ jsx64(RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
+  return /* @__PURE__ */ jsx66(WagmiProvider2, { config: rainbowConfig2, children: /* @__PURE__ */ jsx66(RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
 };
 
 // src/internal/components/UserOpStatus.tsx
@@ -12378,7 +12415,7 @@ function cn2(...inputs) {
 }
 
 // src/internal/components/ui/badge.tsx
-import { jsx as jsx65 } from "react/jsx-runtime";
+import { jsx as jsx67 } from "react/jsx-runtime";
 var badgeVariants = cva2(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -12398,13 +12435,13 @@ var badgeVariants = cva2(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx65("div", { className: cn2(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx67("div", { className: cn2(badgeVariants({ variant }), className), ...props });
 }
 
 // src/internal/components/Address.tsx
 import * as React19 from "react";
 import { Copy as Copy4, ExternalLink as ExternalLink2 } from "lucide-react";
-import { jsx as jsx66, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs49 } from "react/jsx-runtime";
 function toExplorerAddressUrl(address, chain) {
   const base2 = chain?.blockExplorers?.default?.url;
   if (!base2) return null;
@@ -12426,11 +12463,11 @@ var Address = ({
   const addr = address || "";
   const explorer = toExplorerAddressUrl(addr, chain || void 0);
   const [copied, setCopied] = React19.useState(false);
-  if (!addr) return /* @__PURE__ */ jsx66("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
+  if (!addr) return /* @__PURE__ */ jsx68("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
   return /* @__PURE__ */ jsxs49("div", { className: cn2("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
-    label && /* @__PURE__ */ jsx66("span", { className: "text-sm font-medium", children: label }),
-    /* @__PURE__ */ jsx66("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
-    showCopy && /* @__PURE__ */ jsx66(
+    label && /* @__PURE__ */ jsx68("span", { className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ jsx68("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
+    showCopy && /* @__PURE__ */ jsx68(
       Button,
       {
         variant: "ghost",
@@ -12444,10 +12481,10 @@ var Address = ({
           } catch {
           }
         },
-        children: /* @__PURE__ */ jsx66(Copy4, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx68(Copy4, { className: "h-4 w-4" })
       }
     ),
-    showExplorer && explorer && /* @__PURE__ */ jsx66(
+    showExplorer && explorer && /* @__PURE__ */ jsx68(
       "a",
       {
         href: explorer,
@@ -12455,7 +12492,7 @@ var Address = ({
         rel: "noreferrer noopener",
         className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
         title: "Open in explorer",
-        children: /* @__PURE__ */ jsx66(ExternalLink2, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx68(ExternalLink2, { className: "h-4 w-4" })
       }
     )
   ] });
@@ -12463,7 +12500,7 @@ var Address = ({
 
 // src/internal/components/UserOpStatus.tsx
 init_base();
-import { jsx as jsx67, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs50 } from "react/jsx-runtime";
 var UserOpStatus = ({
   userOpHash,
   chain,
@@ -12597,30 +12634,30 @@ var UserOpStatus = ({
     if (receipt) {
       const ok = !!receipt.success;
       return /* @__PURE__ */ jsxs50(Badge, { variant: ok ? "success" : "destructive", className: "gap-1", children: [
-        ok ? /* @__PURE__ */ jsx67(CheckCircle28, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx67(AlertCircle4, { className: "h-3 w-3" }),
+        ok ? /* @__PURE__ */ jsx69(CheckCircle28, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx69(AlertCircle4, { className: "h-3 w-3" }),
         ok ? "Included" : "Failed"
       ] });
     }
     if (rejected) {
       return /* @__PURE__ */ jsxs50(Badge, { variant: "destructive", className: "gap-1", children: [
-        /* @__PURE__ */ jsx67(AlertCircle4, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx69(AlertCircle4, { className: "h-3 w-3" }),
         " Rejected by bundler"
       ] });
     }
     if (timedOut) {
       return /* @__PURE__ */ jsxs50(Badge, { variant: "warning", className: "gap-1", children: [
-        /* @__PURE__ */ jsx67(AlertCircle4, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx69(AlertCircle4, { className: "h-3 w-3" }),
         " Timeout - may be rejected"
       ] });
     }
     if (mempool) {
       return /* @__PURE__ */ jsxs50(Badge, { variant: "outline", className: "gap-1", children: [
-        /* @__PURE__ */ jsx67(Clock2, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsx69(Clock2, { className: "h-3 w-3" }),
         " Pending in bundler"
       ] });
     }
     return /* @__PURE__ */ jsxs50(Badge, { variant: "secondary", className: "gap-1", children: [
-      /* @__PURE__ */ jsx67(Clock2, { className: "h-3 w-3" }),
+      /* @__PURE__ */ jsx69(Clock2, { className: "h-3 w-3" }),
       " Waiting"
     ] });
   };
@@ -12633,17 +12670,17 @@ var UserOpStatus = ({
         /* @__PURE__ */ jsxs50("div", { className: "flex items-center justify-between mb-3", children: [
           /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-2", children: [
             stateBadge(),
-            /* @__PURE__ */ jsx67("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
+            /* @__PURE__ */ jsx69("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
           ] }),
           /* @__PURE__ */ jsxs50(Button, { variant: "ghost", size: "sm", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
-            /* @__PURE__ */ jsx67(RefreshCw4, { className: cn2("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
-            /* @__PURE__ */ jsx67("span", { className: "text-xs", children: "Refresh" })
+            /* @__PURE__ */ jsx69(RefreshCw4, { className: cn2("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
+            /* @__PURE__ */ jsx69("span", { className: "text-xs", children: "Refresh" })
           ] })
         ] }),
         /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-2 mb-2", children: [
-          /* @__PURE__ */ jsx67("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
-          /* @__PURE__ */ jsx67("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
-          /* @__PURE__ */ jsx67(
+          /* @__PURE__ */ jsx69("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
+          /* @__PURE__ */ jsx69("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
+          /* @__PURE__ */ jsx69(
             Button,
             {
               variant: "ghost",
@@ -12655,14 +12692,14 @@ var UserOpStatus = ({
                 } catch {
                 }
               },
-              children: /* @__PURE__ */ jsx67(Copy5, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ jsx69(Copy5, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
         receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ jsxs50("div", { className: "flex items-center gap-2 mb-3", children: [
-          /* @__PURE__ */ jsx67("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
-          /* @__PURE__ */ jsx67("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
-          /* @__PURE__ */ jsx67(
+          /* @__PURE__ */ jsx69("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
+          /* @__PURE__ */ jsx69("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
+          /* @__PURE__ */ jsx69(
             Button,
             {
               variant: "ghost",
@@ -12674,10 +12711,10 @@ var UserOpStatus = ({
                 } catch {
                 }
               },
-              children: /* @__PURE__ */ jsx67(Copy5, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ jsx69(Copy5, { className: "h-3.5 w-3.5" })
             }
           ),
-          chain?.blockExplorers?.default?.url && /* @__PURE__ */ jsx67(
+          chain?.blockExplorers?.default?.url && /* @__PURE__ */ jsx69(
             "a",
             {
               href: `${chain.blockExplorers.default.url}/tx/${receipt.receipt.transactionHash}`,
@@ -12685,7 +12722,7 @@ var UserOpStatus = ({
               rel: "noreferrer noopener",
               className: "inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-accent text-foreground",
               title: "Open in explorer",
-              children: /* @__PURE__ */ jsx67(ExternalLink3, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ jsx69(ExternalLink3, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
@@ -12698,7 +12735,7 @@ var UserOpStatus = ({
           " \u2022 Success ",
           String(!!receipt.success)
         ] }),
-        /* @__PURE__ */ jsx67("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ jsxs50("span", { className: "ml-2", children: [
+        /* @__PURE__ */ jsx69("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ jsxs50("span", { className: "ml-2", children: [
           "\u2022 Polling for ",
           Math.round((Date.now() - startTimeRef.current) / 1e3),
           "s"
@@ -12706,24 +12743,24 @@ var UserOpStatus = ({
         mempool && /* @__PURE__ */ jsxs50("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
           /* @__PURE__ */ jsxs50("div", { children: [
             "Seen by bundler at ",
-            /* @__PURE__ */ jsx67(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
+            /* @__PURE__ */ jsx69(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
           ] }),
           /* @__PURE__ */ jsxs50("div", { children: [
             "sender ",
-            /* @__PURE__ */ jsx67(Address, { address: mempool.sender, chain, truncate: false })
+            /* @__PURE__ */ jsx69(Address, { address: mempool.sender, chain, truncate: false })
           ] })
         ] }),
         error && /* @__PURE__ */ jsxs50("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx67(AlertCircle4, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx69(AlertCircle4, { className: "h-4 w-4" }),
           " ",
           error
         ] }),
         rejected && /* @__PURE__ */ jsxs50("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx67(AlertCircle4, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx69(AlertCircle4, { className: "h-4 w-4" }),
           "UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
         ] }),
         timedOut && /* @__PURE__ */ jsxs50("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
-          /* @__PURE__ */ jsx67(AlertCircle4, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx69(AlertCircle4, { className: "h-4 w-4" }),
           "Stopped polling after ",
           Math.round(maxPollTimeMs / 1e3),
           "s. UserOperation may have been rejected by the bundler."
@@ -12736,7 +12773,7 @@ var UserOpStatus = ({
 // src/internal/components/Hash.tsx
 import * as React21 from "react";
 import { Copy as Copy6, ExternalLink as ExternalLink4 } from "lucide-react";
-import { jsx as jsx68, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs51 } from "react/jsx-runtime";
 function toExplorerUrl(kind, value, chain) {
   const base2 = chain?.blockExplorers?.default?.url;
   if (!base2) return null;
@@ -12760,11 +12797,11 @@ var Hash = ({
   const value = hash || "";
   const explorer = toExplorerUrl(kind, value, chain || void 0);
   const [copied, setCopied] = React21.useState(false);
-  if (!value) return /* @__PURE__ */ jsx68("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
+  if (!value) return /* @__PURE__ */ jsx70("span", { className: cn2("text-muted-foreground", className), children: "\u2014" });
   return /* @__PURE__ */ jsxs51("div", { className: cn2("flex items-center gap-2", className), children: [
-    label && /* @__PURE__ */ jsx68("span", { className: "text-sm font-medium", children: label }),
-    /* @__PURE__ */ jsx68("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
-    showCopy && /* @__PURE__ */ jsx68(
+    label && /* @__PURE__ */ jsx70("span", { className: "text-sm font-medium", children: label }),
+    /* @__PURE__ */ jsx70("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
+    showCopy && /* @__PURE__ */ jsx70(
       Button,
       {
         variant: "ghost",
@@ -12778,10 +12815,10 @@ var Hash = ({
           } catch {
           }
         },
-        children: /* @__PURE__ */ jsx68(Copy6, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx70(Copy6, { className: "h-4 w-4" })
       }
     ),
-    showExplorer && explorer && /* @__PURE__ */ jsx68(
+    showExplorer && explorer && /* @__PURE__ */ jsx70(
       "a",
       {
         href: explorer,
@@ -12789,7 +12826,7 @@ var Hash = ({
         rel: "noreferrer noopener",
         className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
         title: "Open in explorer",
-        children: /* @__PURE__ */ jsx68(ExternalLink4, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx70(ExternalLink4, { className: "h-4 w-4" })
       }
     )
   ] });
@@ -12797,13 +12834,13 @@ var Hash = ({
 
 // src/internal/components/TransactionsMenu/TransactionsList.tsx
 init_base();
-import { useEffect as useEffect31, useState as useState18 } from "react";
-import { jsx as jsx69, jsxs as jsxs52 } from "react/jsx-runtime";
+import { useEffect as useEffect32, useState as useState18 } from "react";
+import { jsx as jsx71, jsxs as jsxs52 } from "react/jsx-runtime";
 var TransactionsList = ({ address, itemsCount = 10 }) => {
   const [transactions, setTransactions] = useState18([]);
   const [loading, setLoading] = useState18(true);
   const [error, setError] = useState18(null);
-  useEffect31(() => {
+  useEffect32(() => {
     const fetchTransactions = async () => {
       try {
         setLoading(true);
@@ -12841,7 +12878,7 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
   const formatAddress3 = (addr) => {
     return `${addr.slice(0, 6)}...${addr.slice(-4)}`;
   };
-  const formatDate2 = (timestamp) => {
+  const formatDate3 = (timestamp) => {
     return new Date(timestamp).toLocaleString();
   };
   const openTransaction = (txHash) => {
@@ -12850,20 +12887,20 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
   };
   if (loading) {
     return /* @__PURE__ */ jsxs52("div", { className: "p-4 text-center", children: [
-      /* @__PURE__ */ jsx69("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
-      /* @__PURE__ */ jsx69("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
+      /* @__PURE__ */ jsx71("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
+      /* @__PURE__ */ jsx71("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
     ] });
   }
   if (error) {
     return /* @__PURE__ */ jsxs52("div", { className: "p-4 text-center", children: [
-      /* @__PURE__ */ jsx69("p", { className: "text-red-600 text-sm", children: error }),
-      /* @__PURE__ */ jsx69("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
+      /* @__PURE__ */ jsx71("p", { className: "text-red-600 text-sm", children: error }),
+      /* @__PURE__ */ jsx71("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
     ] });
   }
   if (transactions.length === 0) {
-    return /* @__PURE__ */ jsx69("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx69("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
+    return /* @__PURE__ */ jsx71("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx71("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
   }
-  return /* @__PURE__ */ jsx69("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx69("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsx71("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx71("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ jsxs52(
     "div",
     {
       className: "border rounded-lg p-3 hover:bg-gray-50 cursor-pointer transition-colors",
@@ -12872,8 +12909,8 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
         /* @__PURE__ */ jsxs52("div", { className: "flex justify-between items-start mb-2", children: [
           /* @__PURE__ */ jsxs52("div", { className: "flex-1", children: [
             /* @__PURE__ */ jsxs52("div", { className: "flex items-center space-x-2 mb-1", children: [
-              /* @__PURE__ */ jsx69("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress3(tx.hash) }),
-              /* @__PURE__ */ jsx69(
+              /* @__PURE__ */ jsx71("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress3(tx.hash) }),
+              /* @__PURE__ */ jsx71(
                 "span",
                 {
                   className: `text-xs px-2 py-1 rounded ${tx.status === "ok" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`,
@@ -12883,21 +12920,21 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
             ] }),
             /* @__PURE__ */ jsxs52("div", { className: "text-sm space-y-1", children: [
               /* @__PURE__ */ jsxs52("div", { children: [
-                /* @__PURE__ */ jsx69("span", { className: "text-gray-600", children: "From:" }),
+                /* @__PURE__ */ jsx71("span", { className: "text-gray-600", children: "From:" }),
                 /* @__PURE__ */ jsxs52("span", { className: "font-mono ml-1", children: [
                   formatAddress3(tx.from.hash),
-                  tx.from.is_contract && /* @__PURE__ */ jsx69("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
+                  tx.from.is_contract && /* @__PURE__ */ jsx71("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs52("div", { children: [
-                /* @__PURE__ */ jsx69("span", { className: "text-gray-600", children: "To:" }),
+                /* @__PURE__ */ jsx71("span", { className: "text-gray-600", children: "To:" }),
                 /* @__PURE__ */ jsxs52("span", { className: "font-mono ml-1", children: [
                   formatAddress3(tx.to.hash),
-                  tx.to.is_contract && /* @__PURE__ */ jsx69("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
+                  tx.to.is_contract && /* @__PURE__ */ jsx71("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs52("div", { children: [
-                /* @__PURE__ */ jsx69("span", { className: "text-gray-600", children: "Value:" }),
+                /* @__PURE__ */ jsx71("span", { className: "text-gray-600", children: "Value:" }),
                 /* @__PURE__ */ jsxs52("span", { className: "font-semibold ml-1", children: [
                   formatValue2(tx.value),
                   " LUMIA"
@@ -12906,15 +12943,15 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
             ] })
           ] }),
           /* @__PURE__ */ jsxs52("div", { className: "text-right text-xs text-gray-500", children: [
-            /* @__PURE__ */ jsx69("div", { children: formatDate2(tx.timestamp) }),
+            /* @__PURE__ */ jsx71("div", { children: formatDate3(tx.timestamp) }),
             /* @__PURE__ */ jsxs52("div", { className: "mt-1", children: [
               "Gas: ",
               parseInt(tx.gas_used).toLocaleString()
             ] }),
-            tx.method && /* @__PURE__ */ jsx69("div", { className: "mt-1 text-blue-600", children: tx.method })
+            tx.method && /* @__PURE__ */ jsx71("div", { className: "mt-1 text-blue-600", children: tx.method })
           ] })
         ] }),
-        tx.transaction_types.length > 0 && /* @__PURE__ */ jsx69("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ jsx69("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
+        tx.transaction_types.length > 0 && /* @__PURE__ */ jsx71("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ jsx71("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
       ]
     },
     tx.hash
@@ -13257,10 +13294,10 @@ function useSmartAccountTransactions() {
 }
 
 // src/modules/linkedProfiles.ts
+import * as React24 from "react";
+init_auth();
 init_common();
 init_types();
-init_auth();
-import * as React24 from "react";
 function useLumiaPassportLinkedProfiles() {
   const { providersVersion } = useLumiaPassportConfig();
   const [profiles, setProfiles] = React24.useState([]);
@@ -13277,8 +13314,8 @@ function useLumiaPassportLinkedProfiles() {
         return {
           ...p,
           displayName: info.name,
-          icon: info.icon,
-          color: info.color
+          icon: info.icon
+          // color: info.color,
         };
       });
       setProfiles(enriched);