diff --git a/app/layouts/admin.css b/app/layouts/admin.css
index 33ec929..76218e1 100644
--- a/app/layouts/admin.css
+++ b/app/layouts/admin.css
@@ -46,6 +46,8 @@ html, body { margin: 0; padding: 0; height: 100%; }
 .rh-sidebar-footer { padding:24px; }
 .rh-back-link { font-size:14px; color:#94a3b8; font-weight:500; text-decoration:none; }
 .rh-back-link:hover { color:#64748b; }
+.rh-logout-link { display:block; margin-top:12px; font-size:14px; color:#94a3b8; font-weight:500; background:none; border:none; padding:0; cursor:pointer; font-family:inherit; }
+.rh-logout-link:hover { color:#ef4444; }
 
 /* ── Main ── */
 .rh-main { flex:1; overflow-y:auto; padding:24px 32px; }
diff --git a/app/layouts/admin.vue b/app/layouts/admin.vue
index 24b0275..6ee58c1 100644
--- a/app/layouts/admin.vue
+++ b/app/layouts/admin.vue
@@ -1,6 +1,20 @@
 <!-- layouts/admin.vue -->
 <script setup lang="ts">
+import { authClient } from '~/utils/auth-client'
+
 const route = useRoute()
+
+async function logout() {
+  const confirmed = confirm('Are you sure you want to log out?')
+  if (!confirmed) return
+
+  try {
+    await authClient.signOut()
+    window.location.href = '/auth'
+  } catch (error) {
+    console.error('Logout failed:', error)
+  }
+}
 </script>
 
 <template>
@@ -27,6 +41,7 @@ const route = useRoute()
 
       <div class="rh-sidebar-footer">
         <NuxtLink to="/" class="rh-back-link">← Back to Portal</NuxtLink>
+        <button class="rh-logout-link" @click="logout">⎋ Logout</button>
       </div>
     </aside>
 
diff --git a/app/pages/reader/forms.vue b/app/pages/reader/forms.vue
index 374602a..fe50261 100644
--- a/app/pages/reader/forms.vue
+++ b/app/pages/reader/forms.vue
@@ -85,7 +85,8 @@ const isCurrentComponentCorrect = computed(() => {
   if (q.questionType !== 'mcq') return true
   const options = q.questionOptions as any
   if (!options || !options.choices) return true
-  const choice = options.choices.find((c: any) => c.text === answers.value[q.id])
+  const choiceIndex = Number(answers.value[q.id])
+  const choice = options.choices[choiceIndex]
   return choice ? choice.correct : false
 })
 
@@ -396,14 +397,14 @@ function getBadgeClass(type: string) {
                       <div v-else-if="currentComponent.questionType === 'mcq'" class="space-y-3">
                         <button
                           v-for="(choice, ci) in (currentComponent.questionOptions as any)?.choices" :key="ci"
-                          @click="answers[currentComponent.id] = (choice as any).text"
+                          @click="answers[currentComponent.id] = String(ci)"
                           class="w-full text-left p-5 rounded-2xl font-bold text-lg border-2 transition-all"
-                          :style="answers[currentComponent.id] === (choice as any).text
+                          :style="answers[currentComponent.id] === String(ci)
                             ? 'border-color:var(--brand-indigo); background:rgba(224,96,77,0.1); color:var(--brand-indigo); transform:scale(1.02)'
                             : 'border-color:#f1f5f9; background:white; color:#374151'"
                         >
                           <span class="inline-flex items-center justify-center w-8 h-8 rounded-full mr-3 text-sm font-black"
-                            :style="answers[currentComponent.id] === (choice as any).text
+                            :style="answers[currentComponent.id] === String(ci)
                               ? 'background:var(--brand-indigo); color:white'
                               : 'background:#f1f5f9; color:#6b7280'"
                           >{{ String.fromCharCode(65 + Number(ci)) }}</span>