@bagelink/vue 0.0.302 → 0.0.304

package/dist/style.css

@@ -1,24 +1,4 @@
 @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");
-.translate {
-  cursor: pointer;
-  position: relative;
-}
-
-/*
-.translate:hover {
-	color: var(--bgl-primary);
-}
-*/
-.translate-globe {
-  position: absolute;
-  top: -5px;
-  right: -5px;
-  width: 10px;
-  height: 10px;
-  background-size: contain;
-  /* background-image: url('@/assets/globe.svg'); */
-}
-
 .new-comment .ProseMirror {
   width: 100%;
   height: 100%;
@@ -57,10 +37,10 @@
   background-color: var(--bgl-bg);
 }
 
-[dir="rtl"] .top-arrow[data-v-776ccc02] {
+[dir="rtl"] .top-arrow[data-v-1da5b921] {
   transform: rotate(180deg);
 }
-.nav-expend[data-v-776ccc02] {
+.nav-expend[data-v-1da5b921] {
   text-align: center;
   cursor: pointer;
   background: var(--bgl-white);
@@ -86,17 +66,17 @@
 	margin-bottom: 30px;
 }
 */
-.nav-expend[data-v-776ccc02] {
+.nav-expend[data-v-1da5b921] {
   background: var(--bgl-white);
 }
-.nav-expend[data-v-776ccc02]:hover {
+.nav-expend[data-v-1da5b921]:hover {
   filter: brightness(95%);
   box-shadow: 0 0 20px 0 var(--bgl-primary-tint);
 }
-.nav-expend[data-v-776ccc02]:active {
+.nav-expend[data-v-1da5b921]:active {
   filter: var(--bgl-active-filter);
 }
-.nav[data-v-776ccc02] {
+.nav[data-v-1da5b921] {
   color: var(--bgl-white);
   background: var(--bgl-primary);
   z-index: 100;
@@ -105,10 +85,10 @@
   display: flex;
   flex-direction: column;
 }
-.nav *[data-v-776ccc02] {
+.nav *[data-v-1da5b921] {
   user-select: none;
 }
-.nav-button[data-v-776ccc02] {
+.nav-button[data-v-1da5b921] {
   text-decoration: none;
   cursor: pointer;
   display: flex;
@@ -119,11 +99,11 @@
   transition: all 0.2s ease;
   pointer-events: none;
 }
-.nav-button[data-v-776ccc02]:hover {
+.nav-button[data-v-1da5b921]:hover {
   width: fit-content;
   pointer-events: all;
 }
-.nav-button .bgl_icon-font[data-v-776ccc02] {
+.nav-button .bgl_icon-font[data-v-1da5b921] {
   font-size: 22px;
   margin: 0.25rem 10px;
   padding: 10px;
@@ -136,16 +116,16 @@
   transition: all 0.2s ease;
   pointer-events: all;
 }
-.nav-button:hover .bgl_icon-font[data-v-776ccc02],
-.nav-button.router-link-active .bgl_icon-font[data-v-776ccc02] {
+.nav-button:hover .bgl_icon-font[data-v-1da5b921],
+.nav-button.router-link-active .bgl_icon-font[data-v-1da5b921] {
   background: var(--bgl-white);
   color: var(--bgl-primary);
 }
-.nav-button:hover .tooltip[data-v-776ccc02] {
+.nav-button:hover .tooltip[data-v-1da5b921] {
   opacity: 1;
   pointer-events: all;
 }
-.tooltip[data-v-776ccc02] {
+.tooltip[data-v-1da5b921] {
   background-color: var(--bgl-white);
   color: var(--bgl-primary);
   line-height: 1;
@@ -159,23 +139,23 @@
   opacity: 0;
   margin-inline-start: 1rem;
 }
-.tooltip[data-v-776ccc02]:hover {
+.tooltip[data-v-1da5b921]:hover {
   filter: brightness(95%);
 }
-.tooltip[data-v-776ccc02]:active {
+.tooltip[data-v-1da5b921]:active {
   filter: brightness(90%);
 }
-.bot-buttons-wrapper[data-v-776ccc02] {
+.bot-buttons-wrapper[data-v-1da5b921] {
   margin-top: auto;
   width: 100%;
 }
-.nav-links-wrapper[data-v-776ccc02] {
+.nav-links-wrapper[data-v-1da5b921] {
   direction: ltr;
 }
-[dir="rtl"] .nav-links-wrapper[data-v-776ccc02] {
+[dir="rtl"] .nav-links-wrapper[data-v-1da5b921] {
   direction: rtl;
 }
-.nav-scroll[data-v-776ccc02] {
+.nav-scroll[data-v-1da5b921] {
   overflow-y: scroll;
   width: 50vw;
   direction: rtl;
@@ -185,30 +165,30 @@
   display: flex;
   flex-direction: column;
 }
-.nav[data-v-776ccc02]::-webkit-scrollbar-thumb {
+.nav[data-v-1da5b921]::-webkit-scrollbar-thumb {
   background-color: transparent;
 }
-.nav[data-v-776ccc02]:hover::-webkit-scrollbar-thumb {
+.nav[data-v-1da5b921]:hover::-webkit-scrollbar-thumb {
   background-color: var(--bgl-gray);
 }
-[dir="rtl"] .nav-scroll[data-v-776ccc02] {
+[dir="rtl"] .nav-scroll[data-v-1da5b921] {
   direction: ltr;
 }
-.full-nav[data-v-776ccc02] {
+.full-nav[data-v-1da5b921] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
 @media screen and (min-width: 910px) {
-.nav.open .nav-expend[data-v-776ccc02] {
+.nav.open .nav-expend[data-v-1da5b921] {
     margin-inline-start: 189px;
     transform: rotate(180deg);
 }
-.nav.open[data-v-776ccc02] {
+.nav.open[data-v-1da5b921] {
     width: 200px;
     text-align: start;
 }
-.nav.open .tooltip[data-v-776ccc02] {
+.nav.open .tooltip[data-v-1da5b921] {
     background-color: transparent;
     color: var(--bgl-white);
     padding: 0;
@@ -217,30 +197,30 @@
     opacity: 1;
     margin-inline-start: 0rem;
 }
-.nav.open .nav-button .bgl_icon-font[data-v-776ccc02] {
+.nav.open .nav-button .bgl_icon-font[data-v-1da5b921] {
     margin: 0;
     background: transparent;
 }
-.nav.open .nav-button[data-v-776ccc02] {
+.nav.open .nav-button[data-v-1da5b921] {
     width: 180px;
     border-radius: 10px;
     margin-inline-start: 10px;
     margin-top: 10px;
     margin-bottom: 10px;
 }
-.nav.open .nav-button[data-v-776ccc02]:hover,
-  .nav.open .nav-button.router-link-active[data-v-776ccc02] {
+.nav.open .nav-button[data-v-1da5b921]:hover,
+  .nav.open .nav-button.router-link-active[data-v-1da5b921] {
     background: var(--bgl-white);
     color: var(--bgl-primary);
 }
-.nav.open .nav-button[data-v-776ccc02]:hover,
-  .nav.open .nav-button:hover .tooltip[data-v-776ccc02],
-  .nav.open .nav-button.router-link-active .tooltip[data-v-776ccc02] {
+.nav.open .nav-button[data-v-1da5b921]:hover,
+  .nav.open .nav-button:hover .tooltip[data-v-1da5b921],
+  .nav.open .nav-button.router-link-active .tooltip[data-v-1da5b921] {
     color: var(--bgl-primary);
 }
 }
 @media screen and (max-width: 910px) {
-.full-nav[data-v-776ccc02] {
+.full-nav[data-v-1da5b921] {
     height: auto;
     display: flex;
     flex-direction: row;
@@ -249,10 +229,10 @@
     inset-inline-end: 0;
     overflow-x: auto;
 }
-.nav.open[data-v-776ccc02] {
+.nav.open[data-v-1da5b921] {
     width: initial;
 }
-.nav[data-v-776ccc02] {
+.nav[data-v-1da5b921] {
     width: auto;
     display: flex;
     flex-direction: row;
@@ -260,7 +240,7 @@
     overflow-x: auto;
     justify-content: flex-start;
 }
-.tooltip[data-v-776ccc02] {
+.tooltip[data-v-1da5b921] {
     opacity: 1;
     background: transparent;
     color: var(--bgl-white);
@@ -269,25 +249,25 @@
     padding: 0;
     margin: 0;
 }
-.nav-button[data-v-776ccc02] {
+.nav-button[data-v-1da5b921] {
     flex-direction: column;
     margin: 12px 0.25rem;
 }
-.nav-button .bgl_icon-font[data-v-776ccc02] {
+.nav-button .bgl_icon-font[data-v-1da5b921] {
     padding: 2px 0 0 0;
     margin: 0;
     height: 30px;
     width: 30px;
 }
-.nav-links-wrapper[data-v-776ccc02] {
+.nav-links-wrapper[data-v-1da5b921] {
     display: flex;
 }
-.bot-buttons-wrapper[data-v-776ccc02] {
+.bot-buttons-wrapper[data-v-1da5b921] {
     margin-top: 0;
     width: auto;
     display: flex;
 }
-.nav-scroll[data-v-776ccc02] {
+.nav-scroll[data-v-1da5b921] {
     overflow-y: visible;
     width: auto;
     direction: auto;
@@ -298,133 +278,136 @@
     flex-direction: row;
     margin-inline-end: auto;
 }
-.nav[data-v-776ccc02]::-webkit-scrollbar {
+.nav[data-v-1da5b921]::-webkit-scrollbar {
     display: none;
 }
-.nav-expend[data-v-776ccc02] {
+.nav-expend[data-v-1da5b921] {
     display: none;
 }
 }
 
-.loading[data-v-7a7625e7] {
-	border: 1px solid var(--bgl-white);
-	border-bottom: 2px solid var(--bgl-white);
-	animation: spin-7a7625e7 1s linear infinite;
-	border-radius: 100px;
-	width: 1rem;
-	height: 1rem;
-	margin: auto;
+a[data-v-0c8d9a95] {
+  text-decoration: none;
+}
+.loading[data-v-0c8d9a95] {
+  border: 1px solid var(--bgl-white);
+  border-bottom: 2px solid var(--bgl-white);
+  animation: spin-0c8d9a95 1s linear infinite;
+  border-radius: 100px;
+  width: 1rem;
+  height: 1rem;
+  margin: auto;
 }
-@keyframes spin-7a7625e7 {
+@keyframes spin-0c8d9a95 {
 0% {
-		transform: rotate(0deg);
+    transform: rotate(0deg);
 }
 100% {
-		transform: rotate(360deg);
+    transform: rotate(360deg);
 }
 }
-.bgl_btn-icon[data-v-7a7625e7] {
-	height: var(--btn-height);
-	width: var(--btn-height);
-	border-radius: 100%;
-	font-size: 1rem;
-	background: var(--bgl-primary);
-	color: var(--bgl-white);
-	flex-shrink: 0;
-	transition: var(--bgl-transition);
+.bgl_btn-icon[data-v-0c8d9a95] {
+  height: var(--btn-height);
+  width: var(--btn-height);
+  border-radius: 100%;
+  font-size: 1rem;
+  background: var(--bgl-primary);
+  color: var(--bgl-white);
+  flex-shrink: 0;
+  transition: var(--bgl-transition);
 }
-.bgl_btn[data-v-7a7625e7] {
-	padding-left: var(--btn-padding);
-	padding-right: var(--btn-padding);
-	transition: var(--bgl-transition);
-	text-decoration: none;
+.bgl_btn[data-v-0c8d9a95] {
+  padding-left: var(--btn-padding);
+  padding-right: var(--btn-padding);
+  transition: var(--bgl-transition);
+  text-decoration: none;
 }
-.bgl_btn[disabled="true"][data-v-7a7625e7] {
-	opacity: 0.5;
-	cursor: not-allowed;
+.bgl_btn[disabled="true"][data-v-0c8d9a95] {
+  opacity: 0.5;
+  cursor: not-allowed;
 }
-.bgl_btn-flex[data-v-7a7625e7] {
-	display: flex;
-	align-items: center;
-	gap: 0.5rem;
-	justify-content: center;
+.bgl_btn-flex[data-v-0c8d9a95] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  justify-content: center;
 }
-.bgl_btn .bgl_.bgl_icon-font[data-v-7a7625e7] {
-	font-size: calc(var(--input-font-size) * 1.3);
+.bgl_btn .bgl_.bgl_icon-font[data-v-0c8d9a95] {
+  font-size: calc(var(--input-font-size) * 1.3);
 }
-.bgl_btn[data-v-7a7625e7],
-.bgl_btn-icon[data-v-7a7625e7] {
-	background-color: var(--76ea4ab4);
-	color: var(--e3fe6ee2);
+.bgl_btn[data-v-0c8d9a95],
+.bgl_btn-icon[data-v-0c8d9a95] {
+  background-color: var(--f1f27722);
+  color: var(--b7042aec);
 }
-.bgl_btn[data-v-7a7625e7]:hover,
-.bgl_btn-icon[data-v-7a7625e7]:hover {
-	filter: var(--bgl-hover-filter);
+.bgl_btn[data-v-0c8d9a95]:hover,
+.bgl_btn-icon[data-v-0c8d9a95]:hover {
+  filter: var(--bgl-hover-filter);
 }
-.bgl_btn[data-v-7a7625e7]:active,
-.bgl_btn-icon[data-v-7a7625e7]:active {
-	filter: var(--bgl-active-filter);
+.bgl_btn[data-v-0c8d9a95]:active,
+.bgl_btn-icon[data-v-0c8d9a95]:active {
+  filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-7a7625e7] {
-	padding-left: var(--btn-padding);
-	padding-right: var(--btn-padding);
-	background: transparent;
+.bgl_btn.bgl_flatBtn[data-v-0c8d9a95] {
+  padding-left: var(--btn-padding);
+  padding-right: var(--btn-padding);
+  background: transparent;
 }
-.bgl_btn-icon.bgl_flatBtn[data-v-7a7625e7] {
-	background: transparent;
+.bgl_btn-icon.bgl_flatBtn[data-v-0c8d9a95] {
+  background: transparent;
 }
-.bgl_btn.bgl_flatBtn[data-v-7a7625e7]:hover,
-.bgl_btn-icon.bgl_flatBtn[data-v-7a7625e7]:hover {
-	filter: var(--bgl-active-filter);
+.bgl_btn.bgl_flatBtn[data-v-0c8d9a95]:hover,
+.bgl_btn-icon.bgl_flatBtn[data-v-0c8d9a95]:hover {
+  filter: var(--bgl-active-filter);
 }
-.bgl_btn.bgl_flatBtn[data-v-7a7625e7]:active,
-.bgl_btn-icon.bgl_flatBtn[data-v-7a7625e7]:active {
-	background: var(--bgl-white);
-	filter: var(--bgl-hover-filter);
+.bgl_btn.bgl_flatBtn[data-v-0c8d9a95]:active,
+.bgl_btn-icon.bgl_flatBtn[data-v-0c8d9a95]:active {
+  background: var(--bgl-white);
+  filter: var(--bgl-hover-filter);
 }
-.bgl_btn.bgl_flatBtn.red[data-v-7a7625e7],
-.bgl_btn-icon.bgl_flatBtn.red[data-v-7a7625e7] {
-	color: var(--bgl-red);
+.bgl_btn.bgl_flatBtn.red[data-v-0c8d9a95],
+.bgl_btn-icon.bgl_flatBtn.red[data-v-0c8d9a95] {
+  color: var(--bgl-red);
 }
-.bgl_btn.bgl_flatBtn.light[data-v-7a7625e7],
-.bgl_btn-icon.bgl_flatBtn.light[data-v-7a7625e7] {
-	color: var(--bgl-primary-tint);
+.bgl_btn.bgl_flatBtn.light[data-v-0c8d9a95],
+.bgl_btn-icon.bgl_flatBtn.light[data-v-0c8d9a95] {
+  color: var(--bgl-primary-tint);
 }
-.bgl_btn.bgl_flatBtn.black[data-v-7a7625e7],
-.bgl_btn-icon.bgl_flatBtn.black[data-v-7a7625e7] {
-	color: var(--bgl-black);
+.bgl_btn.bgl_flatBtn.black[data-v-0c8d9a95],
+.bgl_btn-icon.bgl_flatBtn.black[data-v-0c8d9a95] {
+  color: var(--bgl-black);
 }
-.bgl_btn.bgl_flatBtn.gray[data-v-7a7625e7],
-.bgl_btn-icon.bgl_flatBtn.gray[data-v-7a7625e7] {
-	color: var(--bgl-gray);
+.bgl_btn.bgl_flatBtn.gray[data-v-0c8d9a95],
+.bgl_btn-icon.bgl_flatBtn.gray[data-v-0c8d9a95] {
+  color: var(--bgl-gray);
 }
-.bgl_btn.thin[data-v-7a7625e7] {
-	padding-left: calc(var(--btn-padding) / 2);
-	padding-right: calc(var(--btn-padding) / 2);
+.bgl_btn.thin[data-v-0c8d9a95] {
+  padding-left: calc(var(--btn-padding) / 2);
+  padding-right: calc(var(--btn-padding) / 2);
 }
-.bgl_btn.round[data-v-7a7625e7] {
-	border-radius: calc(var(--btn-border-radius) * 2);
+.bgl_btn.round[data-v-0c8d9a95] {
+  border-radius: calc(var(--btn-border-radius) * 2);
 }
-.bgl_btn-icon.thin[data-v-7a7625e7] {
-	height: calc(var(--btn-height) / 1.5);
-	width: calc(var(--btn-height) / 1.5);
-	line-height: 1;
+.bgl_btn-icon.thin[data-v-0c8d9a95] {
+  height: calc(var(--btn-height) / 1.5);
+  width: calc(var(--btn-height) / 1.5);
+  line-height: 1;
 }
-[dir="rtl"] .bgl_.bgl_icon-font[data-v-7a7625e7] {
-	transform: rotateY(180deg);
+[dir="rtl"] .bgl_.bgl_icon-font[data-v-0c8d9a95] {
+  transform: rotateY(180deg);
 }
-.bgl_btn-border[data-v-7a7625e7] {
-	outline: 1px solid var(--76ea4ab4);
-	color: var(--76ea4ab4);
-	background: transparent;
+.bgl_btn-border[data-v-0c8d9a95] {
+  outline: 1px solid var(--f1f27722);
+  color: var(--f1f27722);
+  background: transparent;
 }
-.bgl_btn-border[data-v-7a7625e7]:hover {
-	color: var(--bgl-white);
-	background: var(--76ea4ab4);
-	filter: brightness(100%);
+.bgl_btn-border[data-v-0c8d9a95]:hover {
+  color: var(--bgl-white);
+  background: var(--f1f27722);
+  filter: brightness(100%);
 }
-.bgl_btn-border[data-v-7a7625e7]:active {
-	filter: brightness(80%);
+.bgl_btn-border[data-v-0c8d9a95]:active {
+  filter: brightness(80%);
 }
 .bg-dark {
   position: fixed;
@@ -546,11 +529,42 @@
   }
 }
 
-.modal-title[data-v-dca6fe18] {
+.modal-title {
+  text-align: center;
+  font-weight: 600;
+  font-size: 20px;
+  margin-top: 0.5rem;
+  margin-bottom: 0 !important;
+  width: 100%;
+  -webkit-padding-end: 40px;
+  padding-inline-end: 40px;
+  line-height: 2;
+  display: -webkit-box;
+  max-width: 100%;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.modal-footer {
+  gap: 1rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.modal-footer>div {
+  gap: 1rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0;
+}
+
+.modal-title[data-v-7e6899c7] {
 	margin-top: 0.5rem;
 }
 @media screen and (max-width: 910px) {
-.modal-title[data-v-dca6fe18] {
+.modal-title[data-v-7e6899c7] {
 		margin-top: 1rem;
 }
 }
@@ -597,26 +611,60 @@
   max-height: 300px;
 }
 
-.search-wrap {
-	flex-grow: 1;
+.list-wrap{
+    grid-template-rows: auto 1fr;
+}
+.list-item {
+    padding: 0.5rem 1rem;
+    min-height: -webkit-fit-content;
+    min-height: -moz-fit-content;
+    min-height: fit-content;
+    margin: 0.25rem 0;
+    border-radius: 10px;
+    cursor: pointer;
+    transition: var(--bgl-transition);
+    color: var(--bgl-black);
+    text-decoration: none;
+    position: relative;
+}
+.list-item::after {
+    content: "";
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: -0.15rem;
+    border-bottom: 1px solid var(--border-color);
+}
+.list-item:hover,
+.list-item.router-link-active {
+    background-color: var(--bgl-blue-light);
+}
+.list-item:active {
+    -webkit-filter: var(--bgl-hover-filter);
+    filter: var(--bgl-hover-filter);
+}
+@media screen and (max-width: 910px) {
+.list-item {
+        padding: 0.5rem;
+}
 }
 
-.tab[data-v-09fce741] {
+.tab[data-v-a45251cc] {
   text-transform: capitalize;
 }
-.side-tabs[data-v-09fce741]{
+.side-tabs[data-v-a45251cc]{
   display: flex;
 }
-.side-tabs .tabs-top[data-v-09fce741]{
+.side-tabs .tabs-top[data-v-a45251cc]{
  margin-inline-end: 1rem;
 }
-.side-tabs .tabs[data-v-09fce741]{
+.side-tabs .tabs[data-v-a45251cc]{
   display: block;
   padding: 0;
   margin: 0;
   border: none;
 }
-.side-tabs .tab[data-v-09fce741]{
+.side-tabs .tab[data-v-a45251cc]{
  border: none;
 }
 
@@ -749,110 +797,127 @@
   border-radius: var(--btn-border-radius);
 }
 
-.list-arrows[data-v-2137a7a8] {
-	opacity: 0;
+.top-title {
+  font-weight: 600;
+  font-size: 20px;
 }
-.list-arrows .bgl_icon-font[data-v-2137a7a8] {
-	transition: all ease-in-out 0.2s;
+.page-top {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
 }
-.list-arrows.sorted[data-v-2137a7a8] {
-	opacity: 1;
+@media screen and (max-width: 910px) {
+.top-title {
+    font-size: 1.25em;
+    margin-bottom: 1rem;
+    font-weight: 400;
+    -webkit-margin-start: 0.5rem;
+    margin-inline-start: 0.5rem;
 }
-.col img[data-v-2137a7a8] {
-	height: 35px;
-	margin-top: -14px;
-	margin-bottom: -14px;
-	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-2137a7a8] {
-	transform: rotate(180deg);
+
+.list-arrows[data-v-f3641508] {
+  opacity: 0;
 }
-table[data-v-2137a7a8] {
-	border-collapse: separate;
-	border-spacing: 0 15px;
-	border-collapse: collapse;
+.list-arrows .bgl_icon-font[data-v-f3641508] {
+  transition: all ease-in-out 0.2s;
 }
-th[data-v-2137a7a8] {
-	font-weight: 400;
+.list-arrows.sorted[data-v-f3641508] {
+  opacity: 1;
 }
-.row[data-v-2137a7a8] {
-	border-bottom: 1px solid var(--border-color);
-	cursor: pointer;
+.col img[data-v-f3641508] {
+  height: 35px;
+  margin-top: -14px;
+  margin-bottom: -14px;
+  border-radius: 5px;
 }
-.row.first-row[data-v-2137a7a8] {
-	font-size: 0.8rem;
-	color: var(--bgl-black-tint);
-	position: sticky;
-	top: 0;
-	z-index: 2;
-	background: var(--bgl-white);
-	height: 50px;
-	vertical-align: bottom;
+.list-arrows.sorted .desc[data-v-f3641508] {
+  transform: rotate(180deg);
 }
-.row.first-row[data-v-2137a7a8]::after {
-	content: "";
-	border-bottom: 1px solid var(--border-color);
-	position: absolute;
-	left: 0;
-	right: 0;
-	bottom: -1px;
+table[data-v-f3641508] {
+  border-collapse: separate;
+  border-spacing: 0 15px;
+  border-collapse: collapse;
 }
-.first-row .col[data-v-2137a7a8] {
-	cursor: pointer;
-	background: var(--bgl-white);
+th[data-v-f3641508] {
+  font-weight: 400;
 }
-.col[data-v-2137a7a8] {
-	white-space: nowrap;
-	padding: 14px;
-	transition: var(--bgl-transition);
-	line-height: 1;
-	padding-left: 1rem;
-	padding-right: 1rem;
-	align-items: center;
+.row[data-v-f3641508] {
+  border-bottom: 1px solid var(--border-color);
+  cursor: pointer;
 }
-.col>div[data-v-2137a7a8] {
-	display: flex;
-	gap: 0.5rem;
+.row.first-row[data-v-f3641508] {
+  font-size: 0.8rem;
+  color: var(--bgl-black-tint);
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background: var(--bgl-white);
+  height: 50px;
+  vertical-align: bottom;
 }
-.max-col-width[data-v-2137a7a8] {
-	max-width: 30vw;
-	overflow: hidden;
-	text-overflow: ellipsis;
+.row.first-row[data-v-f3641508]::after {
+  content: "";
+  border-bottom: 1px solid var(--border-color);
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: -1px;
 }
-.col.check .bgl_icon-font[data-v-2137a7a8] {
-	border-radius: 100%;
-	background: var(--bgl-blue-20);
-	color: var(--bgl-primary);
-	width: 20px;
-	height: 20px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin-top: -2px;
+.first-row .col[data-v-f3641508] {
+  cursor: pointer;
+  background: var(--bgl-white);
 }
-.rows[data-v-2137a7a8] {
-	font-size: 0.8125em;
+.col[data-v-f3641508] {
+  white-space: nowrap;
+padding: 0.75rem 0.5rem;
+  transition: var(--bgl-transition);
+  line-height: 1;
+  align-items: center;
 }
-.table-list[data-v-2137a7a8] {
-	height: 100%;
-	position: relative;
-	padding-left: 0 !important;
-	padding-right: 0 !important;
-	overflow: auto;
+.col>div[data-v-f3641508] {
+  display: flex;
+  gap: 0.5rem;
 }
-.BagelTable .table-list[data-v-2137a7a8] {
-	overflow: unset;
+.max-col-width[data-v-f3641508] {
+  max-width: 30vw;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-.row-item[data-v-2137a7a8] {
-	height: 50px;
-	transition: all 200ms ease;
+.col.check .bgl_icon-font[data-v-f3641508] {
+  border-radius: 100%;
+  background: var(--bgl-blue-20);
+  color: var(--bgl-primary);
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: -2px;
 }
-.row-item[data-v-2137a7a8]:hover {
-	background: var(--bgl-gray-light);
+.rows[data-v-f3641508] {
+  font-size: 0.8125em;
 }
-.infinite-wrapper[data-v-2137a7a8] {
-	overflow-y: auto;
-	width: 100%;
+.table-list[data-v-f3641508] {
+  height: 100%;
+  position: relative;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  overflow: auto;
+}
+.BagelTable .table-list[data-v-f3641508] {
+  overflow: unset;
+}
+.row-item[data-v-f3641508] {
+  height: 50px;
+  transition: all 200ms ease;
+}
+.row-item[data-v-f3641508]:hover {
+  background: var(--bgl-gray-light);
+}
+.infinite-wrapper[data-v-f3641508] {
+  overflow-y: auto;
+  width: 100%;
 }
 
 .data[data-v-bb2526f9] {
@@ -875,7 +940,34 @@ th[data-v-2137a7a8] {
 	color: var(--input-color);
 }
 
-.avatar[data-v-b46163a3] {
+.bgl_card {
+    border-radius: var(--card-border-radius);
+    background: var(--bgl-white);
+    padding: 2rem 2rem;
+}
+.bgl_card.gray {
+    background: var(--bgl-gray-20);
+}
+.bgl_card.border {
+    border: 1px solid var(--border-color);
+    background-color: transparent;
+}
+.bgl_card.thin {
+    padding: 1rem 1rem;
+}
+.bgl_card.BagelTable {
+    height: 100%;
+    overflow: auto;
+    padding-top: 0;
+}
+.bgl_card.thin .tabs {
+    margin-bottom: 1rem;
+}
+.bgl_card .bgl_card.tabs-top {
+    padding: 0;
+}
+
+.avatar[data-v-c38bc02a] {
   border-radius: 100%;
   background-color: var(--bgl-gray-20);
   border: 0.5px solid var(--border-color);
@@ -883,13 +975,13 @@ th[data-v-2137a7a8] {
   text-align: center;
   padding: 0;
 }
-.avatar p[data-v-b46163a3] {
+.avatar p[data-v-c38bc02a] {
   font-size: 1.5rem;
   line-height: 50px;
   margin: 0;
   font-weight: 200;
 }
-.avatar img[data-v-b46163a3] {
+.avatar img[data-v-c38bc02a] {
   width: 100%;
   height: 100%;
   object-fit: cover;
@@ -932,28 +1024,78 @@ th[data-v-2137a7a8] {
   border-radius: var(--card-border-radius);
 }
 
-.alert[data-v-f5e16fcc] {
-  padding: 1rem;
-  border-radius: 10px;
-  background: #739def30;
+.alert[data-v-94bfcb05] {
+  padding: var(--btn-padding);
+  border-radius: var(--card-border-radius);
+  background: var(--bgl-primary-light);
   display: flex;
   align-items: flex-start;
   gap: 1rem;
+  position: relative;
 }
-.alert_icon[data-v-f5e16fcc] {
+.alert_icon[data-v-94bfcb05] {
   line-height: 1;
 }
-.alert.warning[data-v-f5e16fcc] {
-  background-color: #efdb7330;
+.alert.warning[data-v-94bfcb05] {
+  background-color: var(--bgl-yellow-light);
+}
+.alert.error[data-v-94bfcb05] {
+  background: var(--bgl-red-tint);
+}
+.alert_close[data-v-94bfcb05]{
+  display: none;
+  position: absolute;
+  inset-inline-end: 1.5rem;
+  top: 2rem;
+}
+.alert[dismissable="true"] .alert_close[data-v-94bfcb05]{
+display: block;
 }
-.alert.error[data-v-f5e16fcc] {
-  background-color: #DC354530;
+.alert[dismissable="true"] p[data-v-94bfcb05]{
+  width: calc(100% - 5rem);
 }
 
-.inline[data-v-64e0d988] {
+.inline[data-v-ad24530a] {
   display: inline;
 }
 
+.pill {
+    border-radius: 10px;
+    padding: 4px 8px;
+    font-size: 10px;
+    background: var(--bgl-gray-light);
+    white-space: nowrap;
+    display: inline;
+}
+.pill.blue {
+    background: var(--bgl-blue-light);
+    color: var(--bgl-primary);
+}
+.pill.red {
+    background-color: var(--bgl-red-tint);
+    color: var(--bgl-red);
+}
+.pill.green {
+    background-color: var(--bgl-green);
+    color: var(--bgl-white);
+}
+.pill.orange {
+    background-color: var(--bgl-yellow);
+    color: var(--bgl-black);
+}
+.pill.yellow {
+    background-color: var(--bgl-yellow);
+}
+.pill.Paid,
+.pill.Active {
+    background-color: var(--bgl-green);
+    color: white;
+}
+.pill.Error {
+    background-color: var(--bgl-red-tint);
+    color: var(--bgl-red);
+}
+
 .bgl_vid iframe[data-v-23835d69],
 .bgl_vid video[data-v-23835d69] {
   width: 100%;
@@ -961,9 +1103,89 @@ th[data-v-2137a7a8] {
   display: block
 }
 
-.del-top {
-	transform: translateY(-2.6rem);
-}
+.blocker[data-v-dc11f21a] {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	z-index: 100;
+}
+.bgl-slider[data-v-dc11f21a] {
+	display: grid;
+	position: relative;
+	scroll-behavior: smooth;
+	grid-auto-flow: column;
+	grid-auto-columns: 100%;
+	scroll-snap-type: x mandatory;
+	overflow-x: hidden;
+}
+.autoHeight[data-v-dc11f21a] {
+	transition: height ease 0.7s;
+}
+.bgl-slider.allowScroll[data-v-dc11f21a] {
+	overflow-x: scroll;
+}
+.bgl-slider.slides-6[data-v-dc11f21a] {
+	grid-auto-columns: 15.9%;
+	gap: 1%;
+}
+.bgl-slider.slides-5[data-v-dc11f21a] {
+	grid-auto-columns: 19.3%;
+	gap: 1%;
+}
+.bgl-slider.slides-4[data-v-dc11f21a] {
+	grid-auto-columns: 24.3%;
+	gap: 1%;
+}
+.bgl-slider.slides-3[data-v-dc11f21a] {
+	grid-auto-columns: 33%;
+	gap: 1%;
+}
+.bgl-slider.slides-2[data-v-dc11f21a] {
+	grid-auto-columns: 50%;
+	gap: 1%;
+}
+.bgl-slider.slides-1[data-v-dc11f21a] {
+	grid-auto-columns: 100%;
+}
+.bgl-slider[data-v-dc11f21a]::-webkit-scrollbar {
+	display: none;
+}
+.bgl-slider *[data-v-dc11f21a] {
+	scroll-snap-align: start;
+}
+.dragging.bgl-slider[data-v-dc11f21a] {
+	cursor: grabbing;
+	cursor: -webkit-grabbing;
+	scroll-snap-type: unset;
+}
+.clicking.bgl-slider[data-v-dc11f21a] {
+	scroll-behavior: unset;
+}
+.dragging.bgl-slider *[data-v-dc11f21a] {
+	scroll-snap-align: unset;
+	user-select: none;
+}
+@media screen and (max-width: 1280px) {
+.bgl-slider.slides-4[data-v-dc11f21a] {
+		grid-auto-columns: 33%;
+}
+}
+@media screen and (max-width: 991px) {
+.bgl-slider.slides-4[data-v-dc11f21a] {
+		grid-auto-columns: 50%;
+}
+}
+@media screen and (max-width: 600px) {
+.bgl-slider.slides-4[data-v-dc11f21a] {
+		grid-auto-columns: 100%;
+}
+}
+
+.del-top {
+	transform: translateY(-2.6rem);
+}
 
 :root {
   --bgl-white: #fff;
@@ -2002,10 +2224,10 @@ img.preview[data-v-1be8d7b1] {
 }
 }
 
-.btn-end[data-v-d3e2966e] {
+.btn-end[data-v-208db149] {
 	text-align: end;
 }
-.whatsapp-preview[data-v-d3e2966e] {
+.whatsapp-preview[data-v-208db149] {
 	direction: ltr;
 	width: 400px;
 	padding: 1rem;
@@ -2017,18 +2239,18 @@ img.preview[data-v-1be8d7b1] {
 	top: 15px;
 	flex: 1 1 40%;
 }
-.whatsapp-wrap[data-v-d3e2966e] {
+.whatsapp-wrap[data-v-208db149] {
 	display: flex;
 	gap: 1rem;
 	max-width: 1200px;
 	overflow: auto;
 	height: 100%;
 }
-.create-template-form[data-v-d3e2966e] {
+.create-template-form[data-v-208db149] {
 	flex: 1 0 50%;
 	min-width: 300px;
 }
-.whatsapp-msg[data-v-d3e2966e] {
+.whatsapp-msg[data-v-208db149] {
 	background: var(--whatsapp-green);
 	border-radius: 0.5rem;
 	border-start-start-radius: 0px;
@@ -2039,7 +2261,7 @@ img.preview[data-v-1be8d7b1] {
 	position: relative;
 	min-height: 30px;
 }
-.whatsapp-msg[data-v-d3e2966e]::after {
+.whatsapp-msg[data-v-208db149]::after {
 	content: '';
 	inset-inline-start: -5px;
 	border-radius: 0.1rem;
@@ -2050,27 +2272,27 @@ img.preview[data-v-1be8d7b1] {
 	background: var(--whatsapp-green);
 	position: absolute;
 }
-.whatsapp-body[data-v-d3e2966e] {
+.whatsapp-body[data-v-208db149] {
 	margin: 2px 0;
 }
-.whatsapp-footer[data-v-d3e2966e] {
+.whatsapp-footer[data-v-208db149] {
 	margin: 0;
 	opacity: 0.6;
 	font-size: 0.8rem;
 }
-.whatsappHebrew[data-v-d3e2966e] {
+.whatsappHebrew[data-v-208db149] {
 	direction: rtl;
 }
-.whatsappHebrew .whatsapp-msg[data-v-d3e2966e]::after {
+.whatsappHebrew .whatsapp-msg[data-v-208db149]::after {
 	transform: skew(-45deg);
 }
 @media screen and (max-width: 1200px) {
-.whatsapp-preview[data-v-d3e2966e] {
+.whatsapp-preview[data-v-208db149] {
 		width: 300px;
 }
 }
 @media screen and (max-width: 910px) {
-.whatsapp-preview[data-v-d3e2966e] {
+.whatsapp-preview[data-v-208db149] {
 		display: none;
 }
 }
@@ -2121,10 +2343,6 @@ img.preview[data-v-1be8d7b1] {
     width: fit-content;
     height: fit-content;
 }
-.margin-auto {
-    margin-left: auto;
-    margin-right: auto;
-}
 .auto-flow-columns {
     grid-auto-flow: column;
 }
@@ -2153,9 +2371,6 @@ img.preview[data-v-1be8d7b1] {
     min-width: 0px;
     overflow: auto;
 }
-.ps-1 {
-    padding-left: 1rem;
-}
 .justify-content-around {
     justify-content: space-between;
 }
@@ -2168,10 +2383,15 @@ img.preview[data-v-1be8d7b1] {
 .justify-self-center {
     justify-self: center;
 }
-.position-right {
+.position-start {
     position: absolute;
     top: 0px;
-    right: 0px;
+    inset-inline-start: 0px;
+}
+.position-end {
+    position: absolute;
+    top: 0px;
+    inset-inline-end: 0px;
 }
 .position-absolute {
     position: absolute;
@@ -2188,10 +2408,12 @@ img.preview[data-v-1be8d7b1] {
 .align-self-end {
     align-self: end;
 }
-.min-100 {
+.min-100,
+.min100 {
     min-height: 100%;
 }
-.w-100 {
+.w-100,
+.w100 {
     width: 100%;
 }
 .w300,
@@ -2208,8 +2430,8 @@ img.preview[data-v-1be8d7b1] {
 .w970,
 .w1030,
 .w1170 {
-    margin-left: auto;
-    margin-right: auto;
+    margin-inline-start: auto;
+    margin-inline-end: auto;
     width: 98%;
 }
 .w300 {
@@ -2254,6 +2476,14 @@ img.preview[data-v-1be8d7b1] {
 .w1170 {
     max-width: 1170px;
 }
+.w-all,
+.wall {
+    width: -webkit-fill-available;
+}
+.h-all,
+.hall {
+    height: -webkit-fill-available;
+}
 .gap-1 {
     gap: 0.25rem;
 }
@@ -2357,6 +2587,42 @@ img.preview[data-v-1be8d7b1] {
 .mt-4 {
     margin-top: 4rem !important;
 }
+.my-auto {
+    margin-top: auto !important;
+    margin-bottom: auto !important;
+}
+.my-0 {
+    margin-top: 0rem !important;
+    margin-bottom: 0rem !important;
+}
+.my-025 {
+    margin-top: 0.25rem !important;
+    margin-bottom: 0.25rem !important;
+}
+.my-05 {
+    margin-top: 0.5rem !important;
+    margin-bottom: 0.5rem !important;
+}
+.my-075 {
+    margin-top: 0.75rem !important;
+    margin-bottom: 0.75rem !important;
+}
+.my-1 {
+    margin-top: 1rem !important;
+    margin-bottom: 1rem !important;
+}
+.my-2 {
+    margin-top: 2rem !important;
+    margin-bottom: 2rem !important;
+}
+.my-3 {
+    margin-top: 3rem !important;
+    margin-bottom: 3rem !important;
+}
+.my-4 {
+    margin-top: 4rem !important;
+    margin-bottom: 4rem !important;
+}
 .ms-auto {
     margin-inline-start: auto !important;
 }
@@ -2411,6 +2677,70 @@ img.preview[data-v-1be8d7b1] {
 .me-4 {
     margin-inline-end: 4rem !important;
 }
+.mx-auto,
+.margin-auto {
+    margin-inline-start: auto !important;
+    margin-inline-end: auto !important;
+}
+.mx-0 {
+    margin-inline-start: 0rem !important;
+    margin-inline-end: 0rem !important;
+}
+.mx-025 {
+    margin-inline-start: 0.25rem !important;
+    margin-inline-end: 0.25rem !important;
+}
+.mx-05 {
+    margin-inline-start: 0.5rem !important;
+    margin-inline-end: 0.5rem !important;
+}
+.mx-075 {
+    margin-inline-start: 0.75rem !important;
+    margin-inline-end: 0.75rem !important;
+}
+.mx-1 {
+    margin-inline-start: 1rem !important;
+    margin-inline-end: 1rem !important;
+}
+.mx-2 {
+    margin-inline-start: 2rem !important;
+    margin-inline-end: 2rem !important;
+}
+.mx-3 {
+    margin-inline-start: 3rem !important;
+    margin-inline-end: 3rem !important;
+}
+.mx-4 {
+    margin-inline-start: 4rem !important;
+    margin-inline-end: 4rem !important;
+}
+.m-auto {
+    margin: auto !important;
+}
+.m-0 {
+    margin: 0rem !important;
+}
+.m-025 {
+    margin: 0.25rem !important;
+}
+.m-05 {
+    margin: 0.5rem !important;
+}
+.m-075 {
+    margin: 0.75rem !important;
+}
+.m-1 {
+    margin: 1rem !important;
+}
+.m-2 {
+    margin: 2rem !important;
+}
+.m-3 {
+    margin: 3rem !important;
+}
+.m-4 {
+    margin: 4rem !important;
+}
 .-mb-025 {
     margin-bottom: -0.25rem !important;
 }
@@ -2453,6 +2783,34 @@ img.preview[data-v-1be8d7b1] {
 .-mt-4 {
     margin-top: -4rem !important;
 }
+.-my-025 {
+    margin-top: -0.25rem !important;
+    margin-bottom: -0.25rem !important;
+}
+.-my-05 {
+    margin-top: -0.5rem !important;
+    margin-bottom: -0.5rem !important;
+}
+.-my-075 {
+    margin-top: 0.75rem !important;
+    margin-bottom: 0.75rem !important;
+}
+.-my-1 {
+    margin-top: -1rem !important;
+    margin-bottom: -1rem !important;
+}
+.-my-2 {
+    margin-top: -2rem !important;
+    margin-bottom: -2rem !important;
+}
+.-my-3 {
+    margin-top: -3rem !important;
+    margin-bottom: -3rem !important;
+}
+.-my-4 {
+    margin-top: -4rem !important;
+    margin-bottom: -4rem !important;
+}
 .-ms-025 {
     margin-inline-start: -0.25rem !important;
 }
@@ -2591,6 +2949,94 @@ img.preview[data-v-1be8d7b1] {
 .pe-025 {
     padding-inline-end: 0.25rem !important;
 }
+.px-0 {
+    padding-inline-end: 0rem !important;
+    padding-inline-start: 0rem !important;
+}
+.px-1 {
+    padding-inline-end: 1rem !important;
+    padding-inline-start: 1rem !important;
+}
+.px-2 {
+    padding-inline-end: 2rem !important;
+    padding-inline-start: 2rem !important;
+}
+.px-3 {
+    padding-inline-end: 3rem !important;
+    padding-inline-start: 3rem !important;
+}
+.px-4 {
+    padding-inline-end: 4rem !important;
+    padding-inline-start: 4rem !important;
+}
+.px-075 {
+    padding-inline-end: 0.75rem !important;
+    padding-inline-start: 0.75rem !important;
+}
+.px-05 {
+    padding-inline-end: 0.5rem !important;
+    padding-inline-start: 0.5rem !important;
+}
+.px-025 {
+    padding-inline-end: 0.25rem !important;
+    padding-inline-start: 0.25rem !important;
+}
+.py-0 {
+    padding-top: 0rem !important;
+    padding-bottom: 0rem !important;
+}
+.py-1 {
+    padding-top: 1rem !important;
+    padding-bottom: 1rem !important;
+}
+.py-2 {
+    padding-top: 2rem !important;
+    padding-bottom: 2rem !important;
+}
+.py-3 {
+    padding-top: 3rem !important;
+    padding-bottom: 3rem !important;
+}
+.py-4 {
+    padding-top: 4rem !important;
+    padding-bottom: 4rem !important;
+}
+.py-075 {
+    padding-top: 0.75rem !important;
+    padding-bottom: 0.75rem !important;
+}
+.py-05 {
+    padding-top: 0.5rem !important;
+    padding-bottom: 0.5rem !important;
+}
+.py-025 {
+    padding-top: 0.25rem !important;
+    padding-bottom: 0.25rem !important;
+}
+.p-0 {
+    padding: 0rem !important;
+}
+.p-1 {
+    padding: 1rem !important;
+}
+.p-2 {
+    padding: 2rem !important;
+}
+.p-3 {
+    padding: 3rem !important;
+}
+.p-4 {
+    padding: 4rem !important;
+}
+.p-075 {
+    padding: 0.75rem !important;
+}
+.p-05 {
+    padding: 0.5rem !important;
+}
+.p-025 {
+    padding: 0.25rem !important;
+}
 .flex {
     display: flex;
     align-items: center;
@@ -2599,6 +3045,17 @@ img.preview[data-v-1be8d7b1] {
     display: flex;
     align-items: stretch;
 }
+.hide,
+.display-hide {
+    display: none;
+}
+.display-block {
+    display: block;
+}
+.block {
+    display: block;
+    width: 100%;
+}
 .flex-wrap {
     flex-wrap: wrap;
 }
@@ -2759,6 +3216,10 @@ img.preview[data-v-1be8d7b1] {
 .h-600px {
     height: 600px;
 }
+.layout-h-100 {
+    height: 100vh;
+    overflow-y: hidden;
+}
 .grid-wrap-1 {
     grid-template-columns: repeat(1, 1fr);
     height: max-content;
@@ -2792,7 +3253,21 @@ img.preview[data-v-1be8d7b1] {
     grid-template-columns: repeat(8, 1fr);
     height: max-content;
 }
-/* grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); */
+.overflow-hidden {
+    overflow: hidden;
+}
+.overflow-x {
+    overflow-x: auto;
+}
+.overflow-y {
+    overflow-y: auto;
+}
+.overflow-x-hidden {
+    overflow-x: hidden;
+}
+.overflow-y-hidden {
+    overflow-y: hidden;
+}
 @media screen and (max-width: 910px) {
     .grid-wrap-2 {
         grid-template-columns: repeat(1, 1fr);
@@ -2825,180 +3300,179 @@ img.preview[data-v-1be8d7b1] {
 input,
 textarea,
 select {
-	font-family: inherit;
-	width: 100%;
+    font-family: inherit;
+    width: 100%;
 }
 .bagel-input {
-	position: relative;
-	display: flex;
-	flex-direction: column;
-	text-align: start;
-	margin-bottom: 0.5rem;
-	width: 100%;
-	color: var(--bgl-black);
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    text-align: start;
+    margin-bottom: 0.5rem;
+    width: 100%;
+    color: var(--bgl-black);
 }
 .bagel-input::placeholder .bagel-input label {
-	display: block;
-	font-size: var(--label-font-size);
-	margin-bottom: 2px;
-	line-height: 1.3;
+    display: block;
+    font-size: var(--label-font-size);
+    margin-bottom: 2px;
+    line-height: 1.3;
 }
 .bagel-input::placeholder {
-	color: var(--placeholder-color);
+    color: var(--placeholder-color);
 }
 .bagel-input label {
-	color: var(--label-color);
+    color: var(--label-color);
 }
 .bagel-input input,
 .bagel-input select,
 .custom-select .input {
-	height: var(--input-height);
-	font-size: var(--input-font-size);
+    height: var(--input-height);
+    font-size: var(--input-font-size);
 }
 .bagel-input input,
 .bagel-input textarea,
 .bagel-input select,
 .custom-select .input {
-	background: var(--input-bg);
-	border: none;
-	padding: 0.7rem;
-	border-radius: var(--input-border-radius);
-	color: var(--input-color);
-	min-width: calc(var(--input-height) * 3);
-	width: 100%;
+    background: var(--input-bg);
+    border: none;
+    padding: 0.7rem;
+    border-radius: var(--input-border-radius);
+    color: var(--input-color);
+    min-width: calc(var(--input-height) * 3);
+    width: 100%;
 }
 .bagel-input input::placeholder,
 .bagel-input textarea::placeholder,
 .bagel-input select::placeholder,
 .custom-select .input::placeholder {
-	color: var(--placeholder-color);
+    color: var(--placeholder-color);
 }
 .bagel-input.search-wrap {
-	display: flex;
-	flex-direction: row;
-	align-items: center;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
 }
 .bagel-input.search-wrap input {
-	padding-inline-end: 2rem;
+    padding-inline-end: 2rem;
 }
 .bagel-input.search-wrap .bgl_icon-font {
-	margin-inline-start: -1.75rem;
+    margin-inline-start: -1.75rem;
 }
 .bagel-input select {
-	height: var(--input-height);
+    height: var(--input-height);
 }
 .bagel-input textarea {
-	resize: vertical;
-	min-height: calc(var(--input-height) * 3);
-	line-height: 1.5;
+    resize: vertical;
+    min-height: calc(var(--input-height) * 3);
+    line-height: 1.5;
 }
 .bagel-input.wider input {
-	min-width: 320px;
+    min-width: 320px;
 }
 .bagel-input input[type="radio"] {
-	padding: 0;
-	width: fit-content;
+    padding: 0;
+    width: fit-content;
 }
 .bagel-input:focus-within label {
-	color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }
 .bagel-input select.no-edit,
 .bagel-input input.no-edit,
 .bagel-input textarea.no-edit,
 .bagel-input .switch.no-edit {
-	pointer-events: none;
-	outline: none;
+    pointer-events: none;
+    outline: none;
 }
 .bagel-input label.active {
-	color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }
 .inline-80 {
-	display: inline-block;
-	width: 80%;
+    display: inline-block;
+    width: 80%;
 }
 .inline-20 {
-	display: inline-block;
-	width: 20%;
+    display: inline-block;
+    width: 20%;
 }
 .inline-10 {
-	display: inline-block;
-	width: 20%;
+    display: inline-block;
+    width: 20%;
 }
 .inline-50 {
-	display: inline-block;
-	width: 49%;
-	margin: 0 0.5%;
+    display: inline-block;
+    width: 49%;
+    margin: 0 0.5%;
 }
 .custom-select .input {
-	height: var(--input-height);
-	font-size: var(--input-font-size);
+    height: var(--input-height);
+    font-size: var(--input-font-size);
 }
 .custom-select .input {
-	background: var(--input-bg);
-	border: none;
-	padding: 0.7rem;
-	border-radius: var(--input-border-radius);
-	color: var(--input-color);
-	min-width: calc(var(--input-height) * 3);
-	width: 100%;
+    background: var(--input-bg);
+    border: none;
+    padding: 0.7rem;
+    border-radius: var(--input-border-radius);
+    color: var(--input-color);
+    min-width: calc(var(--input-height) * 3);
+    width: 100%;
 }
 .input.active,
 .bagel-input input:focus-visible,
 .bagel-input select:focus-visible,
 .bagel-input textarea:focus-visible {
-	outline: none;
-	box-shadow: inset 0 0 10px #00000012;
+    outline: none;
+    box-shadow: inset 0 0 10px #00000012;
 }
 .bagel-input input[type="number"]::-webkit-inner-spin-button,
 .bagel-input input[type="number"]::-webkit-outer-spin-button {
-	-webkit-appearance: none;
+    -webkit-appearance: none;
 }
 .label-count-0 label {
-	display: none;
+    display: none;
 }
 .label-count-0 button.bgl_btn.bgl_flatBtn {
-	/* background: var(--bgl-blue-light); */
-	margin-right: 5px;
+    margin-right: 5px;
 }
 .label-count-0 button.bgl_btn.bgl_flatBtn:hover {
-	background: var(--bgl-hover-filter);
+    background: var(--bgl-hover-filter);
 }
 .bagel-input input[type="color"] {
-	padding: 0.025rem 0.05rem;
-	display: block;
-	width: var(--input-height);
-	height: var(--input-height);
-	border: none;
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	appearance: none;
-	cursor: pointer;
+    padding: 0.025rem 0.05rem;
+    display: block;
+    width: var(--input-height);
+    height: var(--input-height);
+    border: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    cursor: pointer;
 }
 .bagel-input input[type="color"]::-webkit-color-swatch {
-	border-radius: var(--input-border-radius);
-	border: none;
-	transition: box-shadow 200ms ease;
+    border-radius: var(--input-border-radius);
+    border: none;
+    transition: box-shadow 200ms ease;
 }
 .bagel-input input[type="color"]::-moz-color-swatch {
-	border-radius: var(--input-border-radius);
-	border: none;
-	transition: box-shadow 200ms ease;
+    border-radius: var(--input-border-radius);
+    border: none;
+    transition: box-shadow 200ms ease;
 }
 .bagel-input input[type="color"]::-webkit-color-swatch:hover {
-	box-shadow: inset 0 0 10px #00000050;
+    box-shadow: inset 0 0 10px #00000050;
 }
 .bagel-input input[type="color"]::-moz-color-swatch:hover {
-	box-shadow: inset 0 0 10px #00000050;
+    box-shadow: inset 0 0 10px #00000050;
 }
 @media screen and (max-width: 910px) {
-	.bagel-input.wider input {
-		min-width: 120px;
-	}
+    .bagel-input.wider input {
+        min-width: 120px;
+    }
 
-	.bagel-input label {
-		font-size: calc(var(--input-font-size) / 1.1);
-		line-height: 1.2;
-	}
+    .bagel-input label {
+        font-size: calc(var(--input-font-size) / 1.1);
+        line-height: 1.2;
+    }
 }
 .bgl_btn,
 .bgl_flatBtn,
@@ -3072,45 +3546,57 @@ select {
 .txt-end {
     text-align: end;
 }
-.smalltxt {
+.txt-small {
     font-size: 12px;
 }
-.txt20 {
+.txt20,
+.txt-20 {
     font-size: 20px;
 }
-.txt18 {
+.txt18,
+.txt-18 {
     font-size: 18px;
 }
-.txt16 {
+.txt16,
+.txt-16 {
     font-size: 16px;
 }
-.txt14 {
+.txt14,
+.txt-14 {
     font-size: 14px;
 }
-.txt12 {
+.txt12,
+.txt-12 {
     font-size: 12px;
 }
-.txt10 {
+.txt10,
+.txt-10 {
     font-size: 10px;
 }
-.txt9 {
+.txt9,
+.txt-9 {
     font-size: 9px;
 }
 .no-margin {
     margin: 0;
 }
+.txt-gray,
 .txtgray {
     color: var(--bgl-gray);
 }
+.txt-blue,
 .txtblue {
     color: var(--bgl-primary);
 }
+.txt-black,
 .txtblack {
     color: var(--bgl-black);
 }
+.txt-red,
 .txtred {
     color: var(--bgl-red);
 }
+.txt-white,
 .txtwhite {
     color: var(--bgl-white);
 }
@@ -3170,15 +3656,19 @@ select {
     font-family: "Material Symbols Outlined", serif;
 }
 @media screen and (max-width: 910px) {
-    .txt20 {
+
+    .txt20,
+    .txt-20 {
         font-size: 18px;
     }
 
-    .txt16 {
+    .txt16,
+    .txt-16 {
         font-size: 14px;
     }
 
-    .txt14 {
+    .txt14,
+    .txt-14 {
         font-size: 12px;
     }
 }
@@ -3197,129 +3687,57 @@ select {
 ::-webkit-scrollbar-corner {
     background: transparent;
 }
-/* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap"); */
-/*noinspection CssUnknownTarget*/
 :root {
-  --bgl-primary: #2e5bff;
-  --bgl-primary-tint: #2e5bff80;
-  --bgl-primary-light: #eef6ff;
-  --bgl-blue-20: rgba(46, 91, 255, 20%);
-  --bgl-blue-dark: #191c30;
-  --bgl-blue-light: #eef6ff;
-  --bgl-black: #282929;
-  --bgl-black-tint: #28292980;
-  --bgl-white: #fff;
-  --bgl-gray: #b7b7b7;
-  --bgl-gray-light: #f5f8fa;
-  --bgl-gray-80: #e8ecef;
-  --bgl-gray-20: rgba(183, 183, 183, 0.2);
-  --bgl-pink: #f1416c;
-  --bgl-red: #ed6c6f;
-  --bgl-red-tint: #fbe2e2;
-  --bgl-yellow: #ffbb00;
-  --bgl-yellow-light: #fff6d5;
-  --bgl-green: #75c98f;
-  --border-color: #00000020;
-  --bgl-bg: #f4f6fa;
-  --bgl-shadow: #4c577d26;
-  --whatsapp-gray: #89959f;
-  --whatsapp-green: #e0fcd6;
-  --whatsapp-blue: #71bce6;
-  --input-border-radius: 7px;
-  --card-border-radius: 15px;
-  --placeholder-color: #00000040;
-  --label-color: #00000080;
-  --label-font-size: 12px;
-  --input-bg: #f5f8fa;
-  --input-color: #000000;
-  --input-height: 40px;
-  --input-font-size: 14px;
-  --btn-border-radius: 10px;
-  --btn-padding: 30px;
-  --btn-height: 40px;
-  --bgl-transition: all 200ms ease;
-  --bgl-hover-filter: brightness(90%);
-  --bgl-active-filter: brightness(70%);
-  --bgl-font: "Lexend", "Ploni", sans-serif;
-}
-.Vue-Toastification__toast {
-  border-radius: var(--card-border-radius);
-  box-shadow: none;
-}
-.Vue-Toastification__toast--default {
-  background: var(--bgl-primary);
-}
-.Vue-Toastification__close-button {
-  height: 1rem;
-  line-height: 1rem;
+    --transition-ease-in: cubic-bezier(0.1, 0.5, 0.33, 1);
+    --transition-ease-out: cubic-bezier(1, 0.33, 0.5, 0.1);
 }
-::-moz-selection {
-  color: var(--bgl-white);
-  background: var(--bgl-blue-dark);
+.fade-enter-active {
+    transition: all 0.2s ease-out;
 }
-::selection {
-  color: var(--bgl-white);
-  background: var(--bgl-blue-dark);
+.fade-leave-active {
+    transition: all 0.2s ease-in;
 }
-.top-title {
-  font-weight: 600;
-  font-size: 20px;
+.fade-enter-from,
+.fade-leave-to {
+    opacity: 0;
 }
-.page-top {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
+.scale-enter-active {
+    transition: all 0.2s var(--transition-ease-in);
 }
-.modal-title {
-  text-align: center;
-  font-weight: 600;
-  font-size: 20px;
-  margin-top: 0.5rem;
-  margin-bottom: 0 !important;
-  width: 100%;
-  -webkit-padding-end: 40px;
-  padding-inline-end: 40px;
-  line-height: 2;
-  display: -webkit-box;
-  max-width: 100%;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
+.scale-leave-active {
+    transition: all 0.2s var(--transition-ease-out);
 }
-.modal-footer {
-  gap: 1rem;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+.scale-enter-from,
+.scale-leave-to {
+    transform: scale(0);
 }
-.modal-footer>div {
-  gap: 1rem;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 0;
+.list-enter-active,
+.list-leave-active {
+    /*transition: all 0.5s ease;*/
 }
-* {
-  box-sizing: border-box;
+.list-enter-from,
+.list-leave-to {
+    opacity: 0;
+    transform: scaleY(0) translateX(30px);
 }
-.display-block {
-  display: block;
+/* ensure leaving items are taken out of layout flow so that moving
+   animations can be calculated correctly. */
+.list-leave-active {
+    position: absolute;
 }
-.card {
-  border-radius: var(--card-border-radius);
-  background: var(--bgl-white);
-  padding: 2rem 2rem;
+.slide-fade-enter-active {
+    transition: all 0.15s ease-out;
 }
-.card.gray {
-  background: var(--bgl-gray-20);
+.slide-fade-leave-active {
+    transition: all 0.15s ease-in;
 }
-.card.border {
-  border: 1px solid var(--border-color);
-  background-color: transparent;
+.slide-fade-enter-from {
+    transform: translateX(20px);
+    opacity: 0;
 }
-.card.thin {
-  padding: 1rem 1rem;
+.slide-fade-leave-to {
+    transform: translateX(-20px);
+    opacity: 0;
 }
 .login-card h3 {
   font-size: 1.4rem;
@@ -3352,384 +3770,305 @@ select {
   margin-top: -0.75rem;
   margin-bottom: 0.75rem;
 }
-.popup {
-  border-radius: 15px;
-  background: var(--bgl-white);
-  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-  padding: 2rem;
-  min-width: 300px;
-  text-align: center;
+@media screen and (max-width: 910px) {
+  .login-card {
+    width: 94%;
+    max-width: 400px;
+  }
+
+  .login-card .bagel-input.wider input {
+    min-width: 220px;
+  }
 }
-.tabs {
-  -moz-column-gap: 1rem;
-  column-gap: 1rem;
-  margin-top: 20px;
-  margin-bottom: -2rem;
-  border-top: 1px solid var(--border-color);
-  width: calc(100% + 4rem);
-  -webkit-margin-start: -2rem;
-  margin-inline-start: -2rem;
-  -webkit-padding-start: 2rem;
-  padding-inline-start: 2rem;
-  overflow: auto;
-  display: flex;
+/* @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap"); */
+/*noinspection CssUnknownTarget*/
+:root {
+    --bgl-primary: #2e5bff;
+    --bgl-primary-tint: #2e5bff80;
+    --bgl-primary-light: #eef6ff;
+    --bgl-blue-20: rgba(46, 91, 255, 20%);
+    --bgl-blue-dark: #191c30;
+    --bgl-blue-light: #eef6ff;
+    --bgl-black: #282929;
+    --bgl-black-tint: #28292980;
+    --bgl-white: #fff;
+    --bgl-gray: #b7b7b7;
+    --bgl-gray-light: #f5f8fa;
+    --bgl-gray-80: #e8ecef;
+    --bgl-gray-20: rgba(183, 183, 183, 0.2);
+    --bgl-pink: #f1416c;
+    --bgl-red: #ed6c6f;
+    --bgl-red-tint: #fbe2e2;
+    --bgl-yellow: #ffbb00;
+    --bgl-yellow-light: #fff6d5;
+    --bgl-green: #75c98f;
+    --border-color: #00000020;
+    --bgl-bg: #f4f6fa;
+    --bgl-shadow: #4c577d26;
+    --whatsapp-gray: #89959f;
+    --whatsapp-green: #e0fcd6;
+    --whatsapp-blue: #71bce6;
+    --input-border-radius: 7px;
+    --card-border-radius: 15px;
+    --placeholder-color: #00000040;
+    --label-color: #00000080;
+    --label-font-size: 12px;
+    --input-bg: #f5f8fa;
+    --input-color: #000000;
+    --input-height: 40px;
+    --input-font-size: 14px;
+    --btn-border-radius: 10px;
+    --btn-padding: 30px;
+    --btn-height: 40px;
+    --bgl-transition: all 200ms ease;
+    --bgl-hover-filter: brightness(90%);
+    --bgl-active-filter: brightness(70%);
+    --bgl-font: "Lexend", "Ploni", sans-serif;
 }
-.card.thin .tabs {
-  margin-bottom: 1rem;
+.Vue-Toastification__toast {
+    border-radius: var(--card-border-radius);
+    box-shadow: none;
 }
-.card .card.tabs-top {
-  padding: 0;
+.Vue-Toastification__toast--default {
+    background: var(--bgl-primary);
+}
+.Vue-Toastification__close-button {
+    height: 1rem;
+    line-height: 1rem;
+}
+::-moz-selection {
+    color: var(--bgl-white);
+    background: var(--bgl-blue-dark);
+}
+::selection {
+    color: var(--bgl-white);
+    background: var(--bgl-blue-dark);
+}
+.popup {
+    border-radius: 15px;
+    background: var(--bgl-white);
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+    padding: 2rem;
+    min-width: 300px;
+    text-align: center;
+}
+.tabs {
+    -moz-column-gap: 1rem;
+    column-gap: 1rem;
+    margin-top: 20px;
+    margin-bottom: -2rem;
+    border-top: 1px solid var(--border-color);
+    width: calc(100% + 4rem);
+    -webkit-margin-start: -2rem;
+    margin-inline-start: -2rem;
+    -webkit-padding-start: 2rem;
+    padding-inline-start: 2rem;
+    overflow: auto;
+    display: flex;
 }
 .tab {
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 2.5;
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  border-bottom: 2px solid transparent;
-  padding: 0 5px;
-  white-space: nowrap;
-  text-decoration: none;
-  color: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 2.5;
+    cursor: pointer;
+    transition: var(--bgl-transition);
+    border-bottom: 2px solid transparent;
+    padding: 0 5px;
+    white-space: nowrap;
+    text-decoration: none;
+    color: inherit;
 }
 .tab.active {
-  color: var(--bgl-primary);
-  border-bottom: 2px solid var(--bgl-primary);
+    color: var(--bgl-primary);
+    border-bottom: 2px solid var(--bgl-primary);
 }
 .tab:hover {
-  color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }
 .tab:active {
-  -webkit-filter: brightness(70%);
-  filter: brightness(70%);
+    -webkit-filter: brightness(70%);
+    filter: brightness(70%);
 }
 .router-tab {
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 2.5;
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  border-bottom: 2px solid transparent;
-  padding: 0 5px;
-  white-space: nowrap;
-  text-decoration: none;
-  color: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 2.5;
+    cursor: pointer;
+    transition: var(--bgl-transition);
+    border-bottom: 2px solid transparent;
+    padding: 0 5px;
+    white-space: nowrap;
+    text-decoration: none;
+    color: inherit;
 }
 .router-tab.router-link-active {
-  color: var(--bgl-primary);
-  border-bottom: 2px solid var(--bgl-primary);
+    color: var(--bgl-primary);
+    border-bottom: 2px solid var(--bgl-primary);
 }
 .router-tab:hover {
-  color: var(--bgl-primary);
+    color: var(--bgl-primary);
 }
 .router-tab:active {
-  -webkit-filter: brightness(70%);
-  filter: brightness(70%);
-}
-.pill {
-  border-radius: 10px;
-  padding: 4px 8px;
-  font-size: 10px;
-  background: var(--bgl-gray-light);
-  white-space: nowrap;
-  display: inline;
-}
-.pill.blue {
-  background: var(--bgl-blue-light);
-  color: var(--bgl-primary);
-}
-.pill.red {
-  background-color: var(--bgl-red-tint);
-  color: var(--bgl-red);
-}
-.hide {
-  display: none;
-}
-.pill.green {
-  background-color: var(--bgl-green);
-  color: var(--bgl-white);
-}
-.pill.orange {
-  background-color: var(--bgl-yellow);
-  color: var(--bgl-black);
-}
-.block {
-  display: block;
-  width: 100%;
-}
-.pill.yellow {
-  background-color: var(--bgl-yellow);
-}
-.pill.Paid,
-.pill.Active {
-  background-color: var(--bgl-green);
-  color: white;
-}
-.pill.Error {
-  background-color: var(--bgl-red-tint);
-  color: var(--bgl-red);
-}
-.list-item {
-  padding: 0.5rem 1rem;
-  min-height: -webkit-fit-content;
-  min-height: -moz-fit-content;
-  min-height: fit-content;
-  margin: 0.25rem 0;
-  border-radius: 10px;
-  cursor: pointer;
-  transition: var(--bgl-transition);
-  color: var(--bgl-black);
-  text-decoration: none;
-  position: relative;
-}
-.list-item::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: -0.25rem;
-  border-bottom: 1px solid var(--border-color);
-}
-.list-item:hover,
-.list-item.router-link-active {
-  background-color: var(--bgl-blue-light);
-}
-.list-item:active {
-  -webkit-filter: var(--bgl-hover-filter);
-  filter: var(--bgl-hover-filter);
+    -webkit-filter: brightness(70%);
+    filter: brightness(70%);
 }
 .entity-container {
-  display: grid;
-  height: 100%;
-  /* grid-template-columns: 2fr 0fr; */
-  grid-template-columns: minmax(300px, 1fr) 3fr;
-  grid-gap: 1rem;
-  -moz-column-gap: 1rem;
-  column-gap: 1rem;
-  grid-template-rows: 1fr;
-  grid-template-areas: "list-view detail-view";
-  transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
-  transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
-    -ms-grid-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
-  transition: all 0.5s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+    display: grid;
+    height: 100%;
+    grid-template-columns: minmax(300px, 1fr) 3fr;
+    grid-gap: 1rem;
+    -moz-column-gap: 1rem;
+    column-gap: 1rem;
+    grid-template-rows: 1fr;
+    grid-template-areas: "list-view detail-view";
+    transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+    transition: grid-template-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99),
+        -ms-grid-columns 0.4s cubic-bezier(0.79, 0.01, 0.34, 0.99);
+    transition: all 0.5s cubic-bezier(0.79, 0.01, 0.34, 0.99);
 }
 .detail-main {
-  overflow-y: auto;
+    overflow-y: auto;
 }
 .content-row p {
-  margin: 0 0 10px 0;
+    margin: 0 0 10px 0;
 }
 .id {
-  color: var(--bgl-gray);
-  font-size: 9px;
+    color: var(--bgl-gray);
+    font-size: 9px;
 }
 .field {
-  --field-count: 1;
-  --width: calc(100% / var(--field-count));
-  grid-auto-columns: minmax(var(--width), var(--width));
-  font-size: 10px;
-  text-align: z;
-}
-.card.BagelTable {
-  height: 100%;
-  overflow: auto;
-  padding-top: 0;
+    --field-count: 1;
+    --width: calc(100% / var(--field-count));
+    grid-auto-columns: minmax(var(--width), var(--width));
+    font-size: 10px;
+    text-align: z;
 }
 .detail-view-inner {
-  display: grid;
-  height: 100%;
-  overflow: hidden;
-  grid-template-rows: -webkit-max-content 1fr;
-  grid-template-rows: max-content 1fr;
-  gap: 1rem;
+    display: grid;
+    height: 100%;
+    overflow: hidden;
+    grid-template-rows: -webkit-max-content 1fr;
+    grid-template-rows: max-content 1fr;
+    gap: 1rem;
 }
 .detail-view-inner-wrap {
-  height: 100%;
-  overflow: hidden;
-  transition: var(--bgl-transition);
+    height: 100%;
+    overflow: hidden;
+    transition: var(--bgl-transition);
 }
 .table-list-wrap {
-  overflow: auto;
-}
-.overflow-hidden {
-  overflow: hidden;
-}
-.list-logo {
-  width: 50px;
-  aspect-ratio: 1;
-  -o-object-fit: contain;
-  object-fit: contain;
-  line-height: 1;
-}
-.list-content {
-  grid-auto-rows: -webkit-max-content;
-  grid-auto-rows: max-content;
-  overflow-y: auto;
-}
-.DonationsDashbored {
-  position: relative;
-}
-.DonationsDashbored .list-content {
-  overflow-y: visible !important;
-}
-.DonationsDashbored .tabs-top {
-  position: -webkit-sticky;
-  position: sticky;
-  padding-top: 1rem;
-  inset-inline-start: 0;
-}
-.DonationsDashbored .tabs {
-  border-bottom: 1px solid var(--border-color);
-  border-top: none;
+    overflow: auto;
 }
 .copy-url {
-  background-color: var(--bgl-gray-light);
-  border-radius: var(--btn-border-radius);
-  padding: 0.5rem 1rem;
-  align-items: center;
-  justify-content: flex-start;
-  margin-bottom: 1rem;
-  display: flex;
-  justify-content: space-between;
+    background-color: var(--bgl-gray-light);
+    border-radius: var(--btn-border-radius);
+    padding: 0.5rem 1rem;
+    align-items: center;
+    justify-content: flex-start;
+    margin-bottom: 1rem;
+    display: flex;
+    justify-content: space-between;
 }
 .copy-url a {
-  margin: 0;
-  font-size: 12px;
-  opacity: 0.8;
-  color: var(--bgl-black);
-  word-break: break-all;
+    margin: 0;
+    font-size: 12px;
+    opacity: 0.8;
+    color: var(--bgl-black);
+    word-break: break-all;
 }
 .list-view {
-  grid-area: list-view;
-  grid-template-areas: "list-header""list-content";
-  grid-template-columns: 1fr;
-  overflow-y: auto;
-  grid-template-rows: -webkit-max-content 1fr;
-  grid-template-rows: max-content 1fr;
-  transition: var(--transition);
+    grid-area: list-view;
+    grid-template-areas: "list-header""list-content";
+    grid-template-columns: 1fr;
+    overflow-y: auto;
+    grid-template-rows: -webkit-max-content 1fr;
+    grid-template-rows: max-content 1fr;
+    transition: var(--transition);
 }
 .shekel {
-  line-height: 0;
-}
-.slide-fade-enter-active {
-  transition: all 0.15s ease-out;
-}
-.slide-fade-leave-active {
-  transition: all 0.15s ease-in;
-}
-.slide-fade-enter-from {
-  transform: translateX(20px);
-  opacity: 0;
-}
-.slide-fade-leave-to {
-  transform: translateX(-20px);
-  opacity: 0;
-}
-.grid>* {
-  min-height: 0;
+    line-height: 0;
 }
 .view-wrapper {
-  height: 100%;
-  position: relative;
-  overflow: hidden;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
 }
 @media screen and (max-width: 1000px) {
-  .entity-container {
-    grid-template-columns: minmax(22vw, 1fr) 2fr;
-  }
+    .entity-container {
+        grid-template-columns: minmax(22vw, 1fr) 2fr;
+    }
 }
 @media screen and (max-width: 910px) {
-  .tab {
-    font-size: 12px;
-  }
-
-  .entity-container {
-    grid-template-columns: 1fr;
-    gap: 0;
-  }
-
-  .detail-view-inner {
-    border-radius: var(--card-border-radius);
-    background: var(--bgl-white);
-  }
-
-  .detail-view-inner-wrap {
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    background: var(--bgl-bg);
-  }
-
-  .detail-view-inner-wrap.card {
-    background: var(--bgl-white);
-  }
+    .tab {
+        font-size: 12px;
+    }
 
-  .list-item {
-    padding: 0.5rem;
-  }
+    .entity-container {
+        grid-template-columns: 1fr;
+        gap: 0;
+    }
 
-  .card {
-    padding: 1rem 1rem;
-  }
+    .detail-view-inner {
+        border-radius: var(--card-border-radius);
+        background: var(--bgl-white);
+    }
 
-  .tabs {
-    -moz-column-gap: 10px;
-    column-gap: 10px;
-    margin-top: 10px;
-    margin-bottom: -15px;
-    box-sizing: border-box;
-    -webkit-margin-start: -1rem;
-    margin-inline-start: -1rem;
-    -webkit-padding-start: 1rem;
-    padding-inline-start: 1rem;
-    max-width: calc(100vw - 2rem);
-  }
+    .detail-view-inner-wrap {
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        background: var(--bgl-bg);
+    }
 
-  .login-card {
-    width: 94%;
-    max-width: 400px;
-  }
+    .detail-view-inner-wrap.bgl_card {
+        background: var(--bgl-white);
+    }
 
-  .login-card .bagel-input.wider input {
-    min-width: 220px;
-  }
+    .bgl_card {
+        padding: 1rem 1rem;
+    }
 
-  .popup {
-    border-radius: 15px;
-    background: var(--bgl-white);
-    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
-    padding: 2rem;
-    min-width: 0;
-    max-width: 90%;
-    max-height: 90vh;
-    overflow-x: auto;
-    text-align: center;
-  }
+    .tabs {
+        -moz-column-gap: 10px;
+        column-gap: 10px;
+        margin-top: 10px;
+        margin-bottom: -15px;
+        box-sizing: border-box;
+        -webkit-margin-start: -1rem;
+        margin-inline-start: -1rem;
+        -webkit-padding-start: 1rem;
+        padding-inline-start: 1rem;
+        max-width: calc(100vw - 2rem);
+    }
 
-  .detail-main {
-    overflow-y: unset;
-  }
+    .popup {
+        border-radius: 15px;
+        background: var(--bgl-white);
+        box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
+        padding: 2rem;
+        min-width: 0;
+        max-width: 90%;
+        max-height: 90vh;
+        overflow-x: auto;
+        text-align: center;
+    }
 
-  .detail-section {
-    height: -webkit-fit-content;
-    height: -moz-fit-content;
-    height: fit-content;
-  }
+    .detail-main {
+        overflow-y: unset;
+    }
 
-  .field {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5rem;
-    align-items: center;
-  }
+    .detail-section {
+        height: -webkit-fit-content;
+        height: -moz-fit-content;
+        height: fit-content;
+    }
 
-  .top-title {
-    font-size: 1.25em;
-    margin-bottom: 1rem;
-    font-weight: 400;
-    -webkit-margin-start: 0.5rem;
-    margin-inline-start: 0.5rem;
-  }
+    .field {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+        align-items: center;
+    }
 }
 [theme="dark"] {
   --bgl-primary: #1c4fe1;
@@ -3812,44 +4151,6 @@ select {
 [theme="dark"] .nav-expend {
   top: 67px;
 }
-:root {
-    --transition-ease-in: cubic-bezier(0.1, 0.5, 0.33, 1);
-    --transition-ease-out: cubic-bezier(1, 0.33, 0.5, 0.1);
-}
-.fade-enter-active {
-    transition: all 0.2s ease-out;
-}
-.fade-leave-active {
-    transition: all 0.2s ease-in;
-}
-.fade-enter-from,
-.fade-leave-to {
-    opacity: 0;
-}
-.scale-enter-active {
-    transition: all 0.2s var(--transition-ease-in);
-}
-.scale-leave-active {
-    transition: all 0.2s var(--transition-ease-out);
-}
-.scale-enter-from,
-.scale-leave-to {
-    transform: scale(0);
-}
-.list-enter-active,
-.list-leave-active {
-    /*transition: all 0.5s ease;*/
-}
-.list-enter-from,
-.list-leave-to {
-    opacity: 0;
-    transform: scaleY(0) translateX(30px);
-}
-/* ensure leaving items are taken out of layout flow so that moving
-   animations can be calculated correctly. */
-.list-leave-active {
-    position: absolute;
-}
 @font-face {
     font-family: 'Ploni';
     font-style: normal;
@@ -3919,11 +4220,17 @@ select {
     --transition-ease: cubic-bezier(0.1, 0.5, 0.33, 1);
 }
 body {
-    width: 100vw;
+    max-width: 100vw;
     height: 100vh;
     padding: 0;
     margin: 0;
 }
+.grid>* {
+    min-height: 0;
+}
+* {
+    box-sizing: border-box;
+}
 @media (min-width: 992px) {}
 @media screen and (max-width: 910px) {