@ozdao/martyrs 0.2.489 → 0.2.492

package/dist/style.css

@@ -62,14 +62,6 @@
 }
 .background-div {
   flex-grow: 1;
-}.tab-selector {
-  position: absolute;
-  width: 50%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  z-index: 0;
-  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
 input[data-v-69b12b85],
 textarea[data-v-69b12b85],
@@ -88,7 +80,15 @@ input[type="time"][data-v-69b12b85]::-webkit-calendar-picker-indicator {
   opacity: 1;
   color: inherit;
 }
-
+.tab-selector {
+  position: absolute;
+  width: 50%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  z-index: 0;
+  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
 .circular-loader-centered {
   top: calc(50% - 1rem);
   left: calc(50% - 1rem);
@@ -142,19 +142,6 @@ input[type="time"][data-v-69b12b85]::-webkit-calendar-picker-indicator {
     stroke-dashoffset: -124;
 }
 }
-.FromTop-enter-active,
-.FromTop-leave-active {
-  transform: translateY(0);
-  opacity: 1;
-  transition: all 0.5s ease;
-}
-.FromTop-enter-from,
-.FromTop-leave-to {
-  position: absolute;
-  transform: translateY(-1rem);
-  opacity: 0;
-  transition: all 0.5s ease;
-}
 button[disabled] {
   opacity: 0.75 !important;
   pointer-events: none !important;
@@ -205,6 +192,35 @@ a.button {
   text-align: center;
   line-height: 16px;
   font-size: 10px;
+}
+.button-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+}
+.icon {
+  width: 1rem;
+  height: 1rem;
+}
+
+/* Vue Transitions */
+.content-enter-active,
+.content-leave-active {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.content-enter-from {
+  opacity: 0;
+  transform: translateY(8px) scale(0.95);
+}
+.content-leave-to {
+  opacity: 0;
+  transform: translateY(-8px) scale(0.95);
+}
+.content-enter-to,
+.content-leave-from {
+  opacity: 1;
+  transform: translateY(0) scale(1);
 }.slide-fade-enter-active {
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -940,6 +956,9 @@ button[data-v-5b68ada8]:disabled {
   opacity: 0;
   left: 0;
   top: 0;
+}input[data-v-efdb42f1], span[data-v-efdb42f1] {
+  line-height: 1;
+  color: inherit;
 }.constructor-iframe iframe {
   width: 100% !important;
   height: 100% !important;
@@ -986,9 +1005,6 @@ button[data-v-5b68ada8]:disabled {
 }
 .formatting-bar button:active {
   background-color: #d0d0d0;
-}input[data-v-efdb42f1], span[data-v-efdb42f1] {
-  line-height: 1;
-  color: inherit;
 }
 .draggable-container {
   display: flex;
@@ -1569,139 +1585,6 @@ to {
   background-color: var(--grey-small);
 }
 
-.store-debugger.light[data-v-327bd7ed] {
-}
-.store-debugger.dark[data-v-327bd7ed] {
-  --bg: #2e2e2e;
-  --fg: #eee;
-  --panel-bg: #1e1e1e;
-  --border: #444;
-  --input-bg: #333;
-}
-.store-debugger[data-v-327bd7ed] {
-  position: fixed;
-  bottom: 1rem;
-  right: 1rem;
-  z-index: 10000;
-  font-family: sans-serif;
-  z-index: 200;
-}
-.debug-btn[data-v-327bd7ed] {
-  width: 3rem;
-  height: 3rem;
-  border: none;
-  border-radius: 50%;
-  background: var(--bg, #333);
-  color: var(--fg, #fff);
-  font-size: 1.2rem;
-  cursor: pointer;
-  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
-}
-.debug-panel[data-v-327bd7ed] {
-  position: fixed;
-  bottom: 4rem;
-  right: 1rem;
-  width: calc(100% - 2rem);
-  max-width: 30rem;
-  min-height: 80vh;
-  max-height: 80vh;
-  background: var(--panel-bg, #fff);
-  color: var(--fg, #111);
-  border: 1px solid var(--border, #ccc);
-  border-radius: .5rem;
-  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.panel-header[data-v-327bd7ed] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0.5rem;
-  background: var(--panel-bg, #f5f5f5);
-  border-bottom: 1px solid var(--border, #ddd);
-}
-.header-left[data-v-327bd7ed] {
-  display: flex;
-  align-items: baseline;
-  gap: 1rem;
-}
-.timestamp[data-v-327bd7ed] {
-  font-size: 0.75rem;
-  color: var(--fg, #666);
-}
-.header-controls[data-v-327bd7ed] {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.search-input[data-v-327bd7ed] {
-  padding: 0.25rem 0.5rem;
-  border: 1px solid var(--border, #ccc);
-  background: var(--input-bg, #fff);
-  color: var(--fg, #111);
-  border-radius: .25rem;
-}
-.close-btn[data-v-327bd7ed] {
-  background: transparent;
-  border: none;
-  font-size: 1rem;
-  cursor: pointer;
-}
-.panel-body[data-v-327bd7ed] {
-  flex: 1;
-  overflow-y: auto;
-  padding: 0.5rem;
-}
-.module-controls[data-v-327bd7ed] {
-  display: flex;
-  gap: 0.5rem;
-  margin-bottom: 0.5rem;
-}
-.module[data-v-327bd7ed] {
-  border: 1px solid var(--border, #ddd);
-  border-radius: .25rem;
-  margin-bottom: 0.5rem;
-  overflow: hidden;
-}
-.module-header[data-v-327bd7ed] {
-  background: var(--panel-bg, #eaeaea);
-  padding: 0.5rem;
-  display: flex;
-  justify-content: space-between;
-  cursor: pointer;
-}
-.module-content[data-v-327bd7ed] {
-  padding: 0.5rem;
-  background: var(--bg, #fafafa);
-}
-.module-actions[data-v-327bd7ed] {
-  display: flex;
-  gap: 0.5rem;
-  margin-bottom: 0.25rem;
-}
-.json-view[data-v-327bd7ed] {
-  font-size: 0.85rem;
-  line-height: 1.2;
-  max-height: 60rem;
-  overflow: auto;
-  background: var(--panel-bg, #f6f8fa);
-  padding: 0.5rem;
-  border-radius: .25rem;
-}
-.no-results[data-v-327bd7ed] {
-  text-align: center;
-  color: var(--fg, #666);
-  margin-top: 1rem;
-}
-.fade-enter-active[data-v-327bd7ed], .fade-leave-active[data-v-327bd7ed] {
-  transition: opacity .2s;
-}
-.fade-enter-from[data-v-327bd7ed], .fade-leave-to[data-v-327bd7ed] {
-  opacity: 0;
-}
-
 fieldset[disabled] .multiselect {
   pointer-events: none;
 }
@@ -2191,6 +2074,92 @@ to {
 }.bg-white-overlay[data-v-0f5877fc] {
   background: linear-gradient(0deg, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
 }
+.icon-search-popup[data-v-1763f3da] {
+  min-height: 500px;
+}
+.icon-grid[data-v-1763f3da] {
+  min-height: 400px;
+}
+.icon-item[data-v-1763f3da] {
+  transition: all 0.2s ease;
+}
+.icon-item[data-v-1763f3da]:hover {
+  background-color: rgb(var(--light-hover));
+  transform: scale(1.05);
+}
+.icon-preview[data-v-1763f3da] {
+  background: rgb(var(--light));
+  border-radius: 8px;
+}
+.icon-svg[data-v-1763f3da] {
+  filter: none;
+}
+.w-max-800[data-v-1763f3da] {
+  max-width: 800px;
+  width: 90vw;
+}
+[data-v-1763f3da] .feed-enter-active,[data-v-1763f3da] .feed-leave-active {
+  transition: all 0.3s ease;
+}
+[data-v-1763f3da] .feed-enter-from,[data-v-1763f3da] .feed-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+}
+.eye[data-v-8ec01df7] {
+  animation: rotateEye-8ec01df7 10s linear infinite;
+  transform-origin: center 55%;
+}
+.mouth[data-v-8ec01df7] {
+  animation: rotateMouth-8ec01df7 20s ease-in-out infinite;
+  transform-origin: center 55%;
+}
+@keyframes rotateEye-8ec01df7 {
+from {
+    transform: rotate(0deg);
+}
+to {
+    transform: rotate(360deg);
+}
+}
+@keyframes rotateMouth-8ec01df7 {
+0% {
+    transform: rotate(0deg);
+}
+50% {
+    transform: rotate(180deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}
+.h-60[data-v-1228d04d] {
+  height: 60%;
+}
+.notification[data-v-1228d04d] {
+  z-index: 100;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  transition: all 0.3s ease;
+  animation: fadeIn-1228d04d 0.3s;
+}
+@keyframes fadeIn-1228d04d {
+from { opacity: 0; transform: translateY(20px);
+}
+to { opacity: 1; transform: translateY(0);
+}
+}
+.icon-card .replace-btn[data-v-1228d04d] {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+.icon-card:hover .replace-btn[data-v-1228d04d] {
+  opacity: 1;
+}
+.flex-between[data-v-1228d04d] {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
   /* Existing styles can stay unchanged */
 
 #eventPage {
@@ -2436,6 +2405,19 @@ to {
 }
 
 /* Add your styles here */
+.custom-table[data-v-b85cde7e] {
+  border-collapse: collapse;
+}
+.custom-table td[data-v-b85cde7e] {
+  vertical-align: middle;
+}
+.border-b[data-v-ac527817] {
+  border-bottom: 1px solid rgba(var(--black), 0.1);
+}
+
+.bg-orange {
+  background-color: rgb(var(--orange));
+}
 .grid-container {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -2608,11 +2590,6 @@ to {
 .custom-scroll[data-v-148fd4a9]::-webkit-scrollbar {
   width: 0px; /* Hide scrollbar for Chrome and Safari */
   height: 0px;
-}.custom-table[data-v-b85cde7e] {
-  border-collapse: collapse;
-}
-.custom-table td[data-v-b85cde7e] {
-  vertical-align: middle;
 }
 .status-badge[data-v-d9bc23ad] {
   padding: 4px 8px;
@@ -2621,92 +2598,6 @@ to {
   color: white;
   display: inline-block;
 }
-
-.icon-search-popup[data-v-1763f3da] {
-  min-height: 500px;
-}
-.icon-grid[data-v-1763f3da] {
-  min-height: 400px;
-}
-.icon-item[data-v-1763f3da] {
-  transition: all 0.2s ease;
-}
-.icon-item[data-v-1763f3da]:hover {
-  background-color: rgb(var(--light-hover));
-  transform: scale(1.05);
-}
-.icon-preview[data-v-1763f3da] {
-  background: rgb(var(--light));
-  border-radius: 8px;
-}
-.icon-svg[data-v-1763f3da] {
-  filter: none;
-}
-.w-max-800[data-v-1763f3da] {
-  max-width: 800px;
-  width: 90vw;
-}
-[data-v-1763f3da] .feed-enter-active,[data-v-1763f3da] .feed-leave-active {
-  transition: all 0.3s ease;
-}
-[data-v-1763f3da] .feed-enter-from,[data-v-1763f3da] .feed-leave-to {
-  opacity: 0;
-  transform: scale(0.9);
-}
-.eye[data-v-8ec01df7] {
-  animation: rotateEye-8ec01df7 10s linear infinite;
-  transform-origin: center 55%;
-}
-.mouth[data-v-8ec01df7] {
-  animation: rotateMouth-8ec01df7 20s ease-in-out infinite;
-  transform-origin: center 55%;
-}
-@keyframes rotateEye-8ec01df7 {
-from {
-    transform: rotate(0deg);
-}
-to {
-    transform: rotate(360deg);
-}
-}
-@keyframes rotateMouth-8ec01df7 {
-0% {
-    transform: rotate(0deg);
-}
-50% {
-    transform: rotate(180deg);
-}
-100% {
-    transform: rotate(360deg);
-}
-}
-.h-60[data-v-1228d04d] {
-  height: 60%;
-}
-.notification[data-v-1228d04d] {
-  z-index: 100;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  transition: all 0.3s ease;
-  animation: fadeIn-1228d04d 0.3s;
-}
-@keyframes fadeIn-1228d04d {
-from { opacity: 0; transform: translateY(20px);
-}
-to { opacity: 1; transform: translateY(0);
-}
-}
-.icon-card .replace-btn[data-v-1228d04d] {
-  opacity: 0;
-  transition: opacity 0.2s ease;
-}
-.icon-card:hover .replace-btn[data-v-1228d04d] {
-  opacity: 1;
-}
-.flex-between[data-v-1228d04d] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
 .blink[data-v-b6c8ad09] {
   animation: blink-animation-b6c8ad09 1s ease infinite;
 }
@@ -2741,14 +2632,14 @@ to { opacity: 1; transform: translateY(0);
 }
 .vue-select-header {
   height: 3rem;
+}.shop-cart-item[data-v-926e65ca]:first-of-type {
+  padding-top: 0;
 }
 /* Добавляем стиль для текста "просрочено" */
 .t-red[data-v-df82a9d0] {
   color: red;
 }
-.shop-cart-item[data-v-926e65ca]:first-of-type {
-  padding-top: 0;
-}#map[data-v-4c5385a2]:focus {
+#map[data-v-4c5385a2]:focus {
   outline: none;
 }
   /* Add styles for the user card component here */
@@ -2811,199 +2702,43 @@ input[data-v-cca87f09] {
   padding: 0.75rem 1.5rem;
   margin: 0;
 }
-.gantt-chart-container[data-v-6f6bbefe] {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  font-size: 14px;
+.gantt-bar {
+  max-height: 20px;
+  line-height: 20px;
 }
-.gantt-chart[data-v-6f6bbefe] {
-  position: relative;
+
+.gantt-container {
+  --cell-width: 60px;
   height: 500px;
-  overflow: auto;
-  border: 1px solid #eee;
-}
-.gantt-header[data-v-6f6bbefe] {
-  position: sticky;
-  top: 0;
-  z-index: 2;
-/*  background-color: #f8f9fa;*/
-/*  box-shadow: 0 2px 4px rgba(0,0,0,0.05);*/
-}
-.gantt-header-row[data-v-6f6bbefe] {
-  display: flex;
   position: relative;
 }
-.gantt-timeline-header[data-v-6f6bbefe] {
-  display: flex;
-  position: sticky;
-  left: 200px;
+.gantt-content {
+  width: fit-content;
+  min-width: 100%;
 }
-.product-column[data-v-6f6bbefe] {
+.gantt-header {
+  height: 60px;
+}
+.gantt-product-col {
   width: 200px;
   min-width: 200px;
-  position: sticky;
-  left: 0;
-/*  z-index: 1;*/
-  background-color: #f8f9fa;
-  border-right: 1px solid #eee;
-  padding: 8px;
-}
-.gantt-header-cell[data-v-6f6bbefe] {
-  min-width: var(--cell-width, 60px);
-  width: var(--cell-width, 60px);
-  border-right: 1px solid #eee;
-  text-align: center;
-  padding: 8px 4px;
-  overflow: hidden;
-}
-.gantt-header-cell.is-weekend[data-v-6f6bbefe] {
-  background-color: #f1f3f5;
-}
-.gantt-header-cell.is-today[data-v-6f6bbefe] {
-  background-color: #e3f2fd;
-}
-.gantt-header-cell.is-month-start[data-v-6f6bbefe] {
-  border-left: 2px solid #adb5bd;
-}
-.date-label[data-v-6f6bbefe] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-.month-label[data-v-6f6bbefe] {
-  font-weight: bold;
-  font-size: 12px;
-  width: 100%;
-}
-.day-number[data-v-6f6bbefe] {
-  font-weight: bold;
-  font-size: 16px;
-}
-.day-name[data-v-6f6bbefe] {
-  font-size: 12px;
-  color: #6c757d;
+  flex-shrink: 0;
 }
-.gantt-body[data-v-6f6bbefe] {
+.gantt-timeline {
   position: relative;
+  min-width: fit-content;
 }
-.gantt-row[data-v-6f6bbefe] {
-  display: flex;
-  border-bottom: 1px solid #eee;
-}
-.gantt-row.is-even .gantt-timeline-row[data-v-6f6bbefe] {
-   background-color: #f8f9fa;
-}
-.gantt-row-item[data-v-6f6bbefe] {
-  padding: 8px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-.product-title[data-v-6f6bbefe] {
-  font-weight: bold;
-  margin-bottom: 4px;
-  text-wrap-mode: nowrap;
-  width: 100%;
-  overflow: hidden;
-}
-.product-status[data-v-6f6bbefe] {
-  font-size: 12px;
-  padding: 2px 6px;
-  border-radius: 4px;
-  display: inline-block;
-}
-.status-active[data-v-6f6bbefe] {
-  background-color: #d1e7dd;
-  color: #0f5132;
-}
-.status-completed[data-v-6f6bbefe] {
-  background-color: #cff4fc;
-  color: #055160;
-}
-.status-canceled[data-v-6f6bbefe] {
-  background-color: #f8d7da;
-  color: #842029;
-}
-.status-default[data-v-6f6bbefe] {
-  background-color: #e2e3e5;
-  color: #41464b;
+.gantt-cell {
+  min-width: var(--cell-width);
+  flex-shrink: 0;
 }
-.gantt-timeline-row[data-v-6f6bbefe] {
-  display: flex;
+.gantt-row {
   position: relative;
-  height: 60px;
-  flex-grow: 1;
-}
-.gantt-cell[data-v-6f6bbefe] {
-  min-width: var(--cell-width, 60px);
-  width: var(--cell-width, 60px);
-  border-right: 1px solid #eee;
-  height: 100%;
-}
-.gantt-cell.is-weekend[data-v-6f6bbefe] {
-  background-color: #f1f3f5;
-}
-.gantt-cell.is-today[data-v-6f6bbefe] {
-  background-color: #e3f2fd;
 }
-.gantt-bar[data-v-6f6bbefe] {
-  position: absolute;
-  height: 40px;
-  top: 10px;
-  border-radius: 4px;
-  background-color: #4dabf7;
-  color: white;
-  cursor: pointer;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  padding: 4px 8px;
-  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-  transition: box-shadow 0.2s, transform 0.1s;
-}
-.gantt-bar[data-v-6f6bbefe]:hover {
-  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
-  transform: translateY(-2px);
-}
-.gantt-bar-active[data-v-6f6bbefe] {
-  background-color: #4dabf7;
-}
-.gantt-bar-completed[data-v-6f6bbefe] {
-  background-color: #20c997;
-}
-.gantt-bar-canceled[data-v-6f6bbefe] {
-  background-color: #fa5252;
-  text-decoration: line-through;
-}
-.gantt-bar-label[data-v-6f6bbefe] {
-  font-size: 12px;
-  font-weight: bold;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.view-controls button[data-v-6f6bbefe], 
-.date-controls button[data-v-6f6bbefe],
-.date-controls select[data-v-6f6bbefe] {
-  border: 1px solid #dee2e6;
-  background-color: white;
-  cursor: pointer;
-  transition: background-color 0.2s;
-}
-.view-controls button[data-v-6f6bbefe]:hover, 
-.date-controls button[data-v-6f6bbefe]:hover,
-.date-controls select[data-v-6f6bbefe]:hover {
-  background-color: #e9ecef;
-}
-.flex-v-center[data-v-6f6bbefe] {
-  display: flex;
-  align-items: center;
-}
-
-/* Set cell width based on current view */
-[data-v-6f6bbefe]:root {
-  --cell-width: var(--2f86075a);
+.gantt-cells,
+.gantt-bars {
+  width: fit-content;
+  left: 0;
 }
 .round-stat {
   padding: 1rem;
@@ -3151,51 +2886,28 @@ input[data-v-5d37fb17]:focus {
     background: var(--gradient-color, linear-gradient(135deg, #1DB954, #1ED760));
 }
   
-.notifications-layout[data-v-f6ac807f] {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.tabs[data-v-f6ac807f] {
-  display: flex;
-  gap: 1rem;
-}
-.tab-button[data-v-f6ac807f] {
-  padding: 0.5rem 1rem;
-  border: none;
-  background: none;
-  cursor: pointer;
-  font-weight: 500;
-  border-bottom: 2px solid transparent;
-}
-.tab-button.active[data-v-f6ac807f] {
-  border-bottom: 2px solid var(--primary-color, #0066cc);
-  color: var(--primary-color, #0066cc);
-}
-
-
-.notifications-list-container[data-v-4beccb18] {
+.notifications-list-container[data-v-5af8a2ed] {
   width: 100%;
   max-width: 800px;
   margin: 0 auto;
 }
-.notifications-header[data-v-4beccb18] {
+.notifications-header[data-v-5af8a2ed] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
 }
-.notifications-controls[data-v-4beccb18] {
+.notifications-controls[data-v-5af8a2ed] {
   display: flex;
   align-items: center;
   gap: 16px;
 }
-.notifications-filter select[data-v-4beccb18] {
+.notifications-filter select[data-v-5af8a2ed] {
   padding: 6px 12px;
   border-radius: 4px;
   border: 1px solid #ddd;
 }
-.mark-all-read-btn[data-v-4beccb18] {
+.mark-all-read-btn[data-v-5af8a2ed] {
   background-color: #2196f3;
   color: white;
   border: none;
@@ -3203,90 +2915,81 @@ input[data-v-5d37fb17]:focus {
   border-radius: 4px;
   cursor: pointer;
 }
-.notifications-loading[data-v-4beccb18],
-.notifications-empty[data-v-4beccb18] {
+.notifications-loading[data-v-5af8a2ed],
+.notifications-empty[data-v-5af8a2ed] {
   padding: 40px 0;
   text-align: center;
   color: #666;
 }
-.loading-spinner[data-v-4beccb18] {
+.loading-spinner[data-v-5af8a2ed] {
   font-size: 2rem;
   margin-bottom: 10px;
-  animation: spin-4beccb18 1s linear infinite;
+  animation: spin-5af8a2ed 1s linear infinite;
 }
-@keyframes spin-4beccb18 {
+@keyframes spin-5af8a2ed {
 from { transform: rotate(0deg);
 }
 to { transform: rotate(360deg);
 }
 }
-.notifications-items[data-v-4beccb18] {
+.notifications-items[data-v-5af8a2ed] {
   display: flex;
   flex-direction: column;
   gap: 10px;
 }
-.notifications-footer[data-v-4beccb18] {
+.notifications-footer[data-v-5af8a2ed] {
   margin-top: 20px;
   text-align: center;
 }
-.refresh-btn[data-v-4beccb18] {
+.refresh-btn[data-v-5af8a2ed] {
   background: none;
   border: none;
   color: #666;
   cursor: pointer;
   padding: 6px 12px;
 }
-.refresh-btn[data-v-4beccb18]:hover {
+.refresh-btn[data-v-5af8a2ed]:hover {
   color: #2196f3;
 }
 
-.notification-preferences[data-v-8f705373] {
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 24px;
-}
-h2[data-v-8f705373] {
-  margin-top: 0;
-  margin-bottom: 8px;
-}
-.description[data-v-8f705373] {
+.description[data-v-420a3f66] {
   color: #666;
   margin-bottom: 24px;
 }
-.preferences-loading[data-v-8f705373] {
+.preferences-loading[data-v-420a3f66] {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 48px 0;
 }
-.loading-spinner[data-v-8f705373] {
+.loading-spinner[data-v-420a3f66] {
   font-size: 2rem;
   margin-bottom: 16px;
-  animation: spin-8f705373 2s linear infinite;
+  animation: spin-420a3f66 2s linear infinite;
 }
-@keyframes spin-8f705373 {
+@keyframes spin-420a3f66 {
 0% { transform: rotate(0deg);
 }
 100% { transform: rotate(360deg);
 }
 }
-.preference-item[data-v-8f705373] {
+.preference-item[data-v-420a3f66] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px;
   border-bottom: 1px solid #eee;
 }
-.preference-item[data-v-8f705373]:last-child {
+.preference-item[data-v-420a3f66]:last-child {
   border-bottom: none;
 }
-.preference-info[data-v-8f705373] {
+.preference-info[data-v-420a3f66] {
   display: flex;
   align-items: center;
   flex: 1;
 }
-.preference-icon[data-v-8f705373] {
+.preference-icon[data-v-420a3f66] {
   font-size: 1.5rem;
   margin-right: 16px;
   width: 40px;
@@ -3295,29 +2998,29 @@ h2[data-v-8f705373] {
   align-items: center;
   justify-content: center;
 }
-.preference-details h3[data-v-8f705373] {
+.preference-details h3[data-v-420a3f66] {
   margin: 0 0 4px 0;
   font-size: 1rem;
 }
-.preference-details p[data-v-8f705373] {
+.preference-details p[data-v-420a3f66] {
   margin: 0;
   color: #666;
   font-size: 0.875rem;
 }
 
 /* Toggle switch styles */
-.toggle-switch[data-v-8f705373] {
+.toggle-switch[data-v-420a3f66] {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 24px;
 }
-.toggle-switch input[data-v-8f705373] {
+.toggle-switch input[data-v-420a3f66] {
   opacity: 0;
   width: 0;
   height: 0;
 }
-.toggle-slider[data-v-8f705373] {
+.toggle-slider[data-v-420a3f66] {
   position: absolute;
   cursor: pointer;
   top: 0;
@@ -3328,7 +3031,7 @@ h2[data-v-8f705373] {
   transition: .4s;
   border-radius: 24px;
 }
-.toggle-slider[data-v-8f705373]:before {
+.toggle-slider[data-v-420a3f66]:before {
   position: absolute;
   content: "";
   height: 16px;
@@ -3339,70 +3042,37 @@ h2[data-v-8f705373] {
   transition: .4s;
   border-radius: 50%;
 }
-input:checked + .toggle-slider[data-v-8f705373] {
+input:checked + .toggle-slider[data-v-420a3f66] {
   background-color: #2196F3;
 }
-input:checked + .toggle-slider[data-v-8f705373]:before {
+input:checked + .toggle-slider[data-v-420a3f66]:before {
   transform: translateX(26px);
 }
-.form-actions[data-v-8f705373] {
+.form-actions[data-v-420a3f66] {
   margin-top: 24px;
   display: flex;
   justify-content: flex-end;
   gap: 16px;
 }
-.save-btn[data-v-8f705373], .cancel-btn[data-v-8f705373] {
+.save-btn[data-v-420a3f66], .cancel-btn[data-v-420a3f66] {
   padding: 8px 16px;
   border-radius: 4px;
   cursor: pointer;
 }
-.save-btn[data-v-8f705373] {
+.save-btn[data-v-420a3f66] {
   background-color: #2196F3;
   border: none;
   color: white;
 }
-.save-btn[data-v-8f705373]:disabled {
+.save-btn[data-v-420a3f66]:disabled {
   background-color: #ccc;
   cursor: not-allowed;
 }
-.cancel-btn[data-v-8f705373] {
+.cancel-btn[data-v-420a3f66] {
   background-color: white;
   border: 1px solid #ccc;
 }
 
-.notifications-page[data-v-c7013c43] {
-}
-.tabs[data-v-c7013c43] {
-  display: flex;
-  margin-bottom: 24px;
-  border-bottom: 1px solid #e0e0e0;
-}
-.tabs button[data-v-c7013c43] {
-  background: none;
-  border: none;
-  padding: 12px 24px;
-  font-size: 1rem;
-  cursor: pointer;
-  position: relative;
-  color: #666;
-}
-.tabs button.active[data-v-c7013c43] {
-  color: #2196F3;
-  font-weight: 500;
-}
-.tabs button.active[data-v-c7013c43]::after {
-  content: '';
-  position: absolute;
-  bottom: -1px;
-  left: 0;
-  width: 100%;
-  height: 2px;
-  background-color: #2196F3;
-}
-.tab-content[data-v-c7013c43] {
-  padding: 16px 0;
-}
-
 .address[data-v-0f8ad042] {
     text-wrap: nowrap;
     display: block;