Index: nextjs-dashboard/app/layout.tsx
===================================================================
--- nextjs-dashboard/app/layout.tsx	(revision db26589f8c0e8ec15f4df9c874a6e83af35d77fa)
+++ nextjs-dashboard/app/layout.tsx	(revision 7838471b3dbdfd04f0a7f7b3378cc3ed894cbde9)
@@ -19,4 +19,25 @@
     <html lang="en">
       <body className={`${poppins.className} antialiased bg-black md:bg-black`}>
+        <div className="min-h-screen flex items-center justify-center">
+          {/* Phone shell */}
+          <div
+            className="
+              w-full
+              h-screen
+              md:h-[800px]
+              md:max-h-[90vh]
+              md:w-[390px]
+              shadow-xl
+              md:rounded-2xl
+              overflow-hidden
+              flex 
+              flex-col
+              bg-transparent
+            "
+          >
+            {children}
+          </div>
+        </div>
+      </body>
     </html>
   );
