fix: UX dark/light fixes. Still blue

frontend/src/components/Layout.tsx

@@ -52,13 +52,12 @@ export const Layout: React.FC<LayoutProps> = ({ children, mobileMode = false })
   // Mobile layout
   if (mobileMode) {
     return (
-      <div className="w-full min-h-screen bg-background-default">
+      <div className="w-full min-h-screen bg-gradient-to-br from-slate-50 via-white to-rose-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900">
         <Container
           maxWidth={false}
-          sx={{ 
-            bgcolor: 'background.paper', 
-            borderRadius: 0, 
-            p: 0, 
+          sx={{
+            borderRadius: 0,
+            p: 0,
             boxShadow: 0,
             minHeight: '100vh',
             display: 'flex',
@@ -96,7 +95,7 @@ export const Layout: React.FC<LayoutProps> = ({ children, mobileMode = false })
 
   // Desktop layout
   return (
-    <Box sx={{ minHeight: '100vh', bgcolor: 'background.default' }}>
+    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-rose-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900">
       {/* Sidebar */}
       <Paper
         elevation={2}
@@ -285,6 +284,6 @@ export const Layout: React.FC<LayoutProps> = ({ children, mobileMode = false })
           onClick={toggleSidebar}
         />
       )}
-    </Box>
+    </div>
   );
 };