Hintergrundartefakte in Dashboard Panels beheben

src/components/dashboard/budget-column.tsx

@@ -230,8 +230,8 @@ export function BudgetColumn({
         width: { xs: "100%", md: groupCardWidth },
         maxWidth: "none",
         flexShrink: 0,
-        background: alpha(theme.palette.background.paper, isDark ? 0.84 : 0.84),
-        backdropFilter: "blur(8px)"
+        backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.94 : 0.98),
+        backgroundImage: "none"
       }}
     >
       <CardContent sx={{ p: 3 }}>
@@ -288,7 +288,8 @@ export function BudgetColumn({
                 p: 2,
                 borderRadius: "18px",
                 border: `1px solid ${alpha(theme.palette.text.primary, isDark ? 0.12 : 0.08)}`,
-                background: `linear-gradient(180deg, ${alpha(theme.palette.background.paper, isDark ? 0.86 : 0.94)} 0%, ${alpha(theme.palette.text.primary, isDark ? 0.05 : 0.02)} 100%)`
+                backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.9 : 0.96),
+                backgroundImage: "none"
               }}
             >
               <Stack spacing={1.4}>
@@ -430,7 +431,8 @@ export function BudgetColumn({
                       p: 2.25,
                       borderRadius: "18px",
                       border: `1px solid ${alpha(budget.colorCode, 0.22)}`,
-                      background: `linear-gradient(180deg, ${alpha(budget.colorCode, isDark ? 0.18 : 0.12)} 0%, ${alpha(theme.palette.background.paper, isDark ? 0.96 : 0.92)} 28%)`,
+                      backgroundColor: alpha(budget.colorCode, isDark ? 0.14 : 0.08),
+                      backgroundImage: "none",
                       overflow: "hidden",
                       height: "100%"
                     }}