diff --git a/src/app/dashboard/ai-coach/heatmap/page.tsx b/src/app/dashboard/ai-coach/heatmap/page.tsx
index df2a614..90c9c31 100644
--- a/src/app/dashboard/ai-coach/heatmap/page.tsx
+++ b/src/app/dashboard/ai-coach/heatmap/page.tsx
@@ -35,7 +35,7 @@ export default function HeatmapPage() {
   const criticalTopics = isDemo ? DEMO_CRITICAL_TOPICS : []
 
   return (
-    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen">
+    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">
diff --git a/src/app/dashboard/ai-coach/page.tsx b/src/app/dashboard/ai-coach/page.tsx
index 621f836..2a702ed 100644
--- a/src/app/dashboard/ai-coach/page.tsx
+++ b/src/app/dashboard/ai-coach/page.tsx
@@ -89,7 +89,7 @@ export default function AICoachDashboard() {
   const currentStreakDays = `${user?.streak_count || (isDemo ? 12 : 1)} d`
 
   return (
-    <div className="p-6 max-w-6xl mx-auto space-y-8">
+    <div className="p-6 max-w-6xl mx-auto space-y-8 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
 
       {/* ── METRICS BAR ── */}
       <div className="flex flex-wrap items-center justify-end gap-2 pt-2">
diff --git a/src/app/dashboard/ai-coach/time-optimization/page.tsx b/src/app/dashboard/ai-coach/time-optimization/page.tsx
index 569564b..0c7b180 100644
--- a/src/app/dashboard/ai-coach/time-optimization/page.tsx
+++ b/src/app/dashboard/ai-coach/time-optimization/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import { StudyTimeOptimizationCard } from "@/components/AI/StudyTimeOptimizationCard"
 import { Clock, Zap, Moon, Sun, AlertCircle, ArrowRight, BarChart2 } from "lucide-react"
@@ -69,7 +69,7 @@ export default function TimeOptimizationPage() {
   ]
 
   return (
-    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen">
+    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">
diff --git a/src/app/dashboard/ai-coach/weekly-progress/page.tsx b/src/app/dashboard/ai-coach/weekly-progress/page.tsx
index e4512c2..f2edee0 100644
--- a/src/app/dashboard/ai-coach/weekly-progress/page.tsx
+++ b/src/app/dashboard/ai-coach/weekly-progress/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client"
 
 import { WeeklyProgressReport } from "@/components/AI/WeeklyProgressReport"
 import { Target, TrendingUp, Calendar, Zap, ArrowRight, BookOpen, CheckCircle2 } from "lucide-react"
@@ -41,7 +41,7 @@ export default function WeeklyProgressPage() {
   const syllabusProgress = isDemo ? DEMO_SYLLABUS_PROGRESS : ZERO_SYLLABUS_PROGRESS
 
   return (
-    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen">
+    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 min-h-screen animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
       {/* Page Header */}
       <div className="border-b border-border/50 pb-6">
         <div className="flex items-start justify-between gap-4 flex-wrap">
diff --git a/src/app/dashboard/cbt/history/[attemptId]/page.tsx b/src/app/dashboard/cbt/history/[attemptId]/page.tsx
index 92d2909..65d85c1 100644
--- a/src/app/dashboard/cbt/history/[attemptId]/page.tsx
+++ b/src/app/dashboard/cbt/history/[attemptId]/page.tsx
@@ -88,7 +88,7 @@ export default function AttemptHistoryPage({ params }: { params: Promise<{ attem
   const maxScore = attempt.total_questions * 4;
 
   return (
-    <div className="max-w-6xl mx-auto p-8">
+    <div className="max-w-6xl mx-auto p-8 animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
       <Link href={backRoute} className="inline-flex items-center text-sm text-muted-foreground hover:text-foreground mb-6 transition-colors">
         <ArrowLeft size={16} className="mr-2" /> {test?.type === 'DPS' ? 'Back to PrepPilot AI' : 'Back to Tests'}
       </Link>
diff --git a/src/app/dashboard/layout.tsx b/src/app/dashboard/layout.tsx
index 9dee182..668e982 100644
--- a/src/app/dashboard/layout.tsx
+++ b/src/app/dashboard/layout.tsx
@@ -428,7 +428,7 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
 
         {/* Scrollable page body */}
         <main className="flex-1 overflow-y-auto relative bg-background/50">
-          <div key={pathname} className="w-full h-full animate-in fade-in zoom-in-95 slide-in-from-bottom-4 duration-500">
+          <div key={pathname} className="w-full h-full">
             {children}
           </div>
         </main>