Polish settings and admin system pages

job-tracker-ui/src/components/DashboardView.tsx

@@ -222,22 +222,33 @@ export default function DashboardView() {
     <Box>
       <SectionCard
         sx={{
-          background: theme.palette.mode === "dark"
-            ? `radial-gradient(circle at top left, ${alpha(theme.palette.primary.main, 0.26)}, transparent 35%), linear-gradient(135deg, rgba(15,23,42,0.94), rgba(15,23,42,0.78))`
-            : `radial-gradient(circle at top left, ${alpha(theme.palette.primary.main, 0.18)}, transparent 35%), linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96))`,
+          backgroundColor: "background.paper",
+          borderColor: theme.palette.mode === "dark" ? alpha(theme.palette.primary.main, 0.22) : "divider",
+          boxShadow: theme.palette.mode === "dark"
+            ? `0 20px 48px ${alpha(theme.palette.common.black, 0.34)}`
+            : "0 18px 50px rgba(15, 23, 42, 0.06)",
           overflow: "hidden",
           position: "relative",
+          '&::before': {
+            content: '""',
+            position: 'absolute',
+            inset: 0,
+            pointerEvents: 'none',
+            background: theme.palette.mode === 'dark'
+              ? `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.14)}, transparent 42%)`
+              : `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.08)}, transparent 42%)`,
+          },
         }}
       >
         <Box sx={{ display: "flex", justifyContent: "space-between", gap: 2, flexWrap: "wrap", alignItems: "flex-start" }}>
           <Box sx={{ maxWidth: 760 }}>
-            <Typography variant="overline" sx={{ color: theme.palette.mode === "dark" ? alpha(theme.palette.primary.light, 0.95) : "primary.main", fontWeight: 800 }}>
+            <Typography variant="overline" sx={{ color: theme.palette.primary.main, fontWeight: 800 }}>
               {t("dashboardHeroLabel")}
             </Typography>
-            <Typography variant="h4" sx={{ fontWeight: 950, mt: 0.5, letterSpacing: -0.6, color: theme.palette.mode === "dark" ? "common.white" : "text.primary" }}>
+            <Typography variant="h4" sx={{ fontWeight: 950, mt: 0.5, letterSpacing: -0.6, color: "text.primary" }}>
               {t("dashboardOverviewTitle")}
             </Typography>
-            <Typography variant="body1" sx={{ color: theme.palette.mode === "dark" ? alpha(theme.palette.common.white, 0.82) : "text.secondary", mt: 1.25, maxWidth: 680 }}>
+            <Typography variant="body1" sx={{ color: "text.secondary", mt: 1.25, maxWidth: 680 }}>
               {t("dashboardOverviewBody")}
             </Typography>