feat: revamp global styles and component designs with enhanced gradients, shadows, and responsive layouts for a modern fintech aesthetic

components/layout/page-layout.tsx

@@ -18,7 +18,7 @@ export function PageLayout({ children }: PageLayoutProps) {
       <div className="flex h-screen bg-background overflow-hidden page-background">
         <Sidebar open={sidebarOpen} onOpenChange={setSidebarOpen} />
         <main className="flex-1 overflow-auto overflow-x-hidden page-content">
-          <div className="p-4 md:p-6 space-y-4 md:space-y-6 max-w-full">
+          <div className="p-6 md:p-8 lg:p-10 space-y-6 md:space-y-8 max-w-full">
             {children}
           </div>
         </main>