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

app/page.tsx

@@ -52,22 +52,22 @@ export default function DashboardPage() {
         description="Vue d'ensemble de vos finances"
         actions={
           <OFXImportDialog onImportComplete={refresh}>
-            <Button>
-              <Upload className="w-4 h-4 mr-2" />
-              Importer OFX
+            <Button className="md:h-10 md:px-5">
+              <Upload className="w-4 h-4 md:mr-2" />
+              <span className="hidden md:inline">Importer OFX</span>
             </Button>
           </OFXImportDialog>
         }
       />
 
-      <Card className="mb-4 sm:mb-6 border shadow-sm">
-        <CardContent className="px-4 py-4 sm:px-6 sm:py-6">
+      <Card className="mb-6 card-hover">
+        <CardContent className="px-5 py-5 sm:px-6 sm:py-6">
           <AccountFilterCombobox
             accounts={data.accounts}
             folders={data.folders}
             value={selectedAccounts}
             onChange={setSelectedAccounts}
-            className="w-full md:w-[280px]"
+            className="w-full md:w-[320px]"
             filteredTransactions={data.transactions}
           />
         </CardContent>