Index: frontend/src/pages/Dashboard/DashboardLayout.jsx
===================================================================
--- frontend/src/pages/Dashboard/DashboardLayout.jsx	(revision 8c01a1f14ebd23dc0aeffe2d391546a92ddde9f9)
+++ frontend/src/pages/Dashboard/DashboardLayout.jsx	(revision a8381b18babc398c094b70c3ca5dc6cb0483c327)
@@ -29,10 +29,24 @@
   return (
     <SidebarProvider>
+      {/* App shell background */}
+      <div className="pointer-events-none fixed inset-0 -z-10">
+        <div className="absolute inset-0 bg-base-300/10" />
+        <div className="absolute inset-0 bg-radial-[circle_at_20%_20%] from-green-400/10 via-transparent to-transparent" />
+        <div className="absolute inset-0 bg-radial-[circle_at_80%_30%] from-blue-400/10 via-transparent to-transparent" />
+        <div className="absolute inset-0 bg-linear-to-b from-black/10 via-transparent to-black/25" />
+      </div>
+
       <DashboardSidebar />
+
       <SidebarInset className="pt-16 lg:pt-0">
         <DashboardTopbar username={username} onLogout={onLogout} />
+
         <div className="h-[calc(100vh-4rem)] overflow-auto">
-          <div className="container mx-auto px-6 py-8 md:px-8 md:py-10 lg:py-12">
-            <Outlet />
+          <div className="mx-auto w-full max-w-7xl px-4 py-6 sm:px-6 sm:py-8 lg:px-8 lg:py-10">
+            <div className="rounded-3xl border border-white/10 bg-base-100/60 shadow-[0_0_0_1px_rgba(255,255,255,0.04),0_24px_90px_rgba(0,0,0,0.35)] backdrop-blur-xl">
+              <div className="p-4 sm:p-6 lg:p-8">
+                <Outlet />
+              </div>
+            </div>
           </div>
         </div>