diff --git a/src/pages/CalculatorPage.tsx b/src/pages/CalculatorPage.tsx
index e2f2b43..27f54a0 100644
--- a/src/pages/CalculatorPage.tsx
+++ b/src/pages/CalculatorPage.tsx
@@ -322,6 +322,40 @@ function CalculatorPage() {
   const isHybridTypeVisible = engineType === "Гибридный";
   const isPowerRatioVisible = engineType === "Гибридный";
 
+  // Общие стили для инпутов
+  const inputCommonStyles = {
+    borderRadius: isMobile ? "5vw" : "2vw",
+    bgcolor: "white",
+    height: isMobile ? "8.5vw" : "2vw",
+    width: "100%",
+    border: "0.1vw solid #C27664",
+    fontFamily: "Unbounded",
+    fontSize: isMobile ? "3.5vw" : "1.2vw",
+    color: "#C27664",
+  };
+
+  // Стили для TextField
+  const textFieldStyles = {
+    "& .MuiOutlinedInput-root": {
+      ...inputCommonStyles,
+      "& fieldset": {
+        border: "none",
+      },
+    },
+  };
+
+  // Стили для Select
+  const selectStyles = {
+    ...inputCommonStyles,
+    "& .MuiOutlinedInput-notchedOutline": {
+      border: "none",
+    },
+    "& .MuiSvgIcon-root": {
+      fontSize: isMobile ? "5vw" : "2vw",
+      color: "#C27664",
+    },
+  };
+
   return (
     <Box
       sx={{
@@ -502,23 +536,7 @@ function CalculatorPage() {
               value={age}
               onChange={(e) => setAge(e.target.value)}
               displayEmpty
-              sx={{
-                borderRadius: isMobile ? "5vw" : "2vw",
-                bgcolor: "white",
-                height: isMobile ? "4.5vw" : "2vw",
-                width: "100%",
-                border: "0.1vw solid #C27664",
-                fontFamily: "Unbounded",
-                fontSize: isMobile ? "2.5vw" : "1.2vw",
-                color: "#C27664",
-                "& .MuiOutlinedInput-notchedOutline": {
-                  border: "none",
-                },
-                "& .MuiSvgIcon-root": {
-                  fontSize: isMobile ? "5vw" : "2vw",
-                  color: "#C27664",
-                },
-              }}
+              sx={selectStyles}
             >
               <MenuItem value="3">Менее 3х лет</MenuItem>
               <MenuItem value="3-5">3-5 лет</MenuItem>
@@ -561,44 +579,14 @@ function CalculatorPage() {
                   </InputAdornment>
                 ),
               }}
-              sx={{
-                "& .MuiOutlinedInput-root": {
-                  borderRadius: isMobile ? "5vw" : "2vw",
-                  bgcolor: "white",
-                  height: isMobile ? "4.5vw" : "2vw",
-                  width: "100%",
-                  border: "0.1vw solid #C27664",
-                  fontFamily: "Unbounded",
-                  fontSize: isMobile ? "2.5vw" : "1.2vw",
-                  color: "#C27664",
-                  "& fieldset": {
-                    border: "none",
-                  },
-                },
-              }}
+              sx={textFieldStyles}
             />
             <FormControl fullWidth variant="outlined">
               <Select
                 value={currency}
                 onChange={(e) => setCurrency(e.target.value as string)}
                 displayEmpty
-                sx={{
-                  borderRadius: isMobile ? "5vw" : "2vw",
-                  bgcolor: "white",
-                  height: isMobile ? "4.5vw" : "2vw",
-                  width: "100%",
-                  border: "0.1vw solid #C27664",
-                  fontFamily: "Unbounded",
-                  fontSize: isMobile ? "2.5vw" : "1.2vw",
-                  color: "#C27664",
-                  "& .MuiOutlinedInput-notchedOutline": {
-                    border: "none",
-                  },
-                  "& .MuiSvgIcon-root": {
-                    fontSize: isMobile ? "5vw" : "2vw",
-                    color: "#C27664",
-                  },
-                }}
+                sx={selectStyles}
               >
                 <MenuItem value="USD Доллар США">
                   USD Доллар США{" "}
@@ -655,23 +643,7 @@ function CalculatorPage() {
                 value={engineType}
                 onChange={(e) => setEngineType(e.target.value as string)}
                 displayEmpty
-                sx={{
-                  borderRadius: isMobile ? "5vw" : "2vw",
-                  bgcolor: "white",
-                  height: isMobile ? "4.5vw" : "2vw",
-                  width: "100%",
-                  border: "0.1vw solid #C27664",
-                  fontFamily: "Unbounded",
-                  fontSize: isMobile ? "2.5vw" : "1.2vw",
-                  color: "#C27664",
-                  "& .MuiOutlinedInput-notchedOutline": {
-                    border: "none",
-                  },
-                  "& .MuiSvgIcon-root": {
-                    fontSize: isMobile ? "5vw" : "2vw",
-                    color: "#C27664",
-                  },
-                }}
+                sx={selectStyles}
               >
                 <MenuItem value="Бензиновый">Бензиновый</MenuItem>
                 <MenuItem value="Дизельный">Дизельный</MenuItem>
@@ -707,23 +679,7 @@ function CalculatorPage() {
                   value={hybridType}
                   onChange={(e) => setHybridType(e.target.value as string)}
                   displayEmpty
-                  sx={{
-                    borderRadius: isMobile ? "5vw" : "2vw",
-                    bgcolor: "white",
-                    height: isMobile ? "4.5vw" : "2vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: isMobile ? "2.5vw" : "1.2vw",
-                    color: "#C27664",
-                    "& .MuiOutlinedInput-notchedOutline": {
-                      border: "none",
-                    },
-                    "& .MuiSvgIcon-root": {
-                      fontSize: isMobile ? "5vw" : "2vw",
-                      color: "#C27664",
-                    },
-                  }}
+                  sx={selectStyles}
                 >
                   <MenuItem value="Подключаемый гибрид">
                     Подключаемый гибрид
@@ -756,21 +712,7 @@ function CalculatorPage() {
                 value={engineVolume}
                 onChange={(e) => setEngineVolume(e.target.value)}
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: isMobile ? "5vw" : "2vw",
-                    bgcolor: "white",
-                    height: isMobile ? "4.5vw" : "2vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: isMobile ? "2.5vw" : "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
               />
               <Typography
                 sx={{
@@ -801,21 +743,7 @@ function CalculatorPage() {
                 value={enginePower}
                 onChange={(e) => setEnginePower(e.target.value)}
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: isMobile ? "5vw" : "2vw",
-                    bgcolor: "white",
-                    height: isMobile ? "4.5vw" : "2vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: isMobile ? "2.5vw" : "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
               />
               <Typography
                 sx={{
@@ -930,21 +858,7 @@ function CalculatorPage() {
                 value={electricMotorPower}
                 onChange={(e) => setElectricMotorPower(e.target.value)}
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: isMobile ? "5vw" : "2vw",
-                    bgcolor: "white",
-                    height: isMobile ? "4.5vw" : "2vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: isMobile ? "3vw" : "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
               />
               <Typography
                 sx={{
@@ -1089,23 +1003,7 @@ function CalculatorPage() {
                 value={calculationType}
                 onChange={(e) => setCalculationType(e.target.value as string)}
                 displayEmpty
-                sx={{
-                  borderRadius: "2vw",
-                  bgcolor: "white",
-                  height: isMobile ? "4.5vw" : "2vw",
-                  width: "100%",
-                  fontFamily: "Unbounded",
-                  fontSize: isMobile ? "2.5vw" : "1.2vw",
-                  border: "0.1vw solid #C27664",
-                  color: "#C27664",
-                  "& .MuiOutlinedInput-notchedOutline": {
-                    border: "none",
-                  },
-                  "& .MuiSvgIcon-root": {
-                    fontSize: isMobile ? "5vw" : "2vw",
-                    color: "#C27664",
-                  },
-                }}
+                sx={selectStyles}
               >
                 <MenuItem value="Физ. лица">Физ. лица</MenuItem>
                 <MenuItem value="Юр. лица">Юр. лица</MenuItem>
@@ -1134,7 +1032,10 @@ function CalculatorPage() {
                     color: "#C27664",
                     "&.Mui-checked": { color: "#C27664" },
                     "& .MuiSvgIcon-root": {
-                      fontSize: isMobile ? "5vw" : "2vw",
+                      fontSize: isMobile ? "6vw" : "2vw",
+                    },
+                    "&:hover": {
+                      bgcolor: "transparent",
                     },
                   }}
                 />
@@ -1142,7 +1043,8 @@ function CalculatorPage() {
               label="Повышенной проходимости"
               sx={{
                 "& .MuiFormControlLabel-label": {
-                  fontSize: isMobile ? "3vw" : "1.5vw",
+                  fontSize: isMobile ? "3.5vw" : "1.5vw",
+                  textWrap: "nowrap",
                   color: "#C27664",
                   fontFamily: "Unbounded",
                 },
@@ -1156,13 +1058,13 @@ function CalculatorPage() {
             variant="contained"
             onClick={handleCalculate}
             sx={{
-              maxWidth: isMobile ? "50vw" : "30vw",
+              maxWidth: isMobile ? "55vw" : "30vw",
               bgcolor: "#C27664",
               color: "white",
-              fontSize: isMobile ? "3.5vw" : "2vw",
+              fontSize: isMobile ? "5vw" : "2vw",
               padding: isMobile ? "2vw" : "1vw",
               textTransform: "none",
-              borderRadius: isMobile ? "5vw" : "3vw",
+              borderRadius: isMobile ? "6vw" : "3vw",
               fontFamily: "Unbounded",
               position: "relative",
               left: "50%",
diff --git a/src/pages/ContactsPage.tsx b/src/pages/ContactsPage.tsx
index 467fbd0..e32dc0e 100644
--- a/src/pages/ContactsPage.tsx
+++ b/src/pages/ContactsPage.tsx
@@ -65,7 +65,6 @@ function ContactsPage() {
     >
       <Box
         sx={{
-          maxWidth: "80vw",
           margin: "0 auto",
           textAlign: "center",
         }}
@@ -74,9 +73,9 @@ function ContactsPage() {
           component="h1"
           sx={{
             fontFamily: "Unbounded",
-            fontSize: isMobile ? "8vw" : "4rem",
+            fontSize: isMobile ? "7vw" : "4rem",
             fontWeight: "bold",
-            marginBottom: "2rem",
+            marginBottom: "4vw",
             textWrap: "nowrap",
           }}
         >
diff --git a/src/pages/TeamPage.tsx b/src/pages/TeamPage.tsx
index fae38fc..dbe9d7b 100644
--- a/src/pages/TeamPage.tsx
+++ b/src/pages/TeamPage.tsx
@@ -236,7 +236,7 @@ function TeamPage() {
               sx={{
                 position: "relative",
                 bottom: "-5vw",
-                top: "50%",
+                top: isMobile ? "45%" : "50%",
                 display: "flex",
                 gap: "1vw",
               }}
@@ -246,8 +246,8 @@ function TeamPage() {
                   key={index}
                   onClick={() => handleMemberClick(index)}
                   sx={{
-                    width: isMobile ? "3vw" : "1vw",
-                    height: isMobile ? "3vw" : "1vw",
+                    width: isMobile ? "5vw" : "1vw",
+                    height: isMobile ? "5vw" : "1vw",
                     borderRadius: "50%",
                     backgroundColor: index === activeIndex ? "#C27664" : "#CDCDCD",
                     cursor: "pointer",
diff --git a/src/pages/admin/Vehicle.tsx b/src/pages/admin/Vehicle.tsx
index ea6c576..4cdf3e0 100644
--- a/src/pages/admin/Vehicle.tsx
+++ b/src/pages/admin/Vehicle.tsx
@@ -54,6 +54,7 @@ import {
   getImageUrl,
 } from "../../utils/api";
 import type { Car } from "../../utils/api";
+import { useResponsive } from "../../theme/useResponsive";
 
 // Определяем типы здесь, так как они не экспортируются из api.ts
 
@@ -70,6 +71,7 @@ const Vehicle = () => {
   const [totalCars, setTotalCars] = useState(0);
   const [viewMode, setViewMode] = useState<"list" | "grid">("grid");
   const [searchQuery, setSearchQuery] = useState("");
+  const { isMobile } = useResponsive();
 
   // Состояния для модальных окон
   const [openCreateDialog, setOpenCreateDialog] = useState(false);
@@ -428,8 +430,8 @@ const Vehicle = () => {
       component={Paper}
       elevation={3}
       sx={{
-        borderRadius: "1vw",
-        overflow: "hidden",
+        borderRadius: isMobile ? "2vw" : "1vw",
+        overflow: isMobile ? "scroll" : "hidden",
       }}
     >
       <Table>
@@ -476,10 +478,10 @@ const Vehicle = () => {
                   src={getImageUrl(car.image)}
                   alt={car.name}
                   sx={{
-                    width: "10vw",
-                    height: "5vw",
+                    width: isMobile ? "25vw" : "10vw",
+                    height: isMobile ? "15vw" : "5vw",
                     objectFit: "cover",
-                    borderRadius: "0.7vw",
+                    borderRadius: isMobile ? "2vw" : "0.7vw",
                     boxShadow: "0 0.2vw 0.4vw rgba(0,0,0,0.1)",
                     userSelect: "none",
                     pointerEvents: "none",
@@ -561,7 +563,7 @@ const Vehicle = () => {
 
   // Рендер сетки карточек
   const renderGrid = () => (
-    <Grid container spacing={3}>
+    <Grid container spacing={3} style={{ justifyContent: isMobile ? "center" : "auto" }}>
       {filteredCars.map((car) => (
         <Grid item xs={12} sm={6} md={4} key={car.id}>
           <Card
@@ -570,7 +572,7 @@ const Vehicle = () => {
               height: "100%",
               display: "flex",
               flexDirection: "column",
-              borderRadius: "1vw",
+              borderRadius: isMobile ? "5vw" : "1vw",
               transition: "transform 0.3s, box-shadow 0.3s",
               boxShadow: "0 0.5vw 1vw rgba(0,0,0,0.15)",
               "&:hover": {
@@ -590,7 +592,7 @@ const Vehicle = () => {
                 pointerEvents: "none",
               }}
             />
-            <CardContent sx={{ pt: "0.5vw" }}>
+            <CardContent sx={{ pt: isMobile ? "3vw" : "0.5vw" }}>
               <Typography
                 gutterBottom
                 variant="h6"
@@ -650,7 +652,7 @@ const Vehicle = () => {
 
             <Divider />
 
-            <CardActions sx={{ justifyContent: "space-between", p: "1vw" }}>
+            <CardActions sx={{ justifyContent: "space-between", p: isMobile ? "3vw" : "1vw" }}>
               <Button
                 size="small"
                 startIcon={<EditIcon />}
@@ -661,7 +663,7 @@ const Vehicle = () => {
                   transition: "all 0.2s ease",
                   fontFamily: "Unbounded",
                   fontWeight: "bold",
-                  fontSize: "0.8vw",
+                  fontSize: isMobile ? "4.5vw" : "0.8vw",
                 }}
               >
                 Изменить
@@ -679,7 +681,7 @@ const Vehicle = () => {
                   transition: "all 0.2s ease",
                   fontFamily: "Unbounded",
                   fontWeight: "bold",
-                  fontSize: "0.8vw",
+                  fontSize: isMobile ? "4.5vw" : "0.8vw",
                 }}
               >
                 Удалить
@@ -691,35 +693,97 @@ const Vehicle = () => {
     </Grid>
   );
 
+  // Общие стили для компонентов формы
+  const textFieldStyles = {
+    "& .MuiOutlinedInput-root": {
+      borderRadius: isMobile ? "5vw" : "1vw",
+      bgcolor: "white",
+      height: isMobile ? "8vw" : "4vw",
+      width: "100%",
+      border: "0.1vw solid #C27664",
+      fontFamily: "Unbounded",
+      fontSize: isMobile ? "4vw" : "1.2vw",
+      color: "#C27664",
+      mb: isMobile ? "3vw" : "0",
+      "& fieldset": {
+        border: "none",
+      },
+    },
+  };
+
+  const disabledTextFieldStyles = {
+    "& .MuiOutlinedInput-root": {
+      borderRadius: isMobile ? "5vw" : "1vw",
+      bgcolor: "#f5f5f5",
+      height: isMobile ? "8vw" : "4vw",
+      width: "100%",
+      border: "0.1vw solid #C27664",
+      fontFamily: "Unbounded",
+      fontSize: isMobile ? "4vw" : "1.2vw",
+      color: "#C27664",
+      mb: isMobile ? "3vw" : "0",
+      "& fieldset": {
+        border: "none",
+      },
+    },
+  };
+
+  const selectStyles = {
+    borderRadius: isMobile ? "5vw" : "1vw",
+    bgcolor: "white",
+    height: isMobile ? "8vw" : "4vw",
+    width: "100%",
+    fontFamily: "Unbounded",
+    fontSize: isMobile ? "4vw" : "1.2vw",
+    color: "#C27664",
+    mb: isMobile ? "3vw" : "0",
+    "& .MuiOutlinedInput-notchedOutline": {
+      border: "0.1vw solid #C27664",
+    },
+    "& .MuiSvgIcon-root": {
+      fontSize: isMobile ? "5vw" : "2vw",
+      color: "#C27664",
+    },
+    transition: "all 0.2s ease",
+  };
+
+  const inputLabelStyles = {
+    fontFamily: "Unbounded",
+    color: "#C27664",
+    "&.Mui-focused": { color: "#C27664" },
+  };
+
   return (
     <Box>
       {/* Заголовок и кнопки управления */}
       <Paper
         elevation={3}
         sx={{
-          p: "2vw",
+          mt: isMobile ? "3vw" : "0",
+          p: isMobile ? "3vw" : "2vw",
           mb: "2vw",
-          borderRadius: "1vw",
+          borderRadius: isMobile ? "5vw" : "1vw",
           background: "linear-gradient(to right, #2D2D2D, #3D3D3D)",
         }}
       >
         <Box
           sx={{
             display: "flex",
-            justifyContent: "space-between",
+            justifyContent: isMobile ? "center" : "space-between",
             alignItems: "center",
             flexWrap: "wrap",
             gap: "1vw",
           }}
         >
           <Box sx={{ display: "flex", alignItems: "center", gap: "1vw" }}>
-            <DirectionsCarIcon sx={{ fontSize: "3.5vw", color: "#C27664" }} />
+            <DirectionsCarIcon sx={{ fontSize: isMobile ? "9vw" : "2vw", color: "#C27664" }} />
             <Typography
               variant="h5"
               sx={{
                 fontFamily: "Unbounded",
                 fontWeight: "bold",
                 color: "white",
+                fontSize: isMobile ? "4vw" : "2vw",
               }}
             >
               Управление автомобилями
@@ -736,8 +800,9 @@ const Vehicle = () => {
                 color: "white",
                 textTransform: "none",
                 fontFamily: "Unbounded",
-                borderRadius: "1vw",
-                px: "2vw",
+                borderRadius: isMobile ? "5vw" : "1vw",
+                margin: isMobile ? "2vw" : "0",
+                px: isMobile ? "5vw" : "2vw",
                 "&:hover": { bgcolor: "#945B4D" },
               }}
             >
@@ -751,12 +816,12 @@ const Vehicle = () => {
       <Paper
         elevation={2}
         sx={{
-          p: "1.5vw",
-          mb: "2vw",
+          p: isMobile ? "3.5vw" : "1.5vw",
+          mb: isMobile ? "5vw" : "2vw",
           display: "flex",
           justifyContent: "space-between",
           alignItems: "center",
-          borderRadius: "1vw",
+          borderRadius: isMobile ? "5vw" : "1vw",
           flexWrap: "wrap",
           gap: "1vw",
           boxShadow: "0 0.5vw 1vw rgba(0,0,0,0.15)",
@@ -771,7 +836,8 @@ const Vehicle = () => {
           sx={{
             minWidth: 300,
             "& .MuiOutlinedInput-root": {
-              borderRadius: "1vw",
+              borderRadius: isMobile ? "5vw" : "1vw",
+              width: isMobile ? "105%" : "auto",
             },
           }}
           InputProps={{
@@ -783,11 +849,11 @@ const Vehicle = () => {
           }}
         />
 
-        <Box sx={{ display: "flex", alignItems: "center" }}>
+        <Box sx={{ display: "flex", alignItems: "center", flexDirection: isMobile ? "column" : "row", width: isMobile ? "100%" : "auto", justifyContent: isMobile ? "center" : "auto" }}>
           <Typography
             variant="body2"
             color="text.secondary"
-            sx={{ mr: "1vw", fontFamily: "Unbounded" }}
+            sx={{ mr: isMobile ? "0" : "1vw", mt: isMobile ? "2vw" : "0", fontFamily: "Unbounded", fontSize: isMobile ? "5vw" : "1vw" }}
           >
             Всего: {totalCars} автомобилей
           </Typography>
@@ -817,7 +883,7 @@ const Vehicle = () => {
 
       {/* Сообщения об ошибках */}
       {error && (
-        <Alert severity="error" sx={{ mb: "1vw", borderRadius: "1vw" }}>
+        <Alert severity="error" sx={{ mb: isMobile ? "5vw" : "1vw", borderRadius: isMobile ? "5vw" : "1vw", border: isMobile ? "0.1vw solid #C27664" : "none" }}>
           {error}
         </Alert>
       )}
@@ -897,28 +963,11 @@ const Vehicle = () => {
               xs={12}
               md={6}
               style={{
-                display: "grid",
-                gridTemplateColumns: "repeat(2, 1fr)",
+                display: isMobile ? "block" : "grid",
+                gridTemplateColumns: isMobile ? "auto" : "repeat(2, 1fr)",
                 gap: "1vw",
               }}
             >
-              {/* <TextField
-                name="name"
-                label="Название автомобиля"
-                value={formData.name}
-                sx={{ label: { fontFamily: "Unbounded" }, input: { fontFamily: "Unbounded" } }}
-                onChange={handleInputChange}
-                fullWidth
-                margin="normal"
-                variant="outlined"
-                InputProps={{
-                  startAdornment: (
-                    <InputAdornment position="start">
-                      <DirectionsCarIcon color="action" />
-                    </InputAdornment>
-                  ),
-                }}
-              /> */}
               <TextField
                 fullWidth
                 placeholder="Название автомобиля"
@@ -927,47 +976,15 @@ const Vehicle = () => {
                   setFormData({ ...formData, name: e.target.value })
                 }
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
                 InputProps={{
                   startAdornment: (
                     <InputAdornment position="start">
-                      <DirectionsCarIcon sx={{ color: "#C27664" }} />
+                      <DirectionsCarIcon sx={{ color: "#C27664", fontSize: isMobile ? "5vw" : "2vw" }} />
                     </InputAdornment>
                   ),
                 }}
               />
-              {/* <TextField
-                name="year"
-                label="Год выпуска"
-                type="number"
-                value={formData.year}
-                sx={{ label: { fontFamily: "Unbounded" }, input: { fontFamily: "Unbounded" } }}
-                onChange={handleInputChange}
-                fullWidth
-                margin="normal"
-                variant="outlined"
-                InputProps={{
-                  startAdornment: (
-                    <InputAdornment position="start">
-                      <CalendarTodayIcon color="action" />
-                    </InputAdornment>
-                  ),
-                }}
-              /> */}
               <TextField
                 fullWidth
                 placeholder="Год выпуска"
@@ -976,65 +993,15 @@ const Vehicle = () => {
                   setFormData({ ...formData, year: e.target.value })
                 }
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
                 InputProps={{
                   startAdornment: (
                     <InputAdornment position="start">
-                      <CalendarTodayIcon sx={{ color: "#C27664" }} />
+                      <CalendarTodayIcon sx={{ color: "#C27664", fontSize: isMobile ? "5vw" : "2vw" }} />
                     </InputAdornment>
                   ),
                 }}
               />
-              {/* <TextField
-                name="mileage"
-                label="Пробег (км)"
-                type="number"
-                value={formData.mileage}
-                sx={{ label: { fontFamily: "Unbounded" }, input: { fontFamily: "Unbounded" } }}
-                onChange={handleInputChange}
-                fullWidth
-                margin="normal"
-                variant="outlined"
-                InputProps={{
-                  startAdornment: (
-                    <InputAdornment position="start">
-                      <SpeedIcon color="action" />
-                    </InputAdornment>
-                  ),
-                }}
-              /> */}
-              {/* <TextField
-                name="price"
-                label="Цена (₽)"
-                type="number"
-                value={formData.price}
-                sx={{ label: { fontFamily: "Unbounded" }, input: { fontFamily: "Unbounded" } }}
-                onChange={handleInputChange}
-                fullWidth
-                margin="normal"
-                variant="outlined"
-                InputProps={{
-                  startAdornment: (
-                    <InputAdornment position="start">
-                      <AttachMoneyIcon color="action" />
-                    </InputAdornment>
-                  ),
-                }}
-              /> */}
               <TextField
                 fullWidth
                 name="base_price"
@@ -1042,28 +1009,14 @@ const Vehicle = () => {
                 value={formData.base_price}
                 onChange={handleInputChange}
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
                 InputProps={{
                   startAdornment: (
                     <InputAdornment position="start">
                       <Typography
                         sx={{
                           fontFamily: "Unbounded",
-                          fontSize: "1.5vw",
+                          fontSize: isMobile ? "5vw" : "1.5vw",
                           color: "#C27664",
                         }}
                       >
@@ -1079,28 +1032,14 @@ const Vehicle = () => {
                 value={formData.price}
                 disabled
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: "1vw",
-                    bgcolor: "#f5f5f5",
-                    height: "4vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={disabledTextFieldStyles}
                 InputProps={{
                   startAdornment: (
                     <InputAdornment position="start">
                       <Typography
                         sx={{
                           fontFamily: "Unbounded",
-                          fontSize: "1.5vw",
+                          fontSize: isMobile ? "5vw" : "1.5vw",
                           color: "#C27664",
                         }}
                       >
@@ -1118,37 +1057,17 @@ const Vehicle = () => {
                   setFormData({ ...formData, mileage: e.target.value })
                 }
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
                 InputProps={{
                   startAdornment: (
                     <InputAdornment position="start">
-                      <SpeedIcon sx={{ color: "#C27664" }} />
+                      <SpeedIcon sx={{ color: "#C27664", fontSize: isMobile ? "5vw" : "2vw" }} />
                     </InputAdornment>
                   ),
                 }}
               />
               <FormControl fullWidth>
-                <InputLabel
-                  sx={{
-                    fontFamily: "Unbounded",
-                    color: "#C27664",
-                    "&.Mui-focused": { color: "#C27664" },
-                  }}
-                >
+                <InputLabel sx={inputLabelStyles}>
                   Страна происхождения
                 </InputLabel>
                 <Select
@@ -1157,23 +1076,7 @@ const Vehicle = () => {
                   displayEmpty
                   label="Страна происхождения"
                   name="country_of_origin"
-                  sx={{
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& .MuiOutlinedInput-notchedOutline": {
-                      border: "0.1vw solid #C27664",
-                    },
-                    "& .MuiSvgIcon-root": {
-                      fontSize: "2vw",
-                      color: "#C27664",
-                    },
-                    transition: "all 0.2s ease",
-                  }}
+                  sx={selectStyles}
                 >
                   <MenuItem value="Россия">Россия</MenuItem>
                   <MenuItem value="Япония">Япония</MenuItem>
@@ -1185,13 +1088,7 @@ const Vehicle = () => {
                 </Select>
               </FormControl>
               <FormControl fullWidth>
-                <InputLabel
-                  sx={{
-                    fontFamily: "Unbounded",
-                    color: "#C27664",
-                    "&.Mui-focused": { color: "#C27664" },
-                  }}
-                >
+                <InputLabel sx={inputLabelStyles}>
                   Тип привода
                 </InputLabel>
                 <Select
@@ -1200,23 +1097,7 @@ const Vehicle = () => {
                   displayEmpty
                   label="Тип привода"
                   name="drive_type"
-                  sx={{
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& .MuiOutlinedInput-notchedOutline": {
-                      border: "0.1vw solid #C27664",
-                    },
-                    "& .MuiSvgIcon-root": {
-                      fontSize: "2vw",
-                      color: "#C27664",
-                    },
-                    transition: "all 0.2s ease",
-                  }}
+                  sx={selectStyles}
                 >
                   <MenuItem value="FWD">FWD</MenuItem>
                   <MenuItem value="RWD">RWD</MenuItem>
@@ -1225,13 +1106,7 @@ const Vehicle = () => {
                 </Select>
               </FormControl>
               <FormControl fullWidth>
-                <InputLabel
-                  sx={{
-                    fontFamily: "Unbounded",
-                    color: "#C27664",
-                    "&.Mui-focused": { color: "#C27664" },
-                  }}
-                >
+                <InputLabel sx={inputLabelStyles}>
                   Тип двигателя
                 </InputLabel>
                 <Select
@@ -1262,26 +1137,7 @@ const Vehicle = () => {
                   displayEmpty
                   label="Тип двигателя"
                   name="engine_type"
-                  sx={{
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& .MuiOutlinedInput-notchedOutline": {
-                      border: "0.1vw solid #C27664",
-                    },
-                    "& .MuiSvgIcon-root": {
-                      fontSize: "2vw",
-                      color: "#C27664",
-                    },
-                    "& .hover": {
-                      border: "0.1vw solid #C27664",
-                    },
-                    transition: "all 0.2s ease",
-                  }}
+                  sx={selectStyles}
                 >
                   <MenuItem value="бензиновый">Бензиновый</MenuItem>
                   <MenuItem value="дизельный">Дизельный</MenuItem>
@@ -1302,28 +1158,14 @@ const Vehicle = () => {
                     })
                   }
                   variant="outlined"
-                  sx={{
-                    "& .MuiOutlinedInput-root": {
-                      borderRadius: "1vw",
-                      bgcolor: "white",
-                      height: "4vw",
-                      width: "100%",
-                      border: "0.1vw solid #C27664",
-                      fontFamily: "Unbounded",
-                      fontSize: "1.2vw",
-                      color: "#C27664",
-                      "& fieldset": {
-                        border: "none",
-                      },
-                    },
-                  }}
+                  sx={textFieldStyles}
                   InputProps={{
                     startAdornment: (
                       <InputAdornment position="start">
                         <Typography
                           sx={{
                             fontFamily: "Unbounded",
-                            fontSize: "1.5vw",
+                            fontSize: isMobile ? "5vw" : "1.5vw",
                             color: "#C27664",
                           }}
                         >
@@ -1344,28 +1186,14 @@ const Vehicle = () => {
                     setFormData({ ...formData, engine_power: e.target.value })
                   }
                   variant="outlined"
-                  sx={{
-                    "& .MuiOutlinedInput-root": {
-                      borderRadius: "1vw",
-                      bgcolor: "white",
-                      height: "4vw",
-                      width: "100%",
-                      border: "0.1vw solid #C27664",
-                      fontFamily: "Unbounded",
-                      fontSize: "1.2vw",
-                      color: "#C27664",
-                      "& fieldset": {
-                        border: "none",
-                      },
-                    },
-                  }}
+                  sx={textFieldStyles}
                   InputProps={{
                     startAdornment: (
                       <InputAdornment position="start">
                         <Typography
                           sx={{
                             fontFamily: "Unbounded",
-                            fontSize: "1.5vw",
+                            fontSize: isMobile ? "5vw" : "1.5vw",
                             color: "#C27664",
                           }}
                         >
@@ -1390,28 +1218,14 @@ const Vehicle = () => {
                     })
                   }
                   variant="outlined"
-                  sx={{
-                    "& .MuiOutlinedInput-root": {
-                      borderRadius: "1vw",
-                      bgcolor: "white",
-                      height: "4vw",
-                      width: "100%",
-                      border: "0.1vw solid #C27664",
-                      fontFamily: "Unbounded",
-                      fontSize: "1.2vw",
-                      color: "#C27664",
-                      "& fieldset": {
-                        border: "none",
-                      },
-                    },
-                  }}
+                  sx={textFieldStyles}
                   InputProps={{
                     startAdornment: (
                       <InputAdornment position="start">
                         <Typography
                           sx={{
                             fontFamily: "Unbounded",
-                            fontSize: "1.5vw",
+                            fontSize: isMobile ? "5vw" : "1.5vw",
                             color: "#C27664",
                           }}
                         >
@@ -1425,13 +1239,7 @@ const Vehicle = () => {
               {/* Тип гибрида - показываем только для гибридов */}
               {formData.engine_type === "гибридный" && (
                 <FormControl fullWidth>
-                  <InputLabel
-                    sx={{
-                      fontFamily: "Unbounded",
-                      color: "#C27664",
-                      "&.Mui-focused": { color: "#C27664" },
-                    }}
-                  >
+                  <InputLabel sx={inputLabelStyles}>
                     Тип гибрида
                   </InputLabel>
                   <Select
@@ -1445,23 +1253,7 @@ const Vehicle = () => {
                     displayEmpty
                     label="Тип гибрида"
                     name="hybrid_type"
-                    sx={{
-                      borderRadius: "1vw",
-                      bgcolor: "white",
-                      height: "4vw",
-                      width: "100%",
-                      fontFamily: "Unbounded",
-                      fontSize: "1.2vw",
-                      color: "#C27664",
-                      "& .MuiOutlinedInput-notchedOutline": {
-                        border: "0.1vw solid #C27664",
-                      },
-                      "& .MuiSvgIcon-root": {
-                        fontSize: "2vw",
-                        color: "#C27664",
-                      },
-                      transition: "all 0.2s ease",
-                    }}
+                    sx={selectStyles}
                   >
                     <MenuItem value="мягкий">Мягкий гибрид (MHEV)</MenuItem>
                     <MenuItem value="полный">Полный гибрид (HEV)</MenuItem>
@@ -1474,13 +1266,7 @@ const Vehicle = () => {
               {/* Соотношение мощности - показываем только для гибридов */}
               {formData.engine_type === "гибридный" && (
                 <FormControl fullWidth>
-                  <InputLabel
-                    sx={{
-                      fontFamily: "Unbounded",
-                      color: "#C27664",
-                      "&.Mui-focused": { color: "#C27664" },
-                    }}
-                  >
+                  <InputLabel sx={inputLabelStyles}>
                     Соотношение мощности
                   </InputLabel>
                   <Select
@@ -1494,23 +1280,7 @@ const Vehicle = () => {
                     displayEmpty
                     label="Соотношение мощности"
                     name="power_ratio"
-                    sx={{
-                      borderRadius: "1vw",
-                      bgcolor: "white",
-                      height: "4vw",
-                      width: "100%",
-                      fontFamily: "Unbounded",
-                      fontSize: "1.2vw",
-                      color: "#C27664",
-                      "& .MuiOutlinedInput-notchedOutline": {
-                        border: "0.1vw solid #C27664",
-                      },
-                      "& .MuiSvgIcon-root": {
-                        fontSize: "2vw",
-                        color: "#C27664",
-                      },
-                      transition: "all 0.2s ease",
-                    }}
+                    sx={selectStyles}
                   >
                     <MenuItem value="не применимо">Не применимо</MenuItem>
                     <MenuItem value="среднее">Среднее</MenuItem>
@@ -1523,11 +1293,12 @@ const Vehicle = () => {
               variant="outlined"
               component="label"
               sx={{
-                borderRadius: "1vw",
-                p: "1vw",
+                borderRadius: isMobile ? "5vw" : "1vw",
+                p: isMobile ? "2vw" : "1vw",
                 borderColor: "#C27664",
                 fontFamily: "Unbounded",
                 color: "#C27664",
+                fontSize: isMobile ? "3vw" : "1.2vw",
                 "&:hover": {
                   borderColor: "#945B4D",
                   bgcolor: "rgba(194, 118, 100, 0.1)",
@@ -1610,8 +1381,8 @@ const Vehicle = () => {
               bgcolor: "#C27664",
               color: "white",
               fontFamily: "Unbounded",
-              borderRadius: "1vw",
-              px: "2vw",
+              borderRadius: isMobile ? "5vw" : "1vw",
+              px: isMobile ? "4vw" : "2vw",
               "&:hover": { bgcolor: "#945B4D" },
               "&.Mui-disabled": {
                 bgcolor: "rgba(194, 118, 100, 0.5)",
@@ -1652,8 +1423,8 @@ const Vehicle = () => {
               xs={12}
               md={6}
               style={{
-                display: "grid",
-                gridTemplateColumns: "repeat(2, 1fr)",
+                display: isMobile ? "block" : "grid",
+                gridTemplateColumns: isMobile ? "auto" : "repeat(2, 1fr)",
                 gap: "1vw",
               }}
             >
@@ -1665,25 +1436,11 @@ const Vehicle = () => {
                   setFormData({ ...formData, name: e.target.value })
                 }
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
                 InputProps={{
                   startAdornment: (
                     <InputAdornment position="start">
-                      <DirectionsCarIcon sx={{ color: "#C27664" }} />
+                      <DirectionsCarIcon sx={{ color: "#C27664", fontSize: isMobile ? "5vw" : "2vw" }} />
                     </InputAdornment>
                   ),
                 }}
@@ -1696,25 +1453,11 @@ const Vehicle = () => {
                   setFormData({ ...formData, year: e.target.value })
                 }
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
                 InputProps={{
                   startAdornment: (
                     <InputAdornment position="start">
-                      <CalendarTodayIcon sx={{ color: "#C27664" }} />
+                      <CalendarTodayIcon sx={{ color: "#C27664", fontSize: isMobile ? "5vw" : "2vw" }} />
                     </InputAdornment>
                   ),
                 }}
@@ -1726,28 +1469,14 @@ const Vehicle = () => {
                 value={formData.base_price}
                 onChange={handleInputChange}
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
                 InputProps={{
                   startAdornment: (
                     <InputAdornment position="start">
                       <Typography
                         sx={{
                           fontFamily: "Unbounded",
-                          fontSize: "1.5vw",
+                          fontSize: isMobile ? "5vw" : "1.5vw",
                           color: "#C27664",
                         }}
                       >
@@ -1763,28 +1492,14 @@ const Vehicle = () => {
                 value={formData.price}
                 disabled
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: "1vw",
-                    bgcolor: "#f5f5f5",
-                    height: "4vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={disabledTextFieldStyles}
                 InputProps={{
                   startAdornment: (
                     <InputAdornment position="start">
                       <Typography
                         sx={{
                           fontFamily: "Unbounded",
-                          fontSize: "1.5vw",
+                          fontSize: isMobile ? "5vw" : "1.5vw",
                           color: "#C27664",
                         }}
                       >
@@ -1802,37 +1517,17 @@ const Vehicle = () => {
                   setFormData({ ...formData, mileage: e.target.value })
                 }
                 variant="outlined"
-                sx={{
-                  "& .MuiOutlinedInput-root": {
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    border: "0.1vw solid #C27664",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& fieldset": {
-                      border: "none",
-                    },
-                  },
-                }}
+                sx={textFieldStyles}
                 InputProps={{
                   startAdornment: (
                     <InputAdornment position="start">
-                      <SpeedIcon sx={{ color: "#C27664" }} />
+                      <SpeedIcon sx={{ color: "#C27664", fontSize: isMobile ? "5vw" : "2vw" }} />
                     </InputAdornment>
                   ),
                 }}
               />
               <FormControl fullWidth>
-                <InputLabel
-                  sx={{
-                    fontFamily: "Unbounded",
-                    color: "#C27664",
-                    "&.Mui-focused": { color: "#C27664" },
-                  }}
-                >
+                <InputLabel sx={inputLabelStyles}>
                   Страна происхождения
                 </InputLabel>
                 <Select
@@ -1841,23 +1536,7 @@ const Vehicle = () => {
                   displayEmpty
                   label="Страна происхождения"
                   name="country_of_origin"
-                  sx={{
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& .MuiOutlinedInput-notchedOutline": {
-                      border: "0.1vw solid #C27664",
-                    },
-                    "& .MuiSvgIcon-root": {
-                      fontSize: "2vw",
-                      color: "#C27664",
-                    },
-                    transition: "all 0.2s ease",
-                  }}
+                  sx={selectStyles}
                 >
                   <MenuItem value="Россия">Россия</MenuItem>
                   <MenuItem value="Япония">Япония</MenuItem>
@@ -1869,13 +1548,7 @@ const Vehicle = () => {
                 </Select>
               </FormControl>
               <FormControl fullWidth>
-                <InputLabel
-                  sx={{
-                    fontFamily: "Unbounded",
-                    color: "#C27664",
-                    "&.Mui-focused": { color: "#C27664" },
-                  }}
-                >
+                <InputLabel sx={inputLabelStyles}>
                   Тип привода
                 </InputLabel>
                 <Select
@@ -1884,23 +1557,7 @@ const Vehicle = () => {
                   displayEmpty
                   label="Тип привода"
                   name="drive_type"
-                  sx={{
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& .MuiOutlinedInput-notchedOutline": {
-                      border: "0.1vw solid #C27664",
-                    },
-                    "& .MuiSvgIcon-root": {
-                      fontSize: "2vw",
-                      color: "#C27664",
-                    },
-                    transition: "all 0.2s ease",
-                  }}
+                  sx={selectStyles}
                 >
                   <MenuItem value="FWD">FWD</MenuItem>
                   <MenuItem value="RWD">RWD</MenuItem>
@@ -1909,13 +1566,7 @@ const Vehicle = () => {
                 </Select>
               </FormControl>
               <FormControl fullWidth>
-                <InputLabel
-                  sx={{
-                    fontFamily: "Unbounded",
-                    color: "#C27664",
-                    "&.Mui-focused": { color: "#C27664" },
-                  }}
-                >
+                <InputLabel sx={inputLabelStyles}>
                   Тип двигателя
                 </InputLabel>
                 <Select
@@ -1946,26 +1597,7 @@ const Vehicle = () => {
                   displayEmpty
                   label="Тип двигателя"
                   name="engine_type"
-                  sx={{
-                    borderRadius: "1vw",
-                    bgcolor: "white",
-                    height: "4vw",
-                    width: "100%",
-                    fontFamily: "Unbounded",
-                    fontSize: "1.2vw",
-                    color: "#C27664",
-                    "& .MuiOutlinedInput-notchedOutline": {
-                      border: "0.1vw solid #C27664",
-                    },
-                    "& .MuiSvgIcon-root": {
-                      fontSize: "2vw",
-                      color: "#C27664",
-                    },
-                    "& .hover": {
-                      border: "0.1vw solid #C27664",
-                    },
-                    transition: "all 0.2s ease",
-                  }}
+                  sx={selectStyles}
                 >
                   <MenuItem value="бензиновый">Бензиновый</MenuItem>
                   <MenuItem value="дизельный">Дизельный</MenuItem>
@@ -1986,28 +1618,14 @@ const Vehicle = () => {
                     })
                   }
                   variant="outlined"
-                  sx={{
-                    "& .MuiOutlinedInput-root": {
-                      borderRadius: "1vw",
-                      bgcolor: "white",
-                      height: "4vw",
-                      width: "100%",
-                      border: "0.1vw solid #C27664",
-                      fontFamily: "Unbounded",
-                      fontSize: "1.2vw",
-                      color: "#C27664",
-                      "& fieldset": {
-                        border: "none",
-                      },
-                    },
-                  }}
+                  sx={textFieldStyles}
                   InputProps={{
                     startAdornment: (
                       <InputAdornment position="start">
                         <Typography
                           sx={{
                             fontFamily: "Unbounded",
-                            fontSize: "1.5vw",
+                            fontSize: isMobile ? "5vw" : "1.5vw",
                             color: "#C27664",
                           }}
                         >
@@ -2028,28 +1646,14 @@ const Vehicle = () => {
                     setFormData({ ...formData, engine_power: e.target.value })
                   }
                   variant="outlined"
-                  sx={{
-                    "& .MuiOutlinedInput-root": {
-                      borderRadius: "1vw",
-                      bgcolor: "white",
-                      height: "4vw",
-                      width: "100%",
-                      border: "0.1vw solid #C27664",
-                      fontFamily: "Unbounded",
-                      fontSize: "1.2vw",
-                      color: "#C27664",
-                      "& fieldset": {
-                        border: "none",
-                      },
-                    },
-                  }}
+                  sx={textFieldStyles}
                   InputProps={{
                     startAdornment: (
                       <InputAdornment position="start">
                         <Typography
                           sx={{
                             fontFamily: "Unbounded",
-                            fontSize: "1.5vw",
+                            fontSize: isMobile ? "5vw" : "1.5vw",
                             color: "#C27664",
                           }}
                         >
@@ -2074,28 +1678,14 @@ const Vehicle = () => {
                     })
                   }
                   variant="outlined"
-                  sx={{
-                    "& .MuiOutlinedInput-root": {
-                      borderRadius: "1vw",
-                      bgcolor: "white",
-                      height: "4vw",
-                      width: "100%",
-                      border: "0.1vw solid #C27664",
-                      fontFamily: "Unbounded",
-                      fontSize: "1.2vw",
-                      color: "#C27664",
-                      "& fieldset": {
-                        border: "none",
-                      },
-                    },
-                  }}
+                  sx={textFieldStyles}
                   InputProps={{
                     startAdornment: (
                       <InputAdornment position="start">
                         <Typography
                           sx={{
                             fontFamily: "Unbounded",
-                            fontSize: "1.5vw",
+                            fontSize: isMobile ? "5vw" : "1.5vw",
                             color: "#C27664",
                           }}
                         >
@@ -2109,13 +1699,7 @@ const Vehicle = () => {
               {/* Тип гибрида - показываем только для гибридов */}
               {formData.engine_type === "гибридный" && (
                 <FormControl fullWidth>
-                  <InputLabel
-                    sx={{
-                      fontFamily: "Unbounded",
-                      color: "#C27664",
-                      "&.Mui-focused": { color: "#C27664" },
-                    }}
-                  >
+                  <InputLabel sx={inputLabelStyles}>
                     Тип гибрида
                   </InputLabel>
                   <Select
@@ -2129,23 +1713,7 @@ const Vehicle = () => {
                     displayEmpty
                     label="Тип гибрида"
                     name="hybrid_type"
-                    sx={{
-                      borderRadius: "1vw",
-                      bgcolor: "white",
-                      height: "4vw",
-                      width: "100%",
-                      fontFamily: "Unbounded",
-                      fontSize: "1.2vw",
-                      color: "#C27664",
-                      "& .MuiOutlinedInput-notchedOutline": {
-                        border: "0.1vw solid #C27664",
-                      },
-                      "& .MuiSvgIcon-root": {
-                        fontSize: "2vw",
-                        color: "#C27664",
-                      },
-                      transition: "all 0.2s ease",
-                    }}
+                    sx={selectStyles}
                   >
                     <MenuItem value="мягкий">Мягкий гибрид (MHEV)</MenuItem>
                     <MenuItem value="полный">Полный гибрид (HEV)</MenuItem>
@@ -2158,13 +1726,7 @@ const Vehicle = () => {
               {/* Соотношение мощности - показываем только для гибридов */}
               {formData.engine_type === "гибридный" && (
                 <FormControl fullWidth>
-                  <InputLabel
-                    sx={{
-                      fontFamily: "Unbounded",
-                      color: "#C27664",
-                      "&.Mui-focused": { color: "#C27664" },
-                    }}
-                  >
+                  <InputLabel sx={inputLabelStyles}>
                     Соотношение мощности
                   </InputLabel>
                   <Select
@@ -2178,23 +1740,7 @@ const Vehicle = () => {
                     displayEmpty
                     label="Соотношение мощности"
                     name="power_ratio"
-                    sx={{
-                      borderRadius: "1vw",
-                      bgcolor: "white",
-                      height: "4vw",
-                      width: "100%",
-                      fontFamily: "Unbounded",
-                      fontSize: "1.2vw",
-                      color: "#C27664",
-                      "& .MuiOutlinedInput-notchedOutline": {
-                        border: "0.1vw solid #C27664",
-                      },
-                      "& .MuiSvgIcon-root": {
-                        fontSize: "2vw",
-                        color: "#C27664",
-                      },
-                      transition: "all 0.2s ease",
-                    }}
+                    sx={selectStyles}
                   >
                     <MenuItem value="не применимо">Не применимо</MenuItem>
                     <MenuItem value="среднее">Среднее</MenuItem>
@@ -2208,10 +1754,11 @@ const Vehicle = () => {
                 component="label"
                 sx={{
                   fontFamily: "Unbounded",
-                  borderRadius: "1vw",
-                  p: "1vw",
+                  borderRadius: isMobile ? "5vw" : "1vw",
+                  p: isMobile ? "2vw" : "1vw",
                   borderColor: "#C27664",
                   color: "#C27664",
+                  fontSize: isMobile ? "3vw" : "1.2vw",
                   "&:hover": {
                     borderColor: "#945B4D",
                     bgcolor: "#C27664",
@@ -2297,8 +1844,8 @@ const Vehicle = () => {
               bgcolor: "#C27664",
               color: "white",
               fontFamily: "Unbounded",
-              borderRadius: "1vw",
-              px: "2vw",
+              borderRadius: isMobile ? "5vw" : "1vw",
+              px: isMobile ? "4vw" : "2vw",
               "&:hover": { bgcolor: "#945B4D" },
               "&.Mui-disabled": {
                 bgcolor: "rgba(194, 118, 100, 0.5)",
@@ -2315,7 +1862,7 @@ const Vehicle = () => {
         open={openDeleteDialog}
         onClose={handleCloseDialogs}
         PaperProps={{
-          sx: { borderRadius: "1vw", maxWidth: "40vw", overflow: "hidden" },
+          sx: { borderRadius: isMobile ? "5vw" : "1vw", maxWidth: isMobile ? "80vw" : "40vw", overflow: "hidden" },
         }}
       >
         <DialogTitle
@@ -2330,21 +1877,22 @@ const Vehicle = () => {
         >
           <DeleteIcon /> Удалить автомобиль
         </DialogTitle>
-        <DialogContent sx={{ mt: "1vw", minWidth: "40vw" }}>
-          <Box sx={{ display: "flex", alignItems: "center", mb: "1vw" }}>
+        <DialogContent sx={{ mt: isMobile ? "3vw" : "1vw", minWidth: "40vw" }}>
+          <Box sx={{ display: "flex", alignItems: "center", mb: isMobile ? "3vw" : "1vw", flexDirection: isMobile ? "column" : "row" }}>
             {selectedCar && (
               <Box
                 component="img"
                 src={getImageUrl(selectedCar.image)}
                 alt={selectedCar.name}
                 sx={{
-                  width: "10vw",
-                  height: "5vw",
+                  width: isMobile ? "70vw" : "10vw",
+                  height: isMobile ? "35vw" : "5vw",
                   objectFit: "cover",
-                  borderRadius: "1vw",
-                  mr: "1vw",
+                  borderRadius: isMobile ? "5vw" : "1vw",
+                  mr: isMobile ? "0" : "1vw",
                   pointerEvents: "none",
                   userSelect: "none",
+                  mb: isMobile ? "2vw" : "0",
                 }}
               />
             )}
@@ -2368,7 +1916,7 @@ const Vehicle = () => {
             </Box>
           </Box>
 
-          <Alert severity="warning" sx={{ mt: "1vw", fontFamily: "Unbounded" }}>
+          <Alert severity="warning" sx={{ mt: "1vw", fontFamily: "Unbounded", borderRadius: isMobile ? "5vw" : "1vw" }}>
             Вы уверены, что хотите удалить этот автомобиль? Это действие нельзя
             отменить.
           </Alert>
@@ -2392,8 +1940,8 @@ const Vehicle = () => {
             variant="contained"
             color="error"
             sx={{
-              borderRadius: "1vw",
-              px: "2vw",
+              borderRadius: isMobile ? "5vw" : "1vw",
+              px: isMobile ? "4vw" : "2vw",
               fontFamily: "Unbounded",
               bgcolor: "#C27664",
               color: "white",