Добавлен новый компонент TabsNav для управления навигацией по вкладкам в страницах аккаунта и статистики. Обновлены соответствующие страницы для использования нового компонента, что улучшает структуру кода и упрощает управление вкладками. Также внесены изменения в стили для улучшения визуального восприятия.

src/styles/account.module.css

@@ -258,6 +258,7 @@
   font-weight: 500;
   display: flex;
   align-items: center;
+  justify-content: center;
   gap: 8px;
   cursor: pointer;
   margin-top: 8px;
@@ -273,6 +274,7 @@
   padding: 0;
   display: flex;
   align-items: center;
+  color: #6b7280;
 }
 
 /* --- Стили для вкладки уведомлений --- */
@@ -362,9 +364,11 @@
   left: 22px;
 }
 
-/* --- Стили для табов и навигации из page.tsx --- */
 
-.accountTabsNav {
+
+/* Стили для табов и навигации из page.tsx */
+
+/* .accountTabsNav {
   display: flex;
   gap: 32px;
   border-bottom: 1px solid #e5e7eb;
@@ -389,51 +393,18 @@
   border-bottom: 2px solid #2563eb;
   color: #2563eb;
   font-weight: 600;
-}
+} */
 
 /* Стили для кнопок подтверждения */
 .primaryButton {
-  background-color: #2563eb; /* Синий */
-  color: #ffffff;
+  background: #2563eb;
+  color: #fff;
   border: none;
   border-radius: 6px;
-  padding: 8px 16px;
+  padding: 8px 20px;
   font-weight: 500;
+  display: flex;
+  align-items: center;
+  gap: 8px;
   cursor: pointer;
-  transition: background-color 0.2s ease;
-}
-
-.primaryButton:hover {
-  background-color: #1d4ed8;
-}
-
-.secondaryButton {
-  background-color: #f3f4f6; /* Серый */
-  color: #374151;
-  border: 1px solid #d1d5db;
-  border-radius: 6px;
-  padding: 8px 16px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background-color 0.2s ease;
-}
-
-.secondaryButton:hover {
-  background-color: #e5e7eb;
-}
-
-.tertiaryButton {
-  background: none;
-  color: #6b7280; /* Темно-серый */
-  border: none;
-  padding: 8px 16px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: color 0.2s ease;
-}
-
-.tertiaryButton:hover {
-  color: #4b5563;
-}
-
-/* ... можно добавить другие стили по необходимости ... */ 
+} 

src/styles/dateinput.module.css

@@ -0,0 +1,37 @@
+.dateInputHiddenIcon {
+  -webkit-appearance: none; /* Safari и Chrome */
+  -moz-appearance: none;    /* Firefox */
+  appearance: none;       /* Стандартное свойство */
+}
+
+.dateInputHiddenIcon::-webkit-calendar-picker-indicator {
+  display: none; /* Скрыть для WebKit-браузеров */
+}
+
+.dateInputHiddenIcon::-moz-calendar-picker-indicator {
+  display: none; /* Скрыть для Mozilla-браузеров */
+}
+
+.dateInputHiddenIcon::-ms-calendar-picker-indicator {
+  display: none; /* Скрыть для Internet Explorer/Edge */
+}
+
+.dateInputBase {
+  width: 100%;
+  padding: 8px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  margin-top: 4px;
+  box-sizing: border-box;
+  padding-right: 40px;
+  cursor: pointer;
+}
+
+.dateIcon {
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: pointer;
+  color: #6b7280;
+} 

src/styles/navigation.module.css

@@ -13,7 +13,7 @@
   font-weight: bold;
   color: #2563eb;
 }
-.links {
+/* .links {
   display: flex;
   gap: 32px;
 }
@@ -34,7 +34,7 @@
   color: #2563eb;
   border-bottom: 2px solid #2563eb;
   font-weight: 600;
-}
+} */
 .profile {
   display: flex;
   align-items: center;

src/styles/stat.module.css

@@ -27,11 +27,14 @@
 .exportBtn:hover {
   background: #1d4ed8;
 }
-.tabs {
+/* Tabs */
+/* .tabs {
   display: flex;
   gap: 32px;
   border-bottom: 1.5px solid #e5e7eb;
+  margin-bottom: 24px;
 }
+
 .tab {
   background: none;
   border: none;
@@ -43,17 +46,19 @@
   cursor: pointer;
   transition: color 0.2s, border 0.2s;
 }
+
 .tab:hover {
   color: #2563eb;
   border-bottom: 2px solid #dbeafe;
 }
+
 .activeTab {
   color: #2563eb;
   border: none;
   border-bottom: 2px solid #2563eb;
   font-weight: 600;
   background: none;
-}
+} */
 .filters {
   display: grid;
   grid-template-columns: repeat(1, 1fr);

src/styles/tabs.module.css

@@ -0,0 +1,31 @@
+.tabsNav {
+  display: flex;
+  gap: 32px;
+  border-bottom: 1px solid #e5e7eb;
+  margin-bottom: 24px;
+}
+
+.tabButton {
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  color: #6b7280;
+  font-weight: 500;
+  font-size: 16px;
+  padding: 8px 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.tabButton:hover {
+  color: #2563eb;
+  border-bottom: 2px solid #dbeafe;
+}
+
+.tabButtonActive {
+  border-bottom: 2px solid #2563eb;
+  color: #2563eb;
+  font-weight: 600;
+}