diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
index 2618e910..9e623540 100644
--- a/web/assets/css/custom.css
+++ b/web/assets/css/custom.css
@@ -106,7 +106,7 @@ style attribute {
     list-style: none;
     font-feature-settings: "tnum";
     position: relative;
-    background: #fff;
+    background-color: #fff;
     border-radius: 2px;
     transition: all .3s;
 }
@@ -162,7 +162,7 @@ style attribute {
     display: flex;
     justify-content: center;
     align-items: center;
-    background: #fff;
+    background-color: #fff;
     right: -40px;
     box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
     border-radius: 0 4px 4px 0;
@@ -174,7 +174,7 @@ style attribute {
     background-repeat: no-repeat;
     animation: ma-bg-move linear 6.6s infinite;
     color: #fff;
-    border-radius: 0.5rem
+    border-radius: 0.5rem;
 }
 @-webkit-keyframes ma-bg-move {
     0% {background-position: -500px 0;}
@@ -206,7 +206,7 @@ style attribute {
 .ant-layout-sider-children,
 .ant-pagination ul {
     margin-top:-.1px;
-    padding:0.5rem
+    padding:0.5rem;
 }
 
 .ant-dropdown-menu,
@@ -240,33 +240,33 @@ style attribute {
 .fade-in-linear-enter,
 .fade-in-linear-leave,
 .fade-in-linear-leave-active {
-    opacity: 0
+    opacity: 0;
 }
 
 .fade-in-linear-enter-active, .fade-in-linear-leave-active {
     -webkit-transition: opacity .2s linear;
-    transition: opacity .2s linear
+    transition: opacity .2s linear;
 }
 
 .fade-in-linear-enter-active, .fade-in-linear-leave-active {
     -webkit-transition: opacity .2s linear;
-    transition: opacity .2s linear
+    transition: opacity .2s linear;
 }
 
 .fade-in-enter-active, .fade-in-leave-active {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
-    transition: all .3s cubic-bezier(.55, 0, .1, 1)
+    transition: all .3s cubic-bezier(.55, 0, .1, 1);
 }
 
 .zoom-in-center-enter-active, .zoom-in-center-leave-active {
     -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
-    transition: all .3s cubic-bezier(.55, 0, .1, 1)
+    transition: all .3s cubic-bezier(.55, 0, .1, 1);
 }
 
 .zoom-in-center-enter, .zoom-in-center-leave-active {
     opacity: 0;
     -webkit-transform: scaleX(0);
-    transform: scaleX(0)
+    transform: scaleX(0);
 }
 
 .zoom-in-top-enter-active, .zoom-in-top-leave-active {
@@ -278,13 +278,13 @@ style attribute {
     transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
     transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
     -webkit-transform-origin: center top;
-    transform-origin: center top
+    transform-origin: center top;
 }
 
 .zoom-in-top-enter, .zoom-in-top-leave-active {
     opacity: 0;
     -webkit-transform: scaleY(0);
-    transform: scaleY(0)
+    transform: scaleY(0);
 }
 
 .zoom-in-bottom-enter-active, .zoom-in-bottom-leave-active {
@@ -296,13 +296,13 @@ style attribute {
     transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
     transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
     -webkit-transform-origin: center bottom;
-    transform-origin: center bottom
+    transform-origin: center bottom;
 }
 
 .zoom-in-bottom-enter, .zoom-in-bottom-leave-active {
     opacity: 0;
     -webkit-transform: scaleY(0);
-    transform: scaleY(0)
+    transform: scaleY(0);
 }
 
 .zoom-in-left-enter-active, .zoom-in-left-leave-active {
@@ -314,24 +314,24 @@ style attribute {
     transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
     transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
     -webkit-transform-origin: top left;
-    transform-origin: top left
+    transform-origin: top left;
 }
 
 .zoom-in-left-enter, .zoom-in-left-leave-active {
     opacity: 0;
     -webkit-transform: scale(.45, .45);
-    transform: scale(.45, .45)
+    transform: scale(.45, .45);
 }
 
 .list-enter-active, .list-leave-active {
     -webkit-transition: all .3s;
-    transition: all .3s
+    transition: all .3s;
 }
 
 .list-enter, .list-leave-active {
     opacity: 0;
     -webkit-transform: translateY(-30px);
-    transform: translateY(-30px)
+    transform: translateY(-30px);
 }
 
 .ant-tooltip-inner {
@@ -430,13 +430,19 @@ style attribute {
 
 /* DARK THEME */
 
-.dark ::selection {
+.dark ::selection,
+.ant-calendar-selected-day .ant-calendar-date {
+    background-color: #0E49B5;
     color: #fff;
-    background-color: #0e49b5;
 }
 
-.dark .normal-icon:hover {
-    color: #ffffff;
+
+.dark .normal-icon:hover,
+.dark .ant-spin,
+.dark .ant-input-number-handler:hover .ant-input-number-handler-down-inner,
+.dark .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
+.dark .ant-calendar-header a:hover {
+    color: #fff;
 }
 
 .dark .ant-layout-sider,
@@ -528,7 +534,20 @@ style attribute {
 .dark .ant-divider-inner-text,
 .dark .ant-popover-title,
 .dark .ant-popover-inner-content,
-.dark h2 {
+.dark h2,
+.dark .ant-modal-title,
+.dark .ant-form-item-label>label,
+.dark .ant-checkbox-wrapper,
+.dark .ant-form-item,
+.dark .ant-calendar-footer .ant-calendar-today-btn,
+.dark .ant-calendar-footer .ant-calendar-time-picker-btn,
+.dark .ant-calendar-day-select,
+.dark .ant-calendar-month-select,
+.dark .ant-calendar-year-select,
+.dark .ant-calendar-date,
+.dark .ant-calendar-year-panel-year,
+.dark .ant-calendar-month-panel-month,
+.dark .ant-calendar-decade-panel-decade {
     color: rgb(255 255 255 / 65%);
 }
 
@@ -537,7 +556,9 @@ style attribute {
 }
 
 .dark .ant-pagination-disabled i,
-.dark .ant-tabs-tab-btn-disabled {
+.dark .ant-tabs-tab-btn-disabled,
+.dark .ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
+.dark .ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
     color: rgb(255 255 255 / 25%);
 }
 
@@ -589,7 +610,7 @@ style attribute {
 
 .dark .ant-btn:focus:not(.ant-btn-primary):not(.ant-btn-danger) ,
 .dark .ant-btn:hover:not(.ant-btn-primary):not(.ant-btn-danger)  {
-    color: #ffffff;
+    color: #fff;
     background-color: rgb(14 73 181 / 50%);
     border-color: #0e49b5;
 }
@@ -619,11 +640,9 @@ style attribute {
     border-color: #0e49b5;
 }
 
-.dark .ant-switch:not(.ant-switch-checked) {
-    background-color: #2C3950;
-}
-
-.dark .ant-progress-line .ant-progress-inner {
+.dark .ant-switch:not(.ant-switch-checked),
+.dark .ant-progress-line .ant-progress-inner,
+.ant-menu-dark .ant-menu-item:hover {
     background-color: #2c3950;
 }
 
@@ -647,10 +666,6 @@ style attribute {
     background-color: #313f5a;
 }
 
-.ant-menu-dark .ant-menu-item:hover {
-    background-color: #2c3950;
-}
-
 .dark .ant-alert-message {
     color: rgb(255 255 255 /85%);
 }
@@ -698,19 +713,6 @@ style attribute {
     background-color: #181f2c;
 }
 
-.dark .ant-modal-title,
-.dark .ant-form-item-label>label,
-.dark .ant-checkbox-wrapper,
-.dark .ant-form-item,
-.dark .ant-calendar-footer .ant-calendar-today-btn,
-.dark .ant-calendar-footer .ant-calendar-time-picker-btn,
-.dark .ant-calendar-day-select,
-.dark .ant-calendar-month-select,
-.dark .ant-calendar-year-select,
-.dark .ant-calendar-date {
-    color: rgb(255 255 255 / 65%);
-}
-
 .dark .ant-calendar-next-month-btn-day .ant-calendar-date,
 .dark .ant-calendar-last-month-cell .ant-calendar-date {
     color: #2c3950;
@@ -734,7 +736,7 @@ style attribute {
 }
 
 .dark .ant-calendar-time-picker-select li:focus {
-    color: #ffffff;
+    color: #fff;
     font-weight: 600;
     outline: none;
     background-color: #0e49b5;
@@ -784,47 +786,35 @@ style attribute {
     text-shadow: 0 1px 2px #00000077;
 }
 
-.dark .ant-spin {
-    color: #ffffff;
-}
-
 .dark .ant-spin-dot-item {
-    background-color: #ffffff;
-}
-
-.ant-radio-button-wrapper {
-    user-select: none;
+    background-color: #fff;
 }
 
+.ant-radio-button-wrapper,
 .ant-menu {
     user-select: none;
 }
 
 .ant-calendar-date:hover {
-    background: #dae9f5;
-    cursor: pointer
+    background-color: #dae9f5;
+    cursor: pointer;
 }
 
 .ant-calendar-date:active {
-    background: #dae9f5;
+    background-color: #dae9f5;
     color: rgba(0, 0, 0, 0.65);
 }
 
 .ant-calendar-today .ant-calendar-date {
     color: #0e49b5;
     font-weight: 700;
-    border-color: #0e49b5
+    border-color: #0e49b5;
 }
 
 .dark .ant-calendar-today .ant-calendar-date {
-    color: #ffffff;
+    color: #fff;
     font-weight: 700;
-    border-color: #0e49b5
-}
-
-.ant-calendar-selected-day .ant-calendar-date {
-    background: #0E49B5;
-    color: #ffffff;
+    border-color: #0e49b5;
 }
 
 li.ant-select-dropdown-menu-item:empty:after {
@@ -840,164 +830,40 @@ li.ant-select-dropdown-menu-item:empty:after {
 }
 
 .ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
-    color: rgba(0,0,0,.87)
+    color: rgba(0,0,0,.87);
 }
 
 .dark.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
-    color: rgb(255, 255, 255)
+    color: rgb(255, 255, 255);
 }
 
-.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
-    color: #3c89e8
-}
-
-.ant-btn-primary-login {
-    color: #0e49b5;
-    background-color: #edf4fa;
-    border-color: #a9c5e7;
-    text-shadow: 0 -1px 0 rgba(0,0,0,.12);
-    box-shadow: none;
-    width: 100%;
-}
-
-.ant-btn-primary-login:focus,
-.ant-btn-primary-login:hover {
-  color: #fff;
-  background-color: #0c3f9d;
-  border-color: #0e49b5;
-  background-image: linear-gradient(
-    270deg,
-    rgba(123, 199, 77, 0) 30%,
-    #2f67c2,
-    rgba(123, 199, 77, 0) 100%
-  );
-  background-repeat: no-repeat;
-  animation: ma-bg-move ease-in-out 5s infinite;
-  background-position-x: -500px;
-  width: 95%;
-  animation-delay: -.5s;
-  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
-}
-
-.ant-btn-primary-login.active, .ant-btn-primary-login:active {
-    color: #fff;
-    background-color: #04308f;
-    border-color: #04308f;
-}
-
-@keyframes ma-bg-move {
-    0% {
-      background-position: -500px 0;
-    }
-    50% {
-      background-position: 1000px 0;
-    }
-    100% {
-      background-position: 1000px 0;
-    }
-}
-
-.wave-btn-bg {
-    position: relative;
-    border-radius: 25px;
-    width: 100%;
-}
-
-.dark .wave-btn-bg {
-    color: #ffffff;
-    position: relative;
-    background: #0e49b5;
-    border: 2px double transparent;
-    background-origin: border-box;
-    background-clip: padding-box, border-box;
-    background-size: 300%;
-    animation: wave-btn-tara 4s ease infinite;
-    transition: all 0.5s ease;
-    width: 100%;
-}
-
-.dark .wave-btn-bg-cl {
-    background-image: linear-gradient(rgb(13 14 33 / 0%), rgb(13 14 33 / 0%)), radial-gradient(circle at left top, #0e49b5, #387eff, #0e49b5) !important;
-    border-radius: 3em;
-}
-
-.dark .wave-btn-bg-cl:hover {
-    width:95%;
-}
-
-.dark .wave-btn-bg-cl:before {
-      position: absolute;
-      content: "";
-      top: -5px;
-      left: -5px;
-      bottom: -5px;
-      right: -5px;
-      z-index: -1;
-      background: inherit;
-      background-size: inherit;
-      border-radius: 4em;
-      opacity: 0;
-      transition: 0.5s;
-    }
-
-.dark .wave-btn-bg-cl:hover::before {
-      opacity: 1;
-      filter: blur(20px);
-      animation: wave-btn-tara 8s linear infinite;
-    }
-
-@keyframes wave-btn-tara {
-  to {
-    background-position: 300%;
-  }
-}
-
-.dark .ant-btn-primary-login {
-    font-size: 14px;
-    color: #ffffff;
-    text-align: center;
-    background-image: linear-gradient(rgb(13 14 33 / 45%), rgb(13 14 33 / 35%));
-    border-radius: 2rem;
-    border: none;
-    outline: none;
-    background-color: transparent;
-    height: 46px;
-    position: relative;
-    white-space: nowrap;
-    cursor: pointer;
-    touch-action: manipulation;
-    padding: 0 15px;
-    width: 100%;
-    animation:none;
-    background-position-x:0;
-    box-shadow: none;
-}
-
-.ant-input-number-focused, .ant-input-number:hover {
-    background-color: #edf4fa;
+.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
+.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
+    color: #3c89e8;
 }
 
+.ant-input-number-focused,
+.ant-input-number:hover,
 .ant-select-selection:hover {
     background-color: #edf4fa;
 }
 
 .dark .ant-input-number-handler:active {
-    background: #0e49b5;
-}
-
-.dark .ant-input-number-handler:hover .ant-input-number-handler-down-inner,.dark .ant-input-number-handler:hover .ant-input-number-handler-up-inner {
-    color: #ffffff;
+    background-color: #0e49b5;
 }
 
 .dark .ant-input-number-handler-down {
     border-top: 1px solid rgb(217 217 217 / 30%);
 }
 
-.dark .ant-calendar-year-panel {
-    background: #101828;
-}
-
-.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select,.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select {
+.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
+.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
+.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-month-select,
+.dark .ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
+.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
+.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
+.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select,
+.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select {
     color: rgb(255 255 255 / 85%);
 }
 
@@ -1005,20 +871,14 @@ li.ant-select-dropdown-menu-item:empty:after {
     border-bottom: 1px solid #222d42;
 }
 
-.dark .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,.dark .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
+.dark .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
+.dark .ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
     color: rgb(255 255 255 / 35%);
 }
 
-.dark .ant-calendar-year-panel-year {
-    color: rgb(255 255 255 / 65%);
-}
-
-.dark .ant-calendar-year-panel-year:hover {
-    background: #222d42;
-}
-
-.dark .ant-calendar-header a:hover {
-    color: #ffffff;
+.dark .ant-calendar-year-panel-year:hover,
+.dark .ant-calendar-month-panel-month:hover {
+    background-color: #222d42;
 }
 
 .dark .ant-calendar-month-panel-header {
@@ -1026,36 +886,42 @@ li.ant-select-dropdown-menu-item:empty:after {
     border-bottom: 1px solid #222d42;
 }
 
-.dark .ant-calendar table {
+.dark .ant-calendar table,
+.dark .ant-calendar-year-panel {
     background-color: #101828;
 }
 
-.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-month-select,.dark .ant-calendar-month-panel-header .ant-calendar-month-panel-year-select {
-    color: rgb(255 255 255 / 85%);
-}
-
-.dark .ant-calendar-month-panel-month {
-    color: rgb(255 255 255 / 65%);
-}
-
-.dark .ant-calendar-month-panel-month:hover {
-    background: #222d42;
-}
-
-.dark .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,.dark .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
+.dark .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
+.dark .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover,
+.dark .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,
+.dark .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover,
+.dark .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade,
+.dark .ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
     color: #fff;
-    background: #0e49b5;
+    background-color: #0e49b5;
 }
 
-.dark .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month,.dark .ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
-    color: #fff;
-    background: #0e49b5
+.dark .ant-calendar-last-month-cell .ant-calendar-date,
+.dark .ant-calendar-last-month-cell .ant-calendar-date:hover,
+.dark .ant-calendar-next-month-btn-day .ant-calendar-date,
+.dark .ant-calendar-next-month-btn-day .ant-calendar-date:hover {
+    color: rgb(255 255 255 / 25%);
+    background: transparent;
+    border-color: transparent;
 }
 
-.dark .ant-calendar-last-month-cell .ant-calendar-date,.dark .ant-calendar-last-month-cell .ant-calendar-date:hover,.dark .ant-calendar-next-month-btn-day .ant-calendar-date,.dark .ant-calendar-next-month-btn-day .ant-calendar-date:hover {color: rgb(255 255 255 / 25%); background: transparent; border-color: transparent;}
-
 .dark .ant-calendar-today .ant-calendar-date:hover {
-    color: #ffffff;
+    color: #fff;
     border-color: #0e49b5;
     background-color:#0e49b5;
 }
+
+.dark .ant-calendar-decade-panel-decade:hover {
+    background-color: #222d42;
+    cursor: pointer;
+}
+
+.dark .ant-calendar-decade-panel-header {
+    border-bottom: 1px solid #222d42;
+    background-color:#101828;
+}
diff --git a/web/html/login.html b/web/html/login.html
index 3828f1f2..c7ee8dfa 100644
--- a/web/html/login.html
+++ b/web/html/login.html
@@ -6,38 +6,31 @@
         text-align: center;
         margin: 20px 0 50px 0;
     }
-
     .ant-btn, .ant-input {
         height: 50px;
         border-radius: 30px;
     }
-
     .ant-input-group-addon {
         border-radius: 0 30px 30px 0;
         width: 50px;
         font-size: 18px;
     }
-
     .ant-input-affix-wrapper .ant-input-prefix {
         left: 23px;
     }
-
     .ant-input-affix-wrapper .ant-input:not(:first-child) {
         padding-left: 50px;
     }
-
     .centered {
         display: flex;
         text-align: center;
         align-items: center;
         justify-content: center;
     }
-
     .title {
         font-size: 32px;
         font-weight: bold;
     }
-
     #app {
         overflow: hidden;
     }
@@ -99,6 +92,128 @@
     .dark h1 {
         color: rgb(255 255 255 / 85%);
     }
+
+    .ant-btn-primary-login {
+        color: #0e49b5;
+        background-color: #edf4fa;
+        border-color: #a9c5e7;
+        text-shadow: 0 -1px 0 rgba(0,0,0,.12);
+        box-shadow: none;
+        width: 100%;
+    }
+
+    .ant-btn-primary-login:focus,
+    .ant-btn-primary-login:hover {
+    color: #ffffff;
+    background-color: #0c3f9d;
+    border-color: #0e49b5;
+    background-image: linear-gradient(
+        270deg,
+        rgba(123, 199, 77, 0) 30%,
+        #2f67c2,
+        rgba(123, 199, 77, 0) 100%
+    );
+    background-repeat: no-repeat;
+    animation: ma-bg-move ease-in-out 5s infinite;
+    background-position-x: -500px;
+    width: 95%;
+    animation-delay: -.5s;
+    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
+    }
+
+    .ant-btn-primary-login.active, .ant-btn-primary-login:active {
+        color: #ffffff;
+        background-color: #04308f;
+        border-color: #04308f;
+    }
+
+    @keyframes ma-bg-move {
+        0% {
+        background-position: -500px 0;
+        }
+        50% {
+        background-position: 1000px 0;
+        }
+        100% {
+        background-position: 1000px 0;
+        }
+    }
+
+    .wave-btn-bg {
+        position: relative;
+        border-radius: 25px;
+        width: 100%;
+    }
+
+    .dark .wave-btn-bg {
+        color: #ffffff;
+        position: relative;
+        background-color: #0e49b5;
+        border: 2px double transparent;
+        background-origin: border-box;
+        background-clip: padding-box, border-box;
+        background-size: 300%;
+        animation: wave-btn-tara 4s ease infinite;
+        transition: all 0.5s ease;
+        width: 100%;
+    }
+
+    .dark .wave-btn-bg-cl {
+        background-image: linear-gradient(rgb(13 14 33 / 0%), rgb(13 14 33 / 0%)), radial-gradient(circle at left top, #0e49b5, #387eff, #0e49b5) !important;
+        border-radius: 3em;
+    }
+
+    .dark .wave-btn-bg-cl:hover {
+        width:95%;
+    }
+
+    .dark .wave-btn-bg-cl:before {
+        position: absolute;
+        content: "";
+        top: -5px;
+        left: -5px;
+        bottom: -5px;
+        right: -5px;
+        z-index: -1;
+        background: inherit;
+        background-size: inherit;
+        border-radius: 4em;
+        opacity: 0;
+        transition: 0.5s;
+        }
+
+    .dark .wave-btn-bg-cl:hover::before {
+        opacity: 1;
+        filter: blur(20px);
+        animation: wave-btn-tara 8s linear infinite;
+        }
+
+    @keyframes wave-btn-tara {
+    to {
+        background-position: 300%;
+    }
+    }
+
+    .dark .ant-btn-primary-login {
+        font-size: 14px;
+        color: #ffffff;
+        text-align: center;
+        background-image: linear-gradient(rgb(13 14 33 / 45%), rgb(13 14 33 / 35%));
+        border-radius: 2rem;
+        border: none;
+        outline: none;
+        background-color: transparent;
+        height: 46px;
+        position: relative;
+        white-space: nowrap;
+        cursor: pointer;
+        touch-action: manipulation;
+        padding: 0 15px;
+        width: 100%;
+        animation:none;
+        background-position-x:0;
+        box-shadow: none;
+    }
 </style>
 <body>
 <a-layout id="app" v-cloak :class="themeSwitcher.currentTheme">