unfied style

apps/marketplace/src/components/RenterShell.tsx

@@ -100,7 +100,7 @@ export default function RenterShell({ children }: { children: React.ReactNode })
   const pageTitle = activeNav ? (dict[activeNav.key as keyof typeof dict] as string) : dict.dashboard
 
   return (
-    <div className="flex min-h-screen bg-stone-50 dark:bg-stone-950">
+    <div className="site-page flex min-h-screen">
       {open && (
         <div
           className="fixed inset-0 z-30 bg-black/50 lg:hidden"
@@ -201,7 +201,7 @@ export default function RenterShell({ children }: { children: React.ReactNode })
           isRtl ? 'lg:mr-64' : 'lg:ml-64',
         ].join(' ')}
       >
-        <header className="flex h-16 items-center justify-between border-b border-stone-200 bg-white px-6 transition-colors dark:border-stone-800 dark:bg-stone-950">
+        <header className="flex h-16 items-center justify-between border-b border-stone-200/80 bg-white/80 px-6 backdrop-blur transition-colors dark:border-stone-800 dark:bg-stone-900/70">
           <h1 className="text-lg font-semibold text-stone-900 dark:text-stone-100">{pageTitle}</h1>
           <div className="flex h-8 w-8 items-center justify-center rounded-full bg-amber-500 text-xs font-semibold text-white">
             {userInitials}
@@ -212,7 +212,7 @@ export default function RenterShell({ children }: { children: React.ReactNode })
           {children}
         </main>
 
-        <footer className="border-t border-stone-200 bg-white/90 px-6 py-4 transition-colors dark:border-stone-800 dark:bg-stone-950/90">
+        <footer className="border-t border-stone-200/80 bg-white/80 px-6 py-4 backdrop-blur transition-colors dark:border-stone-800 dark:bg-stone-900/70">
           <p className="text-center text-xs text-stone-400 dark:text-stone-500">
             &copy; {new Date().getFullYear()} RentalDriveGo. {dict.rights}
           </p>