feat: admin controls

app/pages/auth/setup.vue

@@ -136,7 +136,8 @@ const submit = async () => {
 </script>
 
 <template>
-    <div class="relative flex flex-col items-center justify-center w-full h-full p-4 overflow-hidden">
+    <div class="relative isolate flex flex-col items-center justify-center w-full min-h-full p-4">
+        <div aria-hidden="true" class="absolute inset-0 -z-10 overflow-hidden pointer-events-none">
         <!-- Background decorative blobs -->
         <div
             class="absolute -top-24 -right-24 w-96 h-96 bg-[var(--color-accent)] opacity-10 blur-[100px] rounded-full pointer-events-none">
@@ -145,6 +146,8 @@ const submit = async () => {
             class="absolute -bottom-24 -left-24 w-96 h-96 bg-[var(--color-accent)] opacity-5 blur-[100px] rounded-full pointer-events-none">
         </div>
 
+        </div>
+
         <div class="z-10 max-w-104 w-full flex flex-col gap-5">
             <div class="flex flex-col items-center gap-1 text-center">
                 <h1 class="text-3xl font-bold tracking-tight">Veridian</h1>
@@ -183,7 +186,7 @@ const submit = async () => {
                     <div class="flex flex-col gap-1.5">
                         <label for="email"
                             class="text-sm font-medium uppercase tracking-wider text-[var(--text-secondary)] ml-1">Email</label>
-                        <input required pattern=".{1,}@.{1,}\..{2,3}" ref="emailInputEl" type="email"
+                        <input required pattern=".+@.+\..+" ref="emailInputEl" type="email"
                             autocomplete="email" id="email" v-model="form.email" placeholder="name@example.com"
                             class="focus:ring-2 focus:ring-[var(--color-accent)]/20 border border-[var(--color-border)] transition-all" />
                     </div>