Create new Flutter app

The prompt requests the creation of a new app with a neumorphic design, similar to a household account book, using Flutter.

src/index.css

@@ -1,7 +1,10 @@
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+
 @layer base {
   :root {
     --background: 0 0% 100%;
@@ -32,7 +35,7 @@
     --input: 214.3 31.8% 91.4%;
     --ring: 222.2 84% 4.9%;
 
-    --radius: 0.5rem;
+    --radius: 1rem;
 
     --sidebar-background: 0 0% 98%;
 
@@ -96,6 +99,53 @@
   }
 
   body {
-    @apply bg-background text-foreground;
+    @apply bg-neuro-background text-foreground font-inter antialiased;
   }
-}
+  
+  html, body, #root {
+    @apply h-full overflow-x-hidden;
+  }
+}
+
+@layer components {
+  .neuro-flat {
+    @apply bg-neuro-background shadow-neuro-flat rounded-xl;
+  }
+  
+  .neuro-pressed {
+    @apply bg-neuro-background shadow-neuro-pressed rounded-xl;
+  }
+  
+  .neuro-convex {
+    @apply bg-neuro-background shadow-neuro-convex rounded-xl;
+  }
+  
+  .neuro-text {
+    @apply font-medium tracking-wide;
+  }
+  
+  .page-transition-enter {
+    @apply animate-fade-in;
+  }
+  
+  .glass-effect {
+    @apply bg-white/10 backdrop-blur-lg border border-white/20 rounded-xl;
+  }
+  
+  .neuro-button {
+    @apply neuro-flat px-4 py-3 text-neuro-accent font-medium transition-all duration-200
+    hover:shadow-neuro-convex hover:text-neuro-accent-light active:shadow-neuro-pressed;
+  }
+  
+  .neuro-card {
+    @apply neuro-flat p-6 transition-all duration-300 hover:shadow-neuro-convex;
+  }
+  
+  .neuro-input {
+    @apply neuro-pressed px-4 py-3 w-full focus:outline-none focus:ring-2 focus:ring-neuro-accent/30;
+  }
+}
+
+.font-inter {
+  font-family: 'Inter', sans-serif;
+}