@ozdao/martyrs 0.2.487 → 0.2.489

package/dist/style.css

@@ -62,50 +62,33 @@
 }
 .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,
-textarea,
-span {
-  line-height: 1;
+input[data-v-69b12b85],
+textarea[data-v-69b12b85],
+span[data-v-69b12b85] {
   color: inherit;
+  line-height: 1;
 }
-textarea {
+textarea[data-v-69b12b85] {
   resize: none;
   overflow: hidden; 
-  line-height: 1rem;
   height: 1rem;
 }
-input[type="date"]::-webkit-calendar-picker-indicator,
-input[type="time"]::-webkit-calendar-picker-indicator {
+input[type="date"][data-v-69b12b85]::-webkit-calendar-picker-indicator,
+input[type="time"][data-v-69b12b85]::-webkit-calendar-picker-indicator {
   filter: invert(1);
   opacity: 1;
   color: inherit;
 }
-.field-wrapper {
-  transition: border-width .2s, box-shadow .2s ease;
-}
-.field-wrapper:hover {
-  box-shadow: inset 0 0 0 1px rgba(var(--dark), 0.2), 0 0 6px 2px rgba(var(--dark), 0.1);
-}
-.field-wrapper:focus-within {
-  box-shadow: inset 0 0 0 1px rgba(var(--second), 1), 0 0 6px 2px rgba(var(--second), 0.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);
-}
-.circular-loader {
-  position: relative;
-  z-index: 50;
-  height: 2rem;
-  width: 2rem;
-}
 .circular-loader-centered {
   top: calc(50% - 1rem);
   left: calc(50% - 1rem);
@@ -342,11 +325,14 @@ a.button {
 .color-overlay.active {
   background: rgba(0, 0, 0, 0.25);
   pointer-events: all;
-}li[data-v-d73e3595] {
+}li[data-v-849e5dfe] {
   list-style-type: none;
 }
-ul li[data-v-d73e3595] {
+ul li[data-v-849e5dfe] {
   line-height: 2;
+}
+.field-wrapper[data-v-849e5dfe]:focus {
+  outline: none;
 }.vue3-reactive-tel-input {
   display: flex;
 }
@@ -692,73 +678,87 @@ ul li[data-v-d73e3595] {
     left: 100%;
 }
 }
-.calendar[aria-disabled=true][data-v-98c5ce17] {
+.calendar[aria-disabled=true][data-v-5b68ada8] {
   cursor: not-allowed;
 }
-.calendar[aria-disabled=true][data-v-98c5ce17] * {
+.calendar[aria-disabled=true][data-v-5b68ada8] * {
   pointer-events: none;
 }
-.calendar__week[data-v-98c5ce17] {
+.calendar__week[data-v-5b68ada8] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 5px;
   margin-bottom: 10px;
 }
-.calendar__weekday[data-v-98c5ce17] {
+.calendar__weekday[data-v-5b68ada8] {
   text-align: center;
 }
-.calendar__dates[data-v-98c5ce17] {
+.calendar__dates[data-v-5b68ada8] {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   grid-auto-rows: 1fr;
 }
-.calendar__dates[data-v-98c5ce17]::before {
+.calendar__dates[data-v-5b68ada8]::before {
   content: "";
   width: 0;
   padding-bottom: 100%;
   grid-row: 1/1;
   grid-column: 1/1;
 }
-.calendar__dates[data-v-98c5ce17] > *:first-child {
+.calendar__dates[data-v-5b68ada8] > *:first-child {
   grid-row: 1/1;
   grid-column: 1/1;
 }
-.calendar__date--today[data-v-98c5ce17] {
+.calendar__date--today[data-v-5b68ada8] {
   background-color: rgb(var(--main)) !important;
   font-weight: bold;
 }
-.calendar__date--in-other-month[data-v-98c5ce17] {
+.calendar__date--in-other-month[data-v-5b68ada8] {
   color: #aaaaaa; /* Grey text color for dates from adjacent months */
 }
-.calendar__date--selected[data-v-98c5ce17] {
+.calendar__date--selected[data-v-5b68ada8] {
   background-color: #007bff !important;
   color: #fff;
 }
-.calendar__date--range[data-v-98c5ce17] {
+.calendar__date--range[data-v-5b68ada8] {
   background-color: #1c6ab8 !important;
 }
-.calendar__date--disabled[data-v-98c5ce17], .calendar__date--unavailable[data-v-98c5ce17] {
+.calendar__date--disabled[data-v-5b68ada8], .calendar__date--unavailable[data-v-5b68ada8] {
   color: #ccc;
   cursor: not-allowed;
   text-decoration: line-through;
   opacity: 0.5;
 }
-.calendar__date--low-availability[data-v-98c5ce17] {
+.calendar__date--low-availability[data-v-5b68ada8] {
   position: relative;
   background-color: #f0f0f0;
   /*  border: 1px solid #fff3cd;*/
   /*  background-color: #fff3cd;*/
 }
-.availability-indicator[data-v-98c5ce17] {
+.availability-indicator[data-v-5b68ada8] {
   position: absolute;
   bottom: 2px;
   right: 2px;
   font-size: 8px;
   color: #6c757d;
 }
-button[data-v-98c5ce17]:disabled {
+button[data-v-5b68ada8]:disabled {
   opacity: 0.5;
   cursor: not-allowed;
+}
+.calendar-tooltip[data-v-5b68ada8] {
+  position: fixed;
+  background-color: #333;
+  color: white;
+  padding: 8px 12px;
+  border-radius: 4px;
+  font-size: 12px;
+  z-index: 1000;
+  max-width: 200px;
+  word-wrap: break-word;
+  pointer-events: none;
+  transform: translate(-50%, -100%);
+  margin-top: -8px;
 }.spoiler {
   overflow: hidden;
   transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@@ -806,7 +806,7 @@ button[data-v-98c5ce17]:disabled {
   overflow-y: auto;
 }
 
-.feed-move, /* apply transition to moving elements */
+.feed-move,
 .feed-enter-active,
 .feed-leave-active {
   transition: all 0.5s ease;
@@ -816,9 +816,6 @@ button[data-v-98c5ce17]:disabled {
   opacity: 0;
   transform: translateY(30px);
 }
-
-/* ensure leaving items are taken out of layout flow so that moving
-   animations can be calculated correctly. */
 .feed-leave-active {
   position: absolute;
 }
@@ -1148,12 +1145,12 @@ div.vue-tags-input.disabled * {
     font-size: .85em;
 }
 
-.fade-enter-active[data-v-54d1a394],
-.fade-leave-active[data-v-54d1a394] {
+.fade-enter-active[data-v-fe817eef],
+.fade-leave-active[data-v-fe817eef] {
   transition: opacity 0.3s ease;
 }
-.fade-enter-from[data-v-54d1a394],
-.fade-leave-to[data-v-54d1a394] {
+.fade-enter-from[data-v-fe817eef],
+.fade-leave-to[data-v-fe817eef] {
   opacity: 0;
 }
 .slider-hotpost :deep(.carousel__slide) {
@@ -1167,6 +1164,23 @@ div.vue-tags-input.disabled * {
   position: absolute;
   left: 0;
   right: 0;
+}.snack-wrapper {
+  position: fixed;
+  bottom: var(--gap);
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 1000;
+  animation: slideUp 0.3s ease-out;
+}
+@keyframes slideUp {
+from {
+    transform: translateX(-50%) translateY(100%);
+    opacity: 0;
+}
+to {
+    transform: translateX(-50%) translateY(0);
+    opacity: 1;
+}
 }.header-shopcart {
   position: absolute;
   right: 4.25rem;
@@ -1393,21 +1407,21 @@ div.vue-tags-input.disabled * {
   margin-left: 0.5rem;
 }
 
-.notification-badge-container[data-v-26b93994] {
+.notification-badge-container[data-v-c9d03610] {
   position: relative;
   display: inline-block;
 }
-.notification-button[data-v-26b93994] {
+.notification-button[data-v-c9d03610] {
   background: none;
   border: none;
   cursor: pointer;
   position: relative;
   font-size: 1.2rem;
 }
-.notification-icon[data-v-26b93994] {
+.notification-icon[data-v-c9d03610] {
   font-size: 1.4rem;
 }
-.button-counter[data-v-26b93994] {
+.button-counter[data-v-c9d03610] {
   position: absolute;
   right: -8px;
   bottom: -8px;
@@ -1421,8 +1435,8 @@ div.vue-tags-input.disabled * {
   line-height: 16px;
   font-size: 10px;
 }
-.notifications-loading[data-v-26b93994],
-.notifications-empty[data-v-26b93994] {
+.notifications-loading[data-v-c9d03610],
+.notifications-empty[data-v-c9d03610] {
   padding: 24px;
   text-align: center;
   color: rgb(var(--text-light));
@@ -1530,28 +1544,28 @@ div.vue-tags-input.disabled * {
   transform: translateY(0);
 }
 
-.hidden[data-v-9c683804] {
+.hidden[data-v-6db7716d] {
   opacity: 0;
   width: 0;
   display: none;
 }
-.visible[data-v-9c683804] {
+.visible[data-v-6db7716d] {
   opacity: 1;
   display: block;
 }
 
 /* Scrollbar styles */
-[data-v-9c683804]::-webkit-scrollbar {
+[data-v-6db7716d]::-webkit-scrollbar {
   width: 6px;
 }
-[data-v-9c683804]::-webkit-scrollbar-track {
+[data-v-6db7716d]::-webkit-scrollbar-track {
   background: transparent;
 }
-[data-v-9c683804]::-webkit-scrollbar-thumb {
+[data-v-6db7716d]::-webkit-scrollbar-thumb {
   background-color: var(--grey-micro);
   border-radius: 3px;
 }
-[data-v-9c683804]::-webkit-scrollbar-thumb:hover {
+[data-v-6db7716d]::-webkit-scrollbar-thumb:hover {
   background-color: var(--grey-small);
 }
 
@@ -2061,25 +2075,13 @@ to {
 }
 
   /* Add styles for the user card component here */
-.VueSelect {
-  background: #f7f7f7;
-  border-radius: 0.5rem;
-  border: 0;
-  height: 3rem;
-  padding-left: 1rem;
-  z-index: 4;
-}
-.VueSelect .vue-input input {
-  font-size: 1.125rem;
-  font-weight: 300;
-  background: #f7f7f7;
-}
+
 .gmap[data-v-b891021c] {
   height: 100%;
   width: 100%;
 }
 
-.subspotsartment[data-v-3adb72ad] {
+.subspotsartment[data-v-f240e93a] {
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin-top: 1rem;
 }
@@ -2197,23 +2199,23 @@ to {
 .select-country {
   max-width: 100%;
 }
-.columns-container[data-v-d267abcb] {
+.columns-container[data-v-119e7b97] {
   width: 100%;
   overflow: hidden;
 }
-.columns-wrapper[data-v-d267abcb] {
+.columns-wrapper[data-v-119e7b97] {
   display: flex;
   width: 100%;
 }
 @media (min-width: 768px) {
-.columns-wrapper[data-v-d267abcb] {
+.columns-wrapper[data-v-119e7b97] {
     /* Десктоп: 2 колонки рядом */
     display: grid;
     grid-template-columns: 1fr 1fr;
 }
 }
 @media (max-width: 767px) {
-.columns-wrapper[data-v-d267abcb] {
+.columns-wrapper[data-v-119e7b97] {
     /* Мобильные устройства: горизонтальный скролл */
     overflow-x: auto;
     scroll-snap-type: x mandatory;
@@ -2221,13 +2223,13 @@ to {
 }
 }
 @media (max-width: 767px) {
-.column[data-v-d267abcb] {
+.column[data-v-119e7b97] {
     /* Настройки для мобильных устройств */
     max-width: 90%;
     flex: 0 0 auto;
     scroll-snap-align: start;
 }
-.column[data-v-d267abcb]:last-child {
+.column[data-v-119e7b97]:last-child {
     margin-right: 0;
 }
 }
@@ -2270,11 +2272,6 @@ to {
 }
 .card-title:hover .card-page-actions {
   display: block;
-}.shop-cart-item[data-v-b09f4bb6]:first-of-type {
-  padding-top: 0;
-}
-.spoiler-active[data-v-b09f4bb6] {
-  transform: rotate(180deg);
 }
 .expand-enter-active[data-v-489e9d2e],
 .expand-leave-active[data-v-489e9d2e] {
@@ -2420,20 +2417,7 @@ to {
     flex: 0 0 75%;
     min-width: 0;
 }
-}.custom-table[data-v-b85cde7e] {
-  border-collapse: collapse;
-}
-.custom-table td[data-v-b85cde7e] {
-  vertical-align: middle;
-}
-.border-b[data-v-0f4d3c8b] {
-  border-bottom: 1px solid rgba(var(--black), 0.1);
-}
-
-.bg-orange {
-  background-color: rgb(var(--orange));
 }
-
 .discount-card[data-v-e5d1ccd1] {
   transition: all 0.2s ease;
 }
@@ -2477,7 +2461,7 @@ to {
 }
 
 /* Стили остаются без изменений */
-.spiral[data-v-f6f65767] {
+.spiral[data-v-2273f6eb] {
   background-size: cover;
   width: 100rem;
   height: 100rem;
@@ -2485,9 +2469,9 @@ to {
   opacity: 0.066;
   transform: translate(-50%, -50%) rotate(0deg);
   transform-origin: center center;
-  animation: spin-f6f65767 5s linear infinite;
+  animation: spin-2273f6eb 5s linear infinite;
 }
-@keyframes spin-f6f65767 {
+@keyframes spin-2273f6eb {
 0% {
     transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -2536,29 +2520,29 @@ to {
 100% {
     transform: rotateX(45deg) translateY(0);
 }
-}#grid2[data-v-6a0d17c5] {
+}#grid2[data-v-2dd39d7b] {
   transition: 500ms;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 3px;
   background: crimson;
 }
-:where(.left[data-v-6a0d17c5], .center[data-v-6a0d17c5], .right[data-v-6a0d17c5]) {
+:where(.left[data-v-2dd39d7b], .center[data-v-2dd39d7b], .right[data-v-2dd39d7b]) {
   background: navajowhite;
   transition: 300ms;
 }
-:where(.left[data-v-6a0d17c5], .center[data-v-6a0d17c5], .right[data-v-6a0d17c5]):hover {
+:where(.left[data-v-2dd39d7b], .center[data-v-2dd39d7b], .right[data-v-2dd39d7b]):hover {
   background: crimson;
 }
-#grid2[data-v-6a0d17c5]:has(.left:hover) {
+#grid2[data-v-2dd39d7b]:has(.left:hover) {
   grid-template-columns: 2fr 0.5fr 0.5fr;
   padding: 3rem;
 }
-#grid2[data-v-6a0d17c5]:has(.center:hover) {
+#grid2[data-v-2dd39d7b]:has(.center:hover) {
   grid-template-columns: 0.5fr 2fr 0.5fr;
   padding: 3rem;
 }
-#grid2[data-v-6a0d17c5]:has(.right:hover) {
+#grid2[data-v-2dd39d7b]:has(.right:hover) {
   grid-template-columns: 0.5fr 0.5fr 2fr;
   padding: 3rem;
 }.sheen:after {
@@ -2624,6 +2608,11 @@ 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;
@@ -2632,33 +2621,7 @@ to {
   color: white;
   display: inline-block;
 }
-.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);
-}
-}
+
 .icon-search-popup[data-v-1763f3da] {
   min-height: 500px;
 }
@@ -2690,38 +2653,64 @@ to {
   opacity: 0;
   transform: scale(0.9);
 }
-
-.h-60[data-v-f4b85646] {
+.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-f4b85646] {
+.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-f4b85646 0.3s;
+  animation: fadeIn-1228d04d 0.3s;
 }
-@keyframes fadeIn-f4b85646 {
+@keyframes fadeIn-1228d04d {
 from { opacity: 0; transform: translateY(20px);
 }
 to { opacity: 1; transform: translateY(0);
 }
 }
-.icon-card .replace-btn[data-v-f4b85646] {
+.icon-card .replace-btn[data-v-1228d04d] {
   opacity: 0;
   transition: opacity 0.2s ease;
 }
-.icon-card:hover .replace-btn[data-v-f4b85646] {
+.icon-card:hover .replace-btn[data-v-1228d04d] {
   opacity: 1;
 }
-.flex-between[data-v-f4b85646] {
+.flex-between[data-v-1228d04d] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.blink[data-v-3da4557c] {
-  animation: blink-animation-3da4557c 1s ease infinite;
+.blink[data-v-b6c8ad09] {
+  animation: blink-animation-b6c8ad09 1s ease infinite;
 }
-@keyframes blink-animation-3da4557c {
+@keyframes blink-animation-b6c8ad09 {
 0%, 100% {
     opacity: 1;
 }
@@ -2754,17 +2743,17 @@ to { opacity: 1; transform: translateY(0);
   height: 3rem;
 }
 /* Добавляем стиль для текста "просрочено" */
-.t-red[data-v-f18ee795] {
+.t-red[data-v-df82a9d0] {
   color: red;
 }
-.shop-cart-item[data-v-e9803d20]:first-of-type {
+.shop-cart-item[data-v-926e65ca]:first-of-type {
   padding-top: 0;
 }#map[data-v-4c5385a2]:focus {
   outline: none;
 }
   /* Add styles for the user card component here */
 
-.subspotsartment[data-v-6d8b830a] {
+.subspotsartment[data-v-bbb2bc5e] {
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin-top: 1rem;
 }
@@ -2822,35 +2811,35 @@ input[data-v-cca87f09] {
   padding: 0.75rem 1.5rem;
   margin: 0;
 }
-.gantt-chart-container[data-v-340ab548] {
+.gantt-chart-container[data-v-6f6bbefe] {
   display: flex;
   flex-direction: column;
   width: 100%;
   font-size: 14px;
 }
-.gantt-chart[data-v-340ab548] {
+.gantt-chart[data-v-6f6bbefe] {
   position: relative;
   height: 500px;
   overflow: auto;
   border: 1px solid #eee;
 }
-.gantt-header[data-v-340ab548] {
+.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-340ab548] {
+.gantt-header-row[data-v-6f6bbefe] {
   display: flex;
   position: relative;
 }
-.gantt-timeline-header[data-v-340ab548] {
+.gantt-timeline-header[data-v-6f6bbefe] {
   display: flex;
   position: sticky;
   left: 200px;
 }
-.product-column[data-v-340ab548] {
+.product-column[data-v-6f6bbefe] {
   width: 200px;
   min-width: 200px;
   position: sticky;
@@ -2860,7 +2849,7 @@ input[data-v-cca87f09] {
   border-right: 1px solid #eee;
   padding: 8px;
 }
-.gantt-header-cell[data-v-340ab548] {
+.gantt-header-cell[data-v-6f6bbefe] {
   min-width: var(--cell-width, 60px);
   width: var(--cell-width, 60px);
   border-right: 1px solid #eee;
@@ -2868,97 +2857,97 @@ input[data-v-cca87f09] {
   padding: 8px 4px;
   overflow: hidden;
 }
-.gantt-header-cell.is-weekend[data-v-340ab548] {
+.gantt-header-cell.is-weekend[data-v-6f6bbefe] {
   background-color: #f1f3f5;
 }
-.gantt-header-cell.is-today[data-v-340ab548] {
+.gantt-header-cell.is-today[data-v-6f6bbefe] {
   background-color: #e3f2fd;
 }
-.gantt-header-cell.is-month-start[data-v-340ab548] {
+.gantt-header-cell.is-month-start[data-v-6f6bbefe] {
   border-left: 2px solid #adb5bd;
 }
-.date-label[data-v-340ab548] {
+.date-label[data-v-6f6bbefe] {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
-.month-label[data-v-340ab548] {
+.month-label[data-v-6f6bbefe] {
   font-weight: bold;
   font-size: 12px;
   width: 100%;
 }
-.day-number[data-v-340ab548] {
+.day-number[data-v-6f6bbefe] {
   font-weight: bold;
   font-size: 16px;
 }
-.day-name[data-v-340ab548] {
+.day-name[data-v-6f6bbefe] {
   font-size: 12px;
   color: #6c757d;
 }
-.gantt-body[data-v-340ab548] {
+.gantt-body[data-v-6f6bbefe] {
   position: relative;
 }
-.gantt-row[data-v-340ab548] {
+.gantt-row[data-v-6f6bbefe] {
   display: flex;
   border-bottom: 1px solid #eee;
 }
-.gantt-row.is-even .gantt-timeline-row[data-v-340ab548] {
+.gantt-row.is-even .gantt-timeline-row[data-v-6f6bbefe] {
    background-color: #f8f9fa;
 }
-.gantt-row-item[data-v-340ab548] {
+.gantt-row-item[data-v-6f6bbefe] {
   padding: 8px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
-.product-title[data-v-340ab548] {
+.product-title[data-v-6f6bbefe] {
   font-weight: bold;
   margin-bottom: 4px;
   text-wrap-mode: nowrap;
   width: 100%;
   overflow: hidden;
 }
-.product-status[data-v-340ab548] {
+.product-status[data-v-6f6bbefe] {
   font-size: 12px;
   padding: 2px 6px;
   border-radius: 4px;
   display: inline-block;
 }
-.status-active[data-v-340ab548] {
+.status-active[data-v-6f6bbefe] {
   background-color: #d1e7dd;
   color: #0f5132;
 }
-.status-completed[data-v-340ab548] {
+.status-completed[data-v-6f6bbefe] {
   background-color: #cff4fc;
   color: #055160;
 }
-.status-canceled[data-v-340ab548] {
+.status-canceled[data-v-6f6bbefe] {
   background-color: #f8d7da;
   color: #842029;
 }
-.status-default[data-v-340ab548] {
+.status-default[data-v-6f6bbefe] {
   background-color: #e2e3e5;
   color: #41464b;
 }
-.gantt-timeline-row[data-v-340ab548] {
+.gantt-timeline-row[data-v-6f6bbefe] {
   display: flex;
   position: relative;
   height: 60px;
   flex-grow: 1;
 }
-.gantt-cell[data-v-340ab548] {
+.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-340ab548] {
+.gantt-cell.is-weekend[data-v-6f6bbefe] {
   background-color: #f1f3f5;
 }
-.gantt-cell.is-today[data-v-340ab548] {
+.gantt-cell.is-today[data-v-6f6bbefe] {
   background-color: #e3f2fd;
 }
-.gantt-bar[data-v-340ab548] {
+.gantt-bar[data-v-6f6bbefe] {
   position: absolute;
   height: 40px;
   top: 10px;
@@ -2973,48 +2962,48 @@ input[data-v-cca87f09] {
   box-shadow: 0 2px 5px rgba(0,0,0,0.1);
   transition: box-shadow 0.2s, transform 0.1s;
 }
-.gantt-bar[data-v-340ab548]:hover {
+.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-340ab548] {
+.gantt-bar-active[data-v-6f6bbefe] {
   background-color: #4dabf7;
 }
-.gantt-bar-completed[data-v-340ab548] {
+.gantt-bar-completed[data-v-6f6bbefe] {
   background-color: #20c997;
 }
-.gantt-bar-canceled[data-v-340ab548] {
+.gantt-bar-canceled[data-v-6f6bbefe] {
   background-color: #fa5252;
   text-decoration: line-through;
 }
-.gantt-bar-label[data-v-340ab548] {
+.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-340ab548], 
-.date-controls button[data-v-340ab548],
-.date-controls select[data-v-340ab548] {
+.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-340ab548]:hover, 
-.date-controls button[data-v-340ab548]:hover,
-.date-controls select[data-v-340ab548]:hover {
+.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-340ab548] {
+.flex-v-center[data-v-6f6bbefe] {
   display: flex;
   align-items: center;
 }
 
 /* Set cell width based on current view */
-[data-v-340ab548]:root {
-  --cell-width: var(--3199de25);
+[data-v-6f6bbefe]:root {
+  --cell-width: var(--2f86075a);
 }
 .round-stat {
   padding: 1rem;
@@ -3463,7 +3452,15 @@ html.barcode-scanner-active-html {
   padding: var(--medium);
   padding-left: 3rem;
   background: rgb(var(--grey));
-}/* Your styles here */.round-stat {
+}.container {
+  max-width: 100%;
+  margin: auto;
+}
+.square {
+  aspect-ratio: 1/1;
+  height: 100%;
+  background: #ccc;
+}.round-stat {
   padding: 1rem;
   border-radius: 5rem;
   width: 3rem;