:root {
  --app-width-lhs: 16.5625rem;
  --app-width-lhs-hover: 16.5625rem;
  --app-head-height: 4.375rem;
  --animate-duration: 0.3s;
  --nav-button-padding: 0.517rem 0.5rem;
  --nav-padding: 1rem 2rem;
  --nav-transition-duration: 0.4s;
  --products-width: 50rem;
  --products-height: 31.25rem;
  --developers-width: 25rem;
  --developers-height: 18.75rem;
  --company-width: 16.25rem;
  --company-height: 18.5rem;
  --page-header-sticky-top: 4.4375rem;
  --page-header-height: 4.375rem;
}
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  font-family: 'Maven Pro', sans-serif;
}
html[lang="ja"] body {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
}
html[lang="zh"] body {
  font-family: 'Noto Sans SC', sans-serif;
  font-optical-sizing: auto;
}
a {
  text-decoration: none;
}
@media only screen and (min-width: 1150px) {
  :root .minSidebar {
    --app-width-lhs: 5.625rem;
    --app-width-lhs-hover: 16.5625rem;
  }
  main {
    margin-left: calc(var(--app-width-lhs));
  }
  header nav {
    min-height: var(--app-head-height);
    margin-left: calc(var(--app-width-lhs));
    background-color: #ffffff;
  }
  header nav.fixed-top ~ main {
    margin-top: var(--app-head-height);
  }
  header nav.fixed-top ~ main.has-sticky-header {
    margin-top: 0;
  }
  footer nav {
    margin-left: calc(var(--app-width-lhs));
  }
  body:has(footer nav.fixed-bottom) main {
    padding-bottom: 3.4375rem;
  }
}
@media only screen and (max-width: 1149px) {
  header nav.fixed-top ~ main {
    margin-top: var(--app-head-height);
  }
  header nav.fixed-top ~ main.has-sticky-header {
    margin-top: 0;
  }
  body:has(footer nav.fixed-bottom) main {
    padding-bottom: 3.4375rem;
  }
}
.lazy {
  filter: blur(3px);
}
.pageWrapper {
  padding: 1.21875rem;
}
@-webkit-keyframes loading-screen-transition-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes loading-screen-transition-out {
  0% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes loading-screen-content-transition-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(12.5rem);
    transform: translateY(12.5rem);
  }
}
@keyframes loading-screen-content-transition-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(12.5rem);
    transform: translateY(12.5rem);
  }
}
@-webkit-keyframes illustration {
  0% {
    -webkit-transform: translate(-6.25rem, 6.25rem);
    transform: translate(-6.25rem, 6.25rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes illustration {
  0% {
    -webkit-transform: translate(-6.25rem, 6.25rem);
    transform: translate(-6.25rem, 6.25rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes tip-transition-in {
  0% {
    -webkit-transform: translateY(1.875rem);
    transform: translateY(1.875rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes tip-transition-in {
  0% {
    -webkit-transform: translateY(1.875rem);
    transform: translateY(1.875rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes s-logo {
  0% {
    -webkit-transform: translateY(1.875rem);
    transform: translateY(1.875rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes s-logo {
  0% {
    -webkit-transform: translateY(1.875rem);
    transform: translateY(1.875rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.loading-screen {
  display: none;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.loading-screen .illustration {
  width: 18.75rem;
  -webkit-animation-name: illustration;
  animation-name: illustration;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.loading-screen .illustration img {
  width: 6.125rem;
  display: block;
  margin: auto;
  padding: 1.275rem;
  background: rgba(82, 63, 105, 0.05);
  box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
  border: 1px solid rgba(82, 63, 105, 0.05);
  border-radius: 5px;
}
.loading-screen .tip {
  margin-top: 1.5rem;
  width: 100%;
  opacity: 0;
  text-align: center;
  -webkit-animation-name: tip-transition-in;
  animation-name: tip-transition-in;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.loading-screen .tip-text {
  margin: 0 auto;
  color: #172B4D;
  max-width: 40.625rem;
  padding: 0 0.625rem;
}
.loading-screen .tip-number {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #5E6C84;
}
.loading-screen .logo {
  position: relative;
  opacity: 0;
  width: 2.75rem;
  height: 2.75rem;
  -webkit-animation-name: s-logo;
  animation-name: s-logo;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.loading-screen .logo img {
  padding: 0.1875rem;
  background: rgba(82, 63, 105, 0.05);
  box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
  border: 1px solid rgba(82, 63, 105, 0.05);
  border-radius: 5px;
  margin-right: 0.625rem;
}
.loading-screen .logo_loding {
  margin-top: 1.5rem;
  position: relative;
  opacity: 0;
  width: 100%;
  -webkit-animation-name: s-logo;
  animation-name: s-logo;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0.45s;
  animation-delay: 0.45s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.loading-screen.visible {
  display: block;
  pointer-events: auto;
}
.loading-screen.transition-out {
  -webkit-animation-name: loading-screen-transition-out;
  animation-name: loading-screen-transition-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  pointer-events: none;
}
.loading-screen.transition-out .loading-screen-content {
  -webkit-animation-name: loading-screen-content-transition-out;
  animation-name: loading-screen-content-transition-out;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.loading-screen-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffffff;
  width: 100%;
  height: 100%;
}
.loading-screen-content {
  max-width: 40.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  align-self: center;
}
@media only screen and (max-width: 500px) {
  .loading-screen-content {
    zoom: 0.8;
  }
}
/**	1. Loading 2
*************************************************** **/
@keyframes loading {
  from {
    left: 50%;
    width: 0;
    z-index: 100;
  }
  33.3333% {
    left: 0;
    width: 100%;
    z-index: 10;
  }
  to {
    left: 0;
    width: 100%;
  }
}
.load-bar {
  position: relative;
  margin-top: 2rem;
  width: 12rem;
  height: 0.1875rem;
  background-color: #fdba2c;
  border-radius: 1rem;
  overflow: hidden;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  border-radius: 1rem;
}
.bar:nth-child(1) {
  background-color: #da4733;
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #3b78e7;
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #fdba2c;
  animation: loading 3s linear 2s infinite;
}
/**	20. Pulse
*************************************************** **/
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
  }
}
@keyframes shadow-pulse-big {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
  }
}
.pulse {
  float: left;
  width: 0.75rem;
  height: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: 0.5rem;
  right: 1.875rem;
  display: inline-block;
  border: 2px solid;
  animation: shadow-pulse 1s infinite;
}
header #sidebarTrigger {
  display: none;
}
@media only screen and (max-width: 1149px) {
  header #sidebarTrigger {
    display: flex;
    align-items: center;
  }
  header #sidebarTrigger .btn {
    font-size: 1.125rem;
    padding: 0.528125rem 0.56875rem;
    max-width: 2.375rem;
  }
}
header #mobileBrandingLink {
  display: none !important;
}
@media only screen and (max-width: 1149px) {
  header #mobileBrandingLink {
    display: flex !important;
    margin-right: 0.625rem;
  }
  header #mobileBrandingLink a img {
    padding: 0.375rem;
    background: rgba(82, 63, 105, 0.05);
    box-shadow: 0 5px 15px 0 rgba(82, 63, 105, 0.05);
    border: 1px solid rgba(82, 63, 105, 0.05);
    border-radius: 5px;
  }
  header #mobileBrandingLink a span {
    font-weight: 500;
  }
}
header .navbar {
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
  border-bottom: 1px solid rgba(82, 63, 105, 0.05);
  padding: 0 1.21875rem;
}
@media only screen and (max-width: 767px) {
  header .navbar {
    padding: 0.969rem 1.5rem !important;
  }
}
header #minifySidebar .btn {
  max-width: 2.375rem;
  padding: 0.528125rem 0.56875rem;
}
@media only screen and (max-width: 1149px) {
  header #minifySidebar {
    display: none !important;
  }
}
header #minifySidebar span {
  font-size: 1.125rem;
}
header .header-nav-link {
  color: #333333;
  font-size: var(--bs-nav-link-font-size);
  padding: 0.528125rem 0.65rem;
  border-radius: var(--bs-border-radius-sm);
}
header .btn-icons {
  display: flex;
  align-items: center;
}
header #primaryNav,
header #navbarActions {
  height: 4.375rem;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  header #primaryNav,
  header #navbarActions {
    height: auto;
  }
}
header #primaryNav .dropdown-toggle::after,
header #navbarActions .dropdown-toggle::after {
  display: none;
}
header #primaryNav .navbar-nav,
header #navbarActions .navbar-nav {
  gap: 0.3125rem;
}
@media only screen and (max-width: 767px) {
  header #primaryNav .navbar-nav,
  header #navbarActions .navbar-nav {
    height: calc(100vh - 9.5rem);
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top: 0.625rem;
  }
}
header #primaryNav .btn:not(.btn-solid):hover,
header #navbarActions .btn:not(.btn-solid):hover,
header #primaryNav .btn:not(.btn-solid).show,
header #navbarActions .btn:not(.btn-solid).show {
  color: unset;
  background-color: #f5f5f5;
  transition: background-color 0.3s ease;
}
header #primaryNav {
  flex-grow: 0;
}
@media only screen and (max-width: 991px) {
  header #primaryNav {
    display: none !important;
  }
}
header #navbarActions {
  flex-grow: 1;
  justify-content: end;
}
header #navbarActions .navbar-nav {
  align-items: center;
}
header #navbarActions .nav-item {
  width: 2.1875rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
header #navbarActions .header-nav-link {
  padding: 0.4875rem;
}
header #navbarActions .material-symbols-sharp {
  color: #7f7f7f;
  font-size: 1.3125rem;
}
header #navbarActions .userProfile {
  margin-left: 0.9375rem;
  position: relative;
}
header #navbarActions .userProfile:before {
  content: '';
  position: absolute;
  width: 0.8125rem;
  height: 0.8125rem;
  display: inline-block;
  background-color: #14b474;
  border-radius: 10px;
  border: 2px solid #ffffff;
  bottom: -0.1875rem;
  right: -0.375rem;
  z-index: 1;
}
header #navbarActions .userProfile .dropdown-toggle {
  cursor: pointer;
}
header #navbarActions .userProfile .dropdown-menu {
  width: 21.875rem;
}
header #navbarActions .userProfile .card {
  width: 100%;
}
header #navbarActions .userProfile .card-body {
  margin-top: 2.5rem;
  padding: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
header #navbarActions .userProfile .card-title {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
header #navbarActions .userProfile .card-title-sub {
  font-size: 0.875rem;
}
header #navbarActions .userProfile p.fw-bold {
  font-size: 0.875rem;
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}
header #navbarActions .userProfile .card-text {
  font-size: 0.8125rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
header #navbarActions .userProfile .big-image {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 6.25rem;
  position: absolute;
  top: 5rem;
  left: 1.25rem;
  border: 4px solid white;
}
header #navbarActions .userProfile .card-img-top {
  height: 8.75rem;
}
header #navbarActions .userProfile .badge-section {
  display: flex;
  gap: 0.375rem;
}
header #navbarActions .userProfile .badge-section .badge {
  font-size: 0.75rem;
  color: #333333;
  padding: 0.25rem 0.5rem;
}
header #navbarActions .userProfile .li-section {
  padding: 1.5rem;
  padding-top: 0;
  border: 0;
  padding-bottom: 0.5rem;
}
header #navbarActions .userProfile .li-section .list-group-item {
  font-size: 0.875rem;
  border: 0;
  padding: 0;
  color: #333333;
}
header #navbarActions .userProfile .li-section .list-group-item a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem 0.625rem 0;
  color: #333333;
  text-decoration: none;
  width: 100%;
  transition: all 0.3s ease;
}
header #navbarActions .userProfile .li-section .list-group-item a:hover {
  color: #0067ff;
}
header #navbarActions .userProfile .li-section .list-group-item a:hover .material-symbols-sharp {
  color: #0067ff;
}
header #navbarActions .userProfile .li-section .list-group-item .material-symbols-sharp {
  font-size: 1.125rem;
  color: #7f7f7f;
  transition: all 0.3s ease;
}
header #navbarActions .userProfile .li-section .list-group-item:before {
  content: '';
  display: block;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
  background: linear-gradient(to right, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
header #navbarActions .userProfile .li-section .list-group-item:last-child:before {
  content: none;
}
header #navbarActions .appItems .dropdown-menu {
  width: 23rem;
}
header #navbarActions .appItems .card {
  width: 100%;
}
header #navbarActions .appItems .card-body {
  padding: 0.875rem;
}
header #navbarActions .appItems .card-body .allApplications {
  display: flex;
  width: 100%;
  padding: 0;
  gap: 0.5rem;
  flex-flow: wrap;
  justify-content: flex-start;
}
header #navbarActions .appItems .card-body .allApplications li {
  list-style: none;
  width: 4.875rem;
  height: 4.875rem;
  padding: 0.5rem;
  position: relative;
  border-radius: var(--bs-border-radius-sm);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s ease;
}
header #navbarActions .appItems .card-body .allApplications li:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
header #navbarActions .appItems .card-body .allApplications li a {
  width: 4.875rem;
  height: 4.875rem;
  transform: translate(-50%, -50%);
  top: 50%;
  position: absolute;
  left: 50%;
  z-index: 1;
}
header #navbarActions .appItems .card-body .allApplications li span {
  font-size: 0.8125rem;
  bottom: 0.25rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  color: var(--bs-heading-color);
}
header #navbarActions .appItems .card-body .allApplications li .svg-icons {
  transform: translate(-50%, -50%) scale(0.6);
  top: 38%;
  position: absolute;
  left: 50%;
}
header .btn.btn-primary.text-white:hover {
  color: #333333 !important;
}
header .btn:focus-visible,
header .btn.show:focus-visible {
  box-shadow: unset;
  background-color: unset;
}
header .navbar .dropdown-item {
  padding: 0.65rem 1rem;
}
@keyframes slideup {
  from {
    transform: translateY(8%);
  }
  to {
    transform: translateY(0);
  }
}
header .nav-item.dropdown.megamenu {
  position: static;
}
header .nav-item.dropdown.megamenu .dropdown-menu.stopAnim {
  animation: 0.5s none;
}
header .dropdown-menu {
  animation: 0.2s slideup;
  border-radius: var(--bs-border-radius-sm);
  border: 0;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
header .dropdown-menu.megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  height: auto;
}
@media only screen and (max-width: 767px) {
  header .dropdown-menu.megamenu {
    position: initial;
  }
  header .dropdown-menu.megamenu .left-pane {
    display: none !important;
  }
  header .dropdown-menu.megamenu .right-pane {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 1449px) {
  header .dropdown-menu.megamenu {
    box-shadow: unset;
  }
}
header .dropdown-menu.megamenu .left-pane {
  box-shadow: rgba(0, 0, 0, 0.16) 30px 2px 50px -45px;
}
@media only screen and (max-width: 1384px) {
  header .dropdown-menu.megamenu .left-pane .privacy-links {
    flex-direction: column;
  }
}
@media only screen and (max-width: 991px) {
  header .dropdown-menu.megamenu .left-pane .lhs .cards {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start !important;
  }
}
@media only screen and (max-width: 1384px) {
  header .dropdown-menu.megamenu .left-pane .lhs .cardDesc {
    display: none;
  }
}
@media only screen and (max-width: 1449px) {
  header .dropdown-menu.megamenu .right-pane {
    height: 85vh;
    overflow-y: scroll;
    padding-bottom: 3.125rem !important;
  }
}
@media only screen and (max-width: 767px) {
  header .dropdown-menu.megamenu .right-pane {
    height: auto;
    padding-bottom: 0.9375rem !important;
  }
}
@media only screen and (max-width: 767px) {
  header #nav-home {
    margin-top: 0.9375rem;
  }
}
header #nav-home > .row {
  height: 54vh;
  display: flex;
  justify-content: stretch;
}
@media only screen and (max-width: 1449px) {
  header #nav-home > .row {
    height: auto;
  }
}
@media only screen and (max-width: 1399px) {
  header #nav-home > .row {
    gap: 1.875rem;
  }
}
header #nav-home > .row > div {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
@media only screen and (max-width: 1399px) {
  header #nav-contact > .row {
    gap: 1.875rem;
  }
}
@media only screen and (max-width: 799px) {
  header .dashboard-item {
    position: static;
  }
}
header .dashboard-item .dashboard_header {
  padding-left: 2.2rem;
  padding-right: 2.2rem;
  padding-top: 1.5rem;
}
@media only screen and (max-width: 767px) {
  header .dashboard-item .dashboard_header {
    display: none;
  }
}
header .dashboard-item .dashboard_header h5 {
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}
header .dashboard-item .dashboard_header p {
  font-size: 0.875rem;
  line-height: 1.4;
}
header .dashboard-item .dropdown-menu {
  width: 39.375rem;
  height: auto;
}
@media only screen and (max-width: 799px) {
  header .dashboard-item .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  header .dashboard-item .dropdown-menu {
    box-shadow: none;
  }
}
header .dashboard-item .row.m-0.footer-card {
  background: #f8f8ff;
  color: #494f82;
  padding: 1.5rem;
  border-radius: var(--bs-border-radius-sm);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media only screen and (max-width: 767px) {
  header .dashboard-item .row.m-0.footer-card {
    display: none;
  }
}
header .dashboard-item .row.m-0.footer-card h5 {
  font-size: 1rem;
  margin-bottom: 0.375rem;
}
header .dashboard-item .row.m-0.footer-card p {
  font-size: 0.8125rem;
  line-height: 1.4;
}
header .dashboard-item .row.m-0.footer-card .btn {
  font-size: 0.875rem;
  padding: 0.5rem 0.875rem;
}
header .application-item .dropdown-menu {
  width: 13.75rem;
}
@media only screen and (max-width: 767px) {
  header .application-item .dropdown-menu {
    width: 100%;
    box-shadow: none;
  }
}
header .application-item .dropdown-item {
  display: flex;
  align-items: center;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
}
header .application-item .dropdown-item .item-name {
  flex-grow: 1;
  font-size: 0.8125rem;
}
header .application-item .dropdown-item:hover .nav-arrow {
  background-color: #0067ff;
}
@media all and (min-width: 992px) {
  header .dropdown-menu li {
    position: relative;
  }
  header .dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -0.4375rem;
  }
  header .dropdown-menu .submenu-left {
    right: 100%;
    left: auto;
  }
  header .dropdown-menu > li:hover {
    background-color: #f1f1f1;
  }
  header .dropdown-menu > li:hover > .submenu {
    display: block;
  }
}
@media (max-width: 991px) {
  header .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: 0.5rem;
  }
}
header .nav-arrow {
  width: 0.8125rem;
  min-width: 0.8125rem;
  height: 0.8125rem;
  border-radius: 50%;
  background-color: #D8D9DB;
  position: relative;
  display: flex;
  justify-content: center;
}
header .nav-arrow.active {
  background-color: #0067ff;
}
header .nav-arrow::after,
header .nav-arrow::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 5px;
  background-color: #FFFFFF;
}
header .nav-arrow::after {
  transform: rotate(45deg);
  top: 0.3125rem;
}
header .nav-arrow::before {
  transform: rotate(-45deg);
  top: 0.1875rem;
}
header .widget-1 .cards {
  padding: 0.625rem 0.75rem;
  border-radius: var(--bs-border-radius-sm);
}
header .widget-1 .card-img {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  border-radius: 0.5rem;
}
header .widget-1 .card-img img {
  width: 1.375rem;
  height: 1.375rem;
}
header .widget-1 a {
  width: 100%;
  text-decoration: none;
  color: unset;
}
header .widget-1 a .arrow {
  opacity: 0;
  transition: opacity 0.3s ease;
}
header .widget-1 a.active .arrow {
  opacity: 1;
}
header .widget-1 a:hover .arrow {
  opacity: 1;
}
header .widget-1 .fs-6 {
  font-size: 0.875rem !important;
}
header .widget-1 .text-muted {
  font-size: 0.75rem;
  line-height: 1.3;
}
header .widget-1 h5 {
  font-size: 0.9375rem;
}
header .widget-1 p {
  font-size: 0.8125rem;
}
header .widget-1 .list-group-item {
  font-size: 0.8125rem;
}
header .widget-1 .lhs {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
header .widget-1 .rhs {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
header .widget-1 .mb-2 {
  margin-bottom: 0.5rem !important;
}
@media only screen and (max-width: 767px) {
  header .widget-1 .lhs {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
  }
  header .widget-1 .rhs {
    padding-left: 0 !important;
    padding-top: 0 !important;
  }
}
header .arrow {
  font-size: 0;
  position: relative;
  width: 0.9375rem;
  height: 0.4375rem;
  display: inline-block;
  right: 0;
  left: 0.3125rem;
}
header .arrow::after {
  content: '';
  position: absolute;
  left: 0.3125rem;
  top: -0.0625rem;
  width: 0.4375rem;
  height: 0.4375rem;
  border: solid #000;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg);
  transform-origin: center;
}
header .arrow::before {
  content: '';
  position: absolute;
  width: 0.75rem;
  height: 1px;
  top: 0.125rem;
  left: 0;
  background-color: #000;
}
header .carousel,
header .carousel-inner {
  display: flex !important;
  align-items: stretch;
  height: 100%;
}
header .carousel-item img {
  align-items: stretch;
  height: 100%;
  object-fit: cover;
}
header .carousel-caption {
  position: absolute;
  /* Position the overlay on top of the image */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 5%, rgba(0, 0, 0, 0));
  flex-direction: column;
  padding: 0 1.25rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* Center vertically */
  color: white;
  /* Text color */
  text-align: center;
}
header .carousel-caption h5 {
  font-size: 0.9375rem;
}
header .carousel-caption p {
  font-size: 0.8125rem;
  margin-bottom: 4rem;
}
header .css-1cat9o {
  height: 30.625rem;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 1449px) {
  header .css-1cat9o {
    height: 79vh;
  }
}
header #nav-tabContent h5 {
  font-size: 0.9375rem;
}
header #nav-tabContent h6 {
  font-size: 0.875rem;
}
header #nav-tabContent p {
  font-size: 0.8125rem;
}
header #nav-tabContent .list-group-item {
  font-size: 0.8125rem;
}
header #nav-tabContent .tab-pane {
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  opacity: 0;
  transform: translateY(0.625rem);
}
header #nav-tabContent .tab-pane.active {
  opacity: 1;
  transform: translateY(0);
}
header #nav-tabContent .tab-pane.show {
  opacity: 1;
}
header .widget-2 {
  --bs-gutter-y: 0.75rem;
  --bs-gutter-x: 0.75rem;
}
@media only screen and (max-width: 767px) {
  header .widget-2 {
    --bs-gutter-y: 0;
    gap: 0.9375rem !important;
  }
}
header .widget-2 a {
  height: 100%;
  display: flex;
}
header .widget-2 .card {
  width: 100%;
  border: 0;
  box-shadow: 1px 1px 3px 1px #d4d4d4;
}
header .widget-2 .card .card-body {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: flex-start;
  padding: 0.8125rem;
}
header .widget-2 .card .card-body h6 {
  margin: 0;
  font-size: 0.875rem;
}
header .widget-2 .card .card-body p {
  font-size: 0.75rem;
}
header .widget-2 .card .card-body img {
  max-width: 2.1875rem;
  width: 2.1875rem;
  height: 2.1875rem;
  object-fit: contain;
}
header .widget-3 {
  --bs-gutter-y: 0.75rem;
  --bs-gutter-x: 0.75rem;
}
header .widget-3 .card {
  border: 0;
  flex: 1;
  height: 100%;
  box-shadow: 1px 1px 3px 1px #d4d4d4;
}
header .widget-3 .card .card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  justify-content: flex-start;
  height: 100%;
}
header .widget-3 .card .card-body h6 {
  margin: 0;
  font-size: 0.875rem;
}
header .widget-3 .card .card-body p {
  font-size: 0.75rem;
}
header .widget-3 .card .card-body img {
  max-width: 2.1875rem;
  width: 2.1875rem;
  height: 2.1875rem;
  object-fit: contain;
}
header .widget-3 .card .card-body .learnMore {
  display: flex;
  align-items: center;
  gap: 0.1875rem;
  margin-top: auto;
  justify-content: flex-start;
  font-size: 0.75rem;
}
header .watch_demo {
  background-size: cover;
  background-image: url('../img/bg/2.webp');
  position: relative;
  height: 25rem;
}
header .watch_demo > div {
  z-index: 1;
}
header .watch_demo:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0));
  opacity: 0.35;
}
header .play-btn {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.56);
  z-index: 1;
  border: 1px solid #fff;
  cursor: pointer;
}
header .play-btn.sm {
  width: 2.5rem;
  height: 2.5rem;
}
header .play-btn:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 13px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  margin-left: 2px;
  z-index: 1;
}
header .play-btn:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100%;
  animation: pulse 1.5s infinite;
  background-color: rgba(255, 255, 255, 0.56);
}
@keyframes pulse {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(2.1);
    opacity: 0;
  }
}
header .li-menu > .row {
  --bs-gutter-y: 0.75rem;
  --bs-gutter-x: 0.75rem;
}
header .li-menu .cf-title {
  font-weight: bold;
  font-size: 0.875rem;
  position: relative;
  margin: 0 0 1.3rem;
}
@media only screen and (max-width: 580px) {
  header .li-menu .cf-title {
    margin-bottom: 0;
    padding: 1.0625rem 2.5rem 1.0625rem 1.5625rem;
    position: relative;
  }
}
header .li-menu .cf-title:before {
  content: '';
  position: absolute;
  background-color: #ffc600;
  width: 1.5rem;
  height: 2px;
  bottom: -0.4375rem;
  left: 0;
}
@media only screen and (max-width: 580px) {
  header .li-menu .cf-title:before {
    display: none;
  }
}
header .li-menu .cf-box {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  position: relative;
}
@media only screen and (max-width: 580px) {
  header .li-menu .cf-box {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
header .li-menu .cf-box:before {
  content: '';
  display: block;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
  background: linear-gradient(to right, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 992px) {
  header .li-menu .cf-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  header .li-menu .cf-box:last-child:before {
    display: none;
  }
}
header .li-menu .cf-box ul {
  padding-left: 0.75rem;
}
header .li-menu .cf-box ul li {
  padding-left: 0.875rem;
  position: relative;
}
header .li-menu .cf-box ul li::marker {
  content: none;
}
header .li-menu .cf-box ul li:before {
  content: '';
  display: block;
  height: 1px;
  width: 0.5rem;
  background: #4E4E4E;
  position: absolute;
  left: 0;
  top: 0.875rem;
}
header .li-menu .cf-box ul li a {
  color: var(--bs-heading-color) !important;
  text-decoration: none;
  padding: 0.35rem 0;
  display: inline-block;
  position: relative;
  font-size: 0.8125rem;
}
header .li-menu .cf-box ul li a:before {
  content: '';
  display: block;
  right: 0;
  width: 0;
  background: #212529;
  position: absolute;
  bottom: 0.1875rem;
  height: 1px;
  transition: 0.3s;
}
header .li-menu .cf-box ul li a:hover:before {
  left: 0;
  width: 100%;
}
header .site-search {
  display: block;
  position: absolute;
  width: calc(100% - var(--app-width-lhs));
  height: 4.375rem;
  transition: 0.3s;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  z-index: 1031;
  right: 0;
}
@media only screen and (max-width: 1149px) {
  header .site-search {
    width: 100%;
  }
}
header .site-search input {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  padding-right: 7.5rem;
  padding-left: 1.875rem;
  border: 0;
  background-color: #ffffff;
  color: #606975;
  font-size: 1rem;
}
@media (max-width: 1200px) {
  header .site-search input {
    padding-right: 6.5625rem;
    padding-left: 0.9375rem;
  }
}
header .site-search input:focus {
  outline: 0;
}
header .site-search input::-moz-placeholder {
  color: #9da9b9;
  opacity: 1;
}
header .site-search input:-ms-input-placeholder {
  color: #9da9b9;
}
header .site-search input::-webkit-input-placeholder {
  color: #9da9b9;
}
header .site-search .search-tools {
  position: absolute;
  right: 1.875rem;
  z-index: 5;
  display: flex;
  height: 4.375rem;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1200px) {
  header .site-search .search-tools {
    right: 0.9375rem;
  }
}
header .site-search .search-tools .clear-search,
header .site-search .search-tools .close-search {
  display: flex;
  transition: color 0.25s;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}
header .site-search .search-tools .clear-search.clear-search,
header .site-search .search-tools .close-search.clear-search {
  color: #9da9b9;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
header .site-search .search-tools .clear-search.clear-search:hover,
header .site-search .search-tools .close-search.clear-search:hover {
  color: #606975;
}
header .site-search .search-tools .clear-search.close-search,
header .site-search .search-tools .close-search.close-search {
  margin-left: 0.625rem;
}
header .site-search .search-tools .clear-search.close-search:hover,
header .site-search .search-tools .close-search.close-search:hover {
  color: #9da9b9;
}
header .site-search.search-visible {
  opacity: 1;
  visibility: visible;
}
header .notification-count {
  position: absolute;
  background: #DE3535;
  color: #fff;
  width: 0.9375rem;
  height: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  top: 0.1875rem;
  right: 0.125rem;
  font-size: 0.625rem;
  cursor: pointer;
}
aside {
  display: flex;
  flex-shrink: 0;
  width: var(--app-width-lhs);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 10px 30px 0 rgba(82, 63, 105, 0.05);
  border-right: 1px solid rgba(82, 63, 105, 0.05);
  transition: width 0.3s ease;
}
aside .material-symbols-sharp {
  font-size: 1.3125rem;
  color: #7f7f7f;
}
@media only screen and (max-width: 1149px) {
  aside {
    z-index: 1035;
    background: #ffffff;
  }
  aside #brandingLink {
    display: none !important;
  }
  aside #navigations > hr,
  aside #navigations > .dropdown {
    display: none;
  }
}
aside > #navigations {
  height: calc(100vh - var(--app-head-height));
  max-height: calc(100vh - var(--app-head-height) - 1.23rem);
  height: -webkit-fill-available;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-top: 1.21875rem;
  padding: 0 1.21875rem 1.21875rem 1.21875rem;
}
@media only screen and (max-width: 1149px) {
  aside > #navigations {
    max-height: 100%;
    padding: 1rem !important;
    margin-top: 0;
  }
}
aside > #navigations ul.nav.nav-pills {
  display: flow-root;
  overflow-x: hidden !important;
}
@media only screen and (max-width: 1149px) {
  aside > #navigations ul.nav.nav-pills {
    height: auto !important;
  }
}
aside > #navigations ul.nav.nav-pills > li {
  width: 100%;
}
aside > #navigations ul.nav.nav-pills > li.nav-item.divider {
  margin: 0;
  padding: 0.625rem 1.25rem 0.625rem;
  line-height: 1.25rem;
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 5px;
  transition: none !important;
  white-space: nowrap !important;
}
aside > #navigations ul.nav.nav-pills > li.nav-item.divider .material-symbols-sharp {
  display: none;
}
aside #brandingLink {
  min-height: var(--app-head-height);
  padding-left: 1.21875rem;
  padding-right: 1.21875rem;
  box-shadow: 0 10px 30px 0 rgba(82, 63, 105, 0.05);
  border-bottom: 1px solid rgba(82, 63, 105, 0.05);
}
aside #brandingLink img {
  padding: 0.5rem;
  background: rgba(82, 63, 105, 0.05);
  box-shadow: 0 10px 30px 0 rgba(82, 63, 105, 0.05);
  border: 1px solid rgba(82, 63, 105, 0.05);
  border-radius: 5px;
  margin-right: 0.625rem;
  margin-left: 0.1875rem;
}
aside #brandingLink span {
  font-size: 1.421875rem;
  font-weight: 500;
}
aside span.nav-link,
aside a.nav-link:not(.nav-sub-accordion a.nav-link) {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  padding: 0.7658rem 0.8125rem;
  border-left: solid 4px transparent;
  width: 13.71875rem;
}
aside .nav-sub-accordion a.nav-link {
  padding: 0.5966rem 1rem 0.5966rem 2.5rem;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
aside .nav-sub-accordion a.nav-link .nav-title {
  position: relative;
  white-space: nowrap;
}
aside .nav-sub-accordion a.nav-link .nav-title:before {
  content: '-';
  font-family: monospace;
  position: absolute;
  left: 0;
  font-size: 1rem;
  color: #bbbbbb;
  top: 50%;
  transform: translate(-1.25rem, -50%);
}
aside .nav-accordion {
  cursor: pointer;
}
aside .nav-accordion.active > .nav-sub-accordion {
  display: block;
}
aside .nav-accordion .nav-sub-accordion:not(.active) {
  display: none;
}
aside .nav-accordion .nav-sub-accordion {
  padding: 0.625rem 0 0.625rem 0;
}
aside .nav-accordion .nav-sub-accordion .nav-item-sub {
  display: flex;
  align-items: center;
  width: calc(var(--app-width-lhs-hover) - 3.5rem);
  border-radius: 0.375rem;
  transition: background-color 0.2s ease;
}
aside .nav-accordion .nav-sub-accordion .nav-item-sub .nav-link {
  flex-grow: 1;
  padding: 0.484738rem 0.8125rem 0.484738rem 2.2rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
}
aside .nav-accordion .nav-sub-accordion .nav-item-sub .nav-add-icon {
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  min-width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.8rem;
  border-radius: 0.25rem;
  color: #5E6C84;
  background-color: rgba(0, 103, 255, 0.12);
  transition: color 0.2s ease, background-color 0.2s ease;
  /*&:hover {
            color: @white;
            background-color: @bg-crm;
          }*/
}
aside .nav-accordion .nav-sub-accordion .nav-item-sub .nav-add-icon .material-symbols-sharp {
  font-size: 1rem;
}
aside .nav-accordion .nav-sub-accordion .nav-item-sub.active .nav-link {
  font-weight: 500;
}
aside .nav-accordion .nav-sub-accordion .nav-item-sub.active .nav-link .nav-title {
  color: #0067ff;
}
aside .nav-accordion .nav-sub-accordion .nav-item-sub.active .nav-add-icon {
  display: flex;
}
aside .nav-accordion .nav-sub-accordion .nav-item-sub:hover .nav-add-icon {
  display: flex;
}
aside .nav-accordion .nav-sub-accordion .nav-item-sub:hover:not(.active) {
  background-color: rgba(0, 103, 255, 0.08);
}
aside .nav-accordion.active > span .nav-arrow {
  transform: rotate(90deg);
  background-color: #0067ff;
}
aside .nav-accordion.active .nav-sub-accordion {
  display: block;
}
aside .nav-accordion.active .nav-sub-accordion .nav-item.active {
  font-weight: bold;
}
aside .nav-accordion.active > span.nav-link {
  background: #deebff;
  background: -moz-linear-gradient(left, #deebff 0%, #deebff 51%, #fff 100%);
  background: -webkit-linear-gradient(left, #deebff 0%, #deebff 51%, #fff 100%);
  background: linear-gradient(to right, #deebff 0%, #deebff 51%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deebff', endColorstr='#ffffff', GradientType=1);
  transition: all 0.25s ease;
  border-left: solid 4px #0067ff;
  border-radius: 0.375rem;
}
@media only screen and (min-width: 992px) {
  aside .nav-item {
    transform: translateX(100%);
    transition: All 0.5s ease-in;
  }
}
aside .nav-item.no-child:not(.nav-accordion).active {
  background: #deebff;
  background: -moz-linear-gradient(left, #deebff 0%, #deebff 51%, #fff 100%);
  background: -webkit-linear-gradient(left, #deebff 0%, #deebff 51%, #fff 100%);
  background: linear-gradient(to right, #deebff 0%, #deebff 51%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deebff', endColorstr='#ffffff', GradientType=1);
  transition: all 0.25s ease;
  border-left: solid 4px #0067ff;
  border-radius: 0.375rem;
}
aside .nav-icons {
  width: 1.0625rem;
  height: 1.0625rem;
}
aside .nav-title {
  display: flex;
  align-items: center;
  flex-grow: 1;
  color: #333333;
}
aside .nav-arrow {
  width: 0.8125rem;
  min-width: 0.8125rem;
  height: 0.8125rem;
  border-radius: 50%;
  background-color: #D8D9DB;
  position: relative;
  display: flex;
  justify-content: center;
  transition: all 0.4s ease;
}
aside .nav-arrow::after,
aside .nav-arrow::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 5px;
  background-color: #FFFFFF;
}
aside .nav-arrow::after {
  transform: rotate(45deg);
  top: 0.3125rem;
}
aside .nav-arrow::before {
  transform: rotate(-45deg);
  top: 0.1875rem;
}
aside .slimScrollDiv {
  height: 100% !important;
}
@media only screen and (min-width: 992px) {
  aside .hr-line {
    position: relative;
  }
  aside .hr-line:before {
    content: '';
    display: block;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
    background: linear-gradient(to right, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media only screen and (min-width: 992px) {
  @keyframes navLinkFade {
    from {
      opacity: 0;
      transform: translateX(-3.125rem);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  aside .nav-hover-bg {
    background: #deebff;
    background: -moz-linear-gradient(left, #deebff 0%, #deebff 51%, #fff 100%);
    background: -webkit-linear-gradient(left, #deebff 0%, #deebff 51%, #fff 100%);
    background: linear-gradient(to right, #deebff 0%, #deebff 51%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deebff', endColorstr='#ffffff', GradientType=1);
    transition: all 0.25s ease;
    border-left: solid 4px #0067ff;
    border-radius: 0.375rem;
    position: absolute;
    width: 100%;
    border-left: solid 5px #0067ff;
    z-index: 0;
    opacity: 0.4;
  }
  aside .nav-hover-bg.fade {
    opacity: 0;
  }
  aside .user_info {
    margin-top: 1.21875rem;
    padding-top: 0.8125rem;
  }
  aside .user_info a {
    color: #333333;
  }
  aside .user_info img {
    border: 1px solid #d6d6d6;
    width: 2.75rem;
    height: 2.75rem;
  }
  aside .user_info .text-truncate {
    max-width: 9.375rem;
  }
  aside .user_info .dropdown-toggle::after {
    display: none;
  }
  aside .user_info .dropdown-toggle {
    margin-left: 0.25rem;
  }
  aside .user_info .dropdown-toggle span.fw-medium {
    font-size: 0.875rem;
  }
  aside .user_info .dropdown-toggle span.text-truncate {
    font-size: 0.75rem;
  }
  aside .user_info ul.dropdown-menu {
    width: 100%;
    border: 1px solid #ededed;
    padding: 1rem 0.7rem 0.7rem;
  }
  aside .user_info ul.dropdown-menu .user_account .hr-line:before {
    bottom: -1.2rem;
    top: unset;
  }
  aside .user_info ul.dropdown-menu .user_account {
    margin-bottom: 1.7rem;
  }
  aside .user_info ul.dropdown-menu .user_account span.fw-medium {
    font-size: 0.875rem;
  }
  aside .user_info ul.dropdown-menu .user_account span.text-truncate {
    font-size: 0.8125rem;
  }
  aside .user_info ul.dropdown-menu .dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    gap: 0.375rem;
    font-size: 0.875rem;
  }
  aside .user_info ul.dropdown-menu li.signout {
    padding-top: 0.6rem;
  }
  aside .user_info ul.dropdown-menu li.feedback {
    padding-bottom: 0.6rem;
  }
}
@media only screen and (max-width: 1149px) {
  aside.app-sidebar {
    display: none;
    margin: 0;
  }
  aside.app-sidebar .nav-hover-bg {
    display: none;
  }
  @keyframes animation-drawer-fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  aside.drawer {
    display: flex !important;
    overflow: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    background-color: #ffffff;
    transition: transform 0.3s ease-in-out !important;
    transform: translateX(-100%);
  }
  aside.drawer.drawer-start {
    left: 0;
    width: 16.5625rem !important;
    transition: transform 0.3s ease-in-out !important;
  }
  aside.drawer.drawer-start.drawer-on {
    transform: none;
    box-shadow: 0 10px 30px 0 rgba(82, 63, 105, 0.05);
    transition: transform 0.3s ease-in-out !important;
  }
}
.drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1030;
  background-color: rgba(0, 0, 0, 0.4);
  animation: animation-drawer-fade-in 0.3s ease-in-out 1;
}
.minSidebar .app-sidebar {
  transition: width 0.3s ease;
  z-index: 1035;
  background: #ffffff;
}
.minSidebar .app-sidebar .nav-item.active:not(.app-sidebar:hover .nav-item.active) {
  background: #deebff;
  background: -moz-linear-gradient(left, #deebff 0%, #deebff 51%, #fff 100%);
  background: -webkit-linear-gradient(left, #deebff 0%, #deebff 51%, #fff 100%);
  background: linear-gradient(to right, #deebff 0%, #deebff 51%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deebff', endColorstr='#ffffff', GradientType=1);
  transition: all 0.25s ease;
  border-radius: 0.375rem;
}
.minSidebar .nav-sub-accordion:not(.app-sidebar:hover .nav-sub-accordion) {
  display: none !important;
}
.minSidebar .nav-link > span:not(.material-symbols-sharp):not(.app-sidebar:hover .nav-link > span:not(.material-symbols-sharp)),
.minSidebar #brandingLink a > span:not(.app-sidebar:hover #brandingLink a > span),
.minSidebar .user_info a > div.d-flex:not(.app-sidebar:hover .user_info a > div.d-flex),
.minSidebar .user_info a > span.material-symbols-sharp:not(.app-sidebar:hover .user_info a > span.material-symbols-sharp) {
  display: none !important;
  transition: opacity 0.3s ease !important;
}
.minSidebar .slimScrollBar:not(.app-sidebar:hover .slimScrollBar) {
  display: none !important;
}
.minSidebar #brandingLink:not(.app-sidebar:hover #brandingLink) {
  padding: 0 !important;
  justify-content: center;
  transition: width 0.3s ease;
}
.minSidebar #brandingLink:not(.app-sidebar:hover #brandingLink) a:not(.app-sidebar:hover a) {
  transition: width 0.3s ease;
  margin: 0 !important;
}
.minSidebar #brandingLink:not(.app-sidebar:hover #brandingLink) img:not(.app-sidebar:hover img) {
  transition: width 0.3s ease;
  margin: 0 !important;
}
.minSidebar aside:not(.app-sidebar:hover aside) .nav-accordion:not(.app-sidebar:hover .nav-accordion).active > span:not(.app-sidebar:hover .active > span) {
  border-left: solid 2px #0067ff;
}
.minSidebar .nav-hover-bg:not(.app-sidebar:hover .nav-hover-bg) {
  border-left: solid 2px #0067ff;
}
.minSidebar .user_info:not(.app-sidebar:hover .user_info) .dropdown-toggle {
  justify-content: center;
}
.minSidebar .user_info:not(.app-sidebar:hover .user_info) .dropdown-toggle img {
  margin: 0 !important;
}
.minSidebar .user_info .dropdown-menu:not(.app-sidebar:hover .user_info .dropdown-menu) {
  display: none;
}
.minSidebar .app-sidebar:hover {
  transition: width 0.3s ease;
  width: var(--app-width-lhs-hover);
}
.minSidebar .app-sidebar:hover .nav-accordion.active > span {
  background: #deebff;
  background: -moz-linear-gradient(left, #deebff 0%, #deebff 51%, #fff 100%);
  background: -webkit-linear-gradient(left, #deebff 0%, #deebff 51%, #fff 100%);
  background: linear-gradient(to right, #deebff 0%, #deebff 51%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deebff', endColorstr='#ffffff', GradientType=1);
  transition: all 0.25s ease;
  border-left: solid 4px #0067ff;
  border-radius: 0.375rem;
}
.minSidebar .app-sidebar:hover .nav-item.divider > .text {
  white-space: nowrap !important;
  display: block;
}
.minSidebar .nav-item.divider > .text {
  white-space: nowrap !important;
  display: none;
}
.minSidebar aside:not(.app-sidebar:hover) > #navigations ul.nav.nav-pills > li.nav-item.divider {
  text-decoration: none;
  padding: 0.625rem 1.0625rem 0.625rem;
  transition: none;
}
.minSidebar aside:not(.app-sidebar:hover) > #navigations ul.nav.nav-pills > li.nav-item.divider .material-symbols-sharp {
  display: block;
}
footer .fixed-bottom {
  height: auto;
}
footer nav,
footer .navbar {
  height: 3.4375rem;
  padding-top: 0.40625rem;
  padding-bottom: 0.40625rem;
  background: white;
  box-shadow: 0 0 30px 0 rgba(82, 63, 105, 0.05);
  border-top: 1px solid rgba(82, 63, 105, 0.05);
}
footer .container-fluid {
  padding: 0.254rem 1.21875rem;
}
footer .navbar-brand {
  padding: 0.254rem 1.21875rem;
  font-size: var(--bs-nav-link-font-size);
}
footer .navbar-nav {
  flex-direction: row;
}
footer .navbar-nav .nav-item:not(:first-child) {
  padding-left: 0.4125rem;
}
@media only screen and (max-width: 767px) {
  footer .container-fluid {
    gap: 0.1875rem;
    justify-content: center !important;
    margin-right: 0 !important;
    flex-direction: column;
  }
}
@media only screen and (max-width: 500px) {
  footer .navbar-nav .nav-item:nth-child(n+4) {
    display: none;
  }
}
::-webkit-scrollbar {
  z-index: 999;
  width: 0.2rem;
  height: 0.175rem;
}
::-webkit-scrollbar-track {
  background-color: #eaeaea;
  border-left: 1px solid #c1c1c1;
}
::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
::-webkit-scrollbar-track {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}
::-webkit-scrollbar-thumb {
  border-radius: 0;
  box-shadow: none;
  border: 0;
}
.notifications-offcanvas .nav-link {
  color: #333333;
}
.notifications-offcanvas .offcanvas-header {
  flex-direction: column;
  gap: 0.625rem;
  padding-bottom: 0;
  border-bottom: 1px solid #e3e3e6;
}
.notifications-offcanvas .notification-header {
  display: flex;
  width: 100%;
}
.notifications-offcanvas .notification-header .btn-close {
  align-self: center;
}
.notifications-offcanvas .notification-header .material-symbols-sharp {
  font-size: 1rem;
  padding: 0.25rem;
  border: 1px solid #d6d6d6;
  align-self: center;
  cursor: pointer;
  border-radius: 3px;
  background: #f7f7f7;
}
.notifications-offcanvas .notification-header .mark-all-read-btn {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  cursor: pointer;
  color: #0067ff;
  font-weight: 500;
  font-size: 0.8125rem;
  transition: all 0.3s ease;
}
.notifications-offcanvas .notification-header .mark-all-read-btn .material-symbols-sharp {
  color: #0067ff;
  font-size: 1.125rem;
  transition: all 0.3s ease;
}
.notifications-offcanvas .notification-header .mark-all-read-btn:hover {
  color: #0052cc;
}
.notifications-offcanvas .notification-header .mark-all-read-btn:hover .material-symbols-sharp {
  color: #0052cc;
}
.notifications-offcanvas .notification-tabs {
  display: flex;
  align-self: start;
}
.notifications-offcanvas .notification-tabs .nav {
  gap: 1.25rem;
}
.notifications-offcanvas .notification-tabs .nav .nav-item .badge {
  margin-left: 0.3125rem;
}
.notifications-offcanvas .item {
  display: flex;
}
.notifications-offcanvas .offcanvas-body {
  padding: 0;
}
.notifications-offcanvas .offcanvas-body .card {
  padding: 1rem;
  border-bottom: 1px solid #e3e3e6;
}
.notifications-offcanvas .offcanvas-body .notification-avatar {
  position: relative;
  width: 2.75rem;
  height: 2.75rem;
}
.notifications-offcanvas .offcanvas-body .notification-avatar:before {
  content: '';
  position: absolute;
  width: 0.8125rem;
  height: 0.8125rem;
  display: inline-block;
  background-color: #14b474;
  border-radius: 10px;
  border: 2px solid #ffffff;
  bottom: -0.0625rem;
  right: -0.0625rem;
}
.notifications-offcanvas .offcanvas-body .card-body {
  padding-top: 0;
  padding-bottom: 0;
}
.notifications-offcanvas .offcanvas-body .card-text:not(:last-child) {
  margin-bottom: 0.3125rem;
}
@media only screen and (min-width: 992px) {
  .notifications-offcanvas .offcanvas-body .hr-line {
    position: relative;
  }
  .notifications-offcanvas .offcanvas-body .hr-line:before {
    content: '';
    display: block;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
    background: linear-gradient(to right, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.notifications-offcanvas .offcanvas-body .btn {
  --bs-btn-padding-y: 0.16rem;
}
.notifications-offcanvas .offcanvas-body .notification-timestamp {
  display: flex;
  align-self: flex-start;
  font-size: 0.75rem;
}
.notifications-offcanvas .offcanvas-body .badge-tag {
  font-size: 0.6875rem;
  color: #333333;
  position: relative;
  padding: 0.3rem 0.6rem 0.37rem 1.3rem;
  font-weight: 600;
  background: #FFC5C5;
}
.notifications-offcanvas .offcanvas-body .badge-tag:before {
  content: '';
  width: 0.5rem;
  height: 2px;
  background: #ff9292;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0.3125rem;
  border-radius: 20px;
}
.notifications-offcanvas .offcanvas-body .badge-tag.blue {
  background: #8ACDD7;
}
.notifications-offcanvas .offcanvas-body .badge-tag.blue:before {
  background: #64bdca;
}
.notifications-offcanvas .offcanvas-body .badge-tag.green {
  background: #C7DCA7;
}
.notifications-offcanvas .offcanvas-body .badge-tag.green:before {
  background: #b0cd83;
}
.notifications-offcanvas .offcanvas-body .badge-tag.yellow {
  background: #dcd6a7;
}
.notifications-offcanvas .offcanvas-body .badge-tag.yellow:before {
  background: #cdc583;
}
.notifications-offcanvas .offcanvas-body .badge-tag.purple {
  background: #AC87C5;
}
.notifications-offcanvas .offcanvas-body .badge-tag.purple:before {
  background: #9465b4;
}
.notifications-offcanvas .offcanvas-body .badge-tag.teal {
  background: #89B9AD;
}
.notifications-offcanvas .offcanvas-body .badge-tag.teal:before {
  background: #69a697;
}
.notifications-offcanvas .offcanvas-body .badge-tag.red {
  background: #FFC5C5;
}
.notifications-offcanvas .offcanvas-body .badge-tag.red:before {
  background: #ff9292;
}
.notifications-offcanvas .offcanvas-body .badge-tag.orange {
  background: #FFEBD8;
}
.notifications-offcanvas .offcanvas-body .badge-tag.orange:before {
  background: #ffd1a5;
}
.notifications-offcanvas .offcanvas-body .blockquote {
  font-size: 0.8125rem;
  margin-bottom: 0;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.75rem;
  border-radius: 6px;
  background: linear-gradient(90deg, rgba(138, 205, 215, 0.63) 0%, rgba(176, 221, 228, 0.7) 13%, rgba(255, 255, 255, 0.16) 100%);
  border-left: 3px solid #77c5d1;
}
.notifications-offcanvas .offcanvas-body .blockquote.green {
  background: linear-gradient(90deg, rgba(199, 220, 167, 0.63) 0%, rgba(222, 235, 203, 0.7) 13%, rgba(255, 255, 255, 0.16) 100%);
  border-left: 3px solid #bbd595;
}
.notifications-offcanvas .offcanvas-body .blockquote.yellow {
  background: linear-gradient(90deg, rgba(220, 214, 167, 0.63) 0%, rgba(235, 231, 203, 0.7) 13%, rgba(255, 255, 255, 0.16) 100%);
  border-left: 3px solid #d5cd95;
}
.notifications-offcanvas .offcanvas-body .blockquote.purple {
  background: linear-gradient(90deg, rgba(172, 135, 197, 0.63) 0%, rgba(196, 169, 214, 0.7) 13%, rgba(255, 255, 255, 0.16) 100%);
  border-left: 3px solid #a076bd;
}
.notifications-offcanvas .offcanvas-body .blockquote.red {
  background: linear-gradient(90deg, rgba(255, 197, 197, 0.63) 0%, rgba(255, 248, 248, 0.7) 13%, rgba(255, 255, 255, 0.16) 100%);
  border-left: 3px solid #ffabab;
}
.notifications-offcanvas .offcanvas-body .blockquote.teal {
  background: linear-gradient(90deg, rgba(137, 185, 173, 0.63) 0%, rgba(169, 204, 195, 0.7) 13%, rgba(255, 255, 255, 0.16) 100%);
  border-left: 3px solid #79b0a2;
}
.notifications-offcanvas .offcanvas-body .blockquote.withReply {
  gap: 0.9375rem;
}
.notifications-offcanvas .offcanvas-body .blockquote.withReply p {
  margin-bottom: 0;
}
.notifications-offcanvas .offcanvas-body .blockquote.withReply .btn {
  height: 1.6875rem;
  align-self: center;
}
.notifications-offcanvas .offcanvas-body .notification-attachment {
  gap: 0.625rem;
  font-size: 0.8125rem;
  background: linear-gradient(90deg, rgba(255, 197, 197, 0.63) 0%, rgba(255, 248, 248, 0.7) 13%, rgba(255, 255, 255, 0.16) 100%);
  border-radius: 6px;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.625rem;
  align-items: center;
}
.notifications-offcanvas .offcanvas-body .notification-attachment .material-symbols-sharp {
  font-size: 1.125rem;
}
.notifications-offcanvas .offcanvas-body .notification-attachment.media-file {
  border-left: 3px solid #ffabab;
  padding: 0.5rem;
}
.notifications-offcanvas .offcanvas-body .notification-attachment.media-file .media-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
  line-height: 0;
}
.notifications-offcanvas .offcanvas-body .notification-attachment.media-file .media-thumbnail img {
  display: block;
  width: 3.125rem;
  height: 3.125rem;
  object-fit: cover;
}
.notifications-offcanvas .offcanvas-body .notification-attachment.media-file .media-thumbnail:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(55, 53, 53, 0.4) 100%);
  border-radius: var(--bs-border-radius);
  pointer-events: none;
}
.notifications-offcanvas .offcanvas-body .notification-attachment.media-file .media-thumbnail .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #ffffff;
  font-size: 1.5rem;
}
@keyframes chatImageFadeIn {
  0% {
    opacity: 0;
    transform: translateY(0.9375rem);
    filter: blur(4px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}
.chat-image-item {
  opacity: 0;
  animation: chatImageFadeIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  will-change: transform, opacity;
}
.chat-image-item:hover {
  transition: transform 0.2s ease;
  transform: translateY(-2px);
}
.chat-app {
  z-index: 1050;
}
.chat-app .offcanvas-body {
  padding: 0.8125rem;
}
.chat-app.offcanvas.offcanvas-end {
  margin-top: var(--app-head-height);
  height: calc(100vh - 7.8125rem);
  width: 4.6875rem;
}
@media only screen and (max-width: 767px) {
  .chat-app.offcanvas.offcanvas-end {
    height: calc(100vh - 9.5rem);
  }
}
.chat-app ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.chat-app ul .popOverContent {
  display: none !important;
}
.chat-app ul li {
  position: relative;
  margin-bottom: 0.625rem;
  cursor: pointer;
}
.chat-app ul li:last-child {
  margin-bottom: 0;
}
.chat-app ul li:before {
  content: '';
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  background-color: #14b474;
  border-radius: 10px;
  border: 2px solid #ffffff;
  bottom: -0.0625rem;
  right: -0.0625rem;
}
.chat-app ul li[data-status="at-office"]:before,
.chat-app ul li[data-status="available"]:before {
  background-color: #14b474;
}
.chat-app ul li[data-status="on-leave"]:before {
  background-color: #f5392f;
}
.chat-app ul li[data-status="in-meeting"]:before,
.chat-app ul li[data-status="on-break"]:before {
  background-color: #fdba2c;
}
.popover.chatWidget {
  width: 17.1875rem;
  height: 25.4375rem;
  font-family: 'Maven Pro', sans-serif;
}
.popover.chatWidget .popover-arrow {
  display: none;
}
.popover.chatWidget .popover-body {
  padding: 0;
  position: relative;
}
.popover.chatWidget .popOverData {
  width: 100%;
}
.popover.chatWidget .popOverData img {
  width: 17.1875rem;
  height: 12.5rem;
  object-fit: cover;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.popover.chatWidget .popOverData .userDetails {
  width: 15.3125rem;
  height: auto;
  position: absolute;
  background: #FFFFFF;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 140%;
  -webkit-box-shadow: 1px 1px 5px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 5px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 5px -3px rgba(0, 0, 0, 0.75);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.popover.chatWidget .popOverData .userDetails p {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popover.chatWidget .popOverData .userDetails p.userName {
  font-size: 0.875rem;
  font-weight: 500;
}
.popover.chatWidget .popOverData .userDetails p.officeCheck {
  padding-bottom: 0.5rem;
}
.popover.chatWidget .popOverData .userDetails p.department {
  font-size: 0.8125rem;
  margin-bottom: 0.125rem;
}
.popover.chatWidget .popOverData .userDetails p.designation {
  font-size: 0.8125rem;
  margin-bottom: 0.125rem;
}
.popover.chatWidget .popOverData .userDetails p.mobileNumber {
  padding-bottom: 0.5rem;
}
.popover.chatWidget .popOverData .userDetails .emailWrapper {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.25rem;
}
.popover.chatWidget .popOverData .userDetails .emailWrapper p {
  margin-bottom: 0;
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.popover.chatWidget .popOverData .userDetails .emailWrapper p .material-symbols-sharp {
  flex-shrink: 0;
}
.popover.chatWidget .popOverData .userDetails .emailWrapper .copyEmailIcon {
  flex-shrink: 0;
  cursor: pointer;
  padding: 0.25rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
  color: #7f7f7f;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.popover.chatWidget .popOverData .userDetails .emailWrapper .copyEmailIcon:hover {
  background-color: #f5f5f5;
  color: #0067ff;
}
.popover.chatWidget .popOverData .userDetails .emailWrapper .copyEmailIcon .material-symbols-sharp {
  font-size: 0.875rem;
  line-height: 1;
}
@media only screen and (min-width: 992px) {
  .popover.chatWidget .popOverData .userDetails .hr-line {
    position: relative;
  }
  .popover.chatWidget .popOverData .userDetails .hr-line:before {
    content: '';
    display: block;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
    background: linear-gradient(to right, #ffffff 0%, #d6d6d6 17%, #d6d6d6 83%, #ffffff 100%);
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.popover.chatWidget .popOverData .userDetails .material-symbols-sharp {
  font-size: 1.125rem;
}
.popover.chatWidget .popOverData .userDetails .contactSection {
  gap: 0.5rem;
  justify-content: space-between;
  margin-top: 0.75rem;
}
.popover.chatWidget .popOverData .userDetails .contactSection .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: all 0.3s ease;
  border: 1px solid #e3e3e6;
  background-color: transparent;
}
.popover.chatWidget .popOverData .userDetails .contactSection .material-symbols-sharp {
  text-align: center;
  font-size: 1rem;
  transition: all 0.3s ease;
}
.popover.chatWidget .popOverData .userDetails .contactSection .smsTooltip {
  border-color: #a076bd;
  background-color: rgba(172, 135, 197, 0.15);
}
.popover.chatWidget .popOverData .userDetails .contactSection .smsTooltip .material-symbols-sharp {
  color: #7b4b9b;
}
.popover.chatWidget .popOverData .userDetails .contactSection .smsTooltip:hover {
  background-color: #a076bd;
  border-color: #a076bd;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(172, 135, 197, 0.4);
}
.popover.chatWidget .popOverData .userDetails .contactSection .smsTooltip:hover .material-symbols-sharp {
  color: #ffffff;
}
.popover.chatWidget .popOverData .userDetails .contactSection .phoneTooltip {
  border-color: #bbd595;
  background-color: rgba(199, 220, 167, 0.15);
}
.popover.chatWidget .popOverData .userDetails .contactSection .phoneTooltip .material-symbols-sharp {
  color: #8db84c;
}
.popover.chatWidget .popOverData .userDetails .contactSection .phoneTooltip:hover {
  background-color: #bbd595;
  border-color: #bbd595;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(199, 220, 167, 0.4);
}
.popover.chatWidget .popOverData .userDetails .contactSection .phoneTooltip:hover .material-symbols-sharp {
  color: #ffffff;
}
.popover.chatWidget .popOverData .userDetails .contactSection .mailTooltip {
  border-color: #77c5d1;
  background-color: rgba(138, 205, 215, 0.15);
}
.popover.chatWidget .popOverData .userDetails .contactSection .mailTooltip .material-symbols-sharp {
  color: #399aa8;
}
.popover.chatWidget .popOverData .userDetails .contactSection .mailTooltip:hover {
  background-color: #77c5d1;
  border-color: #77c5d1;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(138, 205, 215, 0.4);
}
.popover.chatWidget .popOverData .userDetails .contactSection .mailTooltip:hover .material-symbols-sharp {
  color: #ffffff;
}
.popover.chatWidget .popOverData .userDetails .contactSection .videocallTooltip {
  border-color: #ffd1a5;
  background-color: rgba(255, 235, 216, 0.15);
}
.popover.chatWidget .popOverData .userDetails .contactSection .videocallTooltip .material-symbols-sharp {
  color: #ff9d3f;
}
.popover.chatWidget .popOverData .userDetails .contactSection .videocallTooltip:hover {
  background-color: #ffd1a5;
  border-color: #ffd1a5;
  transform: translateY(-2px);
  box-shadow: 0 2px 8px rgba(255, 235, 216, 0.4);
}
.popover.chatWidget .popOverData .userDetails .contactSection .videocallTooltip:hover .material-symbols-sharp {
  color: #ffffff;
}
#chat-widget {
  position: fixed;
  display: flex;
  bottom: 3.4375rem;
  right: 4.5625rem;
  gap: 0.3125rem;
  place-items: flex-end;
}
#chat-widget .chatHeader {
  box-shadow: 0 0 2px #d5d5d5;
  border-radius: inherit;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.4375rem 0.5625rem;
  flex-shrink: 0;
  height: 2.8125rem;
}
#chat-widget .chatHeader .material-symbols-sharp {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.1875rem;
  border: solid 1px #d5d5d5;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 0.8125rem;
}
#chat-widget .chatHeader .material-symbols-sharp:hover {
  background: #e4e4e4;
}
#chat-widget .chatHeader .imgwrap {
  line-height: 1.3;
}
#chat-widget .chatHeader .name {
  font-size: 0.75rem;
  font-weight: 500;
}
#chat-widget .chatHeader .status {
  font-size: 0.6875rem;
}
#chat-widget .chatFooter {
  padding: 0 0.625rem 0.3125rem 0.625rem;
  position: static;
  bottom: 0;
  height: 3.75rem;
  width: 100%;
  z-index: 1;
}
#chat-widget .chatFooter > .d-flex {
  height: 3.4375rem;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
}
#chat-widget .chatFooter > .d-flex button,
#chat-widget .chatFooter > .d-flex textarea {
  border: none;
}
#chat-widget .chatFooter > .d-flex button {
  width: 2.625rem;
  background: #f6f6f6;
}
#chat-widget .chatFooter > .d-flex button:hover {
  color: #6c757d;
}
#chat-widget .chatFooter > .d-flex textarea {
  resize: none;
}
#chat-widget .chatFooter > .d-flex textarea:focus {
  outline: none;
}
#chat-widget .chatFooter > .d-flex textarea.chatmsgArea {
  height: 3.3125rem;
  min-height: 3.3125rem;
}
#chat-widget .chatFooter > .d-flex .material-symbols-sharp {
  font-size: 1.3125rem;
  line-height: 2;
}
#chat-widget .chatBody {
  width: 100%;
  padding: 1.25rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 1;
}
#chat-widget .chatcontainer {
  width: 20rem;
  height: 30rem;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */
  overflow: hidden;
  background: #ffffff;
  position: relative;
}
#chat-widget .chatcontainer.minimize {
  height: 2.8125rem !important;
}
#chat-widget .chatcontainer.minimize .chatBody,
#chat-widget .chatcontainer.minimize .chatFooter {
  height: 0 !important;
  padding: 0;
  transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  /* easeOutCubic */
}
#chat-widget .chatcontainer.minimize .chatFooter,
#chat-widget .chatcontainer.minimize:before,
#chat-widget .chatcontainer.minimize .chatBody {
  display: none;
}
#chat-widget .chatcontainer:nth-child(n+5) {
  display: none;
}
.chat-messages.theme_2 .message .message-content {
  color: #FFFFFF;
  padding: 0.625rem 1.25rem;
  background-color: #da8d67;
  border-radius: 20px 20px 20px 0;
  max-width: 80%;
  font-size: 0.8125rem;
  display: inline-block;
  text-align: left;
}
.chat-messages.theme_2 .message.self .message-content {
  border-radius: 20px 20px 0 20px;
  background-color: #9281cf;
  color: #FFFFFF;
}
.chat-messages .message.self {
  text-align: right;
}
.chat-messages .date-break {
  text-align: center;
  margin-bottom: 0.625rem;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
}
.chat-messages .message {
  margin-bottom: 0.75rem;
}
.chatcontainer:before {
  content: '';
  background-image: url(../img/bg/svg/wave-1.svg);
  border-radius: 0;
  width: 20rem;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50rem 25rem;
  top: 0;
  bottom: 0;
  opacity: 0.45;
  right: 0;
  height: 35.625rem;
}
i.svg-icons {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  background-size: 1435px 1341px !important;
}
.svg-icon-1 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.25952175% 37.26552107%;
  width: 57.89px;
  height: 70.63px;
}
.svg-icon-10 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 12.60637145% 9.4045687%;
  width: 50.7px;
  height: 34.72px;
}
.svg-icon-100 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.69003273% 75.96741502%;
  width: 54.08px;
  height: 53.29px;
}
.svg-icon-101 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 58.60965825% 95.44945045%;
  width: 56.49px;
  height: 56.32px;
}
.svg-icon-102 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.94158436% 8.2115105%;
  width: 62.08px;
  height: 61.82px;
}
.svg-icon-103 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.47534935% 41.86737591%;
  width: 30.98px;
  height: 58.88px;
}
.svg-icon-104 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.6746563% 55.26894667%;
  width: 45.7px;
  height: 45.39px;
}
.svg-icon-105 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.65242046% 58.78638153%;
  width: 45.39px;
  height: 45.7px;
}
.svg-icon-106 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 88.70866403% 19.00838065%;
  width: 50.31px;
  height: 60.67px;
}
.svg-icon-107 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.27244609% 87.38486433%;
  width: 54.47px;
  height: 55.56px;
}
.svg-icon-108 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 45.80014511%;
  width: 71.24px;
  height: 59.17px;
}
.svg-icon-109 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.31359411% 86.83738277%;
  width: 24.61px;
  height: 59.34px;
}
.svg-icon-11 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.88026889% 14.59036266%;
  width: 48.56px;
  height: 45.83px;
}
.svg-icon-110 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.37593656% 37.07720114%;
  width: 62.96px;
  height: 62.91px;
}
.svg-icon-111 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.76309729% 5.08544966%;
  width: 62.96px;
  height: 64.81px;
}
.svg-icon-112 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.89942743% 20.75652812%;
  width: 69.22px;
  height: 59.62px;
}
.svg-icon-113 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.74543123% 30.40420416%;
  width: 62.64px;
  height: 64.17px;
}
.svg-icon-114 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.34781978% 39.57694523%;
  width: 55.55px;
  height: 56.06px;
}
.svg-icon-115 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 23.28457466% 76.26413035%;
  width: 63.62px;
  height: 58.3px;
}
.svg-icon-116 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 34.42297734% 70.99049992%;
  width: 63.91px;
  height: 56.8px;
}
.svg-icon-117 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 11.45258598% 12.23944581%;
  width: 77.49px;
  height: 53.36px;
}
.svg-icon-118 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.34991518% 52.65123807%;
  width: 55.58px;
  height: 55.94px;
}
.svg-icon-119 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 50.86339882%;
  width: 70.39px;
  height: 70.44px;
}
.svg-icon-12 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 57.84221748% 5.4667716%;
  width: 28px;
  height: 57.61px;
}
.svg-icon-120 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.64051355% 26.76533102%;
  width: 68.05px;
  height: 70.7px;
}
.svg-icon-121 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 18.63794752%;
  width: 69.2px;
  height: 75.41px;
}
.svg-icon-122 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.86642209% 53.83740806%;
  width: 66.66px;
  height: 65.66px;
}
.svg-icon-123 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 60.62169024% 90.85005029%;
  width: 56.5px;
  height: 58.37px;
}
.svg-icon-124 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 41.8832718% 23.6268099%;
  width: 72.69px;
  height: 56.4px;
}
.svg-icon-125 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 46.88415194% 0;
  width: 62.34px;
  height: 71.89px;
}
.svg-icon-126 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 53.64817773% 76.02881858%;
  width: 57.6px;
  height: 54.33px;
}
.svg-icon-127 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 24.3730206% 0;
  width: 74.11px;
  height: 53.33px;
}
.svg-icon-128 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 20.86500902% 71.45566842%;
  width: 55.13px;
  height: 65.16px;
}
.svg-icon-129 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 41.68225118% 28.37534197%;
  width: 66.12px;
  height: 72.61px;
}
.svg-icon-13 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 74.87466866% 50.48667612%;
  width: 46.68px;
  height: 63.97px;
}
.svg-icon-130 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 30.29499817% 50.25584795%;
  width: 65.5px;
  height: 55.08px;
}
.svg-icon-131 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.73285648% 42.53103599%;
  width: 70.49px;
  height: 61.84px;
}
.svg-icon-132 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.07449774% 10.59899513%;
  width: 50.26px;
  height: 67.2px;
}
.svg-icon-133 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.22713911% 95.55540072%;
  width: 53.82px;
  height: 49.32px;
}
.svg-icon-134 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 29.10441874% 5.73203236%;
  width: 40.71px;
  height: 57.86px;
}
.svg-icon-135 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.65147147% 5.53626407%;
  width: 68.34px;
  height: 71.01px;
}
.svg-icon-136 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.54012581% 20.50100845%;
  width: 59.95px;
  height: 66.77px;
}
.svg-icon-137 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 16.69946625% 71.45846887%;
  width: 57.95px;
  height: 65.21px;
}
.svg-icon-138 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 36.51157326% 19.42474113%;
  width: 73.24px;
  height: 59.49px;
}
.svg-icon-139 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 46.80027925% 5.66361781%;
  width: 59.88px;
  height: 71.67px;
}
.svg-icon-14 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 14.66360187% 55.65659703%;
  width: 64.6px;
  height: 53.3px;
}
.svg-icon-140 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 36.51291391% 3.68241338%;
  width: 73.29px;
  height: 64.12px;
}
.svg-icon-141 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 42.58489485% 85.97166795%;
  width: 56.53px;
  height: 55.53px;
}
.svg-icon-142 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 20.29031743% 99.94006943%;
  width: 55.82px;
  height: 56.18px;
}
.svg-icon-143 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.26895942% 8.83559777%;
  width: 54.42px;
  height: 56.65px;
}
.svg-icon-144 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 29.10441874% 10.2412831%;
  width: 40.71px;
  height: 57.86px;
}
.svg-icon-145 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 19.91851814% 45.51995782%;
  width: 65.37px;
  height: 51.28px;
}
.svg-icon-146 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 63.39416006% 70.42510293%;
  width: 50.74px;
  height: 46.49px;
}
.svg-icon-147 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.74322355% 40.45172608%;
  width: 62.6px;
  height: 64.12px;
}
.svg-icon-148 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 24.11343909% 4.20952095%;
  width: 59.46px;
  height: 74.11px;
}
.svg-icon-149 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.23613814% 90.79129852%;
  width: 57.84px;
  height: 57.54px;
}
.svg-icon-15 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.87234724% 59.63268337%;
  width: 60.96px;
  height: 61.45px;
}
.svg-icon-150 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 46.60911382% 38.47501021%;
  width: 54.24px;
  height: 67.68px;
}
.svg-icon-151 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 9.35423883% 76.56377184%;
  width: 63.75px;
  height: 63.32px;
}
.svg-icon-152 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 62.67573466% 95.44796451%;
  width: 55.79px;
  height: 56.3px;
}
.svg-icon-153 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 39.52847409% 90.97062291%;
  width: 59.89px;
  height: 60.07px;
}
.svg-icon-154 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 78.95271177% 95.40860391%;
  width: 56.01px;
  height: 55.77px;
}
.svg-icon-155 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 12.48099341%;
  width: 77.29px;
  height: 78.28px;
}
.svg-icon-156 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 35.07161943% 50.24764215%;
  width: 65.26px;
  height: 54.87px;
}
.svg-icon-157 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 32.33939673% 10.85070054%;
  width: 45.24px;
  height: 58.41px;
}
.svg-icon-158 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 34.09651209% 45.28959793%;
  width: 63.98px;
  height: 44.72px;
}
.svg-icon-159 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 40.93017425%;
  width: 71.94px;
  height: 64.68px;
}
.svg-icon-16 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 33.16406477% 55.16309786%;
  width: 56.52px;
  height: 41.78px;
}
.svg-icon-160 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 17.46055969% 86.10831911%;
  width: 58.87px;
  height: 57.57px;
}
.svg-icon-161 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 6.15115145% 8.11032328%;
  width: 81.92px;
  height: 47.71px;
}
.svg-icon-162 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 0;
  width: 91.21px;
  height: 42.23px;
}
.svg-icon-163 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 74.89086136% 95.40934626%;
  width: 56.02px;
  height: 55.78px;
}
.svg-icon-164 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.03023114% 85.74820378%;
  width: 44.05px;
  height: 52.18px;
}
.svg-icon-165 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 19.1700585% 23.88163901%;
  width: 64.06px;
  height: 37.53px;
}
.svg-icon-166 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.90260011% 15.74141566%;
  width: 69.29px;
  height: 65.13px;
}
.svg-icon-167 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 52.25883275% 90.86776151%;
  width: 57.74px;
  height: 58.62px;
}
.svg-icon-168 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.88655637% 41.85399406%;
  width: 61.19px;
  height: 61.6px;
}
.svg-icon-169 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 13.35209301% 91.00970025%;
  width: 59.71px;
  height: 60.62px;
}
.svg-icon-17 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.29874813% 64.62671052%;
  width: 59.46px;
  height: 51.92px;
}
.svg-icon-170 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 60.72596539% 80.94531614%;
  width: 49.81px;
  height: 53.6px;
}
.svg-icon-171 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 6.74720007% 4.17818504%;
  width: 83.18px;
  height: 42.35px;
}
.svg-icon-172 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 54.50251409% 95.4710018%;
  width: 56.77px;
  height: 56.61px;
}
.svg-icon-173 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 4.3505406% 23.98375863%;
  width: 73.56px;
  height: 43.08px;
}
.svg-icon-174 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 9.65548637% 29.724139%;
  width: 73.08px;
  height: 45.42px;
}
.svg-icon-175 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.6742527% 52.21953682%;
  width: 64.06px;
  height: 33.52px;
}
.svg-icon-176 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 19.36935623% 55.65400385%;
  width: 64.02px;
  height: 53.24px;
}
.svg-icon-177 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 88.4015833% 47.13076053%;
  width: 45.5px;
  height: 59.65px;
}
.svg-icon-178 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 30.16609318% 86.06607168%;
  width: 57.46px;
  height: 56.94px;
}
.svg-icon-179 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 34.3273292% 86.04864831%;
  width: 57.06px;
  height: 56.68px;
}
.svg-icon-18 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.29939732% 61.2365296%;
  width: 59.47px;
  height: 30.72px;
}
.svg-icon-180 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.90488733% 80.90823687%;
  width: 53.06px;
  height: 53.01px;
}
.svg-icon-181 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.09871059% 13.0455178%;
  width: 48.32px;
  height: 61.94px;
}
.svg-icon-182 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.37242184% 51.76311596%;
  width: 62.9px;
  height: 60.88px;
}
.svg-icon-183 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 35.49718711% 40.42655275%;
  width: 66.3px;
  height: 48.78px;
}
.svg-icon-184 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.24455983% 48.29652457%;
  width: 54.07px;
  height: 55.98px;
}
.svg-icon-185 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 39.94013609% 95.50743827%;
  width: 41.84px;
  height: 57.1px;
}
.svg-icon-186 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.86984294% 33.765625%;
  width: 66.73px;
  height: 61px;
}
.svg-icon-187 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.94653419% 0;
  width: 62.16px;
  height: 61.9px;
}
.svg-icon-188 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.88809909% 44.88423029%;
  width: 68.97px;
  height: 62.6px;
}
.svg-icon-189 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 42.98093588% 99.4655099%;
  width: 50.2px;
  height: 50.05px;
}
.svg-icon-19 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 95.82957798% 13.24546106%;
  width: 48.09px;
  height: 56.56px;
}
.svg-icon-190 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 5.35591131% 35.69854802%;
  width: 72.02px;
  height: 56.55px;
}
.svg-icon-191 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.23131951% 35.21258298%;
  width: 53.88px;
  height: 56.09px;
}
.svg-icon-192 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 25.03905052% 71.381257%;
  width: 64.98px;
  height: 63.83px;
}
.svg-icon-193 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 71.53528664%;
  width: 61.09px;
  height: 66.58px;
}
.svg-icon-194 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 88.25866715% 28.46147241%;
  width: 43.25px;
  height: 59.97px;
}
.svg-icon-195 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.29615144% 82.33398407%;
  width: 59.42px;
  height: 50.16px;
}
.svg-icon-196 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 32.28202237% 19.95197929%;
  width: 42.77px;
  height: 58.22px;
}
.svg-icon-197 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 13.57645981% 81.08198533%;
  width: 59.31px;
  height: 55.77px;
}
.svg-icon-198 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 48.06531952% 90.8691787%;
  width: 57.77px;
  height: 58.64px;
}
.svg-icon-199 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.68665733% 42.93963749%;
  width: 64.36px;
  height: 68.19px;
}
.svg-icon-2 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 64.48246414% 80.92017394%;
  width: 53.26px;
  height: 53.2px;
}
.svg-icon-20 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.21546431% 40.80862742%;
  width: 39.27px;
  height: 47.45px;
}
.svg-icon-200 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 18.47055646% 66.08023676%;
  width: 65.09px;
  height: 63.78px;
}
.svg-icon-201 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 24.03813192% 55.51475999%;
  width: 63.97px;
  height: 50.01px;
}
.svg-icon-202 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 38.29033707% 81.0397387%;
  width: 54.26px;
  height: 55.1px;
}
.svg-icon-203 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 71.14347826% 37.71178508%;
  width: 55px;
  height: 59.04px;
}
.svg-icon-204 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.40113443% 0;
  width: 63.39px;
  height: 63.96px;
}
.svg-icon-205 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 25.79975741% 40.48106131%;
  width: 66.46px;
  height: 50.52px;
}
.svg-icon-206 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.3589963% 0;
  width: 55.71px;
  height: 56.8px;
}
.svg-icon-207 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 94.83940944% 30.8333009%;
  width: 33.61px;
  height: 56.35px;
}
.svg-icon-208 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 70.64080241% 23.8679628%;
  width: 45.18px;
  height: 59.24px;
}
.svg-icon-209 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 68.2540371% 80.91766058%;
  width: 51.58px;
  height: 53.16px;
}
.svg-icon-21 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 70.69268433% 19.23800161%;
  width: 46.2px;
  height: 59.37px;
}
.svg-icon-210 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.90332727% 7.76502834%;
  width: 48.88px;
  height: 49.44px;
}
.svg-icon-211 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 76.59554477%;
  width: 64.36px;
  height: 63.85px;
}
.svg-icon-212 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.85423679% 16.40122259%;
  width: 68.4px;
  height: 68.29px;
}
.svg-icon-213 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 88.87232842% 73.69747571%;
  width: 52.86px;
  height: 59.45px;
}
.svg-icon-214 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 27.74252106% 65.37389041%;
  width: 57.8px;
  height: 49.98px;
}
.svg-icon-215 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.89580191% 25.57960482%;
  width: 69.14px;
  height: 68.15px;
}
.svg-icon-216 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.71416474% 53.31090693%;
  width: 65.12px;
  height: 68.69px;
}
.svg-icon-217 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 66.28211069%;
  width: 51.95px;
  height: 67.67px;
}
.svg-icon-218 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.31360784% 91.69784609%;
  width: 55.06px;
  height: 55.43px;
}
.svg-icon-219 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.26882907% 11.12703337%;
  width: 58.14px;
  height: 70.94px;
}
.svg-icon-22 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 20.64374703% 35.44850832%;
  width: 66.45px;
  height: 47.49px;
}
.svg-icon-220 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 23.2026549% 65.55465801%;
  width: 63.95px;
  height: 53.54px;
}
.svg-icon-221 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 18.7275122% 4.93179351%;
  width: 75.93px;
  height: 60.33px;
}
.svg-icon-222 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 15.77170147% 40.68567512%;
  width: 69.77px;
  height: 57.01px;
}
.svg-icon-223 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.7423365% 16.5312814%;
  width: 70.74px;
  height: 57.01px;
}
.svg-icon-224 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 25.47746985% 35.43289441%;
  width: 65.28px;
  height: 46.92px;
}
.svg-icon-225 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.87179787% 25.16167141%;
  width: 66.77px;
  height: 37.43px;
}
.svg-icon-226 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 54.088575% 85.77881958%;
  width: 44.54px;
  height: 52.64px;
}
.svg-icon-227 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 74.67028704% 55.43604947%;
  width: 42.88px;
  height: 62.59px;
}
.svg-icon-228 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 18.72034952% 13.14711938%;
  width: 75.41px;
  height: 53.95px;
}
.svg-icon-229 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.32687081% 4.42257381%;
  width: 55.25px;
  height: 56.68px;
}
.svg-icon-23 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 30.83584803% 90.98767071%;
  width: 59.75px;
  height: 60.31px;
}
.svg-icon-230 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 43.84008485% 90.91597098%;
  width: 58.52px;
  height: 59.3px;
}
.svg-icon-231 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 21.73328684% 86.07612683%;
  width: 58.54px;
  height: 57.09px;
}
.svg-icon-232 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 55.75693041% 70.695431%;
  width: 54.49px;
  height: 51.44px;
}
.svg-icon-233 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 12.87906184% 0;
  width: 80.01px;
  height: 67.65px;
}
.svg-icon-234 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 10.53801298% 40.74819426%;
  width: 71.65px;
  height: 58.98px;
}
.svg-icon-235 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.86837682% 48.68777003%;
  width: 66.7px;
  height: 65.69px;
}
.svg-icon-236 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 5.21122124% 45.66264029%;
  width: 67.95px;
  height: 55.31px;
}
.svg-icon-237 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 8.67445753% 66.27898758%;
  width: 66.73px;
  height: 67.61px;
}
.svg-icon-238 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 10.29723136% 50.58312461%;
  width: 70.07px;
  height: 63.4px;
}
.svg-icon-239 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.86935423% 43.7441895%;
  width: 66.72px;
  height: 60.99px;
}
.svg-icon-24 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 87.50917238% 86.84280341%;
  width: 31.33px;
  height: 59.42px;
}
.svg-icon-240 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 3.79679301% 66.28002859%;
  width: 66.74px;
  height: 67.63px;
}
.svg-icon-241 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.05618793% 22.25552729%;
  width: 57.48px;
  height: 63.25px;
}
.svg-icon-242 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 88.6133114% 4.7702366%;
  width: 48.82px;
  height: 60.77px;
}
.svg-icon-243 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 79.01169997% 46.92314313%;
  width: 39.27px;
  height: 62.91px;
}
.svg-icon-244 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.2034726% 15.23580434%;
  width: 52.75px;
  height: 64.73px;
}
.svg-icon-245 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 65.88608051% 38.70451317%;
  width: 46.3px;
  height: 66.73px;
}
.svg-icon-246 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 30.2376677% 35.40444129%;
  width: 65.02px;
  height: 45.88px;
}
.svg-icon-247 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 29.05191114% 19.25159943%;
  width: 38.19px;
  height: 57.73px;
}
.svg-icon-248 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.91313402% 27.45928542%;
  width: 61.62px;
  height: 61.36px;
}
.svg-icon-249 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.91313402% 32.25413199%;
  width: 61.62px;
  height: 61.35px;
}
.svg-icon-25 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.03982487% 33.13975725%;
  width: 55.46px;
  height: 59.85px;
}
.svg-icon-250 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.91313402% 37.04956979%;
  width: 61.62px;
  height: 61.39px;
}
.svg-icon-251 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 91.83941241% 4.4193097%;
  width: 32.65px;
  height: 54.6px;
}
.svg-icon-252 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 17.86061635% 81.08009274%;
  width: 57.22px;
  height: 55.74px;
}
.svg-icon-253 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 36.40250688% 13.85626277%;
  width: 69.16px;
  height: 73.27px;
}
.svg-icon-254 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.53238414% 63.173258%;
  width: 59.79px;
  height: 66.6px;
}
.svg-icon-255 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.3422325% 70.04730928%;
  width: 55.47px;
  height: 55.84px;
}
.svg-icon-256 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.86202436% 66.86303387%;
  width: 66.57px;
  height: 37.32px;
}
.svg-icon-257 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 83.09010954% 85.4339961%;
  width: 50.13px;
  height: 47.44px;
}
.svg-icon-258 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.39820364% 18.63063701%;
  width: 63.34px;
  height: 42.44px;
}
.svg-icon-259 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 79.72283269% 5.00814332%;
  width: 51.72px;
  height: 63.88px;
}
.svg-icon-26 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.22156582% 83.06168652%;
  width: 53.74px;
  height: 55.63px;
}
.svg-icon-260 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 41.87251405% 33.73369938%;
  width: 72.34px;
  height: 58.84px;
}
.svg-icon-261 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 57.61253182% 85.75951577%;
  width: 52.28px;
  height: 52.35px;
}
.svg-icon-262 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.30588979% 0;
  width: 59.57px;
  height: 61.07px;
}
.svg-icon-263 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 65.58299129% 75.89963223%;
  width: 53.59px;
  height: 52.14px;
}
.svg-icon-264 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 88.93860735% 9.51703991%;
  width: 53.89px;
  height: 60.77px;
}
.svg-icon-265 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 64.5703625% 85.68903087%;
  width: 52.09px;
  height: 51.29px;
}
.svg-icon-266 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.3019942% 58.20329171%;
  width: 59.51px;
  height: 52.31px;
}
.svg-icon-267 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 36.23477668% 95.50966998%;
  width: 57.18px;
  height: 57.13px;
}
.svg-icon-268 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 22.9560182% 95.5245507%;
  width: 56.93px;
  height: 57.33px;
}
.svg-icon-269 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 83.85742124% 78.39945612%;
  width: 44.33px;
  height: 61.31px;
}
.svg-icon-27 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.73825675% 65.11753221%;
  width: 62.51px;
  height: 60.5px;
}
.svg-icon-270 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 57.73523912% 75.97213485%;
  width: 55.34px;
  height: 53.37px;
}
.svg-icon-271 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 9.1476152% 81.27359226%;
  width: 61.09px;
  height: 58.8px;
}
.svg-icon-272 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 3.30350298%;
  width: 86.96px;
  height: 62.66px;
}
.svg-icon-273 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 44.53359202% 50.02554496%;
  width: 63.99px;
  height: 49.16px;
}
.svg-icon-274 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 27.86436731% 76.19344336%;
  width: 60.7px;
  height: 57.11px;
}
.svg-icon-275 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.20930636% 11.00893636%;
  width: 52.72px;
  height: 68.67px;
}
.svg-icon-276 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.90803975% 5.39120862%;
  width: 69.41px;
  height: 69.3px;
}
.svg-icon-277 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.94282176% 4.76938961%;
  width: 62.1px;
  height: 43.14px;
}
.svg-icon-278 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 5.15738108% 50.81220908%;
  width: 70.16px;
  height: 69.16px;
}
.svg-icon-279 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 8.14214862% 99.94629264%;
  width: 55.88px;
  height: 56.26px;
}
.svg-icon-28 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 15.00271337% 29.72345073%;
  width: 71.38px;
  height: 45.39px;
}
.svg-icon-280 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 53.16095903% 80.9666993%;
  width: 52.35px;
  height: 53.94px;
}
.svg-icon-281 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 47.63954729% 70.74864775%;
  width: 57.51px;
  height: 52.41px;
}
.svg-icon-282 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 7.89504229% 95.5483695%;
  width: 56.54px;
  height: 57.65px;
}
.svg-icon-283 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.31360784% 57.00301146%;
  width: 55.06px;
  height: 55.91px;
}
.svg-icon-284 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.95596908% 0;
  width: 49.61px;
  height: 50.17px;
}
.svg-icon-285 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 32.0181206% 99.52255834%;
  width: 50.94px;
  height: 50.79px;
}
.svg-icon-286 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 36.85268797% 60.20866452%;
  width: 57.38px;
  height: 45.14px;
}
.svg-icon-287 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 40.93294376% 76.06665474%;
  width: 59.14px;
  height: 54.97px;
}
.svg-icon-288 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 10.17857665% 45.6612197%;
  width: 67.52px;
  height: 55.27px;
}
.svg-icon-289 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 76.14135032% 90.82172669%;
  width: 51.77px;
  height: 57.97px;
}
.svg-icon-29 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 78.32871653% 42.00004695%;
  width: 27.1px;
  height: 62.93px;
}
.svg-icon-290 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 39.82585086% 50.0871924%;
  width: 64.91px;
  height: 50.75px;
}
.svg-icon-291 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 34.9821903% 35.30738904%;
  width: 64.96px;
  height: 42.32px;
}
.svg-icon-292 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 56.10229594%;
  width: 69.99px;
  height: 63.53px;
}
.svg-icon-293 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 79.26661728% 80.89944338%;
  width: 44.73px;
  height: 52.87px;
}
.svg-icon-294 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 20.52389282% 50.51116912%;
  width: 68.69px;
  height: 61.58px;
}
.svg-icon-295 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 70.25209122% 28.48751034%;
  width: 37.49px;
  height: 59.14px;
}
.svg-icon-296 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 10.62549915% 35.53146479%;
  width: 70.17px;
  height: 50.51px;
}
.svg-icon-297 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 87.54721822% 23.74496267%;
  width: 31.94px;
  height: 60.56px;
}
.svg-icon-298 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.61861166% 46.53813657%;
  width: 67.47px;
  height: 39.1px;
}
.svg-icon-299 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.0950719% 73.60680207%;
  width: 48.26px;
  height: 61.39px;
}
.svg-icon-3 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 28.36045657% 60.43251282%;
  width: 60.41px;
  height: 49.94px;
}
.svg-icon-30 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.1495935% 27.13943347%;
  width: 51.25px;
  height: 68.35px;
}
.svg-icon-300 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 24.37051351% 9.98409627%;
  width: 73.97px;
  height: 64.57px;
}
.svg-icon-301 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 46.27564338% 16.92616657%;
  width: 44.29px;
  height: 71.25px;
}
.svg-icon-302 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 5.69640778% 12.34094201%;
  width: 78.18px;
  height: 63.95px;
}
.svg-icon-303 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 29.16570837% 0;
  width: 43.64px;
  height: 73.55px;
}
.svg-icon-304 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 19.6902909% 95.53124854%;
  width: 42.08px;
  height: 57.42px;
}
.svg-icon-305 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 55.57208557% 5.51967209%;
  width: 36.87px;
  height: 69.91px;
}
.svg-icon-306 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.90713308% 10.78699864%;
  width: 69.39px;
  height: 62.98px;
}
.svg-icon-307 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 92.39615467% 8.6548318%;
  width: 41.1px;
  height: 53.28px;
}
.svg-icon-308 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.85590095% 0;
  width: 68.44px;
  height: 70.16px;
}
.svg-icon-309 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 20.85500472% 40.57538758%;
  width: 67.99px;
  height: 53.52px;
}
.svg-icon-31 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 78.91219257% 56.60647503%;
  width: 37.51px;
  height: 62.86px;
}
.svg-icon-310 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.87326414% 15.77325699%;
  width: 66.8px;
  height: 59.02px;
}
.svg-icon-311 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 61.08688333%;
  width: 67.75px;
  height: 63.77px;
}
.svg-icon-312 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 13.17063244% 86.16269823%;
  width: 59.06px;
  height: 58.38px;
}
.svg-icon-313 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 9.67289924% 60.83491875%;
  width: 64.78px;
  height: 58.48px;
}
.svg-icon-314 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 9.91217888% 55.77354086%;
  width: 65.17px;
  height: 56px;
}
.svg-icon-315 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 46.68722115% 27.81744629%;
  width: 56.55px;
  height: 67.95px;
}
.svg-icon-316 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 38.75660893% 45.21982931%;
  width: 63.75px;
  height: 42.72px;
}
.svg-icon-317 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.9143872% 0;
  width: 69.55px;
  height: 68.56px;
}
.svg-icon-318 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 74.87952285% 45.47227291%;
  width: 46.77px;
  height: 64.09px;
}
.svg-icon-319 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 25.97339414% 86.06674195%;
  width: 57.86px;
  height: 56.95px;
}
.svg-icon-32 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 19.10374606% 60.60196512%;
  width: 63.96px;
  height: 53.55px;
}
.svg-icon-320 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 18.721038% 9.53384596%;
  width: 75.46px;
  height: 45.72px;
}
.svg-icon-321 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 70.91992632% 9.85061566%;
  width: 50.65px;
  height: 61.08px;
}
.svg-icon-322 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 71.13368449% 33.10111869%;
  width: 54.81px;
  height: 59.14px;
}
.svg-icon-323 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 98.80135276% 24.41086819%;
  width: 33.42px;
  height: 48.42px;
}
.svg-icon-324 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 12.87735118% 5.26131591%;
  width: 79.83px;
  height: 55.2px;
}
.svg-icon-325 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 4.69407552% 76.57336089%;
  width: 63.91px;
  height: 63.48px;
}
.svg-icon-326 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.3676164% 23.72995122%;
  width: 24.78px;
  height: 59.75px;
}
.svg-icon-327 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 32.26871686% 76.18038953%;
  width: 60.17px;
  height: 56.89px;
}
.svg-icon-328 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 36.62394685% 76.08203645%;
  width: 59.37px;
  height: 55.23px;
}
.svg-icon-329 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 40.97382351% 60.07006198%;
  width: 55.9px;
  height: 42.15px;
}
.svg-icon-33 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 9.69751409% 23.93470605%;
  width: 65.68px;
  height: 40.42px;
}
.svg-icon-330 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 4.45842729% 86.23867529%;
  width: 60.3px;
  height: 59.51px;
}
.svg-icon-331 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.40113443% 9.96181719%;
  width: 63.39px;
  height: 57.7px;
}
.svg-icon-332 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 14.4798856% 23.88768666%;
  width: 64.34px;
  height: 37.86px;
}
.svg-icon-333 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 5.27701776% 40.76695567%;
  width: 71.73px;
  height: 59.57px;
}
.svg-icon-334 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 99.96107586%;
  width: 55.93px;
  height: 56.45px;
}
.svg-icon-335 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.84633338% 37.75873145%;
  width: 68.21px;
  height: 64.58px;
}
.svg-icon-336 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 50.37950251% 95.47843556%;
  width: 56.88px;
  height: 56.71px;
}
.svg-icon-337 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 95.96242572% 22.05035187%;
  width: 50.01px;
  height: 56.44px;
}
.svg-icon-338 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 29.41652806% 45.43927679%;
  width: 64.24px;
  height: 48.99px;
}
.svg-icon-339 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.72620803% 51.48310549%;
  width: 58.59px;
  height: 61.59px;
}
.svg-icon-34 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.06499133% 35.42909951%;
  width: 50.2px;
  height: 64.14px;
}
.svg-icon-340 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 41.88480907% 19.77653199%;
  width: 72.74px;
  height: 47.75px;
}
.svg-icon-341 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 10.5064132% 18.06844992%;
  width: 65.17px;
  height: 35.52px;
}
.svg-icon-342 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 26.81994539% 95.52380656%;
  width: 43.2px;
  height: 57.32px;
}
.svg-icon-343 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.90942451% 55.48049667%;
  width: 61.56px;
  height: 42.76px;
}
.svg-icon-344 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 4.94449756% 60.85484752%;
  width: 64.79px;
  height: 58.9px;
}
.svg-icon-345 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 38.9872681% 70.92367416%;
  width: 60.5px;
  height: 55.59px;
}
.svg-icon-346 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 70.57428134% 56.08812634%;
  width: 43.87px;
  height: 58.75px;
}
.svg-icon-347 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 30.65266788% 40.43406245%;
  width: 66.31px;
  height: 49.02px;
}
.svg-icon-348 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.88991135% 40.58838562%;
  width: 69.01px;
  height: 49.67px;
}
.svg-icon-349 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 86.28041878%;
  width: 61.29px;
  height: 60.13px;
}
.svg-icon-35 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 17.70234683% 91.00330347%;
  width: 60.38px;
  height: 60.53px;
}
.svg-icon-350 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 71.28346245% 60.66092761%;
  width: 57.71px;
  height: 58.56px;
}
.svg-icon-351 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.46966539% 90.85288362%;
  width: 58.19px;
  height: 58.41px;
}
.svg-icon-352 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.58004343% 3.88649603%;
  width: 44.38px;
  height: 50.12px;
}
.svg-icon-353 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 24.78694575% 29.55147143%;
  width: 58.59px;
  height: 37.85px;
}
.svg-icon-354 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.04710749% 25.3673706%;
  width: 49.87px;
  height: 64.36px;
}
.svg-icon-355 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 24.68557247% 45.45581244%;
  width: 65.05px;
  height: 49.46px;
}
.svg-icon-356 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 68.13546054% 90.82597411%;
  width: 55.41px;
  height: 58.03px;
}
.svg-icon-357 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 32.33381295% 15.40416641%;
  width: 45px;
  height: 58.36px;
}
.svg-icon-358 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 87.98303859% 37.81075111%;
  width: 38.89px;
  height: 59.83px;
}
.svg-icon-359 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 85.85705568% 95.12070249%;
  width: 42.15px;
  height: 51.88px;
}
.svg-icon-36 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.3618795% 69.54475815%;
  width: 62.72px;
  height: 61.68px;
}
.svg-icon-360 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 95.70261026% 78.73159877%;
  width: 46.25px;
  height: 55.76px;
}
.svg-icon-361 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 64.31537364% 90.83163794%;
  width: 47.82px;
  height: 58.11px;
}
.svg-icon-362 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 8.14180037%;
  width: 83.23px;
  height: 52.71px;
}
.svg-icon-363 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.28836229% 90.81529106%;
  width: 59.3px;
  height: 50.05px;
}
.svg-icon-364 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 38.4652226% 86.03190173%;
  width: 56.95px;
  height: 56.43px;
}
.svg-icon-365 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 4.04951742% 95.55730461%;
  width: 52.86px;
  height: 57.77px;
}
.svg-icon-366 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.73219032% 30.95683623%;
  width: 65.52px;
  height: 69.1px;
}
.svg-icon-367 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 14.3987157% 60.67595732%;
  width: 64.6px;
  height: 55.12px;
}
.svg-icon-368 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 22.09274414% 90.9969076%;
  width: 60.25px;
  height: 60.44px;
}
.svg-icon-369 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 42.92581777% 95.5%;
  width: 41.27px;
  height: 57px;
}
.svg-icon-37 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 45.86864331% 11.30714218%;
  width: 31.95px;
  height: 71.36px;
}
.svg-icon-370 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 25.49699829% 50.2969172%;
  width: 65.78px;
  height: 56.13px;
}
.svg-icon-371 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 71.0826974% 51.50368903%;
  width: 53.82px;
  height: 58.82px;
}
.svg-icon-372 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 8.73773065% 71.51115818%;
  width: 52.49px;
  height: 66.15px;
}
.svg-icon-373 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 79.19212955% 74.42016912%;
  width: 42.45px;
  height: 62.61px;
}
.svg-icon-374 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.8790394% 48.98700659%;
  width: 68.77px;
  height: 41.88px;
}
.svg-icon-375 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.87306533% 18.04183123%;
  width: 48.46px;
  height: 39.58px;
}
.svg-icon-376 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.00429599% 32.50679615%;
  width: 47.66px;
  height: 68.22px;
}
.svg-icon-377 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.82554787% 37.55654024%;
  width: 47.8px;
  height: 38.83px;
}
.svg-icon-378 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.90476878% 11.50212021%;
  width: 48.9px;
  height: 39.24px;
}
.svg-icon-379 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.87306533% 21.10858945%;
  width: 48.46px;
  height: 41.15px;
}
.svg-icon-38 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.30394195% 54.27788868%;
  width: 59.54px;
  height: 48.54px;
}
.svg-icon-380 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 31.83749394% 65.25864069%;
  width: 53.39px;
  height: 47.7px;
}
.svg-icon-381 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.92240921% 22.70284625%;
  width: 61.77px;
  height: 60.72px;
}
.svg-icon-382 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 39.2968592% 65.02083927%;
  width: 50.64px;
  height: 42.97px;
}
.svg-icon-383 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 98.30267837% 51.71825023%;
  width: 26.31px;
  height: 46.66px;
}
.svg-icon-384 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 95.95826865% 61.35320209%;
  width: 49.95px;
  height: 55.9px;
}
.svg-icon-385 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 49.31242985% 80.9943884%;
  width: 54.05px;
  height: 54.38px;
}
.svg-icon-386 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 41.89188197% 5.01775056%;
  width: 72.97px;
  height: 59.35px;
}
.svg-icon-387 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 5.11170675% 56.0641144%;
  width: 65.79px;
  height: 62.66px;
}
.svg-icon-388 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.81864267% 46.66875098%;
  width: 60.09px;
  height: 61.6px;
}
.svg-icon-389 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 28.29827225% 99.57581115%;
  width: 51.7px;
  height: 51.48px;
}
.svg-icon-39 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.78132404% 0;
  width: 63.29px;
  height: 64.9px;
}
.svg-icon-390 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 35.69833896% 99.51176038%;
  width: 50.93px;
  height: 50.65px;
}
.svg-icon-391 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.51635274% 30.4073441%;
  width: 43.49px;
  height: 47.99px;
}
.svg-icon-392 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 4.62412587% 81.30276031%;
  width: 62.2px;
  height: 59.26px;
}
.svg-icon-393 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 43.36835982% 70.84486028%;
  width: 59.85px;
  height: 54.16px;
}
.svg-icon-394 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 15.42777615% 50.53249719%;
  width: 69.8px;
  height: 62.12px;
}
.svg-icon-395 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.41830919% 90.77644566%;
  width: 57.55px;
  height: 57.33px;
}
.svg-icon-396 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 34.2677275% 81.04036893%;
  width: 56.21px;
  height: 55.11px;
}
.svg-icon-397 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 41.89218954% 0;
  width: 72.98px;
  height: 64.31px;
}
.svg-icon-398 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 69.44024315% 75.89786561%;
  width: 53.15px;
  height: 52.11px;
}
.svg-icon-399 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 50.59466968% 85.82011897%;
  width: 52.72px;
  height: 53.26px;
}
.svg-icon-4 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 91.99488564% 16.88504%;
  width: 35.02px;
  height: 51.16px;
}
.svg-icon-40 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 91.03316277%;
  width: 61.21px;
  height: 60.95px;
}
.svg-icon-400 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 46.33508422% 95.5%;
  width: 54.75px;
  height: 57px;
}
.svg-icon-401 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.86642209% 58.39744137%;
  width: 66.66px;
  height: 52.81px;
}
.svg-icon-402 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 35.90315786%;
  width: 73px;
  height: 63.87px;
}
.svg-icon-403 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.16014572% 48.2910045%;
  width: 51.51px;
  height: 68.03px;
}
.svg-icon-404 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 68.32865778% 85.67574482%;
  width: 51.92px;
  height: 51.09px;
}
.svg-icon-405 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 79.60600876% 76.55585839%;
  width: 49.69px;
  height: 16.49px;
}
.svg-icon-406 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 39.3567395% 99.4870881%;
  width: 50.18px;
  height: 50.33px;
}
.svg-icon-407 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 45.50776169% 80.99627698%;
  width: 51.28px;
  height: 54.41px;
}
.svg-icon-408 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.51277703% 79.26342553%;
  width: 43.44px;
  height: 43.1px;
}
.svg-icon-409 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.72225703% 69.61066658%;
  width: 62.22px;
  height: 56.24px;
}
.svg-icon-41 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.57746417% 20.3066605%;
  width: 59.59px;
  height: 64.67px;
}
.svg-icon-410 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.36715032% 60.47046339%;
  width: 62.81px;
  height: 40.58px;
}
.svg-icon-411 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 43.27499836% 45.21669478%;
  width: 59.61px;
  height: 42.63px;
}
.svg-icon-412 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.64126912% 21.19785557%;
  width: 68.07px;
  height: 70.73px;
}
.svg-icon-413 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.542821% 72.61138642%;
  width: 43.86px;
  height: 43.49px;
}
.svg-icon-414 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 79.45929934% 85.59942993%;
  width: 50.87px;
  height: 49.94px;
}
.svg-icon-415 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.44917232% 34.11620048%;
  width: 42.55px;
  height: 47.89px;
}
.svg-icon-416 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.51992871% 75.94212055%;
  width: 43.54px;
  height: 43.13px;
}
.svg-icon-417 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.46417284% 69.25010215%;
  width: 42.76px;
  height: 43.89px;
}
.svg-icon-418 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.50705642% 82.48693658%;
  width: 43.36px;
  height: 41.57px;
}
.svg-icon-419 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 70.81301751% 42.31591264%;
  width: 48.56px;
  height: 59px;
}
.svg-icon-42 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.89953407% 68.81996797%;
  width: 61.4px;
  height: 60.95px;
}
.svg-icon-420 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 79.01792752% 32.14492527%;
  width: 39.38px;
  height: 63.1px;
}
.svg-icon-421 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 29.10107928% 23.74841238%;
  width: 40.55px;
  height: 57.63px;
}
.svg-icon-422 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 5.08718793% 18.10881565%;
  width: 74.72px;
  height: 38.43px;
}
.svg-icon-423 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 71.1027745% 5.07473415%;
  width: 54.21px;
  height: 61.13px;
}
.svg-icon-424 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 49.19772445% 50.02283441%;
  width: 63.9px;
  height: 49.09px;
}
.svg-icon-425 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 46.66144621% 85.94960336%;
  width: 55.81px;
  height: 55.2px;
}
.svg-icon-426 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 24.36872305% 14.85559106%;
  width: 73.87px;
  height: 48.49px;
}
.svg-icon-427 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 15.73405865% 35.51110182%;
  width: 67.33px;
  height: 49.77px;
}
.svg-icon-428 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 88.34118451% 42.47506517%;
  width: 44.55px;
  height: 59.66px;
}
.svg-icon-429 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.87424169% 0;
  width: 66.82px;
  height: 67.51px;
}
.svg-icon-43 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.30459122% 50.92399312%;
  width: 59.55px;
  height: 37.96px;
}
.svg-icon-430 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 4.44197224% 71.53135764%;
  width: 59.71px;
  height: 66.51px;
}
.svg-icon-431 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 40.28615831% 40.24839361%;
  width: 64.43px;
  height: 43.06px;
}
.svg-icon-432 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.24295263% 69.05832046%;
  width: 58.6px;
  height: 59.46px;
}
.svg-icon-433 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.90138835% 64.18434471%;
  width: 61.43px;
  height: 56.45px;
}
.svg-icon-434 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 88.02086692% 14.2637318%;
  width: 39.49px;
  height: 60.76px;
}
.svg-icon-435 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 45.21918575% 76.03709202%;
  width: 58.77px;
  height: 54.47px;
}
.svg-icon-436 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 28.69664134% 55.25325727%;
  width: 63.62px;
  height: 43.9px;
}
.svg-icon-437 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 92.40013201% 0;
  width: 41.16px;
  height: 56.85px;
}
.svg-icon-438 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 6.74779907% 0;
  width: 83.3px;
  height: 54.26px;
}
.svg-icon-439 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.57251908% 60.32961532%;
  width: 59.5px;
  height: 62.54px;
}
.svg-icon-44 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 4.45555725% 91.03316277%;
  width: 61.21px;
  height: 60.95px;
}
.svg-icon-440 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 71.28398002% 0;
  width: 57.72px;
  height: 64.95px;
}
.svg-icon-441 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 26.10158919% 81.05297545%;
  width: 56.31px;
  height: 55.31px;
}
.svg-icon-442 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 30.18590111% 81.04352019%;
  width: 56.31px;
  height: 55.16px;
}
.svg-icon-443 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 36.40010835% 24.32679718%;
  width: 69.07px;
  height: 73.18px;
}
.svg-icon-444 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 80.39878978% 14.44329407%;
  width: 63.35px;
  height: 56.39px;
}
.svg-icon-445 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.27022997% 48.09086553%;
  width: 40.04px;
  height: 47.22px;
}
.svg-icon-446 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 16.11282956% 95.53496997%;
  width: 51.32px;
  height: 57.47px;
}
.svg-icon-447 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 41.89126684% 9.64782249%;
  width: 72.95px;
  height: 59.26px;
}
.svg-icon-448 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 23.76881783% 60.58549464%;
  width: 63.96px;
  height: 53.2px;
}
.svg-icon-449 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 96.3548048% 43.93842706%;
  width: 55.65px;
  height: 56.02px;
}
.svg-icon-45 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 8.91111451% 91.03316277%;
  width: 61.21px;
  height: 60.95px;
}
.svg-icon-450 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 35.63373668% 65.17901273%;
  width: 50.75px;
  height: 46.12px;
}
.svg-icon-451 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.75485545% 0;
  width: 71.07px;
  height: 70.31px;
}
.svg-icon-452 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.34894161% 95.03003061%;
  width: 49.41px;
  height: 50.65px;
}
.svg-icon-453 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 72.07738689% 85.64918508%;
  width: 51.82px;
  height: 50.69px;
}
.svg-icon-454 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 79.97258804% 64.69391747%;
  width: 56.04px;
  height: 62.75px;
}
.svg-icon-455 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 35.18025682% 90.98767071%;
  width: 59.74px;
  height: 60.31px;
}
.svg-icon-456 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 89.29744977% 78.30156304%;
  width: 59.44px;
  height: 58.88px;
}
.svg-icon-457 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 29.75967324% 71.31257822%;
  width: 63.95px;
  height: 62.6px;
}
.svg-icon-458 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 4.05689665% 99.95951953%;
  width: 56.36px;
  height: 56.43px;
}
.svg-icon-459 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.19422462% 10.16328961%;
  width: 52.58px;
  height: 64.74px;
}
.svg-icon-46 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 18.74461457% 0;
  width: 77.17px;
  height: 63.16px;
}
.svg-icon-460 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 94.96206005% 65.70152436%;
  width: 35.42px;
  height: 55.87px;
}
.svg-icon-461 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 95.3798127% 17.6489365%;
  width: 41.55px;
  height: 56.56px;
}
.svg-icon-462 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.74209622% 95.44647861%;
  width: 56.23px;
  height: 56.28px;
}
.svg-icon-463 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 12.57246088% 71.4618297%;
  width: 56.67px;
  height: 65.27px;
}
.svg-icon-464 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 32.68460176% 60.2770417%;
  width: 57.44px;
  height: 46.61px;
}
.svg-icon-465 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.84210185% 27.74474378%;
  width: 48.03px;
  height: 29.22px;
}
.svg-icon-466 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 94.88206402% 74.39171471%;
  width: 34.24px;
  height: 55.83px;
}
.svg-icon-467 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.75742018% 70.73108285%;
  width: 55.99px;
  height: 52.09px;
}
.svg-icon-468 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 82.7198497% 95.124392%;
  width: 51.1px;
  height: 51.93px;
}
.svg-icon-47 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 29.86226132% 95.52380656%;
  width: 40.33px;
  height: 57.32px;
}
.svg-icon-48 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 70.82293722% 95.43385037%;
  width: 56.28px;
  height: 56.11px;
}
.svg-icon-49 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 59.65346535% 70.5542743%;
  width: 53.32px;
  height: 48.86px;
}
.svg-icon-5 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 51.74081947% 32.12885965%;
  width: 70.7px;
  height: 62.71px;
}
.svg-icon-50 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 46.5299217% 33.15189645%;
  width: 51.89px;
  height: 67.83px;
}
.svg-icon-51 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 36.51291391% 8.70675608%;
  width: 73.29px;
  height: 64.52px;
}
.svg-icon-52 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 95.5617728%;
  width: 55.97px;
  height: 57.83px;
}
.svg-icon-53 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 70.6494441% 69.77841193%;
  width: 45.35px;
  height: 58.44px;
}
.svg-icon-54 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.26277836% 17.88701784%;
  width: 51.02px;
  height: 61.86px;
}
.svg-icon-55 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 41.75087624% 14.42404744%;
  width: 68.37px;
  height: 72.84px;
}
.svg-icon-56 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 72.27760875% 90.82314245%;
  width: 57.81px;
  height: 57.99px;
}
.svg-icon-57 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 46.54641188% 22.47926224%;
  width: 52.38px;
  height: 67.96px;
}
.svg-icon-58 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 14.00226055% 76.55538339%;
  width: 63.65px;
  height: 63.18px;
}
.svg-icon-59 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.89036443% 36.16756921%;
  width: 69.02px;
  height: 61.29px;
}
.svg-icon-6 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 71.0189378% 14.60362047%;
  width: 52.58px;
  height: 59.4px;
}
.svg-icon-60 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 92.38488742% 12.79019209%;
  width: 40.93px;
  height: 53.06px;
}
.svg-icon-61 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 41.99171619% 81.03091661%;
  width: 46.75px;
  height: 54.96px;
}
.svg-icon-62 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 57.00653775% 80.9553774%;
  width: 53.79px;
  height: 53.76px;
}
.svg-icon-63 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 15.10044561% 45.55775424%;
  width: 66.1px;
  height: 52.35px;
}
.svg-icon-64 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 32.20430069% 5.75878049%;
  width: 39.41px;
  height: 65.73px;
}
.svg-icon-65 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 56.1918262% 21.76813553%;
  width: 52.29px;
  height: 68.36px;
}
.svg-icon-66 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 36.50996461% 29.51595687%;
  width: 73.18px;
  height: 48.14px;
}
.svg-icon-67 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 4.26844494% 29.75790311%;
  width: 73.38px;
  height: 46.89px;
}
.svg-icon-68 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 46.59826863% 99.414684%;
  width: 49.97px;
  height: 49.39px;
}
.svg-icon-69 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 32.80361349% 95.5223183%;
  width: 42.44px;
  height: 57.3px;
}
.svg-icon-7 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 49.45684535% 76.036501%;
  width: 57.86px;
  height: 54.46px;
}
.svg-icon-70 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 32.39814308% 0;
  width: 47.76px;
  height: 73.44px;
}
.svg-icon-71 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 32.22508228% 24.48979592%;
  width: 40.31px;
  height: 58.18px;
}
.svg-icon-72 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 20.14615379% 29.62011491%;
  width: 65.21px;
  height: 40.87px;
}
.svg-icon-73 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 95.3818662% 26.44345667%;
  width: 41.58px;
  height: 56.41px;
}
.svg-icon-74 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.1150814% 5.30113859%;
  width: 51.11px;
  height: 67.5px;
}
.svg-icon-75 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 24.36836499% 18.84811009%;
  width: 73.85px;
  height: 65.01px;
}
.svg-icon-76 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.7881417% 44.4565503%;
  width: 47.28px;
  height: 46.86px;
}
.svg-icon-77 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 26.47247073% 90.99406528%;
  width: 60.1px;
  height: 60.4px;
}
.svg-icon-78 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 66.41936772% 28.67849603%;
  width: 57.45px;
  height: 66.77px;
}
.svg-icon-79 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 36.51532733% 0;
  width: 73.38px;
  height: 47.02px;
}
.svg-icon-8 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 71.19300383% 65.22162879%;
  width: 55.96px;
  height: 58.45px;
}
.svg-icon-80 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 18.64367229% 76.52124938%;
  width: 63.65px;
  height: 62.61px;
}
.svg-icon-81 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 16.24298496% 99.94162516%;
  width: 55.82px;
  height: 56.2px;
}
.svg-icon-82 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 13.56014012% 66.09938521%;
  width: 67.61px;
  height: 64.15px;
}
.svg-icon-83 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 22.00313398% 81.06558589%;
  width: 56.56px;
  height: 55.51px;
}
.svg-icon-84 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 8.84053018% 86.21781869%;
  width: 59.63px;
  height: 59.2px;
}
.svg-icon-85 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 12.00577892% 95.54092485%;
  width: 57.58px;
  height: 57.55px;
}
.svg-icon-86 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 24.33712053% 99.91751679%;
  width: 55.79px;
  height: 55.89px;
}
.svg-icon-87 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 72.06374018% 80.91263433%;
  width: 53.14px;
  height: 53.08px;
}
.svg-icon-88 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 29.05274311% 14.74961425%;
  width: 38.23px;
  height: 57.78px;
}
.svg-icon-89 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 75.78109194% 85.61799842%;
  width: 51.04px;
  height: 50.22px;
}
.svg-icon-9 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 73.26691844% 75.79201822%;
  width: 52.78px;
  height: 50.31px;
}
.svg-icon-90 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 79.78454793% 27.20371878%;
  width: 52.79px;
  height: 63.16px;
}
.svg-icon-91 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 24.56537694%;
  width: 59.23px;
  height: 73.81px;
}
.svg-icon-92 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 12.19374252% 99.94240304%;
  width: 55.85px;
  height: 56.21px;
}
.svg-icon-93 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 81.54387887%;
  width: 63.48px;
  height: 63.05px;
}
.svg-icon-94 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.67393886% 65.82690779%;
  width: 45.69px;
  height: 45.39px;
}
.svg-icon-95 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 99.65242046% 62.31452173%;
  width: 45.39px;
  height: 45.7px;
}
.svg-icon-96 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 84.74406302% 81.26440818%;
  width: 58.88px;
  height: 30.98px;
}
.svg-icon-97 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 69.92635433% 46.91370543%;
  width: 30.98px;
  height: 58.88px;
}
.svg-icon-98 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 61.43432259% 57.01974016%;
  width: 58.88px;
  height: 30.98px;
}
.svg-icon-99 {
  background: url("../img/icons/icon_sprite.svg") no-repeat;
  background-position: 0 30.38096515%;
  width: 58.12px;
  height: 73.43px;
}
i.icon_sprite_1 {
  background: url("../img/icons/icon_sprite_1.png") no-repeat;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  background-size: 680px 194px;
  width: 35px;
  height: 35px;
}
i.icon_sprite_1.size_1x {
  background-size: 920px 263px;
  width: 45px;
  height: 45px;
}
i.icon_sprite_1.icon_1 {
  background-position: -154px -49px;
}
i.icon_sprite_1.icon_2 {
  background-position: -201px -49px;
}
i.icon_sprite_1.icon_3 {
  background-position: -444px -49px;
}
i.icon_sprite_1.icon_4 {
  background-position: -492px -49px;
}
i.icon_sprite_1.icon_5 {
  background-position: -105px -1px;
}
i.icon_sprite_1.icon_6 {
  background-position: -201px -147px;
}
i.icon_sprite_1.icon_7 {
  background-position: -152px -1px;
}
i.icon_sprite_1.icon_8 {
  background-position: -7px -49px;
}
i.icon_sprite_1.icon_9 {
  background-position: -396px -98px;
}
i.icon_sprite_1.icon_10 {
  background-position: -250px -147px;
}
i.icon_sprite_1.icon_11 {
  background-position: -249px -98px;
}
i.icon_sprite_1.icon_12 {
  background-position: -347px -49px;
}
i.icon_sprite_1.icon_13 {
  background-position: -143px -2px;
}
i.icon_sprite_1.icon_14 {
  background-position: -141px -198px;
}
i.icon_sprite_1.icon_15 {
  background-position: -734px -198px;
}
i.icon_sprite_1.icon_16 {
  background-position: -733px -1px;
}
i.icon_sprite_1.icon_17 {
  background-position: -404px -198px;
}
i.icon_sprite_1.icon_18 {
  background-position: -604px -198px;
}
i.icon_sprite_1.icon_19 {
  background-position: -474px -133px;
}
i.icon_sprite_1.icon_20 {
  background-position: -405px -134px;
}
i.icon_sprite_2 {
  background: url("../img/icons/icon_sprite_1.png") no-repeat;
  background-size: 3501px 1000px;
  width: 140px;
  height: 166px;
  display: flex;
  background-position: -557px -10px;
}
body:has(#app-main header nav.fixed-top) main:not(.has-sticky-header) {
  padding-top: 4.375rem;
}
.page-header.page-header-default {
  background-color: #ffffff;
  box-shadow: 0 1px 5px 0 rgba(82, 63, 105, 0.08);
  border-bottom: 1px solid rgba(82, 63, 105, 0.05);
  padding: 0.713rem 1.21875rem;
  min-height: var(--page-header-height);
  contain: layout;
  will-change: auto;
}
.page-header.page-header-default .page-header-content {
  min-height: 2.875rem;
}
.page-header.page-header-default .page-header-content.d-flex {
  align-items: flex-end;
}
.page-header.page-header-default.page-header-fixed {
  position: sticky;
  top: var(--page-header-sticky-top);
  z-index: 100;
  padding: 0.713rem 1.21875rem;
}
.page-header.page-header-default.page-header-fixed + * {
  margin-top: var(--page-header-height);
}
.page-header.page-header-default .page-title h5 {
  margin-top: 0 !important;
  margin-bottom: 0.40625rem;
  font-size: 1.015625rem;
  text-transform: uppercase;
}
.page-header.page-header-default #breadcrumb-right li {
  border-left: 1px dotted #c7c7c7;
  padding: 0 0.625rem;
}
.page-header.page-header-default #breadcrumb-right li h5 {
  color: #555;
  font-size: 0.6875rem;
  margin-right: 0.3125rem;
  text-transform: uppercase;
}
.page-header.page-header-default #breadcrumb-right li span {
  color: #636363;
}
.page-header.page-header-default #breadcrumb-right li:last-child {
  padding-right: 0;
}
.page-header.page-header-default #breadcrumb-right li:first-child {
  border-left: none;
  padding-left: 0;
}
.page-header.page-header-default .breadcrumb-right-info {
  gap: 0.9375rem;
}
.page-header.page-header-default .breadcrumb-right-info span {
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-transform: none;
}
.page-header.page-header-default .breadcrumb-right-info .sparkline {
  margin-top: 0.1875rem;
  height: 2.1875rem;
  min-height: 2.1875rem;
  max-height: 2.1875rem;
  width: 5.6875rem;
  min-width: 5.6875rem;
  max-width: 5.6875rem;
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}
.page-header.page-header-default .breadcrumb-right-info .sparkline:empty {
  background: linear-gradient(90deg, transparent 0px, transparent 5px, rgba(0, 0, 0, 0.03) 5px, rgba(0, 0, 0, 0.03) 7px, transparent 7px, transparent 12px, rgba(0, 0, 0, 0.03) 12px, rgba(0, 0, 0, 0.03) 14px, transparent 14px, transparent 19px, rgba(0, 0, 0, 0.03) 19px, rgba(0, 0, 0, 0.03) 21px, transparent 21px, transparent 26px, rgba(0, 0, 0, 0.03) 26px, rgba(0, 0, 0, 0.03) 28px, transparent 28px, transparent 33px, rgba(0, 0, 0, 0.03) 33px, rgba(0, 0, 0, 0.03) 35px, transparent 35px, transparent 40px, rgba(0, 0, 0, 0.03) 40px, rgba(0, 0, 0, 0.03) 42px, transparent 42px, transparent 47px, rgba(0, 0, 0, 0.03) 47px, rgba(0, 0, 0, 0.03) 49px, transparent 49px, transparent 54px, rgba(0, 0, 0, 0.03) 54px, rgba(0, 0, 0, 0.03) 56px, transparent 56px, transparent 61px, rgba(0, 0, 0, 0.03) 61px, rgba(0, 0, 0, 0.03) 63px, transparent 63px, transparent 68px, rgba(0, 0, 0, 0.03) 68px, rgba(0, 0, 0, 0.03) 70px, transparent 70px, transparent 75px, rgba(0, 0, 0, 0.03) 75px, rgba(0, 0, 0, 0.03) 77px, transparent 77px, transparent 82px, rgba(0, 0, 0, 0.03) 82px, rgba(0, 0, 0, 0.03) 84px, transparent 84px, transparent 89px, rgba(0, 0, 0, 0.03) 89px, rgba(0, 0, 0, 0.03) 91px);
}
.page-header.page-header-default .breadcrumb {
  background-color: transparent;
}
.page-header.page-header-default .breadcrumb li + li:before {
  content: "/";
  padding: 0 0.5rem;
  color: #999;
}
.panel-card {
  position: relative;
  transition: all 0.3s ease;
  overflow: visible;
}
.panel-card:hover {
  border-color: #e3e3e6;
}
.panel-card .card-header {
  background: linear-gradient(180deg, #fafbfc 0%, #e9ecef 100%);
  border-bottom: 1px solid #e3e3e6;
  padding: 0.8125rem 1.015625rem;
  position: relative;
}
.panel-card .card-header .card-title {
  font-size: 0.9140625rem;
  font-weight: 600;
  color: var(--bs-heading-color);
  margin-bottom: 0.284375rem;
}
.panel-card .card-header .card-subtitle {
  font-size: 0.7109375rem;
  line-height: 1.4;
  color: var(--bs-secondary-color);
  font-weight: 400;
}
.panel-card .panel-actions {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.panel-card .panel-actions .btn-icon {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  background: #f7f7f7;
  color: #7f7f7f;
  border-radius: 0.5rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  position: relative;
}
.panel-card .panel-actions .btn-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  background: rgba(138, 205, 215, 0.1);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.panel-card .panel-actions .btn-icon .material-symbols-sharp {
  font-size: 1.25rem;
  position: relative;
  z-index: 1;
  transition: transform 0.2s ease;
}
.panel-card .panel-actions .btn-icon:hover {
  background: rgba(138, 205, 215, 0.08);
  border-color: rgba(138, 205, 215, 0.2);
  color: #40abbb;
  transform: translateY(-1px);
}
.panel-card .panel-actions .btn-icon:hover::before {
  opacity: 1;
}
.panel-card .panel-actions .btn-icon:hover .material-symbols-sharp {
  transform: scale(1.1);
}
.panel-card .panel-actions .btn-icon:active {
  transform: translateY(0) scale(0.98);
}
.panel-card .panel-actions .btn-icon:focus {
  outline: none;
}
.panel-card .panel-actions .panel-refresh:hover {
  background: rgba(199, 220, 167, 0.08);
  border-color: rgba(199, 220, 167, 0.2);
  color: #7fa743;
}
.panel-card .panel-actions .panel-refresh.refreshing {
  background: rgba(199, 220, 167, 0.12);
  color: #7fa743;
  pointer-events: none;
}
.panel-card .panel-actions .panel-refresh.refreshing .material-symbols-sharp {
  animation: rotate-refresh 1s linear infinite;
}
.panel-card .panel-actions .panel-expand:hover {
  background: rgba(172, 135, 197, 0.08);
  border-color: rgba(172, 135, 197, 0.2);
  color: #7b4b9b;
}
.panel-card.is-expanded {
  position: fixed;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 1050;
  margin: 0;
  border-radius: 0.5rem;
  width: calc(100vw - 2rem) !important;
  height: calc(100vh - 2rem) !important;
  max-width: none !important;
}
.panel-card.is-expanded .card-body {
  overflow-y: auto;
  max-height: calc(100vh - 6rem);
}
.panel-card.panel-loading {
  pointer-events: none;
}
.panel-card.panel-loading .card-header {
  position: relative;
  overflow: hidden;
}
.panel-card.panel-loading .card-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fdba2c;
}
.panel-card.panel-loading .card-header::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(to right, #da4733, #3b78e7, #fdba2c);
  animation: panel-loading-bar 1.5s ease-in-out infinite;
  z-index: 1;
}
.panel-card.panel-loading .card-body {
  opacity: 0.6;
}
@keyframes rotate-refresh {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes panel-loading-bar {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0;
  }
}
.panel-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1049;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.panel-backdrop.show {
  display: block;
  opacity: 1;
}
.row-equal-height > [class*="col"] {
  display: flex;
}
.row-equal-height > [class*="col"] .panel-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.row-equal-height > [class*="col"] .panel-card .card-body {
  flex: 1;
}
[data-theme="dark"] {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --bg-tertiary: #3a3a3a;
  --bg-quaternary: #4a4a4a;
  --text-primary: #e8e8e8;
  --text-secondary: #b8b8b8;
  --text-tertiary: #888888;
  --text-muted: #9a9a9a;
  --border-primary: #404040;
  --border-secondary: #353535;
  --border-light-dark: #505050;
  --text-dark: #e8e8e8;
  --border-light: #404040;
  --border-gray: #4a4a4a;
  --bg-light-gray: #2d2d2d;
  --status-green: #14b474;
  --white: #1a1a1a;
  --bg-white: #1a1a1a;
  --bg-crm: #0056cc;
  --tooltip-bg: #2d2d2d;
  --errorClass: #ff6b6b;
  --iconColor: #a0a0a0;
  --btn-color: #e8e8e8;
  --card-bg: #2d2d2d;
  --panel-bg: #252525;
  --header-bg: #1f1f1f;
  --sidebar-bg: #252525;
  --sidebar-hover: #333333;
  --input-bg: #2d2d2d;
  --input-border: #404040;
  --input-text: #e8e8e8;
  --color-red: #8B4545;
  --color-orange: #8B6B45;
  --color-green: #5D6E3F;
  --color-teal: #456660;
  --color-purple: #5E4368;
  --color-blue: #456673;
  --color-yellow: #6E6B3F;
}
[data-theme="dark"] body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}
[data-theme="dark"] header {
  background-color: var(--header-bg);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] header nav {
  background-color: var(--header-bg);
}
[data-theme="dark"] header .navbar {
  background-color: var(--header-bg);
}
[data-theme="dark"] header a,
[data-theme="dark"] header .nav-link {
  color: var(--text-primary);
}
[data-theme="dark"] header a:hover,
[data-theme="dark"] header .nav-link:hover {
  color: var(--text-primary);
}
[data-theme="dark"] header .dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] header .dropdown-menu .dropdown-item {
  color: var(--text-primary);
}
[data-theme="dark"] header .dropdown-menu .dropdown-item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] aside,
[data-theme="dark"] .app-sidebar {
  background-color: var(--sidebar-bg);
  border-right-color: var(--border-primary);
}
[data-theme="dark"] aside .nav-link,
[data-theme="dark"] .app-sidebar .nav-link {
  color: var(--text-primary);
}
[data-theme="dark"] aside .nav-link:hover,
[data-theme="dark"] .app-sidebar .nav-link:hover {
  background-color: var(--sidebar-hover);
}
[data-theme="dark"] aside .nav-link.active,
[data-theme="dark"] .app-sidebar .nav-link.active {
  background-color: var(--sidebar-hover);
}
[data-theme="dark"] aside .nav-hover-bg,
[data-theme="dark"] .app-sidebar .nav-hover-bg {
  background-color: var(--sidebar-hover);
}
[data-theme="dark"] main {
  background-color: var(--bg-primary);
}
[data-theme="dark"] .card,
[data-theme="dark"] .panel-card {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .card .card-header,
[data-theme="dark"] .panel-card .card-header,
[data-theme="dark"] .card .panel-header,
[data-theme="dark"] .panel-card .panel-header {
  background-color: var(--panel-bg);
  border-bottom-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .card .card-body,
[data-theme="dark"] .panel-card .card-body,
[data-theme="dark"] .card .panel-body,
[data-theme="dark"] .panel-card .panel-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}
[data-theme="dark"] .card .card-footer,
[data-theme="dark"] .panel-card .card-footer,
[data-theme="dark"] .card .panel-footer,
[data-theme="dark"] .panel-card .panel-footer {
  background-color: var(--panel-bg);
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .page-header {
  background-color: var(--bg-secondary);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .page-header h1,
[data-theme="dark"] .page-header h2,
[data-theme="dark"] .page-header h3,
[data-theme="dark"] .page-header h4,
[data-theme="dark"] .page-header h5,
[data-theme="dark"] .page-header h6 {
  color: var(--text-primary);
}
[data-theme="dark"] .page-header .breadcrumb .breadcrumb-item {
  color: var(--text-secondary);
}
[data-theme="dark"] .page-header .breadcrumb .breadcrumb-item.active {
  color: var(--text-primary);
}
[data-theme="dark"] .page-header .breadcrumb .breadcrumb-item a {
  color: var(--text-secondary);
}
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-text);
}
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  background-color: var(--input-bg);
  border-color: #0067ff;
  color: var(--input-text);
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder,
[data-theme="dark"] select::placeholder {
  color: var(--text-tertiary);
}
[data-theme="dark"] .form-control {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-text);
}
[data-theme="dark"] .form-control:focus {
  background-color: var(--input-bg);
  border-color: #0067ff;
  color: var(--input-text);
}
[data-theme="dark"] .form-select {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-text);
}
[data-theme="dark"] .btn.btn-primary {
  background-color: #0067ff;
  border-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] .btn.btn-secondary {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .btn.btn-outline-secondary {
  background-color: transparent;
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .btn.btn-outline-secondary:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] table,
[data-theme="dark"] .table {
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme="dark"] table thead,
[data-theme="dark"] .table thead {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] table thead th,
[data-theme="dark"] .table thead th {
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme="dark"] table tbody tr,
[data-theme="dark"] .table tbody tr {
  border-color: var(--border-primary);
}
[data-theme="dark"] table tbody tr:hover,
[data-theme="dark"] .table tbody tr:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] table tbody td,
[data-theme="dark"] .table tbody td {
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .tooltip .tooltip-inner {
  background-color: var(--tooltip-bg);
  color: var(--text-primary);
}
[data-theme="dark"] .popover {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .popover .popover-header {
  background-color: var(--panel-bg);
  border-bottom-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .popover .popover-body {
  color: var(--text-primary);
}
[data-theme="dark"] .modal .modal-content {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .modal .modal-content .modal-header {
  background-color: var(--panel-bg);
  border-bottom-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .modal .modal-content .modal-header .btn-close {
  filter: invert(1);
}
[data-theme="dark"] .modal .modal-content .modal-body {
  color: var(--text-primary);
}
[data-theme="dark"] .modal .modal-content .modal-footer {
  background-color: var(--panel-bg);
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .offcanvas {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .offcanvas .offcanvas-header {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .offcanvas .offcanvas-header .btn-close {
  filter: invert(1);
}
[data-theme="dark"] .offcanvas .offcanvas-body {
  color: var(--text-primary);
}
[data-theme="dark"] .chat-app.offcanvas.offcanvas-end {
  background-color: var(--bg-secondary);
  border-left-color: var(--border-primary);
}
[data-theme="dark"] .chat-app.offcanvas.offcanvas-end ul li:before {
  border-color: var(--bg-secondary);
}
[data-theme="dark"] .popover.chatWidget {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .popover.chatWidget .popover-body {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails {
  background: var(--card-bg);
  box-shadow: 1px 1px 5px -3px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--border-primary);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails p {
  color: var(--text-primary);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails p.userName {
  color: var(--text-primary);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails p.department,
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails p.designation {
  color: var(--text-secondary);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails .hr-line:before {
  background: linear-gradient(to right, var(--card-bg) 0%, var(--border-primary) 17%, var(--border-primary) 83%, var(--card-bg) 100%);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails .contactSection .material-symbols-sharp {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails .contactSection .material-symbols-sharp:hover {
  background-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] #chat-widget .chatcontainer {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}
[data-theme="dark"] #chat-widget .chatcontainer:before {
  opacity: 0.15;
}
[data-theme="dark"] #chat-widget .chatcontainer .chatHeader {
  background-color: var(--panel-bg);
  border-bottom: 1px solid var(--border-primary);
  color: var(--text-primary);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatHeader .material-symbols-sharp {
  border-color: var(--border-primary);
  color: var(--iconColor);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatHeader .material-symbols-sharp:hover {
  background: var(--bg-tertiary);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatHeader .name {
  color: var(--text-primary);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatHeader .status {
  color: var(--text-secondary);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatBody {
  background-color: transparent;
}
[data-theme="dark"] #chat-widget .chatcontainer .chatBody .chat-messages .date-break {
  color: var(--text-tertiary);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatBody .chat-messages .message .message-content {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatBody .chat-messages .message.self .message-content {
  background-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] #chat-widget .chatcontainer .chatBody .chat-messages.theme_2 .message .message-content {
  background-color: #da8d67;
  color: #ffffff;
}
[data-theme="dark"] #chat-widget .chatcontainer .chatBody .chat-messages.theme_2 .message.self .message-content {
  background-color: #9281cf;
  color: #ffffff;
}
[data-theme="dark"] #chat-widget .chatcontainer .chatFooter {
  background-color: transparent;
}
[data-theme="dark"] #chat-widget .chatcontainer .chatFooter > .d-flex {
  border-color: var(--border-primary);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatFooter > .d-flex button {
  background: var(--bg-tertiary);
  color: var(--iconColor);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatFooter > .d-flex button:hover {
  background: var(--bg-quaternary);
  color: var(--text-primary);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatFooter > .d-flex button .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatFooter > .d-flex textarea {
  background-color: var(--input-bg);
  color: var(--input-text);
}
[data-theme="dark"] #chat-widget .chatcontainer .chatFooter > .d-flex textarea::placeholder {
  color: var(--text-tertiary);
}
[data-theme="dark"] .notification-item {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .notification-item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"]::-webkit-scrollbar {
  background-color: var(--bg-secondary);
}
[data-theme="dark"]::-webkit-scrollbar-thumb {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"]::-webkit-scrollbar-thumb:hover {
  background-color: var(--border-primary);
}
[data-theme="dark"] .bg-red {
  background-color: var(--color-red);
}
[data-theme="dark"] .bg-orange {
  background-color: var(--color-orange);
}
[data-theme="dark"] .bg-green {
  background-color: var(--color-green);
}
[data-theme="dark"] .bg-teal {
  background-color: var(--color-teal);
}
[data-theme="dark"] .bg-purple {
  background-color: var(--color-purple);
}
[data-theme="dark"] .bg-blue {
  background-color: var(--color-blue);
}
[data-theme="dark"] .bg-yellow {
  background-color: var(--color-yellow);
}
[data-theme="dark"] .text-muted {
  color: var(--text-tertiary) !important;
}
[data-theme="dark"] .border {
  border-color: var(--border-primary) !important;
}
[data-theme="dark"] .loading-screen {
  background-color: var(--bg-primary);
}
[data-theme="dark"] footer {
  background-color: var(--bg-secondary);
  border-top-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .site-search {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .site-search input {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-text);
}
[data-theme="dark"] .dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .dropdown-menu .dropdown-item {
  color: var(--text-primary);
}
[data-theme="dark"] .dropdown-menu .dropdown-item:hover,
[data-theme="dark"] .dropdown-menu .dropdown-item:focus {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .dropdown-menu .dropdown-divider {
  border-color: var(--border-primary);
}
[data-theme="dark"] .badge.bg-primary {
  background-color: #0067ff !important;
}
[data-theme="dark"] .badge.bg-secondary {
  background-color: var(--bg-tertiary) !important;
}
[data-theme="dark"] .alert {
  border-color: var(--border-primary);
}
[data-theme="dark"] .alert.alert-danger {
  background-color: #3a2828;
  color: #ff6b6b;
  border-color: #5a3838;
}
[data-theme="dark"] .alert.alert-success {
  background-color: #283a28;
  color: #14b474;
  border-color: #385a38;
}
[data-theme="dark"] .alert.alert-warning {
  background-color: #3a3428;
  color: #ffd700;
  border-color: #5a5438;
}
[data-theme="dark"] .alert.alert-info {
  background-color: #283438;
  color: #8ACDD7;
  border-color: #385458;
}
[data-theme="dark"] .list-group .list-group-item {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .list-group .list-group-item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .progress {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .progress .progress-bar {
  background-color: #0067ff;
}
[data-theme="dark"] .nav-tabs {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .nav-tabs .nav-link {
  color: var(--text-secondary);
}
[data-theme="dark"] .nav-tabs .nav-link:hover {
  border-color: var(--border-primary);
}
[data-theme="dark"] .nav-tabs .nav-link.active {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .nav-pills .nav-link {
  color: var(--text-primary);
}
[data-theme="dark"] .nav-pills .nav-link:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .nav-pills .nav-link.active {
  background-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] .accordion .accordion-item {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .accordion .accordion-item .accordion-header .accordion-button {
  background-color: var(--panel-bg);
  color: var(--text-primary);
}
[data-theme="dark"] .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .accordion .accordion-item .accordion-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}
[data-theme="dark"] .pagination .page-link {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .pagination .page-link:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .pagination .page-item.active .page-link {
  background-color: #0067ff;
  border-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] * {
  scrollbar-color: var(--bg-tertiary) var(--bg-secondary);
}
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: var(--text-primary);
}
[data-theme="dark"] p,
[data-theme="dark"] span:not(.material-symbols-sharp):not(.badge):not(.arrow) {
  color: var(--text-primary);
}
[data-theme="dark"] a {
  color: var(--text-primary);
}
[data-theme="dark"] a:hover {
  color: var(--text-primary);
}
[data-theme="dark"] hr {
  border-color: var(--border-primary);
  opacity: 0.3;
}
[data-theme="dark"] header nav {
  background-color: var(--header-bg);
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] header nav .header-nav-link {
  color: var(--text-primary);
}
[data-theme="dark"] header nav .header-nav-link:hover,
[data-theme="dark"] header nav .header-nav-link.show {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] header nav .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] header #primaryNav .navbar-nav .nav-item .header-nav-link:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] header #primaryNav .navbar-nav .nav-item.active .header-nav-link,
[data-theme="dark"] header #primaryNav .navbar-nav .nav-item .header-nav-link.active {
  background-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] header #primaryNav .btn:not(.btn-solid):hover,
[data-theme="dark"] header #primaryNav .btn:not(.btn-solid).show {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary);
}
[data-theme="dark"] header #navbarActions .btn:not(.btn-solid):hover,
[data-theme="dark"] header #navbarActions .btn:not(.btn-solid).show {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary);
}
[data-theme="dark"] header #navbarActions .header-nav-link.show {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] header #mobileBrandingLink a {
  color: var(--text-primary);
}
[data-theme="dark"] header #mobileBrandingLink a img {
  background: var(--bg-tertiary);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  border-color: var(--border-primary);
}
[data-theme="dark"] header #navbarActions .userProfile:before {
  border-color: var(--bg-secondary);
  background-color: #14b474;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-toggle img {
  border-color: var(--border-primary);
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .card {
  background-color: var(--bg-secondary);
  border: 0;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .card .card-img-top {
  opacity: 0.8;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .card .card-body {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .card .card-body .card-title {
  color: var(--text-primary);
  font-weight: 600;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .card .card-body .card-title-sub {
  color: var(--text-secondary);
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .card .card-body .badge-section .badge {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary);
  border: 1px solid var(--border-primary);
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .card .big-image {
  border-color: var(--bg-secondary);
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .li-section {
  background-color: var(--bg-secondary);
  border: 0;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .li-section .list-group-item {
  color: var(--text-primary);
  position: relative;
  background-color: transparent;
  border: 0;
  padding: 0;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .li-section .list-group-item a {
  color: var(--text-primary);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0.7rem 1rem 0.7rem 0;
  width: 100%;
  transition: all 0.3s ease;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .li-section .list-group-item a .material-symbols-sharp {
  color: var(--iconColor);
  transition: all 0.3s ease;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .li-section .list-group-item a:hover {
  color: #0067ff;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .li-section .list-group-item a:hover .material-symbols-sharp {
  color: #0067ff;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .li-section .list-group-item:before {
  content: '';
  display: block;
  background: var(--bg-secondary);
  background: -moz-linear-gradient(left, var(--bg-secondary) 0%, var(--border-primary) 17%, var(--border-primary) 83%, var(--bg-secondary) 100%);
  background: -webkit-linear-gradient(left, var(--bg-secondary) 0%, var(--border-primary) 17%, var(--border-primary) 83%, var(--bg-secondary) 100%);
  background: linear-gradient(to right, var(--bg-secondary) 0%, var(--border-primary) 17%, var(--border-primary) 83%, var(--bg-secondary) 100%);
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
[data-theme="dark"] header #navbarActions .userProfile .dropdown-menu .li-section .list-group-item:last-child:before {
  content: none;
}
[data-theme="dark"] header #navbarActions .appItems .dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] header #navbarActions .appItems .dropdown-menu .card {
  background-color: var(--bg-secondary);
  border: 0;
}
[data-theme="dark"] header #navbarActions .appItems .dropdown-menu .card .card-body {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] header #navbarActions .appItems .allApplications li {
  background-color: var(--bg-tertiary);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] header #navbarActions .appItems .allApplications li:hover {
  background-color: var(--bg-quaternary);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] header #navbarActions .appItems .allApplications li span {
  color: var(--text-primary);
}
[data-theme="dark"] header #navbarActions .appItems .allApplications li a {
  color: var(--text-primary);
}
[data-theme="dark"] header .dashboard-item .row.m-0.footer-card {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] header .dashboard-item .row.m-0.footer-card h5,
[data-theme="dark"] header .dashboard-item .row.m-0.footer-card p,
[data-theme="dark"] header .dashboard-item .row.m-0.footer-card .btn {
  color: var(--text-primary);
}
[data-theme="dark"] header .dashboard-item .dropdown-menu {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] header .dashboard-item .dropdown-menu .lhs .cards,
[data-theme="dark"] header .dashboard-item .dropdown-menu .rhs .cards {
  transition: all 0.3s ease;
}
[data-theme="dark"] header .dashboard-item .dropdown-menu .lhs .cards:hover,
[data-theme="dark"] header .dashboard-item .dropdown-menu .rhs .cards:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] header .dropdown-menu.megamenu {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] header .dropdown-menu.megamenu .left-pane {
  background-color: var(--panel-bg);
  box-shadow: rgba(0, 0, 0, 0.5) 30px 2px 50px -45px;
}
[data-theme="dark"] header .dropdown-menu.megamenu .right-pane {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] header .dropdown-menu.megamenu h5,
[data-theme="dark"] header .dropdown-menu.megamenu p {
  color: var(--text-primary);
}
[data-theme="dark"] header .widget-1 .cards,
[data-theme="dark"] header .widget-2 .cards,
[data-theme="dark"] header .widget-3 .cards,
[data-theme="dark"] header .widget-1 .card,
[data-theme="dark"] header .widget-2 .card,
[data-theme="dark"] header .widget-3 .card {
  background-color: var(--card-bg);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] header .widget-1 .cards .card-body h6,
[data-theme="dark"] header .widget-2 .cards .card-body h6,
[data-theme="dark"] header .widget-3 .cards .card-body h6,
[data-theme="dark"] header .widget-1 .card .card-body h6,
[data-theme="dark"] header .widget-2 .card .card-body h6,
[data-theme="dark"] header .widget-3 .card .card-body h6,
[data-theme="dark"] header .widget-1 .cards .card-body p,
[data-theme="dark"] header .widget-2 .cards .card-body p,
[data-theme="dark"] header .widget-3 .cards .card-body p,
[data-theme="dark"] header .widget-1 .card .card-body p,
[data-theme="dark"] header .widget-2 .card .card-body p,
[data-theme="dark"] header .widget-3 .card .card-body p,
[data-theme="dark"] header .widget-1 .cards .card-body span:not(.material-symbols-sharp),
[data-theme="dark"] header .widget-2 .cards .card-body span:not(.material-symbols-sharp),
[data-theme="dark"] header .widget-3 .cards .card-body span:not(.material-symbols-sharp),
[data-theme="dark"] header .widget-1 .card .card-body span:not(.material-symbols-sharp),
[data-theme="dark"] header .widget-2 .card .card-body span:not(.material-symbols-sharp),
[data-theme="dark"] header .widget-3 .card .card-body span:not(.material-symbols-sharp) {
  color: var(--text-primary);
}
[data-theme="dark"] header .widget-1 a:hover .cards,
[data-theme="dark"] header .widget-2 a:hover .cards,
[data-theme="dark"] header .widget-3 a:hover .cards,
[data-theme="dark"] header .widget-1 a:hover .card,
[data-theme="dark"] header .widget-2 a:hover .card,
[data-theme="dark"] header .widget-3 a:hover .card {
  background-color: var(--bg-tertiary);
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] header .carousel-caption {
  color: #ffffff;
}
[data-theme="dark"] header .li-menu .cf-title {
  color: var(--text-primary);
}
[data-theme="dark"] header .li-menu .cf-title:before {
  background-color: #ffc600;
}
[data-theme="dark"] header .li-menu .cf-box:before {
  background: linear-gradient(to right, var(--bg-secondary) 0%, var(--border-primary) 17%, var(--border-primary) 83%, var(--bg-secondary) 100%);
}
[data-theme="dark"] header .li-menu .cf-box ul li:before {
  background: var(--border-light-dark);
}
[data-theme="dark"] header .li-menu .cf-box ul li a {
  color: var(--text-primary) !important;
}
[data-theme="dark"] header .li-menu .cf-box ul li a:before {
  background: var(--text-primary);
}
[data-theme="dark"] header .site-search {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] header .site-search input {
  background-color: var(--input-bg);
  color: var(--input-text);
  border-bottom: 1px solid var(--border-primary);
}
[data-theme="dark"] header .site-search input::placeholder {
  color: var(--text-tertiary);
}
[data-theme="dark"] header .site-search .search-tools .clear-search {
  color: var(--text-tertiary);
}
[data-theme="dark"] header .site-search .search-tools .clear-search:hover {
  color: var(--text-secondary);
}
[data-theme="dark"] header .site-search .search-tools .close-search {
  color: var(--text-primary);
}
[data-theme="dark"] header .site-search .search-tools .close-search:hover {
  color: var(--text-tertiary);
}
[data-theme="dark"] header .notification-count {
  background: #DE3535;
  color: #ffffff;
}
[data-theme="dark"] header .nav-arrow {
  background-color: var(--bg-quaternary);
}
[data-theme="dark"] header .nav-arrow::after,
[data-theme="dark"] header .nav-arrow::before {
  background-color: #ffffff;
}
[data-theme="dark"] header .nav-arrow.active {
  background-color: #0067ff;
}
[data-theme="dark"] header .arrow::after {
  border-color: var(--text-primary);
}
[data-theme="dark"] header .arrow::before {
  background-color: var(--text-primary);
}
[data-theme="dark"] header .widget-1 a:hover .arrow::after,
[data-theme="dark"] header .widget-2 a:hover .arrow::after,
[data-theme="dark"] header .widget-3 a:hover .arrow::after,
[data-theme="dark"] header .widget-1 a.active .arrow::after,
[data-theme="dark"] header .widget-2 a.active .arrow::after,
[data-theme="dark"] header .widget-3 a.active .arrow::after {
  border-color: #0067ff;
}
[data-theme="dark"] header .widget-1 a:hover .arrow::before,
[data-theme="dark"] header .widget-2 a:hover .arrow::before,
[data-theme="dark"] header .widget-3 a:hover .arrow::before,
[data-theme="dark"] header .widget-1 a.active .arrow::before,
[data-theme="dark"] header .widget-2 a.active .arrow::before,
[data-theme="dark"] header .widget-3 a.active .arrow::before {
  background-color: #0067ff;
}
[data-theme="dark"] header .dashboard-item a:hover .arrow::after,
[data-theme="dark"] header .dropdown-menu.megamenu a:hover .arrow::after {
  border-color: var(--text-primary);
}
[data-theme="dark"] header .dashboard-item a:hover .arrow::before,
[data-theme="dark"] header .dropdown-menu.megamenu a:hover .arrow::before {
  background-color: var(--text-primary);
}
[data-theme="dark"] header .dropdown-item .nav-arrow:hover {
  background-color: #0067ff;
}
[data-theme="dark"] aside,
[data-theme="dark"] .app-sidebar {
  background-color: var(--sidebar-bg);
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
  border-right-color: var(--border-primary);
}
[data-theme="dark"] aside #brandingLink,
[data-theme="dark"] .app-sidebar #brandingLink {
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] aside #brandingLink img,
[data-theme="dark"] .app-sidebar #brandingLink img {
  background: var(--bg-tertiary);
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  border-color: var(--border-primary);
}
[data-theme="dark"] aside #brandingLink span,
[data-theme="dark"] .app-sidebar #brandingLink span {
  color: var(--text-primary);
}
[data-theme="dark"] aside .material-symbols-sharp,
[data-theme="dark"] .app-sidebar .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] aside span.nav-link,
[data-theme="dark"] .app-sidebar span.nav-link,
[data-theme="dark"] aside a.nav-link,
[data-theme="dark"] .app-sidebar a.nav-link {
  color: var(--text-primary);
}
[data-theme="dark"] aside span.nav-link:hover,
[data-theme="dark"] .app-sidebar span.nav-link:hover,
[data-theme="dark"] aside a.nav-link:hover,
[data-theme="dark"] .app-sidebar a.nav-link:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] aside .nav-title,
[data-theme="dark"] .app-sidebar .nav-title {
  color: var(--text-primary);
}
[data-theme="dark"] aside .nav-title:before,
[data-theme="dark"] .app-sidebar .nav-title:before {
  color: var(--text-tertiary);
}
[data-theme="dark"] aside .nav-item:hover:not(.active) span.nav-link,
[data-theme="dark"] .app-sidebar .nav-item:hover:not(.active) span.nav-link,
[data-theme="dark"] aside .nav-item:hover:not(.active) a.nav-link,
[data-theme="dark"] .app-sidebar .nav-item:hover:not(.active) a.nav-link {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] aside .nav-item.divider,
[data-theme="dark"] .app-sidebar .nav-item.divider {
  color: var(--text-primary);
}
[data-theme="dark"] aside .nav-arrow,
[data-theme="dark"] .app-sidebar .nav-arrow {
  background-color: var(--bg-quaternary);
}
[data-theme="dark"] aside .nav-arrow::after,
[data-theme="dark"] .app-sidebar .nav-arrow::after,
[data-theme="dark"] aside .nav-arrow::before,
[data-theme="dark"] .app-sidebar .nav-arrow::before {
  background-color: #ffffff;
}
[data-theme="dark"] aside .nav-accordion.active > span,
[data-theme="dark"] .app-sidebar .nav-accordion.active > span {
  background: rgba(0, 103, 255, 0.15) !important;
  background: -moz-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: -webkit-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: linear-gradient(to right, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  border-left: solid 4px #0067ff !important;
}
[data-theme="dark"] aside .nav-accordion.active > span .nav-arrow,
[data-theme="dark"] .app-sidebar .nav-accordion.active > span .nav-arrow {
  background-color: #0067ff;
}
[data-theme="dark"] aside .nav-accordion.active:hover > span,
[data-theme="dark"] .app-sidebar .nav-accordion.active:hover > span {
  background: rgba(0, 103, 255, 0.2) !important;
  background: -moz-linear-gradient(left, rgba(0, 103, 255, 0.2) 0%, rgba(0, 103, 255, 0.12) 51%, transparent 100%) !important;
  background: -webkit-linear-gradient(left, rgba(0, 103, 255, 0.2) 0%, rgba(0, 103, 255, 0.12) 51%, transparent 100%) !important;
  background: linear-gradient(to right, rgba(0, 103, 255, 0.2) 0%, rgba(0, 103, 255, 0.12) 51%, transparent 100%) !important;
}
[data-theme="dark"] aside .nav-item.no-child:not(.nav-accordion).active,
[data-theme="dark"] .app-sidebar .nav-item.no-child:not(.nav-accordion).active {
  background: rgba(0, 103, 255, 0.15) !important;
  background: -moz-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: -webkit-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: linear-gradient(to right, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  border-left: solid 4px #0067ff !important;
}
[data-theme="dark"] aside .nav-item.no-child:not(.nav-accordion).active a.nav-link,
[data-theme="dark"] .app-sidebar .nav-item.no-child:not(.nav-accordion).active a.nav-link,
[data-theme="dark"] aside .nav-item.no-child:not(.nav-accordion).active span.nav-link,
[data-theme="dark"] .app-sidebar .nav-item.no-child:not(.nav-accordion).active span.nav-link {
  background: transparent;
}
[data-theme="dark"] aside .nav-item.no-child:not(.nav-accordion).active:hover,
[data-theme="dark"] .app-sidebar .nav-item.no-child:not(.nav-accordion).active:hover {
  background: rgba(0, 103, 255, 0.2) !important;
  background: -moz-linear-gradient(left, rgba(0, 103, 255, 0.2) 0%, rgba(0, 103, 255, 0.12) 51%, transparent 100%) !important;
  background: -webkit-linear-gradient(left, rgba(0, 103, 255, 0.2) 0%, rgba(0, 103, 255, 0.12) 51%, transparent 100%) !important;
  background: linear-gradient(to right, rgba(0, 103, 255, 0.2) 0%, rgba(0, 103, 255, 0.12) 51%, transparent 100%) !important;
}
[data-theme="dark"] aside .nav-item.no-child:not(.nav-accordion):hover:not(.active) span.nav-link,
[data-theme="dark"] .app-sidebar .nav-item.no-child:not(.nav-accordion):hover:not(.active) span.nav-link,
[data-theme="dark"] aside .nav-item.no-child:not(.nav-accordion):hover:not(.active) a.nav-link,
[data-theme="dark"] .app-sidebar .nav-item.no-child:not(.nav-accordion):hover:not(.active) a.nav-link {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] aside .nav-hover-bg,
[data-theme="dark"] .app-sidebar .nav-hover-bg {
  background: rgba(0, 103, 255, 0.15) !important;
  background: -moz-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: -webkit-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: linear-gradient(to right, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  border-left: solid 5px #0067ff !important;
}
[data-theme="dark"] aside .user_info a,
[data-theme="dark"] .app-sidebar .user_info a {
  color: var(--text-primary);
}
[data-theme="dark"] aside .user_info img,
[data-theme="dark"] .app-sidebar .user_info img {
  border-color: var(--border-primary);
}
[data-theme="dark"] aside .user_info .dropdown-menu,
[data-theme="dark"] .app-sidebar .user_info .dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] aside .user_info .dropdown-menu .user_account .hr-line:before,
[data-theme="dark"] .app-sidebar .user_info .dropdown-menu .user_account .hr-line:before {
  background: linear-gradient(to right, var(--bg-secondary) 0%, var(--border-primary) 17%, var(--border-primary) 83%, var(--bg-secondary) 100%);
}
[data-theme="dark"] aside .user_info .dropdown-menu .dropdown-item,
[data-theme="dark"] .app-sidebar .user_info .dropdown-menu .dropdown-item {
  color: var(--text-primary);
}
[data-theme="dark"] aside .user_info .dropdown-menu .dropdown-item:hover,
[data-theme="dark"] .app-sidebar .user_info .dropdown-menu .dropdown-item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] aside .hr-line:before,
[data-theme="dark"] .app-sidebar .hr-line:before {
  background: linear-gradient(to right, var(--sidebar-bg) 0%, var(--border-primary) 17%, var(--border-primary) 83%, var(--sidebar-bg) 100%);
}
[data-theme="dark"] .drawer-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
[data-theme="dark"] .minSidebar .app-sidebar {
  background: var(--sidebar-bg);
}
[data-theme="dark"] .minSidebar .app-sidebar .nav-item.active:not(.app-sidebar:hover .nav-item.active) {
  background: rgba(0, 103, 255, 0.15) !important;
  background: -moz-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: -webkit-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: linear-gradient(to right, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  border-left: solid 2px #0067ff !important;
}
[data-theme="dark"] .minSidebar .app-sidebar .nav-item.active:not(.app-sidebar:hover .nav-item.active) .nav-link {
  background: transparent;
}
[data-theme="dark"] .minSidebar .app-sidebar:hover .nav-accordion.active > span {
  background: rgba(0, 103, 255, 0.15) !important;
  background: -moz-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: -webkit-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: linear-gradient(to right, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  border-left: solid 4px #0067ff !important;
}
[data-theme="dark"] .minSidebar .app-sidebar:hover .nav-item:hover:not(.active) span.nav-link,
[data-theme="dark"] .minSidebar .app-sidebar:hover .nav-item:hover:not(.active) a.nav-link {
  background-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .minSidebar .app-sidebar:hover .nav-item.active {
  background: rgba(0, 103, 255, 0.15) !important;
  background: -moz-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: -webkit-linear-gradient(left, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  background: linear-gradient(to right, rgba(0, 103, 255, 0.15) 0%, rgba(0, 103, 255, 0.08) 51%, transparent 100%) !important;
  border-left: solid 4px #0067ff !important;
}
[data-theme="dark"] .minSidebar .nav-hover-bg:not(.app-sidebar:hover .nav-hover-bg) {
  border-left: solid 2px #0067ff !important;
}
[data-theme="dark"] .page-header.page-header-default {
  background-color: var(--bg-secondary);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .page-header.page-header-default .page-title h5 {
  color: var(--text-primary);
}
[data-theme="dark"] .page-header.page-header-default #breadcrumb-right li {
  border-left-color: var(--border-primary);
}
[data-theme="dark"] .page-header.page-header-default #breadcrumb-right li h5,
[data-theme="dark"] .page-header.page-header-default #breadcrumb-right li span {
  color: var(--text-secondary);
}
[data-theme="dark"] .page-header.page-header-default .breadcrumb .breadcrumb-item {
  color: var(--text-secondary);
}
[data-theme="dark"] .page-header.page-header-default .breadcrumb .breadcrumb-item.active {
  color: var(--text-primary);
}
[data-theme="dark"] .page-header.page-header-default .breadcrumb .breadcrumb-item a {
  color: var(--text-secondary);
}
[data-theme="dark"] .page-header.page-header-default .breadcrumb .breadcrumb-item + li:before {
  color: var(--text-tertiary);
}
[data-theme="dark"] .page-header.page-header-default .sparkline:empty {
  background: linear-gradient(90deg, transparent 0px, transparent 5px, rgba(255, 255, 255, 0.03) 5px, rgba(255, 255, 255, 0.03) 7px, transparent 7px);
}
[data-theme="dark"] .panel-card {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .panel-card:hover {
  border-color: var(--border-light-dark);
}
[data-theme="dark"] .panel-card .card-header {
  background: linear-gradient(180deg, var(--bg-tertiary) 0%, var(--panel-bg) 100%);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .panel-card .card-header .card-title {
  color: var(--text-primary);
}
[data-theme="dark"] .panel-card .card-header .card-subtitle {
  color: var(--text-secondary);
}
[data-theme="dark"] .panel-card .panel-actions .btn-icon {
  background: var(--bg-tertiary);
  color: var(--iconColor);
}
[data-theme="dark"] .panel-card .panel-actions .btn-icon:hover {
  background: var(--bg-quaternary);
  border-color: var(--border-light-dark);
}
[data-theme="dark"] .panel-backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}
[data-theme="dark"] .notifications-offcanvas {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-header {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .notifications-offcanvas .notification-header .material-symbols-sharp {
  border-color: var(--border-primary);
  background: var(--bg-tertiary);
  color: var(--iconColor);
}
[data-theme="dark"] .notifications-offcanvas .notification-header .mark-all-read-btn {
  color: #0067ff;
}
[data-theme="dark"] .notifications-offcanvas .notification-header .mark-all-read-btn .material-symbols-sharp {
  color: #0067ff;
}
[data-theme="dark"] .notifications-offcanvas .nav-link {
  color: var(--text-primary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .card {
  background-color: var(--card-bg);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .card .card-body,
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .card .card-text {
  color: var(--text-primary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .notification-avatar:before {
  border-color: var(--bg-secondary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .hr-line:before {
  background: linear-gradient(to right, var(--bg-secondary) 0%, var(--border-primary) 17%, var(--border-primary) 83%, var(--bg-secondary) 100%);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .notification-timestamp {
  color: var(--text-tertiary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .badge-tag {
  color: var(--text-primary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .blockquote {
  color: var(--text-primary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .notification-attachment {
  color: var(--text-primary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .notification-attachment .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] .loading-screen {
  background-color: var(--bg-primary);
}
[data-theme="dark"] label {
  color: var(--text-primary);
}
[data-theme="dark"] small,
[data-theme="dark"] .small {
  color: var(--text-secondary);
}
[data-theme="dark"] .text-secondary {
  color: var(--text-secondary) !important;
}
[data-theme="dark"] .btn:not(.btn-solid):hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .dropdown-menu > li:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .submenu.dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .submenu.dropdown-menu .dropdown-item {
  color: var(--text-primary);
}
[data-theme="dark"] .submenu.dropdown-menu .dropdown-item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .privacy-links .list-group-item {
  background-color: transparent;
  border-color: var(--border-primary);
}
[data-theme="dark"] .privacy-links .list-group-item a {
  color: var(--text-primary);
}
[data-theme="dark"] code {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] pre {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme="dark"] blockquote {
  border-left-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme="dark"] mark,
[data-theme="dark"] .mark {
  background-color: var(--bg-quaternary);
  color: var(--text-primary);
}
[data-theme="dark"] kbd {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] select.form-select,
[data-theme="dark"] select.form-control {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-text);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e8e8e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
[data-theme="dark"] select.form-select option,
[data-theme="dark"] select.form-control option {
  background-color: var(--input-bg);
  color: var(--input-text);
}
[data-theme="dark"] .form-check-input {
  background-color: var(--input-bg);
  border-color: var(--input-border);
}
[data-theme="dark"] .form-check-input:checked {
  background-color: #0067ff;
  border-color: #0067ff;
}
[data-theme="dark"] input[type="range"]::-webkit-slider-track {
  background: var(--bg-tertiary);
}
[data-theme="dark"] input[type="range"]::-webkit-slider-thumb {
  background: #0067ff;
}
[data-theme="dark"] input[type="range"]::-moz-range-track {
  background: var(--bg-tertiary);
}
[data-theme="dark"] input[type="range"]::-moz-range-thumb {
  background: #0067ff;
}
[data-theme="dark"] .form-control[type="file"]::file-selector-button {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .disabled,
[data-theme="dark"] :disabled {
  opacity: 0.5;
}
[data-theme="dark"] footer {
  background-color: var(--bg-secondary);
  border-top: 1px solid var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] footer nav {
  background-color: var(--bg-secondary);
  border-top-color: var(--border-primary);
}
[data-theme="dark"] footer nav .nav-link {
  color: var(--text-secondary);
}
[data-theme="dark"] footer nav .nav-link:hover {
  color: var(--text-primary);
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] footer nav .nav-link.active {
  color: #0067ff;
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] footer a {
  color: var(--text-secondary);
}
[data-theme="dark"] footer a:hover {
  color: var(--text-primary);
}
[data-theme="dark"] footer a.active {
  color: #0067ff;
}
[data-theme="dark"] footer p,
[data-theme="dark"] footer span {
  color: var(--text-secondary);
}
[data-theme="dark"] footer .footer-links a {
  color: var(--text-secondary);
}
[data-theme="dark"] footer .footer-links a:hover {
  color: #0067ff;
}
[data-theme="dark"] footer .footer-links a.active {
  color: #0067ff;
}
[data-theme="dark"] footer .copyright {
  color: var(--text-tertiary);
}
[data-theme="dark"] footer .navbar-nav .nav-item .nav-link:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] footer .navbar-nav .nav-item .nav-link.active {
  background-color: var(--bg-tertiary);
  color: #0067ff;
}
[data-theme="dark"] .card:hover {
  border-color: var(--border-light-dark);
}
[data-theme="dark"] .list-group-item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .bg-primary,
[data-theme="dark"] .bg-success,
[data-theme="dark"] .bg-danger,
[data-theme="dark"] .bg-warning,
[data-theme="dark"] .bg-info {
  color: #ffffff !important;
}
[data-theme="dark"] .bg-primary *,
[data-theme="dark"] .bg-success *,
[data-theme="dark"] .bg-danger *,
[data-theme="dark"] .bg-warning *,
[data-theme="dark"] .bg-info * {
  color: #ffffff !important;
}
[data-theme="dark"] .learnMore {
  color: var(--text-secondary);
}
[data-theme="dark"] .learnMore:hover {
  color: #0067ff;
}
[data-theme="dark"] .learnMore i {
  color: var(--text-secondary);
}
[data-theme="dark"] .privacy-links a,
[data-theme="dark"] .list-group-horizontal a {
  color: var(--text-secondary);
}
[data-theme="dark"] .privacy-links a:hover,
[data-theme="dark"] .list-group-horizontal a:hover {
  color: var(--text-primary);
}
.theme-toggle {
  cursor: pointer;
  transition: all 0.3s ease;
}
.theme-toggle:hover {
  transform: rotate(180deg);
}
[data-theme="dark"] .dataTable thead th {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .dataTable thead th.dt-ordering-asc::after,
[data-theme="dark"] .dataTable thead th.dt-ordering-desc::after {
  color: #0067ff;
}
[data-theme="dark"] .dataTable tbody tr {
  border-color: var(--border-primary);
}
[data-theme="dark"] .dataTable tbody tr:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .dataTable tbody tr td {
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .dataTable tfoot th {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .dt-wrapper .dt-bootstrap5 .dt-loading > div {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] .dt-loading td.dt-empty::before {
  background-image: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0px, rgba(255, 255, 255, 0.05) 47.2px, transparent 47.2px, transparent 94.4px), repeating-linear-gradient(0deg, transparent 0px, transparent 13.6px, rgba(255, 255, 255, 0.1) 13.6px, rgba(255, 255, 255, 0.15) 18.6px, rgba(255, 255, 255, 0.2) 23.6px, rgba(255, 255, 255, 0.15) 28.6px, rgba(255, 255, 255, 0.1) 33.6px, transparent 33.6px, transparent 47.2px);
}
[data-theme="dark"] .table-condensed.dataTable thead th,
[data-theme="dark"] .table-condensed.table thead th,
[data-theme="dark"] .table-condensed.dataTable tfoot th,
[data-theme="dark"] .table-condensed.table tfoot th {
  border-color: var(--border-primary);
}
[data-theme="dark"] .table-condensed.dataTable tbody tr,
[data-theme="dark"] .table-condensed.table tbody tr {
  border-color: var(--border-primary);
}
[data-theme="dark"] .table-condensed.dataTable tbody tr td,
[data-theme="dark"] .table-condensed.table tbody tr td {
  border-color: var(--border-primary);
}
[data-theme="dark"] .dt-paging nav ul.pagination li.dt-paging-button button.page-link {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .dt-paging nav ul.pagination li.dt-paging-button button.page-link:hover {
  background-color: var(--bg-tertiary);
  border-color: rgba(0, 103, 255, 0.3);
  color: #0067ff;
}
[data-theme="dark"] .dt-paging nav ul.pagination li.dt-paging-button.active button.page-link {
  background-color: #0067ff;
  border-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] .dt-paging nav ul.pagination li.dt-paging-button.disabled button.page-link {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-tertiary);
}
[data-theme="dark"] .dt-length,
[data-theme="dark"] .dt-search,
[data-theme="dark"] .dt-info {
  color: var(--text-primary);
}
[data-theme="dark"] .dt-length label,
[data-theme="dark"] .dt-search label,
[data-theme="dark"] .dt-info label {
  color: var(--text-primary);
}
[data-theme="dark"] .dt-length select,
[data-theme="dark"] .dt-search select,
[data-theme="dark"] .dt-info select,
[data-theme="dark"] .dt-length input[type="search"],
[data-theme="dark"] .dt-search input[type="search"],
[data-theme="dark"] .dt-info input[type="search"] {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-text);
}
[data-theme="dark"] .days-week-badges .day-badge.day-active {
  background-color: var(--color-green);
  color: var(--text-primary);
}
[data-theme="dark"] .days-week-badges .day-badge.day-inactive {
  background-color: var(--color-red);
  color: var(--text-primary);
}
[data-theme="dark"] .expanded-row-content {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] .expanded-row-content .expanded-table td {
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme="dark"] [data-editable]:not(.btn) {
  border-bottom-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] [data-editable]:not(.btn):hover {
  border-bottom-color: #0067ff;
  color: #0067ff;
}
[data-theme="dark"] .editable-empty {
  color: var(--text-tertiary);
}
[data-theme="dark"] .editable-container .editable-input {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-text);
}
[data-theme="dark"] .editable-container .editable-input:focus {
  border-color: #0067ff;
}
[data-theme="dark"] .editable-container .editable-buttons .editable-cancel {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .editable-container .editable-buttons .editable-cancel:hover {
  background-color: var(--bg-quaternary);
}
[data-theme="dark"] .editable-popup {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .editable-popup.editable-bottom .editable-arrow {
  border-bottom-color: var(--bg-secondary);
}
[data-theme="dark"] .editable-popup.editable-bottom .editable-arrow::before {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .editable-popup.editable-top .editable-arrow {
  border-top-color: var(--bg-secondary);
}
[data-theme="dark"] .editable-popup.editable-top .editable-arrow::before {
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .editable-popup.editable-left .editable-arrow {
  border-left-color: var(--bg-secondary);
}
[data-theme="dark"] .editable-popup.editable-left .editable-arrow::before {
  border-left-color: var(--border-primary);
}
[data-theme="dark"] .editable-popup.editable-right .editable-arrow {
  border-right-color: var(--bg-secondary);
}
[data-theme="dark"] .editable-popup.editable-right .editable-arrow::before {
  border-right-color: var(--border-primary);
}
[data-theme="dark"] .editable-inline {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .badge-green {
  background-color: var(--color-green);
  color: var(--text-primary);
}
[data-theme="dark"] .badge-blue {
  background-color: var(--color-blue);
  color: var(--text-primary);
}
[data-theme="dark"] .badge-yellow {
  background-color: var(--color-yellow);
  color: var(--text-primary);
}
[data-theme="dark"] .badge-red {
  background-color: var(--color-red);
  color: var(--text-primary);
}
[data-theme="dark"] .badge-purple {
  background-color: var(--color-purple);
  color: #ffffff;
}
[data-theme="dark"] .badge-teal {
  background-color: var(--color-teal);
  color: var(--text-primary);
}
[data-theme="dark"] .badge-orange {
  background-color: var(--color-orange);
  color: var(--text-primary);
}
[data-theme="dark"] .badge-disabled {
  background-color: var(--bg-tertiary);
  color: var(--text-tertiary);
}
[data-theme="dark"] .jq-toast-wrap .jq-toast-single h2 {
  color: inherit;
}
[data-theme="dark"] .jq-toast-wrap .jq-icon-success {
  background-color: #2a4a2a;
  color: #90ee90;
  border-left-color: #14b474;
}
[data-theme="dark"] .jq-toast-wrap .jq-icon-success h2 {
  color: #90ee90;
}
[data-theme="dark"] .jq-toast-wrap .jq-icon-error {
  background-color: #4a2a2a;
  color: #ff9090;
  border-left-color: #f5392f;
}
[data-theme="dark"] .jq-toast-wrap .jq-icon-error h2 {
  color: #ff9090;
}
[data-theme="dark"] .jq-toast-wrap .jq-icon-warning {
  background-color: #4a4a2a;
  color: #ffdd90;
  border-left-color: #ffaa59;
}
[data-theme="dark"] .jq-toast-wrap .jq-icon-warning h2 {
  color: #ffdd90;
}
[data-theme="dark"] .jq-toast-wrap .jq-icon-info {
  background-color: #2a3a4a;
  color: #90ccff;
  border-left-color: #40abbb;
}
[data-theme="dark"] .jq-toast-wrap .jq-icon-info h2 {
  color: #90ccff;
}
[data-theme="dark"] .jq-toast-wrap .close-jq-toast-single {
  color: inherit;
}
[data-theme="dark"] .widget-stats-card-1 {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-1__timestamp,
[data-theme="dark"] .widget-stats-card-1__meta {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-1__label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-1__number {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-1__unit {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-1__icon {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-1__icon .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] .widget-stats-card-1__chart--bar .widget-stats-card-1__bar {
  background-color: rgba(255, 255, 255, 0.2);
}
[data-theme="dark"] .widget-stats-card-1--pattern-red,
[data-theme="dark"] .widget-stats-card-1--pattern-orange,
[data-theme="dark"] .widget-stats-card-1--pattern-yellow,
[data-theme="dark"] .widget-stats-card-1--pattern-blue {
  background-color: var(--card-bg);
}
[data-theme="dark"] .widget-stats-card-1--pattern-red::before,
[data-theme="dark"] .widget-stats-card-1--pattern-orange::before,
[data-theme="dark"] .widget-stats-card-1--pattern-yellow::before,
[data-theme="dark"] .widget-stats-card-1--pattern-blue::before,
[data-theme="dark"] .widget-stats-card-1--pattern-red::after,
[data-theme="dark"] .widget-stats-card-1--pattern-orange::after,
[data-theme="dark"] .widget-stats-card-1--pattern-yellow::after,
[data-theme="dark"] .widget-stats-card-1--pattern-blue::after {
  opacity: 0.3;
}
[data-theme="dark"] .widget-stats-card-1--img-pattern-1::before,
[data-theme="dark"] .widget-stats-card-1--img-pattern-2::before,
[data-theme="dark"] .widget-stats-card-1--img-pattern-3::before,
[data-theme="dark"] .widget-stats-card-1--img-pattern-4::before {
  opacity: 0.15;
}
[data-theme="dark"] .widget-stats-card-2 {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-2__label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-2__number {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-2__unit {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-2__icon {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-2__icon .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] .widget-stats-card-2--pattern-red::before,
[data-theme="dark"] .widget-stats-card-2--pattern-orange::before,
[data-theme="dark"] .widget-stats-card-2--pattern-yellow::before,
[data-theme="dark"] .widget-stats-card-2--pattern-blue::before {
  opacity: 0.25;
}
[data-theme="dark"] .widget-stats-card-3 {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-3::before {
  opacity: 0.15;
}
[data-theme="dark"] .widget-stats-card-3__right {
  border-left-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-3__title {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-3__subtitle {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-3__member-avatar--placeholder {
  background-color: var(--color-purple);
}
[data-theme="dark"] .widget-stats-card-3__member-name {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-3__member-role {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-3__member-percent {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-3__member-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-3__progress-bar-segment--filled {
  background-color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-3__progress-bar-segment--empty {
  background-color: rgba(255, 255, 255, 0.15);
}
[data-theme="dark"] .widget-stats-card-3__legend-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-3__legend-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-3__summary {
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-3__summary-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-3__summary-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-3__time {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-4 {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-4__title {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-4__description {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-4__change {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-4__change-text {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-4__icon {
  background-color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .widget-stats-card-4__icon .material-symbols-sharp {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-4__dropdown .btn-icon {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  color: var(--iconColor);
}
[data-theme="dark"] .widget-stats-card-4__dropdown .btn-icon:hover {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-5 {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-5__title {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-5__date-selector {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-5__date-selector .material-symbols-sharp {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-5__revenue-label {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-5__revenue-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-5__revenue-value .decimal {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-5__revenue-comparison {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-5__revenue-comparison .comparison-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-5__stat-card {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-5__stat-card--dark {
  background-color: #333333;
  border-color: #333333;
}
[data-theme="dark"] .widget-stats-card-5__stat-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-5__stat-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-5__stat-name {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-5__stat-desc {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-5__stat-meta {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-5__team-bar {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-5__team-member {
  background-color: var(--card-bg);
}
[data-theme="dark"] .widget-stats-card-5__team-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-5__team-percent {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-5__avatar-stack-item {
  border-color: var(--card-bg);
}
[data-theme="dark"] .widget-stats-card-7 {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-7__map {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-7__customer-name {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-7__customer-id {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-7__address-section {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-7__address-label {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-7__address-text {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-7__meta-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-7__meta-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-7__item {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-7__item-image {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-7__item-name {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-7__item-desc,
[data-theme="dark"] .widget-stats-card-7__item-qty {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-7__item-price {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-7__summary {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-7__summary-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-7__summary-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-7__summary-row--total {
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-7__delivery-section {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-7__delivery-label,
[data-theme="dark"] .widget-stats-card-7__delivery-name {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-7__delivery-id,
[data-theme="dark"] .widget-stats-card-7__phone-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-7__phone-number {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-8 {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-8__header {
  border-bottom-color: var(--border-primary);
  background: linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-quaternary) 100%);
}
[data-theme="dark"] .widget-stats-card-8__title {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-8__title .material-symbols-sharp {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-8__date {
  color: var(--text-secondary);
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-8__item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-8__icon {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-8__icon .material-symbols-sharp {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-8__avatar {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-8__text {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-8__time {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-8--timeline .widget-stats-card-8__body::before {
  background-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-8__timeline-time {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-8__timeline-dot {
  background-color: var(--border-primary);
  border-color: var(--card-bg);
  box-shadow: 0 0 0 2px var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-8__timeline-title {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-8__timeline-desc {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-8__timeline-item:hover {
  background-color: rgba(0, 103, 255, 0.1);
}
[data-theme="dark"] .widget-stats-card-9 {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-9__header {
  border-bottom-color: var(--border-primary);
  background: linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-quaternary) 100%);
}
[data-theme="dark"] .widget-stats-card-9__title {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-9__title .material-symbols-sharp {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-9__item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-9__item--active {
  background-color: rgba(0, 103, 255, 0.15);
}
[data-theme="dark"] .widget-stats-card-9__name {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-9__time,
[data-theme="dark"] .widget-stats-card-9__details,
[data-theme="dark"] .widget-stats-card-9__subtitle {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-9__separator {
  background-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-9__trips {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-9__rating {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-11 {
  background: linear-gradient(145deg, var(--bg-tertiary), var(--bg-quaternary));
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3), -6px -6px 12px var(--bg-secondary);
}
[data-theme="dark"] .widget-stats-card-11:hover {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3), -4px -4px 8px var(--bg-secondary);
}
[data-theme="dark"] .widget-stats-card-11__icon {
  background: linear-gradient(145deg, var(--bg-tertiary), var(--bg-quaternary));
  box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.2), inset -3px -3px 6px var(--bg-secondary);
}
[data-theme="dark"] .widget-stats-card-11__badge {
  color: var(--text-secondary);
  background: linear-gradient(145deg, var(--card-bg), var(--bg-tertiary));
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2), -2px -2px 4px var(--bg-secondary);
}
[data-theme="dark"] .widget-stats-card-11__value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-11__label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-11__footer {
  border-top-color: rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .widget-stats-card-11__trend {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.15), inset -2px -2px 4px rgba(255, 255, 255, 0.05);
}
[data-theme="dark"] .widget-stats-card-13 {
  background: var(--card-bg);
  box-shadow: 0 0 0 1px var(--border-primary), 0 1px 3px rgba(0, 0, 0, 0.15);
}
[data-theme="dark"] .widget-stats-card-13:hover {
  box-shadow: 0 0 0 1px var(--border-primary), 0 4px 12px rgba(0, 0, 0, 0.25);
}
[data-theme="dark"] .widget-stats-card-13__label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-13__value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-13__meta {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-14 {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-14__title {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-14__subtitle {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-14__menu .material-symbols-sharp {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-14__menu:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .widget-stats-card-14__stat-label {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-14__stat-sublabel {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-14__stat-amount {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-15 {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-15__title {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-15__center-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-15__center-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-15__legend {
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-15__legend-item:not(:last-child) {
  border-right-color: var(--border-primary);
}
[data-theme="dark"] .widget-stats-card-15__legend-value {
  color: var(--text-primary);
}
[data-theme="dark"] .widget-stats-card-15__legend-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .widget-stats-card-16 {
  background: var(--card-bg);
  border-color: var(--border-primary);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
[data-theme="dark"] .widget-stats-card-16::before,
[data-theme="dark"] .widget-stats-card-16::after {
  opacity: 0.15;
}
[data-theme="dark"] .widget-progress {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .daterangepicker {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .daterangepicker .drp-calendar.left {
  border-right-color: var(--border-primary);
}
[data-theme="dark"] .daterangepicker .calendar-table table tr th {
  color: var(--text-secondary);
}
[data-theme="dark"] .daterangepicker .calendar-table table tr th.month {
  color: var(--text-primary);
}
[data-theme="dark"] .daterangepicker .calendar-table table tr th.prev,
[data-theme="dark"] .daterangepicker .calendar-table table tr th.next {
  color: #0067ff;
}
[data-theme="dark"] .daterangepicker .calendar-table table tr th.prev:hover,
[data-theme="dark"] .daterangepicker .calendar-table table tr th.next:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .daterangepicker .calendar-table table tr td {
  color: var(--text-primary);
}
[data-theme="dark"] .daterangepicker .calendar-table table tr td:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .daterangepicker .calendar-table table tr td.off {
  color: var(--text-tertiary);
}
[data-theme="dark"] .daterangepicker .calendar-table table tr td.in-range {
  background-color: rgba(0, 103, 255, 0.15);
}
[data-theme="dark"] .daterangepicker select.monthselect,
[data-theme="dark"] .daterangepicker select.yearselect {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-text);
}
[data-theme="dark"] .daterangepicker .calendar-time {
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .daterangepicker .calendar-time select {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-text);
}
[data-theme="dark"] .daterangepicker .ranges {
  border-right-color: var(--border-primary);
}
[data-theme="dark"] .daterangepicker .ranges ul li {
  color: var(--text-primary);
}
[data-theme="dark"] .daterangepicker .ranges ul li:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .daterangepicker .drp-buttons {
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .daterangepicker .drp-buttons .drp-selected {
  color: var(--text-secondary);
}
[data-theme="dark"] .daterangepicker .drp-buttons .cancelBtn {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .daterangepicker .drp-buttons .cancelBtn:hover {
  background-color: var(--bg-quaternary);
}
[data-theme="dark"] .daterangepicker-button {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--input-text) !important;
}
[data-theme="dark"] .daterangepicker-button .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] .daterangepicker-button .daterange-label {
  color: var(--text-primary);
}
[data-theme="dark"] .select2-container .select2-selection--single {
  background-color: var(--input-bg);
  border-color: var(--input-border);
}
[data-theme="dark"] .select2-container .select2-selection--single .select2-selection__rendered {
  color: var(--input-text);
}
[data-theme="dark"] .select2-container .select2-selection--single .select2-selection__placeholder {
  color: var(--text-tertiary);
}
[data-theme="dark"] .select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: var(--text-secondary) transparent transparent transparent;
}
[data-theme="dark"] .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #0067ff transparent;
}
[data-theme="dark"] .select2-container.select2-container--disabled .select2-selection--single {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .select2-container--default .select2-dropdown {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--input-text);
}
[data-theme="dark"] .select2-container--default .select2-dropdown .select2-results__option {
  color: var(--text-primary);
}
[data-theme="dark"] .select2-container--default .select2-dropdown .select2-results__option[aria-selected="true"] {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .select2-container--default .select2-dropdown .select2-results__option--disabled {
  color: var(--text-tertiary);
}
[data-theme="dark"] .select2-container--default .select2-dropdown .select2-results__group {
  color: var(--text-secondary);
}
[data-theme="dark"] .select2-container--default .select2-selection--multiple {
  background-color: var(--input-bg);
  border-color: var(--input-border);
}
[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(0, 103, 255, 0.2);
  border-color: rgba(0, 103, 255, 0.3);
  color: #0067ff;
}
[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  color: var(--input-text);
}
[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  color: var(--text-tertiary);
}
[data-theme="dark"] .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: var(--bg-quaternary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme="dark"] .form-floating.has-value > label,
[data-theme="dark"] .form-floating .select2-container--focus ~ label,
[data-theme="dark"] .form-floating .select2-container--open ~ label {
  background: var(--card-bg);
}
[data-theme="dark"] .dropzone-custom {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .dropzone-custom:hover {
  border-color: #0067ff;
  background-color: rgba(0, 103, 255, 0.05);
}
[data-theme="dark"] .dropzone-custom.dz-drag-hover {
  background-color: rgba(0, 103, 255, 0.1);
}
[data-theme="dark"] .dropzone-custom .dropzone-illustration .illustration-circle {
  border-color: var(--border-primary);
}
[data-theme="dark"] .dropzone-custom .dropzone-illustration .illustration-circle .illustration-inner {
  background-color: var(--bg-quaternary);
}
[data-theme="dark"] .dropzone-custom .dropzone-illustration .illustration-circle .illustration-inner .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] .dropzone-custom h5 {
  color: var(--text-primary);
}
[data-theme="dark"] .dropzone-custom .dz-preview .dz-image {
  border-color: var(--border-primary);
  background-color: var(--card-bg);
}
[data-theme="dark"] .dropzone-custom .dz-preview .dz-details {
  background: rgba(51, 51, 51, 0.9);
  color: #ffffff;
}
[data-theme="dark"] .dropzone-footer .file-types .badge {
  border-color: var(--border-primary);
}
[data-theme="dark"] .dropzone-footer .upload-status #uploadCount {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .irs--round .irs-line {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .irs--round .irs-handle {
  background-color: var(--card-bg);
  border-color: #0067ff;
}
[data-theme="dark"] .irs--round .irs-min,
[data-theme="dark"] .irs--round .irs-max {
  color: var(--text-secondary);
}
[data-theme="dark"] .irs--round .irs-grid-pol {
  background-color: var(--border-primary);
}
[data-theme="dark"] .irs--round .irs-grid-pol.small {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .irs--round .irs-grid-text {
  color: var(--text-secondary);
}
[data-theme="dark"] .bootstrap-touchspin .btn-outline-secondary {
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .bootstrap-touchspin .btn-outline-secondary:hover {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .bootstrap-touchspin .btn-outline-secondary:active,
[data-theme="dark"] .bootstrap-touchspin .btn-outline-secondary:focus {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .bootstrap-touchspin .input-group-text {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme="dark"] #external-events .fc-event {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] #external-events .fc-event .fc-event-main {
  color: var(--text-primary);
}
[data-theme="dark"] #external-events .fc-event.fc-event-primary {
  background-color: rgba(138, 205, 215, 0.2);
}
[data-theme="dark"] #external-events .fc-event.fc-event-success {
  background-color: rgba(199, 220, 167, 0.2);
}
[data-theme="dark"] #external-events .fc-event.fc-event-warning {
  background-color: rgba(220, 214, 167, 0.2);
}
[data-theme="dark"] #external-events .fc-event.fc-event-danger {
  background-color: rgba(255, 197, 197, 0.2);
}
[data-theme="dark"] #external-events .fc-event.fc-event-info {
  background-color: rgba(137, 185, 173, 0.2);
}
[data-theme="dark"] #external-events .fc-event.fc-event-secondary {
  background-color: rgba(172, 135, 197, 0.2);
}
[data-theme="dark"] .fc .fc-toolbar-title {
  color: var(--text-primary);
}
[data-theme="dark"] .fc .fc-button.fc-button-primary {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .fc .fc-button.fc-button-primary:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .fc .fc-button.fc-button-primary.fc-button-active,
[data-theme="dark"] .fc .fc-button.fc-button-primary:active {
  background-color: #0067ff;
  border-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] .fc .fc-view-harness {
  background-color: var(--card-bg);
}
[data-theme="dark"] .fc .fc-scrollgrid {
  border-color: var(--border-primary);
}
[data-theme="dark"] .fc th,
[data-theme="dark"] .fc td {
  border-color: var(--border-primary);
}
[data-theme="dark"] .fc .fc-col-header-cell {
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}
[data-theme="dark"] .fc .fc-daygrid-day:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(0, 103, 255, 0.1);
}
[data-theme="dark"] .fc .fc-daygrid-day.fc-day-other {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] .fc .fc-daygrid-day-number {
  color: var(--text-primary);
}
[data-theme="dark"] .fc .fc-daygrid-week-number {
  background-color: var(--bg-tertiary);
  color: var(--text-secondary);
}
[data-theme="dark"] .fc .fc-list-day-cushion {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .fc .fc-list-day-text,
[data-theme="dark"] .fc .fc-list-day-side-text {
  color: var(--text-primary);
}
[data-theme="dark"] .fc .fc-list-event:hover td {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .fc .fc-list-event-time {
  color: var(--text-secondary);
}
[data-theme="dark"] .fc .fc-list-event-title {
  color: var(--text-primary);
}
[data-theme="dark"] .fc .fc-popover {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .fc .fc-popover .fc-popover-header {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .fc .fc-timegrid-slot-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .datepicker {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .datepicker table tr th {
  color: var(--text-secondary);
}
[data-theme="dark"] .datepicker table tr th.datepicker-switch {
  color: var(--text-primary);
}
[data-theme="dark"] .datepicker table tr th.prev:hover,
[data-theme="dark"] .datepicker table tr th.next:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .datepicker table tr td {
  color: var(--text-primary);
}
[data-theme="dark"] .datepicker table tr td:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .datepicker table tr td.old,
[data-theme="dark"] .datepicker table tr td.new {
  color: var(--text-tertiary);
}
[data-theme="dark"] .datepicker table tr td.disabled {
  color: var(--text-tertiary);
}
[data-theme="dark"] .datepicker table tr td.range {
  background-color: rgba(0, 103, 255, 0.15);
  color: var(--text-primary);
}
[data-theme="dark"] .datepicker table tr td.selected {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .datepicker table tr td span:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .datepicker table tr td span.old,
[data-theme="dark"] .datepicker table tr td span.new {
  color: var(--text-tertiary);
}
[data-theme="dark"] .datepicker tfoot tr th.today {
  background-color: rgba(0, 103, 255, 0.15);
}
[data-theme="dark"] .datepicker .datepicker-months table tbody tr td span,
[data-theme="dark"] .datepicker .datepicker-years table tbody tr td span,
[data-theme="dark"] .datepicker .datepicker-decades table tbody tr td span,
[data-theme="dark"] .datepicker .datepicker-centuries table tbody tr td span {
  color: var(--text-primary);
}
[data-theme="dark"] .datepicker .datepicker-months table tbody tr td span:hover,
[data-theme="dark"] .datepicker .datepicker-years table tbody tr td span:hover,
[data-theme="dark"] .datepicker .datepicker-decades table tbody tr td span:hover,
[data-theme="dark"] .datepicker .datepicker-centuries table tbody tr td span:hover {
  background-color: var(--bg-tertiary) !important;
}
[data-theme="dark"] .datepicker .datepicker-months table tbody tr td span.old,
[data-theme="dark"] .datepicker .datepicker-years table tbody tr td span.old,
[data-theme="dark"] .datepicker .datepicker-decades table tbody tr td span.old,
[data-theme="dark"] .datepicker .datepicker-centuries table tbody tr td span.old,
[data-theme="dark"] .datepicker .datepicker-months table tbody tr td span.new,
[data-theme="dark"] .datepicker .datepicker-years table tbody tr td span.new,
[data-theme="dark"] .datepicker .datepicker-decades table tbody tr td span.new,
[data-theme="dark"] .datepicker .datepicker-centuries table tbody tr td span.new {
  color: var(--text-tertiary);
}
[data-theme="dark"] .datepicker.datepicker-inline {
  border-color: var(--border-primary);
}
[data-theme="dark"] .datetimepicker {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .datetimepicker table tr th {
  color: var(--text-secondary);
}
[data-theme="dark"] .datetimepicker table tr th.switch {
  color: var(--text-primary);
}
[data-theme="dark"] .datetimepicker table tr th.prev:hover,
[data-theme="dark"] .datetimepicker table tr th.next:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .datetimepicker table tr td {
  color: var(--text-primary);
}
[data-theme="dark"] .datetimepicker table tr td:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .datetimepicker table tr td.old,
[data-theme="dark"] .datetimepicker table tr td.new {
  color: var(--text-tertiary);
}
[data-theme="dark"] .datetimepicker table tr td span:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .datetimepicker .datetimepicker-hours table tr td span,
[data-theme="dark"] .datetimepicker .datetimepicker-minutes table tr td span {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .datetimepicker .datetimepicker-hours table tr td span:hover,
[data-theme="dark"] .datetimepicker .datetimepicker-minutes table tr td span:hover {
  background-color: var(--bg-quaternary) !important;
}
[data-theme="dark"] .datetimepicker .datetimepicker-hours table tr td span.disabled,
[data-theme="dark"] .datetimepicker .datetimepicker-minutes table tr td span.disabled {
  background-color: var(--bg-tertiary);
  color: var(--text-tertiary);
}
[data-theme="dark"] .datetimepicker .datetimepicker-hours fieldset legend,
[data-theme="dark"] .datetimepicker .datetimepicker-minutes fieldset legend {
  color: var(--text-primary);
}
[data-theme="dark"] .datetimepicker .datetimepicker-months table tbody tr td span,
[data-theme="dark"] .datetimepicker .datetimepicker-years table tbody tr td span {
  color: var(--text-primary);
}
[data-theme="dark"] .datetimepicker .datetimepicker-months table tbody tr td span:hover,
[data-theme="dark"] .datetimepicker .datetimepicker-years table tbody tr td span:hover {
  background-color: var(--bg-tertiary) !important;
}
[data-theme="dark"] .datetimepicker .datetimepicker-months table tbody tr td span.old,
[data-theme="dark"] .datetimepicker .datetimepicker-years table tbody tr td span.old,
[data-theme="dark"] .datetimepicker .datetimepicker-months table tbody tr td span.new,
[data-theme="dark"] .datetimepicker .datetimepicker-years table tbody tr td span.new {
  color: var(--text-tertiary);
}
[data-theme="dark"] .datetimepicker tfoot tr th.today {
  background-color: rgba(0, 103, 255, 0.15);
}
[data-theme="dark"] .datetimepicker.datetimepicker-inline {
  border-color: var(--border-primary);
}
[data-theme="dark"] .toggle-option {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .toggle-option:hover {
  border-color: var(--border-primary);
}
[data-theme="dark"] .permissions-list {
  border-color: var(--border-primary);
}
[data-theme="dark"] .permissions-item {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .permissions-item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .permissions-title {
  color: var(--text-primary);
}
[data-theme="dark"] .permissions-desc {
  color: var(--text-secondary);
}
[data-theme="dark"] .permissions-toggle .form-check-input {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .input-group-text {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .input-group-text .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] .custom-checkbox .checkmark,
[data-theme="dark"] .custom-radio .checkmark {
  background-color: var(--input-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .custom-checkbox .label-text,
[data-theme="dark"] .custom-radio .label-text {
  color: var(--text-primary);
}
[data-theme="dark"] .custom-checkbox input:disabled ~ .checkmark,
[data-theme="dark"] .custom-radio input:disabled ~ .checkmark {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .sm-form-design input.form-control,
[data-theme="dark"] .lg-form-design input.form-control,
[data-theme="dark"] .sm-form-design select.form-control,
[data-theme="dark"] .lg-form-design select.form-control,
[data-theme="dark"] .sm-form-design textarea.form-control,
[data-theme="dark"] .lg-form-design textarea.form-control {
  background-color: transparent;
  border-bottom-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .sm-form-design input.form-control:hover:not(:disabled):not(:focus),
[data-theme="dark"] .lg-form-design input.form-control:hover:not(:disabled):not(:focus),
[data-theme="dark"] .sm-form-design select.form-control:hover:not(:disabled):not(:focus),
[data-theme="dark"] .lg-form-design select.form-control:hover:not(:disabled):not(:focus),
[data-theme="dark"] .sm-form-design textarea.form-control:hover:not(:disabled):not(:focus),
[data-theme="dark"] .lg-form-design textarea.form-control:hover:not(:disabled):not(:focus) {
  border-bottom-color: var(--border-light-dark);
}
[data-theme="dark"] .sm-form-design input.form-control:focus,
[data-theme="dark"] .lg-form-design input.form-control:focus,
[data-theme="dark"] .sm-form-design select.form-control:focus,
[data-theme="dark"] .lg-form-design select.form-control:focus,
[data-theme="dark"] .sm-form-design textarea.form-control:focus,
[data-theme="dark"] .lg-form-design textarea.form-control:focus {
  border-bottom-color: #0067ff;
  background-color: rgba(255, 255, 255, 0.03);
  box-shadow: 0 2px 0 0 rgba(0, 103, 255, 0.2);
}
[data-theme="dark"] .sm-form-design input.form-control:not(:placeholder-shown) ~ .control-label,
[data-theme="dark"] .lg-form-design input.form-control:not(:placeholder-shown) ~ .control-label,
[data-theme="dark"] .sm-form-design select.form-control:not(:placeholder-shown) ~ .control-label,
[data-theme="dark"] .lg-form-design select.form-control:not(:placeholder-shown) ~ .control-label,
[data-theme="dark"] .sm-form-design textarea.form-control:not(:placeholder-shown) ~ .control-label,
[data-theme="dark"] .lg-form-design textarea.form-control:not(:placeholder-shown) ~ .control-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .sm-form-design input.form-control:disabled,
[data-theme="dark"] .lg-form-design input.form-control:disabled,
[data-theme="dark"] .sm-form-design select.form-control:disabled,
[data-theme="dark"] .lg-form-design select.form-control:disabled,
[data-theme="dark"] .sm-form-design textarea.form-control:disabled,
[data-theme="dark"] .lg-form-design textarea.form-control:disabled {
  background-color: rgba(255, 255, 255, 0.03);
  color: var(--text-tertiary);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .sm-form-design input.form-control:read-only,
[data-theme="dark"] .lg-form-design input.form-control:read-only,
[data-theme="dark"] .sm-form-design select.form-control:read-only,
[data-theme="dark"] .lg-form-design select.form-control:read-only,
[data-theme="dark"] .sm-form-design textarea.form-control:read-only,
[data-theme="dark"] .lg-form-design textarea.form-control:read-only {
  background-color: rgba(255, 255, 255, 0.03);
}
[data-theme="dark"] .sm-form-design select.form-control,
[data-theme="dark"] .lg-form-design select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23e8e8e8' d='M6 8L0 2l1.5-1.5L6 5l4.5-4.5L12 2z'/%3E%3C/svg%3E");
}
[data-theme="dark"] .sm-form-design .control-label,
[data-theme="dark"] .lg-form-design .control-label {
  color: var(--text-tertiary);
}
[data-theme="dark"] .sm-form-design .help-text,
[data-theme="dark"] .lg-form-design .help-text,
[data-theme="dark"] .sm-form-design .form-text,
[data-theme="dark"] .lg-form-design .form-text {
  color: var(--text-secondary);
}
[data-theme="dark"] .form-floating > .form-control:focus ~ label,
[data-theme="dark"] .form-floating > .form-control:not(:placeholder-shown) ~ label,
[data-theme="dark"] .form-floating > .form-select ~ label {
  background: var(--card-bg) !important;
}
[data-theme="dark"] .pricing-card {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .pricing-card .pricing-header {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .pricing-card .pricing-header h3,
[data-theme="dark"] .pricing-card .pricing-header h4 {
  color: var(--text-primary);
}
[data-theme="dark"] .pricing-card .pricing-header .price {
  color: var(--text-primary);
}
[data-theme="dark"] .pricing-card .pricing-header .price-period {
  color: var(--text-secondary);
}
[data-theme="dark"] .pricing-card .pricing-features li {
  color: var(--text-primary);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .pricing-card .pricing-features li .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] .news-feed-item {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .news-feed-item .news-title {
  color: var(--text-primary);
}
[data-theme="dark"] .news-feed-item .news-meta {
  color: var(--text-secondary);
}
[data-theme="dark"] .news-feed-item .news-excerpt {
  color: var(--text-secondary);
}
[data-theme="dark"] .scrum-column {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .scrum-column .column-header {
  background-color: var(--bg-quaternary);
  color: var(--text-primary);
}
[data-theme="dark"] .scrum-card {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .scrum-card .card-title {
  color: var(--text-primary);
}
[data-theme="dark"] .scrum-card .card-meta {
  color: var(--text-secondary);
}
[data-theme="dark"] .scrum-card:hover {
  border-color: #0067ff;
}
[data-theme="dark"] .faq-item {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .faq-item .faq-question {
  color: var(--text-primary);
}
[data-theme="dark"] .faq-item .faq-answer {
  color: var(--text-secondary);
}
[data-theme="dark"] .invoice-container {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .invoice-container .invoice-header {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .invoice-container .invoice-table th {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .invoice-container .invoice-table td {
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .invoice-container .invoice-footer {
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .error-page .error-code {
  color: var(--text-primary);
}
[data-theme="dark"] .error-page .error-message {
  color: var(--text-secondary);
}
[data-theme="dark"] .empty-state .empty-state-icon {
  color: var(--iconColor);
}
[data-theme="dark"] .empty-state .empty-state-title {
  color: var(--text-primary);
}
[data-theme="dark"] .empty-state .empty-state-description {
  color: var(--text-secondary);
}
[data-theme="dark"] .login-card,
[data-theme="dark"] .register-card {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .login-card .card-header,
[data-theme="dark"] .register-card .card-header {
  background-color: var(--panel-bg);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .chart-container,
[data-theme="dark"] .chart-wrapper {
  background-color: var(--card-bg);
}
[data-theme="dark"] .cookie-consent {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .cookie-consent a {
  color: #0067ff;
}
[data-theme="dark"] .pace .pace-progress {
  background: #0067ff;
}
[data-theme="dark"] .typography-demo h1,
[data-theme="dark"] .typography-demo h2,
[data-theme="dark"] .typography-demo h3,
[data-theme="dark"] .typography-demo h4,
[data-theme="dark"] .typography-demo h5,
[data-theme="dark"] .typography-demo h6 {
  color: var(--text-primary);
}
[data-theme="dark"] .typography-demo p {
  color: var(--text-secondary);
}
[data-theme="dark"] .typography-demo blockquote {
  border-left-color: #0067ff;
  color: var(--text-secondary);
}
[data-theme="dark"] .lg-backdrop {
  background-color: rgba(0, 0, 0, 0.9);
}
[data-theme="dark"] .lg-toolbar,
[data-theme="dark"] .lg-actions .lg-prev,
[data-theme="dark"] .lg-actions .lg-next {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}
[data-theme="dark"] .language-switcher .dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .language-switcher .dropdown-menu .dropdown-item {
  color: var(--text-primary);
}
[data-theme="dark"] .language-switcher .dropdown-menu .dropdown-item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .language-switcher .dropdown-menu .dropdown-item.active {
  background-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] .mail-settings-card .test-email-section {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .permission-matrix th {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .permission-matrix td {
  border-color: var(--border-primary);
}
[data-theme="dark"] .contact-list-item {
  border-color: var(--border-primary);
}
[data-theme="dark"] .contact-list-item:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .contact-list-item .contact-name {
  color: var(--text-primary);
}
[data-theme="dark"] .contact-list-item .contact-info {
  color: var(--text-secondary);
}
[data-theme="dark"] .contact-details {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .loading-screen-container {
  background-color: var(--bg-primary);
}
[data-theme="dark"] .loading-screen .illustration img {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .loading-screen .tip-text {
  color: var(--text-primary);
}
[data-theme="dark"] .loading-screen .tip-number {
  color: var(--text-secondary);
}
[data-theme="dark"] .loading-screen .logo img {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .load-bar {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .notifications-offcanvas {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-header {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .notifications-offcanvas .notification-header .material-symbols-sharp {
  border-color: var(--border-primary);
  background: var(--bg-tertiary);
  color: var(--iconColor);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .card {
  background-color: var(--card-bg);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .badge-tag {
  color: var(--text-primary);
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .blockquote {
  background: var(--bg-tertiary);
  border-left-color: #0067ff;
}
[data-theme="dark"] .notifications-offcanvas .offcanvas-body .notification-attachment {
  background: var(--bg-tertiary);
}
[data-theme="dark"] .notifications-offcanvas .nav-link {
  color: var(--text-primary);
}
[data-theme="dark"] .chat-app {
  background-color: var(--bg-secondary);
}
[data-theme="dark"] .chat-app ul li::before {
  border-color: var(--card-bg);
}
[data-theme="dark"] .popover.chatWidget {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails {
  background: var(--card-bg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails p {
  color: var(--text-primary);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails .hr-line::before {
  background: linear-gradient(to right, var(--card-bg) 0%, var(--border-primary) 17%, var(--border-primary) 83%, var(--card-bg) 100%);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails .emailWrapper .copyEmailIcon {
  color: var(--text-secondary);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails .emailWrapper .copyEmailIcon:hover {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .popover.chatWidget .popOverData .userDetails .contactSection .btn {
  border-color: var(--border-primary);
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] #chat-widget .chatcontainer {
  background: var(--card-bg);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] #chat-widget .chatcontainer::before {
  opacity: 0.2;
}
[data-theme="dark"] #chat-widget .chatHeader {
  box-shadow: 0 0 2px var(--border-primary);
}
[data-theme="dark"] #chat-widget .chatHeader .material-symbols-sharp {
  border-color: var(--border-primary);
}
[data-theme="dark"] #chat-widget .chatHeader .material-symbols-sharp:hover {
  background: var(--bg-tertiary);
}
[data-theme="dark"] #chat-widget .chatHeader .name {
  color: var(--text-primary);
}
[data-theme="dark"] #chat-widget .chatHeader .status {
  color: var(--text-secondary);
}
[data-theme="dark"] #chat-widget .chatBody .date-break {
  color: var(--text-tertiary);
}
[data-theme="dark"] #chat-widget .chatFooter > .d-flex {
  border-color: var(--border-primary);
}
[data-theme="dark"] #chat-widget .chatFooter > .d-flex button {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}
[data-theme="dark"] #chat-widget .chatFooter > .d-flex textarea {
  background: var(--card-bg);
  color: var(--text-primary);
}
[data-theme="dark"] .page-header.page-header-default {
  background-color: var(--card-bg);
  border-bottom-color: var(--border-primary);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
}
[data-theme="dark"] .page-header.page-header-default .page-title h5 {
  color: var(--text-primary);
}
[data-theme="dark"] .page-header.page-header-default #breadcrumb-right li {
  border-left-color: var(--border-primary);
}
[data-theme="dark"] .page-header.page-header-default #breadcrumb-right li h5 {
  color: var(--text-secondary);
}
[data-theme="dark"] .page-header.page-header-default #breadcrumb-right li span {
  color: var(--text-primary);
}
[data-theme="dark"] .page-header.page-header-default .breadcrumb-right-info span {
  color: var(--text-primary);
}
[data-theme="dark"] .page-header.page-header-default .breadcrumb-right-info .sparkline:empty {
  background: linear-gradient(90deg, transparent 0px, transparent 5px, rgba(255, 255, 255, 0.03) 5px, rgba(255, 255, 255, 0.03) 7px, transparent 7px);
}
[data-theme="dark"] .page-header.page-header-default .breadcrumb li + li::before {
  color: var(--text-tertiary);
}
[data-theme="dark"] .dropdown-menu {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .dropdown-menu .dropdown-item {
  color: var(--text-primary);
}
[data-theme="dark"] .dropdown-menu .dropdown-item:hover,
[data-theme="dark"] .dropdown-menu .dropdown-item:focus {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .dropdown-menu .dropdown-item:active,
[data-theme="dark"] .dropdown-menu .dropdown-item.active {
  background-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] .dropdown-menu .dropdown-item.disabled,
[data-theme="dark"] .dropdown-menu .dropdown-item:disabled {
  color: var(--text-tertiary);
}
[data-theme="dark"] .dropdown-menu .dropdown-item i,
[data-theme="dark"] .dropdown-menu .dropdown-item svg,
[data-theme="dark"] .dropdown-menu .dropdown-item .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] .dropdown-menu .dropdown-item:hover i,
[data-theme="dark"] .dropdown-menu .dropdown-item:hover svg,
[data-theme="dark"] .dropdown-menu .dropdown-item:hover .material-symbols-sharp {
  color: var(--text-primary);
}
[data-theme="dark"] .dropdown-menu .dropdown-header {
  color: var(--text-secondary);
}
[data-theme="dark"] .dropdown-menu .dropdown-divider {
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .dropdown-menu .dropdown-item-text {
  color: var(--text-secondary);
}
[data-theme="dark"] .dropdown-menu-form .dropdown-form-header {
  background: linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-quaternary) 100%);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .dropdown-menu-form .dropdown-form-header .dropdown-form-title {
  color: var(--text-primary);
}
[data-theme="dark"] .dropdown-menu-form .dropdown-form-header .dropdown-form-subtitle {
  color: var(--text-secondary);
}
[data-theme="dark"] .dropdown-menu-form .dropdown-form-group > label {
  color: var(--text-primary);
}
[data-theme="dark"] .dropdown-menu-form .dropdown-form-actions {
  border-top-color: var(--border-primary);
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .dropdown-menu .dropend > .dropdown-toggle::after,
[data-theme="dark"] .dropdown-menu .dropstart > .dropdown-toggle::before {
  color: var(--iconColor);
}
[data-theme="dark"] .accordion .accordion-item {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .accordion .accordion-button {
  background: linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-quaternary) 100%);
  color: var(--text-primary);
}
[data-theme="dark"] .accordion .accordion-button:not(.collapsed) {
  background: linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-quaternary) 100%);
  color: var(--text-primary);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .accordion .accordion-button:hover {
  background: linear-gradient(180deg, var(--bg-quaternary) 0%, var(--bg-tertiary) 100%);
}
[data-theme="dark"] .accordion .accordion-button .accordion-title-wrap .accordion-title {
  color: var(--text-primary);
}
[data-theme="dark"] .accordion .accordion-button .accordion-title-wrap .accordion-subtitle {
  color: var(--text-secondary);
}
[data-theme="dark"] .accordion .accordion-button .accordion-arrow .material-symbols-sharp {
  color: var(--iconColor);
}
[data-theme="dark"] .accordion .accordion-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}
[data-theme="dark"] .accordion .accordion-body .table th {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .accordion .accordion-body .table td {
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .accordion-form .accordion-item {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .accordion-form .accordion-button {
  background: var(--card-bg);
  color: var(--text-primary);
}
[data-theme="dark"] .accordion-form .accordion-button:not(.collapsed) {
  background: var(--card-bg);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .accordion-form .accordion-button:hover {
  background: var(--bg-tertiary);
}
[data-theme="dark"] .accordion-form .accordion-body {
  background-color: var(--card-bg);
}
[data-theme="dark"] .accordion-body .accordion .accordion-item {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .accordion-body .accordion .accordion-item .accordion-button {
  background: linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-quaternary) 100%);
}
[data-theme="dark"] .accordion-body .accordion .accordion-item .accordion-body {
  background-color: var(--card-bg);
}
[data-theme="dark"] .booking-v2-page .map-container {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .booking-v2-page .booking-panel .card {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .booking-v2-page .booking-panel .vehicle-stats-inline .stat-card {
  background: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .booking-v2-page .booking-panel .vehicle-stats-inline .stat-card .stat-content .stat-value {
  color: var(--text-primary);
}
[data-theme="dark"] .booking-v2-page .booking-panel .vehicle-stats-inline .stat-card .stat-content .stat-label {
  color: var(--text-secondary);
}
[data-theme="dark"] .booking-v2-page .info-panel .card {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .booking-v2-page .info-panel .fare-breakdown {
  background: var(--bg-tertiary);
}
[data-theme="dark"] .booking-v2-page .info-panel .fare-breakdown .table td {
  background: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .booking-v2-page .info-panel .nearby-vehicle-item {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .booking-v2-page .info-panel .nearby-vehicle-item:hover {
  background: var(--bg-tertiary);
}
[data-theme="dark"] .booking-v2-page .info-panel .nearby-vehicle-item.active {
  background: rgba(0, 103, 255, 0.15);
}
[data-theme="dark"] .booking-v2-page .info-panel .nearby-vehicle-item .fw-semibold {
  color: var(--text-primary);
}
[data-theme="dark"] .booking-v2-page .info-panel .vehicle-details h6 {
  color: var(--text-primary);
}
[data-theme="dark"] .booking-v2-page .info-panel .vehicle-details .table td.fw-semibold {
  color: var(--text-primary);
}
[data-theme="dark"] .booking-v2-page .show-panel-btn,
[data-theme="dark"] .booking-v2-page .show-info-panel-btn {
  background: var(--card-bg);
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .booking-v2-page .show-panel-btn:hover,
[data-theme="dark"] .booking-v2-page .show-info-panel-btn:hover {
  background: var(--bg-tertiary);
}
[data-theme="dark"] .booking-v2-page .show-panel-btn .material-symbols-sharp,
[data-theme="dark"] .booking-v2-page .show-info-panel-btn .material-symbols-sharp {
  color: var(--text-primary);
}
[data-theme="dark"] .booking-v2-page .map-legend .card {
  background: rgba(30, 42, 59, 0.95);
}
[data-theme="dark"] .booking-v2-page .map-legend .legend-item small {
  color: var(--text-primary);
}
[data-theme="dark"] .booking-v2-page .map-tooltip {
  background: var(--card-bg);
}
[data-theme="dark"] .booking-v2-page .map-tooltip strong,
[data-theme="dark"] .booking-v2-page .map-tooltip span {
  color: var(--text-primary);
}
[data-theme="dark"] .booking-v2-page .map-tooltip .tooltip-divider {
  color: var(--border-primary);
}
[data-theme="dark"] .nav-tabs {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .nav-tabs .nav-link {
  color: var(--text-secondary);
}
[data-theme="dark"] .nav-tabs .nav-link:hover {
  color: #0067ff;
  border-color: var(--border-primary) var(--border-primary) var(--border-primary);
}
[data-theme="dark"] .nav-tabs .nav-link.active {
  color: #0067ff;
  background-color: var(--card-bg);
  border-color: var(--border-primary) var(--border-primary) var(--card-bg);
}
[data-theme="dark"] .nav-tabs-underline {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .nav-tabs-underline .nav-link:hover {
  border-bottom-color: rgba(0, 103, 255, 0.5);
}
[data-theme="dark"] .nav-tabs-underline .nav-link.active {
  border-bottom-color: #0067ff;
  background-color: transparent;
}
[data-theme="dark"] .nav-pills:not(aside .nav-pills) .nav-link {
  color: var(--text-secondary);
}
[data-theme="dark"] .nav-pills:not(aside .nav-pills) .nav-link:hover {
  color: #0067ff;
  background-color: rgba(0, 103, 255, 0.15);
}
[data-theme="dark"] .nav-pills:not(aside .nav-pills) .nav-link.active {
  color: #ffffff;
  background-color: #0067ff;
}
[data-theme="dark"] .tab-content > .tab-pane h6 {
  color: var(--text-primary);
}
[data-theme="dark"] .nav-tabs-bordered .nav-tabs .nav-link {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .nav-tabs-bordered .nav-tabs .nav-link:hover {
  border-color: var(--border-primary) var(--border-primary) transparent;
}
[data-theme="dark"] .nav-tabs-bordered .nav-tabs .nav-link.active {
  background-color: var(--card-bg);
  border-color: var(--border-primary) var(--border-primary) transparent;
}
[data-theme="dark"] .nav-tabs-bordered .nav-tabs .nav-link.active::after {
  background-color: var(--card-bg);
}
[data-theme="dark"] .nav-tabs-bordered .bordered-content {
  border-color: var(--border-primary);
  background-color: var(--card-bg);
}
[data-theme="dark"] .nav-pills-soft .nav-link {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .progress {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .progress-stacked {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] .pagination .page-link {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme="dark"] .pagination .page-link:hover {
  color: #0067ff;
  background-color: rgba(0, 103, 255, 0.15);
  border-color: var(--border-primary);
}
[data-theme="dark"] .pagination .page-item.active .page-link {
  background-color: #0067ff;
  border-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] .pagination .page-item.disabled .page-link {
  color: var(--text-tertiary);
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .pagination-outline .page-link {
  background-color: transparent;
  border-color: #0067ff;
  color: #0067ff;
}
[data-theme="dark"] .pagination-outline .page-link:hover {
  background-color: rgba(0, 103, 255, 0.15);
}
[data-theme="dark"] .pagination-info {
  color: var(--text-secondary);
}
[data-theme="dark"] .pagination-info strong {
  color: var(--text-primary);
}
[data-theme="dark"] .alert .alert-heading {
  color: inherit;
}
[data-theme="dark"] .alert-left-border {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .carousel-basic .carousel-control-prev,
[data-theme="dark"] .carousel-basic .carousel-control-next {
  background: var(--card-bg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .carousel-basic .carousel-control-prev .carousel-control-prev-icon,
[data-theme="dark"] .carousel-basic .carousel-control-next .carousel-control-prev-icon,
[data-theme="dark"] .carousel-basic .carousel-control-prev .carousel-control-next-icon,
[data-theme="dark"] .carousel-basic .carousel-control-next .carousel-control-next-icon {
  filter: invert(0) grayscale(100);
}
[data-theme="dark"] .carousel-numbered .carousel-indicators--numbered button {
  background: var(--card-bg);
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .carousel-numbered .carousel-indicators--numbered button.active {
  background: var(--text-primary);
  color: var(--card-bg);
  border-color: var(--text-primary);
}
[data-theme="dark"] .carousel-cards .carousel-indicators--bottom button {
  background: var(--border-primary);
}
[data-theme="dark"] .carousel-cards .carousel-indicators--bottom button.active {
  background: var(--text-primary);
}
[data-theme="dark"] .carousel-card {
  background: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .carousel-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .carousel-card__title {
  color: var(--text-primary);
}
[data-theme="dark"] .carousel-card__desc {
  color: var(--text-secondary);
}
[data-theme="dark"] .carousel-card__footer {
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .carousel-card__price {
  color: var(--text-primary);
}
[data-theme="dark"] .carousel-testimonials .carousel-indicators--dots button {
  background: var(--border-primary);
}
[data-theme="dark"] .carousel-testimonials .carousel-indicators--dots button.active {
  background: var(--text-primary);
}
[data-theme="dark"] .carousel-testimonial__text {
  color: var(--text-primary);
}
[data-theme="dark"] .carousel-testimonial__name {
  color: var(--text-primary);
}
[data-theme="dark"] .carousel-testimonial__role {
  color: var(--text-secondary);
}
[data-theme="dark"] .carousel-quotes .carousel-control-prev,
[data-theme="dark"] .carousel-quotes .carousel-control-next {
  color: var(--text-secondary);
}
[data-theme="dark"] .carousel-quotes .carousel-control-prev:hover,
[data-theme="dark"] .carousel-quotes .carousel-control-next:hover {
  color: var(--text-primary);
}
[data-theme="dark"] .carousel-quote__text {
  color: var(--text-primary);
}
[data-theme="dark"] .carousel-quote__divider {
  background: var(--border-primary);
}
[data-theme="dark"] .carousel-quote__author {
  color: var(--text-secondary);
}
[data-theme="dark"] .carousel-thumbnail.active {
  box-shadow: 0 0 0 2px var(--text-primary);
}
[data-theme="dark"] .carousel-thumbnail__inner .material-symbols-sharp {
  color: var(--text-primary);
}
[data-theme="dark"] .modal-content {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .modal-header {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .modal-header .modal-title {
  color: var(--text-primary);
}
[data-theme="dark"] .modal-header .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
[data-theme="dark"] .modal-body {
  color: var(--text-primary);
}
[data-theme="dark"] .modal-body .nav-tabs {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .modal-body .nav-tabs .nav-link {
  color: var(--text-secondary);
}
[data-theme="dark"] .modal-body .nav-tabs .nav-link:hover {
  color: var(--text-primary);
}
[data-theme="dark"] .modal-body .nav-tabs .nav-link.active {
  color: #0067ff;
  background: transparent;
}
[data-theme="dark"] .modal-footer {
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .modal-confirm .modal-confirm__title {
  color: var(--text-primary);
}
[data-theme="dark"] .modal-confirm .modal-confirm__text {
  color: var(--text-secondary);
}
[data-theme="dark"] .modal-alert .modal-alert__subtitle {
  color: var(--text-secondary);
}
[data-theme="dark"] .modal-profile .modal-profile__avatar {
  border-color: var(--card-bg);
  background: var(--card-bg);
}
[data-theme="dark"] .panel,
[data-theme="dark"] .card {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
}
[data-theme="dark"] .card-header {
  background: linear-gradient(180deg, var(--bg-tertiary) 0%, var(--bg-quaternary) 100%);
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .card-header .card-title {
  color: var(--text-primary);
}
[data-theme="dark"] .card-header .card-subtitle {
  color: var(--text-secondary);
}
[data-theme="dark"] .card-body {
  color: var(--text-primary);
}
[data-theme="dark"] .card-footer {
  background-color: var(--bg-tertiary);
  border-top-color: var(--border-primary);
}
[data-theme="dark"] .offcanvas {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme="dark"] .offcanvas .offcanvas-header {
  border-bottom-color: var(--border-primary);
}
[data-theme="dark"] .offcanvas .offcanvas-header .offcanvas-title {
  color: var(--text-primary);
}
[data-theme="dark"] .offcanvas .offcanvas-header .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
[data-theme="dark"] .offcanvas .offcanvas-body {
  color: var(--text-primary);
}
[data-theme="dark"] ::-webkit-scrollbar {
  background-color: var(--bg-tertiary);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background-color: var(--bg-quaternary);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background-color: var(--border-primary);
}
[data-theme="dark"] .app-footer {
  background-color: var(--card-bg);
  border-top-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme="dark"] .app-footer a {
  color: var(--text-primary);
}
[data-theme="dark"] .app-footer a:hover {
  color: #0067ff;
}
[data-theme="dark"] .list-group-item {
  background-color: var(--card-bg);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .list-group-item.active {
  background-color: #0067ff;
  border-color: #0067ff;
  color: #ffffff;
}
[data-theme="dark"] .list-group-item.list-group-item-action:hover,
[data-theme="dark"] .list-group-item.list-group-item-action:focus {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .breadcrumb .breadcrumb-item {
  color: var(--text-secondary);
}
[data-theme="dark"] .breadcrumb .breadcrumb-item a {
  color: #0067ff;
}
[data-theme="dark"] .breadcrumb .breadcrumb-item.active {
  color: var(--text-primary);
}
[data-theme="dark"] .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--text-tertiary);
}
[data-theme="dark"] .popover {
  background-color: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}
[data-theme="dark"] .popover .popover-header {
  background-color: var(--bg-tertiary);
  border-bottom-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] .popover .popover-body {
  color: var(--text-primary);
}
[data-theme="dark"] .popover.bs-popover-top .popover-arrow::after,
[data-theme="dark"] .popover.bs-popover-auto[data-popper-placement^="top"] .popover-arrow::after {
  border-top-color: var(--bg-secondary);
}
[data-theme="dark"] .popover.bs-popover-bottom .popover-arrow::after,
[data-theme="dark"] .popover.bs-popover-auto[data-popper-placement^="bottom"] .popover-arrow::after {
  border-bottom-color: var(--bg-secondary);
}
[data-theme="dark"] .popover.bs-popover-start .popover-arrow::after,
[data-theme="dark"] .popover.bs-popover-auto[data-popper-placement^="left"] .popover-arrow::after {
  border-left-color: var(--bg-secondary);
}
[data-theme="dark"] .popover.bs-popover-end .popover-arrow::after,
[data-theme="dark"] .popover.bs-popover-auto[data-popper-placement^="right"] .popover-arrow::after {
  border-right-color: var(--bg-secondary);
}
[data-theme="dark"] .tooltip .tooltip-inner {
  background-color: var(--bg-tertiary);
  color: var(--text-primary);
}
[data-theme="dark"] .tooltip.bs-tooltip-top .tooltip-arrow::before,
[data-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: var(--bg-tertiary);
}
[data-theme="dark"] .tooltip.bs-tooltip-bottom .tooltip-arrow::before,
[data-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  border-bottom-color: var(--bg-tertiary);
}
[data-theme="dark"] .tooltip.bs-tooltip-start .tooltip-arrow::before,
[data-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  border-left-color: var(--bg-tertiary);
}
[data-theme="dark"] .tooltip.bs-tooltip-end .tooltip-arrow::before,
[data-theme="dark"] .tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  border-right-color: var(--bg-tertiary);
}
[data-theme="dark"] .spinner-border {
  border-color: currentColor;
  border-right-color: transparent;
}
[data-theme="dark"] .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}
[data-theme="dark"] hr {
  border-color: var(--border-primary);
  opacity: 1;
}
[data-theme="dark"] code {
  background-color: var(--bg-tertiary);
  color: #0067ff;
}
[data-theme="dark"] pre {
  background-color: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme="dark"] pre code {
  background-color: transparent;
}
[data-theme="dark"] blockquote {
  border-left-color: #0067ff;
  color: var(--text-secondary);
}
[data-theme="dark"] .figure-caption {
  color: var(--text-secondary);
}
.form-control,
.form-select {
  font-size: 0.8125rem;
  box-shadow: none !important;
}
.form-control:focus,
.form-select:focus {
  box-shadow: none !important;
}
.form-control option,
.form-select option {
  font-size: 0.8125rem;
}
.form-check-input:focus {
  box-shadow: none !important;
}
.form-check {
  display: flex;
  align-items: center;
  min-height: auto;
  padding-left: 0;
}
.form-check .form-check-input {
  float: none;
  margin: 0 0.5rem 0 0;
}
.form-check .form-check-label {
  margin-bottom: 0;
}
.form-switch .form-check-input {
  width: 2.5rem;
  height: 1.25rem;
  cursor: pointer;
  background-color: #e3e3e6;
  border: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-color: #0067ff;
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch .form-check-label {
  cursor: pointer;
  font-size: 0.8125rem;
}
.toggle-option {
  display: flex;
  align-items: center;
  height: 2.875rem;
  padding: 0 0.875rem;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 4px;
  transition: border-color 0.2s ease;
}
.toggle-option:hover {
  border-color: #d6d6d6;
}
.toggle-option:has(.form-check-input:checked) {
  border-color: #0067ff;
}
.toggle-option .form-check {
  margin: 0;
}
.toggle-option .form-check-label {
  font-size: 0.8125rem;
}
.permissions-list {
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  overflow: hidden;
}
.permissions-item {
  display: flex;
  align-items: center;
  padding: 1rem 1.25rem;
  background-color: #ffffff;
  border-bottom: 1px solid #e3e3e6;
  transition: background-color 0.2s ease;
}
.permissions-item:last-child {
  border-bottom: none;
}
.permissions-item:hover {
  background-color: #f7f7f7;
}
.permissions-icon {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  margin-right: 1rem;
}
.permissions-icon .material-symbols-sharp {
  font-size: 1.25rem;
}
.permissions-icon.icon-blue {
  background-color: rgba(0, 103, 255, 0.12);
}
.permissions-icon.icon-blue .material-symbols-sharp {
  color: #0067ff;
}
.permissions-icon.icon-purple {
  background-color: rgba(172, 135, 197, 0.3);
}
.permissions-icon.icon-purple .material-symbols-sharp {
  color: #7b4b9b;
}
.permissions-icon.icon-teal {
  background-color: rgba(137, 185, 173, 0.3);
}
.permissions-icon.icon-teal .material-symbols-sharp {
  color: #528a7c;
}
.permissions-icon.icon-red {
  background-color: rgba(255, 197, 197, 0.4);
}
.permissions-icon.icon-red .material-symbols-sharp {
  color: #ff1313;
}
.permissions-icon.icon-green {
  background-color: rgba(20, 180, 116, 0.15);
}
.permissions-icon.icon-green .material-symbols-sharp {
  color: #14b474;
}
.permissions-icon.icon-yellow {
  background-color: rgba(253, 186, 44, 0.2);
}
.permissions-icon.icon-yellow .material-symbols-sharp {
  color: #f4a602;
}
.permissions-content {
  flex: 1;
  min-width: 0;
}
.permissions-title {
  font-weight: 600;
  font-size: 0.875rem;
  color: #333333;
  margin-bottom: 0.125rem;
}
.permissions-desc {
  font-size: 0.75rem;
  color: #5E6C84;
  line-height: 1.4;
}
.permissions-toggle {
  margin-left: 1rem;
}
.permissions-toggle .form-check {
  margin: 0;
  padding: 0;
}
.permissions-toggle .form-check-input {
  width: 2.75rem;
  height: 1.5rem;
  margin: 0;
  cursor: pointer;
  background-color: #e3e3e6;
  border: none;
  border-radius: 1rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  transition: background-color 0.2s ease;
}
.permissions-toggle .form-check-input:checked {
  background-color: #14b474;
}
.permissions-toggle .form-check-input:focus {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
textarea {
  width: 100%;
  height: 2.375rem;
  padding: 0.625rem 0.875rem;
  font-size: 0.8125rem;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 4px;
  transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  outline: none;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
input[type="datetime-local"]:hover,
textarea:hover {
  border-color: #d6d6d6;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
textarea:focus {
  border-color: #0067ff;
  background-color: #ffffff;
  box-shadow: none;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="date"]::placeholder,
input[type="time"]::placeholder,
input[type="datetime-local"]::placeholder,
textarea::placeholder {
  color: #5E6C84;
  opacity: 0.6;
}
input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="url"]:disabled,
input[type="search"]:disabled,
input[type="date"]:disabled,
input[type="time"]:disabled,
input[type="datetime-local"]:disabled,
textarea:disabled {
  background-color: #f7f7f7;
  color: #5E6C84;
  cursor: not-allowed;
  opacity: 0.7;
}
input[type="text"].error,
input[type="email"].error,
input[type="password"].error,
input[type="number"].error,
input[type="tel"].error,
input[type="url"].error,
input[type="search"].error,
input[type="date"].error,
input[type="time"].error,
input[type="datetime-local"].error,
textarea.error,
input[type="text"].is-invalid,
input[type="email"].is-invalid,
input[type="password"].is-invalid,
input[type="number"].is-invalid,
input[type="tel"].is-invalid,
input[type="url"].is-invalid,
input[type="search"].is-invalid,
input[type="date"].is-invalid,
input[type="time"].is-invalid,
input[type="datetime-local"].is-invalid,
textarea.is-invalid {
  border-color: #f5392f;
  background-color: rgba(245, 57, 47, 0.05);
}
input[type="text"].error:focus,
input[type="email"].error:focus,
input[type="password"].error:focus,
input[type="number"].error:focus,
input[type="tel"].error:focus,
input[type="url"].error:focus,
input[type="search"].error:focus,
input[type="date"].error:focus,
input[type="time"].error:focus,
input[type="datetime-local"].error:focus,
textarea.error:focus,
input[type="text"].is-invalid:focus,
input[type="email"].is-invalid:focus,
input[type="password"].is-invalid:focus,
input[type="number"].is-invalid:focus,
input[type="tel"].is-invalid:focus,
input[type="url"].is-invalid:focus,
input[type="search"].is-invalid:focus,
input[type="date"].is-invalid:focus,
input[type="time"].is-invalid:focus,
input[type="datetime-local"].is-invalid:focus,
textarea.is-invalid:focus {
  border-color: #f5392f;
  box-shadow: none;
}
input[type="text"].success,
input[type="email"].success,
input[type="password"].success,
input[type="number"].success,
input[type="tel"].success,
input[type="url"].success,
input[type="search"].success,
input[type="date"].success,
input[type="time"].success,
input[type="datetime-local"].success,
textarea.success,
input[type="text"].is-valid,
input[type="email"].is-valid,
input[type="password"].is-valid,
input[type="number"].is-valid,
input[type="tel"].is-valid,
input[type="url"].is-valid,
input[type="search"].is-valid,
input[type="date"].is-valid,
input[type="time"].is-valid,
input[type="datetime-local"].is-valid,
textarea.is-valid {
  border-color: #14b474;
  background-color: rgba(20, 180, 116, 0.05);
}
input[type="text"].success:focus,
input[type="email"].success:focus,
input[type="password"].success:focus,
input[type="number"].success:focus,
input[type="tel"].success:focus,
input[type="url"].success:focus,
input[type="search"].success:focus,
input[type="date"].success:focus,
input[type="time"].success:focus,
input[type="datetime-local"].success:focus,
textarea.success:focus,
input[type="text"].is-valid:focus,
input[type="email"].is-valid:focus,
input[type="password"].is-valid:focus,
input[type="number"].is-valid:focus,
input[type="tel"].is-valid:focus,
input[type="url"].is-valid:focus,
input[type="search"].is-valid:focus,
input[type="date"].is-valid:focus,
input[type="time"].is-valid:focus,
input[type="datetime-local"].is-valid:focus,
textarea.is-valid:focus {
  border-color: #14b474;
  box-shadow: none;
}
textarea {
  height: auto;
  min-height: 6.25rem;
  resize: vertical;
  line-height: 1.5;
}
select {
  width: 100%;
  height: 2.375rem;
  padding: 0.625rem 2.5rem 0.625rem 0.875rem;
  font-size: 0.8125rem;
  color: #333333;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235E6C84' d='M6 8L0 2l1.5-1.5L6 5l4.5-4.5L12 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 0.75rem;
  border: 1px solid #e3e3e6;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
}
select:hover {
  border-color: #d6d6d6;
}
select:focus {
  border-color: #0067ff;
  background-color: #ffffff;
  box-shadow: none;
}
select:disabled {
  background-color: #f7f7f7;
  color: #5E6C84;
  cursor: not-allowed;
  opacity: 0.7;
}
select.select-open {
  border-radius: 4px 4px 0 0;
}
select.error,
select.is-invalid {
  border-color: #f5392f;
  background-color: rgba(245, 57, 47, 0.05);
}
select.error:focus,
select.is-invalid:focus {
  border-color: #f5392f;
  box-shadow: none;
}
select.success,
select.is-valid {
  border-color: #14b474;
  background-color: rgba(20, 180, 116, 0.05);
}
select.success:focus,
select.is-valid:focus {
  border-color: #14b474;
  box-shadow: none;
}
select[multiple] {
  padding: 0.5rem 0.875rem;
  background-image: none;
  height: auto;
  min-height: 7.5rem;
}
select[multiple] option {
  padding: 0.375rem 0.5rem;
  border-radius: 2px;
  margin: 2px 0;
}
select[multiple] option:checked {
  background-color: #0067ff;
  color: #ffffff;
}
option {
  padding: 0.5rem 0.75rem;
  font-size: 0.8125rem;
  color: #333333;
  background-color: #ffffff;
}
option:disabled {
  color: #5E6C84;
  opacity: 0.6;
}
.form-group {
  margin-bottom: 1.25rem;
  position: relative;
}
.form-group label {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333333;
}
.form-group label.required::after {
  content: " *";
  color: #f5392f;
  font-weight: 600;
}
.form-group .form-text,
.form-group .help-text {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #5E6C84;
}
.form-group .error-message,
.form-group .invalid-feedback {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #f5392f;
}
.form-group .success-message,
.form-group .valid-feedback {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #14b474;
}
.form-group .warning-message {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #fdba2c;
}
.valid-feedback {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #14b474;
}
.invalid-feedback {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #f5392f;
}
.warning-message {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #fdba2c;
}
.input-icon {
  position: relative;
}
.input-icon input,
.input-icon select {
  padding-left: 2.75rem;
}
.input-icon .icon {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  color: #5E6C84;
  font-size: 1.25rem;
  line-height: 1;
  pointer-events: none;
  transition: color 0.3s ease;
}
.input-icon input:focus ~ .icon,
.input-icon select:focus ~ .icon {
  color: #0067ff;
}
.input-icon.icon-right input,
.input-icon.icon-right select {
  padding-left: 0.875rem;
  padding-right: 2.75rem;
}
.input-icon.icon-right .icon {
  left: auto;
  right: 0.875rem;
}
.input-group {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.input-group .form-control {
  flex: 1;
  height: 2.375rem;
  border-radius: 0;
}
.input-group .form-control:first-child {
  border-radius: 4px 0 0 4px;
}
.input-group .form-control:last-child {
  border-radius: 0 4px 4px 0;
}
.input-group .input-group-text {
  display: flex;
  align-items: center;
  height: 2.375rem;
  padding: 0 0.875rem;
  background-color: #f7f7f7;
  border: 1px solid #e3e3e6;
  color: #333333;
  font-size: 0.8125rem;
  white-space: nowrap;
  line-height: 1;
}
.input-group .input-group-text:first-child {
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.input-group .input-group-text:last-child {
  border-radius: 0 4px 4px 0;
  border-left: none;
}
.input-group .input-group-text .material-symbols-sharp {
  font-size: 1.25rem;
  color: #5E6C84;
  line-height: 1;
}
.input-group .btn {
  height: 2.375rem;
  border: 1px solid #e3e3e6;
  background-color: #f7f7f7;
  color: #333333;
}
.input-group .btn:first-child {
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.input-group .btn:last-child {
  border-radius: 0 4px 4px 0;
  border-left: none;
}
.input-group .btn:hover {
  background-color: #eaeaea;
  border-color: #e3e3e6;
}
.input-group .btn:focus {
  box-shadow: none;
  border-color: #e3e3e6;
}
.input-group .btn .material-symbols-sharp {
  font-size: 1.25rem;
  color: #5E6C84;
  line-height: 1;
}
input[type="checkbox"],
input[type="radio"] {
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.5rem;
  cursor: pointer;
  accent-color: #0067ff;
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline-offset: 2px;
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.custom-checkbox,
.custom-radio {
  display: block !important;
  cursor: pointer;
  user-select: none;
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 1.75rem;
  line-height: 1.25rem;
  min-height: 1.25rem;
}
.custom-checkbox input,
.custom-radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  cursor: pointer;
}
.custom-checkbox input:checked ~ .checkmark,
.custom-radio input:checked ~ .checkmark {
  background-color: #0067ff;
  border-color: #0067ff;
}
.custom-checkbox input:checked ~ .checkmark::after,
.custom-radio input:checked ~ .checkmark::after {
  display: block;
}
.custom-checkbox input:focus ~ .checkmark,
.custom-radio input:focus ~ .checkmark {
  border-color: #0067ff;
  box-shadow: none;
}
.custom-checkbox input:disabled ~ .checkmark,
.custom-radio input:disabled ~ .checkmark {
  background-color: #f7f7f7;
  border-color: #d6d6d6;
  cursor: not-allowed;
  opacity: 0.7;
}
.custom-checkbox input:disabled ~ .label-text,
.custom-radio input:disabled ~ .label-text {
  opacity: 0.7;
  cursor: not-allowed;
}
.custom-checkbox .checkmark,
.custom-radio .checkmark {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  background-color: #ffffff;
  border: 2px solid #d6d6d6;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.custom-checkbox .checkmark::after,
.custom-radio .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  width: 0.3125rem;
  height: 0.5625rem;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -60%) rotate(45deg);
}
.custom-checkbox .label-text,
.custom-radio .label-text {
  font-size: 0.8125rem;
  color: #333333;
  line-height: 1.25rem;
}
.custom-radio .checkmark {
  border-radius: 50%;
}
.custom-radio .checkmark::after {
  left: 50%;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  border: none;
  border-radius: 50%;
  background-color: #ffffff;
  transform: translate(-50%, -50%);
}
input[type="file"] {
  width: 100%;
  height: 2.375rem;
  padding: 0;
  border: 1px solid #e3e3e6;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.8125rem;
}
input[type="file"]:hover {
  border-color: #d6d6d6;
}
input[type="file"]:focus {
  outline: none;
  border-color: #0067ff;
  box-shadow: none;
}
input[type="file"]::file-selector-button {
  height: 2.375rem;
  padding: 0 1rem;
  margin: -1px 0.75rem -1px -1px;
  background-color: #f7f7f7;
  border: 1px solid #e3e3e6;
  border-right: 1px solid #e3e3e6;
  border-radius: 4px 0 0 4px;
  color: #333333;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
input[type="file"]::file-selector-button:hover {
  background-color: #eaeaea;
}
input[type="file"]::-webkit-file-upload-button {
  height: 2.375rem;
  padding: 0 0.625rem;
  margin: -1px 0.75rem -1px -1px;
  background-color: #f7f7f7;
  border: 1px solid #e3e3e6;
  border-right: 1px solid #e3e3e6;
  border-radius: 4px 0 0 4px;
  color: #333333;
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
input[type="file"]::-webkit-file-upload-button:hover {
  background-color: #eaeaea;
}
.form-control-sm {
  height: 2rem !important;
  padding: 0.25rem 0.625rem !important;
  font-size: 0.75rem !important;
  line-height: 1.5;
}
.form-control-lg {
  height: 2.875rem !important;
  padding: 0.625rem 1rem !important;
  font-size: 1rem !important;
  line-height: 1.5;
}
select.form-control-sm {
  padding-right: 2.25rem !important;
}
select.form-control-lg {
  padding-right: 2.75rem !important;
}
.search-wrapper {
  position: relative;
}
.search-wrapper input[type="search"] {
  padding-right: 2.5rem;
}
.search-wrapper input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.search-wrapper .search-clear {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #5E6C84;
  cursor: pointer;
  padding: 0.25rem;
  display: none;
}
.search-wrapper .search-clear:hover {
  color: #333333;
}
.search-wrapper input:not(:placeholder-shown) ~ .search-clear {
  display: block;
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select {
  height: 2.875rem;
  min-height: 2.875rem;
  padding: 1.25rem 0.875rem 0.25rem;
  line-height: 1.25;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-select::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus,
.form-floating > .form-select:focus,
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-select:not(:placeholder-shown) {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-select:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select:not(:placeholder-shown) ~ label {
  top: -0.65rem;
  font-size: 0.825rem;
  color: #0067ff;
  transform: scale(0.85) translateY(0);
  opacity: 1;
  background: #ffffff !important;
  padding: 2px 6px;
  border-radius: 3px;
}
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select:not(:placeholder-shown) ~ label {
  color: #5E6C84;
  height: auto;
}
.form-floating > textarea.form-control {
  height: auto;
  min-height: 6.25rem;
  padding-top: 1.875rem;
}
.form-floating > textarea.form-control:focus ~ label,
.form-floating > textarea.form-control:not(:placeholder-shown) ~ label {
  top: -0.65rem;
  font-size: 0.825rem;
  color: #0067ff;
  transform: scale(0.85) translateY(0);
  opacity: 1;
  background: #ffffff !important;
  padding: 2px 6px;
  border-radius: 3px;
}
.form-floating > textarea.form-control:not(:placeholder-shown) ~ label {
  color: #5E6C84;
}
.form-floating > .form-select {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select ~ label {
  top: -0.65rem;
  font-size: 0.825rem;
  opacity: 1;
  background: #ffffff;
  padding: 2px 6px;
  border-radius: 3px;
}
.form-floating > label {
  position: absolute;
  top: 0.805rem;
  left: 0.875rem;
  padding: 0;
  font-size: 0.8125rem;
  color: #5E6C84;
  font-weight: 400;
  pointer-events: none;
  transition: all 0.2s ease-out;
  transform-origin: left top;
  opacity: 0.8;
  border: none;
  background: transparent !important;
  height: auto;
}
.form-floating > label::before,
.form-floating > label::after {
  display: none !important;
  background: transparent !important;
}
.form-floating > .form-control.is-valid {
  border-color: #14b474;
  background-color: rgba(20, 180, 116, 0.05);
}
.form-floating > .form-control.is-valid:focus {
  border-color: #14b474;
  box-shadow: none;
}
.form-floating > .form-control.is-valid ~ label {
  color: #14b474;
}
.form-floating > .form-control.is-invalid {
  border-color: #f5392f;
  background-color: rgba(245, 57, 47, 0.05);
}
.form-floating > .form-control.is-invalid:focus {
  border-color: #f5392f;
  box-shadow: none;
}
.form-floating > .form-control.is-invalid ~ label {
  color: #f5392f;
}
.form-floating > .form-control.warning {
  border-color: #fdba2c;
  background-color: rgba(253, 186, 44, 0.05);
}
.form-floating > .form-control.warning:focus {
  border-color: #fdba2c;
  box-shadow: none;
}
.form-floating > .form-control.warning ~ label {
  color: #fdba2c;
}
.form-floating.has-icon .floating-icon {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  color: #5E6C84;
  pointer-events: none;
  transition: color 0.2s ease;
}
.form-floating.has-icon > .form-control {
  padding-right: 2.75rem;
}
.form-floating.has-icon > .form-control:focus ~ .floating-icon {
  color: #0067ff;
}
.form-floating > .clr-field {
  width: 100%;
  height: 2.875rem;
  min-height: 2.875rem;
}
.form-floating > .clr-field > input[data-coloris] {
  height: 2.875rem;
  min-height: 2.875rem;
  padding: 0.625rem 2.5rem 0.625rem 0.875rem;
  line-height: 1.25;
}
.form-floating > .clr-field > button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  right: 6px;
  width: 60px;
  height: 78%;
  border-radius: 4px;
  cursor: pointer !important;
}
.form-floating > .clr-field ~ label {
  top: -0.65rem !important;
  font-size: 0.825rem !important;
  color: #5E6C84 !important;
  transform: scale(0.85) translateY(0) !important;
  opacity: 1 !important;
  background: #ffffff !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  z-index: 1 !important;
}
.form-floating > .clr-field:focus-within ~ label {
  color: #0067ff !important;
}
.sm-form-design {
  position: relative;
}
.sm-form-design input.form-control,
.sm-form-design select.form-control,
.sm-form-design textarea.form-control {
  width: 100%;
  height: 3rem;
  padding: 1.375rem 0.875rem 0.375rem 0.3125rem;
  font-size: 0.8125rem;
  color: #333333;
  background-color: #ffffff;
  border: none;
  border-bottom: 2px solid #e3e3e6;
  border-radius: 0;
  outline: none;
  transition: border-bottom-color 0.3s ease, background-color 0.2s ease, box-shadow 0.3s ease;
  box-shadow: none;
}
.sm-form-design input.form-control::placeholder,
.sm-form-design select.form-control::placeholder,
.sm-form-design textarea.form-control::placeholder {
  color: transparent;
  opacity: 0;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.sm-form-design input.form-control:hover:not(:disabled):not(:focus),
.sm-form-design select.form-control:hover:not(:disabled):not(:focus),
.sm-form-design textarea.form-control:hover:not(:disabled):not(:focus) {
  border-bottom-color: #d6d6d6;
}
.sm-form-design input.form-control:focus,
.sm-form-design select.form-control:focus,
.sm-form-design textarea.form-control:focus {
  border-bottom-color: #0067ff;
  background-color: #ffffff;
  box-shadow: 0 2px 0 0 rgba(0, 103, 255, 0.2);
}
.sm-form-design input.form-control:focus::placeholder,
.sm-form-design select.form-control:focus::placeholder,
.sm-form-design textarea.form-control:focus::placeholder {
  color: #5E6C84;
  opacity: 0.6;
}
.sm-form-design input.form-control:focus ~ .control-label,
.sm-form-design select.form-control:focus ~ .control-label,
.sm-form-design textarea.form-control:focus ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #0067ff;
  font-weight: 500;
  opacity: 1;
}
.sm-form-design input.form-control:not(:placeholder-shown) ~ .control-label,
.sm-form-design select.form-control:not(:placeholder-shown) ~ .control-label,
.sm-form-design textarea.form-control:not(:placeholder-shown) ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #5E6C84;
  font-weight: 500;
  opacity: 1;
}
.sm-form-design input.form-control:disabled,
.sm-form-design select.form-control:disabled,
.sm-form-design textarea.form-control:disabled {
  background-color: rgba(247, 247, 247, 0.5);
  color: rgba(94, 108, 132, 0.7);
  cursor: not-allowed;
  opacity: 0.7;
  border-bottom-color: #d6d6d6;
  border-bottom-style: dashed;
}
.sm-form-design input.form-control:disabled ~ .control-label,
.sm-form-design select.form-control:disabled ~ .control-label,
.sm-form-design textarea.form-control:disabled ~ .control-label {
  color: rgba(94, 108, 132, 0.6);
  opacity: 0.7;
}
.sm-form-design input.form-control:read-only,
.sm-form-design select.form-control:read-only,
.sm-form-design textarea.form-control:read-only {
  background-color: rgba(247, 247, 247, 0.3);
  cursor: default;
}
.sm-form-design input.form-control.error,
.sm-form-design select.form-control.error,
.sm-form-design textarea.form-control.error,
.sm-form-design input.form-control.is-invalid,
.sm-form-design select.form-control.is-invalid,
.sm-form-design textarea.form-control.is-invalid {
  border-bottom-color: #f5392f;
  background-color: rgba(245, 57, 47, 0.03);
}
.sm-form-design input.form-control.error ~ .control-label,
.sm-form-design select.form-control.error ~ .control-label,
.sm-form-design textarea.form-control.error ~ .control-label,
.sm-form-design input.form-control.is-invalid ~ .control-label,
.sm-form-design select.form-control.is-invalid ~ .control-label,
.sm-form-design textarea.form-control.is-invalid ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #f5392f;
  font-weight: 500;
  opacity: 1;
}
.sm-form-design input.form-control.success,
.sm-form-design select.form-control.success,
.sm-form-design textarea.form-control.success,
.sm-form-design input.form-control.is-valid,
.sm-form-design select.form-control.is-valid,
.sm-form-design textarea.form-control.is-valid {
  border-bottom-color: #14b474;
  background-color: rgba(20, 180, 116, 0.03);
}
.sm-form-design input.form-control.success ~ .control-label,
.sm-form-design select.form-control.success ~ .control-label,
.sm-form-design textarea.form-control.success ~ .control-label,
.sm-form-design input.form-control.is-valid ~ .control-label,
.sm-form-design select.form-control.is-valid ~ .control-label,
.sm-form-design textarea.form-control.is-valid ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #14b474;
  font-weight: 500;
  opacity: 1;
}
.sm-form-design input.form-control.warning,
.sm-form-design select.form-control.warning,
.sm-form-design textarea.form-control.warning,
.sm-form-design input.form-control.has-warning,
.sm-form-design select.form-control.has-warning,
.sm-form-design textarea.form-control.has-warning {
  border-bottom-color: #fdba2c;
  background-color: rgba(253, 186, 44, 0.03);
}
.sm-form-design input.form-control.warning ~ .control-label,
.sm-form-design select.form-control.warning ~ .control-label,
.sm-form-design textarea.form-control.warning ~ .control-label,
.sm-form-design input.form-control.has-warning ~ .control-label,
.sm-form-design select.form-control.has-warning ~ .control-label,
.sm-form-design textarea.form-control.has-warning ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #fdba2c;
  font-weight: 500;
  opacity: 1;
}
.sm-form-design select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235E6C84' d='M6 8L0 2l1.5-1.5L6 5l4.5-4.5L12 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 0.75rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2.5rem;
  cursor: pointer;
}
.sm-form-design select.form-control:not([value=""]) ~ .control-label,
.sm-form-design select.form-control.has-value ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  font-weight: 500;
  opacity: 1;
}
.sm-form-design select.form-control option {
  padding: 0.5rem 0.75rem;
  font-size: 0.8125rem;
  color: #333333;
  background-color: #ffffff;
}
.sm-form-design select.form-control option:first-child {
  color: #5E6C84;
}
.sm-form-design select.form-control option:disabled {
  color: #5E6C84;
  opacity: 0.6;
}
.sm-form-design textarea.form-control {
  height: auto;
  resize: vertical;
  min-height: 4.375rem;
  padding-top: 1.625rem;
  padding-bottom: 0.5rem;
  line-height: 1.6;
}
.sm-form-design .control-label {
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
  font-size: 0.8125rem;
  color: #5E6C84;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: transparent;
  opacity: 0.75;
  transform-origin: left top;
}
.sm-form-design input:-webkit-autofill ~ .control-label,
.sm-form-design input:-webkit-autofill:focus ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #5E6C84;
  font-weight: 500;
  opacity: 1;
}
.sm-form-design .help-text,
.sm-form-design .form-text {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #5E6C84;
  line-height: 1.4;
}
.sm-form-design .error-message,
.sm-form-design .invalid-feedback {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #f5392f;
  line-height: 1.4;
  animation: slideInDown 0.3s ease;
}
.sm-form-design .success-message,
.sm-form-design .valid-feedback {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #14b474;
  line-height: 1.4;
  animation: slideInDown 0.3s ease;
}
.sm-form-design .warning-message {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #fdba2c;
  line-height: 1.4;
}
.sm-form-design.has-icon .form-icon {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  color: #5E6C84;
  pointer-events: none;
  transition: color 0.3s ease;
  opacity: 0.7;
}
.sm-form-design.has-icon input.form-control,
.sm-form-design.has-icon select.form-control {
  padding-right: 2.75rem;
}
.sm-form-design.has-icon textarea.form-control ~ .form-icon {
  top: 1.625rem;
  transform: none;
}
.sm-form-design.has-icon input.form-control:focus ~ .form-icon,
.sm-form-design.has-icon select.form-control:focus ~ .form-icon,
.sm-form-design.has-icon textarea.form-control:focus ~ .form-icon {
  color: #0067ff;
  opacity: 1;
}
.sm-form-design.has-icon input.form-control.is-valid ~ .form-icon,
.sm-form-design.has-icon select.form-control.is-valid ~ .form-icon {
  color: #14b474;
  opacity: 1;
}
.sm-form-design.has-icon input.form-control.is-invalid ~ .form-icon,
.sm-form-design.has-icon select.form-control.is-invalid ~ .form-icon {
  color: #f5392f;
  opacity: 1;
}
@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-0.3125rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.lg-form-design {
  position: relative;
}
.lg-form-design input.form-control,
.lg-form-design select.form-control,
.lg-form-design textarea.form-control {
  width: 100%;
  height: 3rem;
  padding: 1.375rem 0.875rem 0.375rem 0.3125rem;
  font-size: 0.8125rem;
  color: #333333;
  background-color: #ffffff;
  border: none;
  border-bottom: 2px solid #e3e3e6;
  border-radius: 0;
  outline: none;
  transition: border-bottom-color 0.3s ease, background-color 0.2s ease, box-shadow 0.3s ease;
  box-shadow: none;
}
.lg-form-design input.form-control::placeholder,
.lg-form-design select.form-control::placeholder,
.lg-form-design textarea.form-control::placeholder {
  color: transparent;
  opacity: 0;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.lg-form-design input.form-control:hover:not(:disabled):not(:focus),
.lg-form-design select.form-control:hover:not(:disabled):not(:focus),
.lg-form-design textarea.form-control:hover:not(:disabled):not(:focus) {
  border-bottom-color: #d6d6d6;
}
.lg-form-design input.form-control:focus,
.lg-form-design select.form-control:focus,
.lg-form-design textarea.form-control:focus {
  border-bottom-color: #0067ff;
  background-color: #ffffff;
  box-shadow: 0 2px 0 0 rgba(0, 103, 255, 0.2);
}
.lg-form-design input.form-control:focus::placeholder,
.lg-form-design select.form-control:focus::placeholder,
.lg-form-design textarea.form-control:focus::placeholder {
  color: #5E6C84;
  opacity: 0.6;
}
.lg-form-design input.form-control:focus ~ .control-label,
.lg-form-design select.form-control:focus ~ .control-label,
.lg-form-design textarea.form-control:focus ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #0067ff;
  font-weight: 500;
  opacity: 1;
}
.lg-form-design input.form-control:not(:placeholder-shown) ~ .control-label,
.lg-form-design select.form-control:not(:placeholder-shown) ~ .control-label,
.lg-form-design textarea.form-control:not(:placeholder-shown) ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #5E6C84;
  font-weight: 500;
  opacity: 1;
}
.lg-form-design input.form-control:disabled,
.lg-form-design select.form-control:disabled,
.lg-form-design textarea.form-control:disabled {
  background-color: rgba(247, 247, 247, 0.5);
  color: rgba(94, 108, 132, 0.7);
  cursor: not-allowed;
  opacity: 0.7;
  border-bottom-color: #d6d6d6;
  border-bottom-style: dashed;
}
.lg-form-design input.form-control:disabled ~ .control-label,
.lg-form-design select.form-control:disabled ~ .control-label,
.lg-form-design textarea.form-control:disabled ~ .control-label {
  color: rgba(94, 108, 132, 0.6);
  opacity: 0.7;
}
.lg-form-design input.form-control:read-only,
.lg-form-design select.form-control:read-only,
.lg-form-design textarea.form-control:read-only {
  background-color: rgba(247, 247, 247, 0.3);
  cursor: default;
}
.lg-form-design input.form-control.error,
.lg-form-design select.form-control.error,
.lg-form-design textarea.form-control.error,
.lg-form-design input.form-control.is-invalid,
.lg-form-design select.form-control.is-invalid,
.lg-form-design textarea.form-control.is-invalid {
  border-bottom-color: #f5392f;
  background-color: rgba(245, 57, 47, 0.03);
}
.lg-form-design input.form-control.error ~ .control-label,
.lg-form-design select.form-control.error ~ .control-label,
.lg-form-design textarea.form-control.error ~ .control-label,
.lg-form-design input.form-control.is-invalid ~ .control-label,
.lg-form-design select.form-control.is-invalid ~ .control-label,
.lg-form-design textarea.form-control.is-invalid ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #f5392f;
  font-weight: 500;
  opacity: 1;
}
.lg-form-design input.form-control.success,
.lg-form-design select.form-control.success,
.lg-form-design textarea.form-control.success,
.lg-form-design input.form-control.is-valid,
.lg-form-design select.form-control.is-valid,
.lg-form-design textarea.form-control.is-valid {
  border-bottom-color: #14b474;
  background-color: rgba(20, 180, 116, 0.03);
}
.lg-form-design input.form-control.success ~ .control-label,
.lg-form-design select.form-control.success ~ .control-label,
.lg-form-design textarea.form-control.success ~ .control-label,
.lg-form-design input.form-control.is-valid ~ .control-label,
.lg-form-design select.form-control.is-valid ~ .control-label,
.lg-form-design textarea.form-control.is-valid ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #14b474;
  font-weight: 500;
  opacity: 1;
}
.lg-form-design input.form-control.warning,
.lg-form-design select.form-control.warning,
.lg-form-design textarea.form-control.warning,
.lg-form-design input.form-control.has-warning,
.lg-form-design select.form-control.has-warning,
.lg-form-design textarea.form-control.has-warning {
  border-bottom-color: #fdba2c;
  background-color: rgba(253, 186, 44, 0.03);
}
.lg-form-design input.form-control.warning ~ .control-label,
.lg-form-design select.form-control.warning ~ .control-label,
.lg-form-design textarea.form-control.warning ~ .control-label,
.lg-form-design input.form-control.has-warning ~ .control-label,
.lg-form-design select.form-control.has-warning ~ .control-label,
.lg-form-design textarea.form-control.has-warning ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #fdba2c;
  font-weight: 500;
  opacity: 1;
}
.lg-form-design select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235E6C84' d='M6 8L0 2l1.5-1.5L6 5l4.5-4.5L12 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 0.75rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2.5rem;
  cursor: pointer;
}
.lg-form-design select.form-control:not([value=""]) ~ .control-label,
.lg-form-design select.form-control.has-value ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  font-weight: 500;
  opacity: 1;
}
.lg-form-design select.form-control option {
  padding: 0.5rem 0.75rem;
  font-size: 0.8125rem;
  color: #333333;
  background-color: #ffffff;
}
.lg-form-design select.form-control option:first-child {
  color: #5E6C84;
}
.lg-form-design select.form-control option:disabled {
  color: #5E6C84;
  opacity: 0.6;
}
.lg-form-design textarea.form-control {
  height: auto;
  resize: vertical;
  min-height: 4.375rem;
  padding-top: 1.625rem;
  padding-bottom: 0.5rem;
  line-height: 1.6;
}
.lg-form-design .control-label {
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
  font-size: 0.8125rem;
  color: #5E6C84;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: transparent;
  opacity: 0.75;
  transform-origin: left top;
}
.lg-form-design input:-webkit-autofill ~ .control-label,
.lg-form-design input:-webkit-autofill:focus ~ .control-label {
  top: 0.125rem;
  font-size: 0.625rem;
  color: #5E6C84;
  font-weight: 500;
  opacity: 1;
}
.lg-form-design .help-text,
.lg-form-design .form-text {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #5E6C84;
  line-height: 1.4;
}
.lg-form-design .error-message,
.lg-form-design .invalid-feedback {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #f5392f;
  line-height: 1.4;
  animation: slideInDown 0.3s ease;
}
.lg-form-design .success-message,
.lg-form-design .valid-feedback {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #14b474;
  line-height: 1.4;
  animation: slideInDown 0.3s ease;
}
.lg-form-design .warning-message {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  color: #fdba2c;
  line-height: 1.4;
}
.lg-form-design.has-icon .form-icon {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  color: #5E6C84;
  pointer-events: none;
  transition: color 0.3s ease;
  opacity: 0.7;
}
.lg-form-design.has-icon input.form-control,
.lg-form-design.has-icon select.form-control {
  padding-right: 2.75rem;
}
.lg-form-design.has-icon textarea.form-control ~ .form-icon {
  top: 1.625rem;
  transform: none;
}
.lg-form-design.has-icon input.form-control:focus ~ .form-icon,
.lg-form-design.has-icon select.form-control:focus ~ .form-icon,
.lg-form-design.has-icon textarea.form-control:focus ~ .form-icon {
  color: #0067ff;
  opacity: 1;
}
.lg-form-design.has-icon input.form-control.is-valid ~ .form-icon,
.lg-form-design.has-icon select.form-control.is-valid ~ .form-icon {
  color: #14b474;
  opacity: 1;
}
.lg-form-design.has-icon input.form-control.is-invalid ~ .form-icon,
.lg-form-design.has-icon select.form-control.is-invalid ~ .form-icon {
  color: #f5392f;
  opacity: 1;
}
.lg-form-design input.form-control,
.lg-form-design select.form-control,
.lg-form-design textarea.form-control {
  height: 3.5rem;
  padding: 1.625rem 1rem 0.5rem 1rem;
  font-size: 0.9375rem;
}
.lg-form-design .control-label {
  top: 1rem;
  left: 1rem;
  font-size: 0.9375rem;
}
.lg-form-design input.form-control:focus ~ .control-label,
.lg-form-design input.form-control:not(:placeholder-shown) ~ .control-label,
.lg-form-design input.form-control.is-invalid ~ .control-label,
.lg-form-design input.form-control.is-valid ~ .control-label,
.lg-form-design input.form-control.warning ~ .control-label,
.lg-form-design select.form-control:not([value=""]) ~ .control-label,
.lg-form-design select.form-control.has-value ~ .control-label,
.lg-form-design textarea.form-control:focus ~ .control-label,
.lg-form-design textarea.form-control:not(:placeholder-shown) ~ .control-label {
  top: 0.1875rem;
  font-size: 0.6875rem;
}
.lg-form-design textarea.form-control {
  min-height: 5rem;
  padding-top: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .sm-form-design {
    margin-bottom: 1rem;
  }
  .sm-form-design input.form-control,
  .sm-form-design select.form-control,
  .sm-form-design textarea.form-control {
    height: 3.125rem;
    font-size: 0.9375rem;
    padding: 1.5rem 0.875rem 0.5rem 0.875rem;
  }
  .sm-form-design .control-label {
    font-size: 0.875rem;
    top: 1rem;
  }
  .sm-form-design input.form-control:focus ~ .control-label,
  .sm-form-design input.form-control:not(:placeholder-shown) ~ .control-label,
  .sm-form-design select.form-control:not([value=""]) ~ .control-label,
  .sm-form-design select.form-control.has-value ~ .control-label,
  .sm-form-design textarea.form-control:focus ~ .control-label,
  .sm-form-design textarea.form-control:not(:placeholder-shown) ~ .control-label,
  .sm-form-design input.form-control.is-invalid ~ .control-label,
  .sm-form-design input.form-control.is-valid ~ .control-label,
  .sm-form-design input.form-control.warning ~ .control-label {
    top: 0.1875rem;
    font-size: 0.6875rem;
  }
  .sm-form-design textarea.form-control {
    min-height: 4.6875rem;
    padding-top: 1.75rem;
  }
  .sm-form-design .error-message,
  .sm-form-design .success-message,
  .sm-form-design .warning-message,
  .sm-form-design .help-text,
  .sm-form-design .invalid-feedback,
  .sm-form-design .valid-feedback {
    font-size: 0.8125rem;
  }
  .lg-form-design input.form-control,
  .lg-form-design select.form-control,
  .lg-form-design textarea.form-control {
    height: 3.625rem;
    font-size: 1rem;
    padding: 1.75rem 1rem 0.625rem 1rem;
  }
  .lg-form-design .control-label {
    top: 1.125rem;
    font-size: 1rem;
  }
  .lg-form-design input.form-control:focus ~ .control-label,
  .lg-form-design input.form-control:not(:placeholder-shown) ~ .control-label,
  .lg-form-design input.form-control.is-invalid ~ .control-label,
  .lg-form-design input.form-control.is-valid ~ .control-label,
  .lg-form-design input.form-control.warning ~ .control-label,
  .lg-form-design select.form-control:not([value=""]) ~ .control-label,
  .lg-form-design select.form-control.has-value ~ .control-label,
  .lg-form-design textarea.form-control:focus ~ .control-label,
  .lg-form-design textarea.form-control:not(:placeholder-shown) ~ .control-label {
    top: 0.25rem;
    font-size: 0.75rem;
  }
  .lg-form-design textarea.form-control {
    min-height: 5.3125rem;
    padding-top: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  select,
  textarea {
    font-size: 0.9375rem;
    padding: 0.75rem 0.875rem;
  }
  select {
    padding-right: 2.5rem;
  }
  .form-group {
    margin-bottom: 1rem;
  }
  .form-group label {
    font-size: 0.9375rem;
  }
}
.dark input[type="text"],
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="number"],
.dark input[type="tel"],
.dark input[type="url"],
.dark input[type="search"],
.dark input[type="date"],
.dark input[type="time"],
.dark input[type="datetime-local"],
.dark select,
.dark textarea {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.dark input[type="text"]::placeholder,
.dark input[type="email"]::placeholder,
.dark input[type="password"]::placeholder,
.dark input[type="number"]::placeholder,
.dark input[type="tel"]::placeholder,
.dark input[type="url"]::placeholder,
.dark input[type="search"]::placeholder,
.dark input[type="date"]::placeholder,
.dark input[type="time"]::placeholder,
.dark input[type="datetime-local"]::placeholder,
.dark select::placeholder,
.dark textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark input[type="text"]:focus,
.dark input[type="email"]:focus,
.dark input[type="password"]:focus,
.dark input[type="number"]:focus,
.dark input[type="tel"]:focus,
.dark input[type="url"]:focus,
.dark input[type="search"]:focus,
.dark input[type="date"]:focus,
.dark input[type="time"]:focus,
.dark input[type="datetime-local"]:focus,
.dark select:focus,
.dark textarea:focus {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: #0067ff;
}
.dark input[type="text"]:disabled,
.dark input[type="email"]:disabled,
.dark input[type="password"]:disabled,
.dark input[type="number"]:disabled,
.dark input[type="tel"]:disabled,
.dark input[type="url"]:disabled,
.dark input[type="search"]:disabled,
.dark input[type="date"]:disabled,
.dark input[type="time"]:disabled,
.dark input[type="datetime-local"]:disabled,
.dark select:disabled,
.dark textarea:disabled {
  background-color: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.4);
}
.dark select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M6 8L0 2l1.5-1.5L6 5l4.5-4.5L12 2z'/%3E%3C/svg%3E");
}
.dark .form-group label {
  color: #ffffff;
}
.dark .form-group .form-text,
.dark .form-group .help-text {
  color: rgba(255, 255, 255, 0.7);
}
.dark .input-group-text {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}
.dark .custom-checkbox .checkmark,
.dark .custom-radio .checkmark {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
}
.dark .custom-checkbox .label-text,
.dark .custom-radio .label-text {
  color: #ffffff;
}
.dark .sm-form-design input.form-control,
.dark .lg-form-design input.form-control,
.dark .sm-form-design select.form-control,
.dark .lg-form-design select.form-control,
.dark .sm-form-design textarea.form-control,
.dark .lg-form-design textarea.form-control {
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
.dark .sm-form-design input.form-control::placeholder,
.dark .lg-form-design input.form-control::placeholder,
.dark .sm-form-design select.form-control::placeholder,
.dark .lg-form-design select.form-control::placeholder,
.dark .sm-form-design textarea.form-control::placeholder,
.dark .lg-form-design textarea.form-control::placeholder {
  color: transparent;
  opacity: 0;
}
.dark .sm-form-design input.form-control:hover:not(:disabled):not(:focus),
.dark .lg-form-design input.form-control:hover:not(:disabled):not(:focus),
.dark .sm-form-design select.form-control:hover:not(:disabled):not(:focus),
.dark .lg-form-design select.form-control:hover:not(:disabled):not(:focus),
.dark .sm-form-design textarea.form-control:hover:not(:disabled):not(:focus),
.dark .lg-form-design textarea.form-control:hover:not(:disabled):not(:focus) {
  border-bottom-color: rgba(255, 255, 255, 0.4);
}
.dark .sm-form-design input.form-control:focus,
.dark .lg-form-design input.form-control:focus,
.dark .sm-form-design select.form-control:focus,
.dark .lg-form-design select.form-control:focus,
.dark .sm-form-design textarea.form-control:focus,
.dark .lg-form-design textarea.form-control:focus {
  border-bottom-color: #0067ff;
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 2px 0 0 rgba(0, 103, 255, 0.3);
}
.dark .sm-form-design input.form-control:focus::placeholder,
.dark .lg-form-design input.form-control:focus::placeholder,
.dark .sm-form-design select.form-control:focus::placeholder,
.dark .lg-form-design select.form-control:focus::placeholder,
.dark .sm-form-design textarea.form-control:focus::placeholder,
.dark .lg-form-design textarea.form-control:focus::placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 0.6;
}
.dark .sm-form-design input.form-control:focus ~ .control-label,
.dark .lg-form-design input.form-control:focus ~ .control-label,
.dark .sm-form-design select.form-control:focus ~ .control-label,
.dark .lg-form-design select.form-control:focus ~ .control-label,
.dark .sm-form-design textarea.form-control:focus ~ .control-label,
.dark .lg-form-design textarea.form-control:focus ~ .control-label {
  color: #0067ff;
}
.dark .sm-form-design input.form-control:not(:placeholder-shown) ~ .control-label,
.dark .lg-form-design input.form-control:not(:placeholder-shown) ~ .control-label,
.dark .sm-form-design select.form-control:not(:placeholder-shown) ~ .control-label,
.dark .lg-form-design select.form-control:not(:placeholder-shown) ~ .control-label,
.dark .sm-form-design textarea.form-control:not(:placeholder-shown) ~ .control-label,
.dark .lg-form-design textarea.form-control:not(:placeholder-shown) ~ .control-label {
  color: rgba(255, 255, 255, 0.85);
}
.dark .sm-form-design input.form-control:disabled,
.dark .lg-form-design input.form-control:disabled,
.dark .sm-form-design select.form-control:disabled,
.dark .lg-form-design select.form-control:disabled,
.dark .sm-form-design textarea.form-control:disabled,
.dark .lg-form-design textarea.form-control:disabled {
  background-color: rgba(255, 255, 255, 0.03);
  color: rgba(255, 255, 255, 0.4);
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.dark .sm-form-design input.form-control:disabled ~ .control-label,
.dark .lg-form-design input.form-control:disabled ~ .control-label,
.dark .sm-form-design select.form-control:disabled ~ .control-label,
.dark .lg-form-design select.form-control:disabled ~ .control-label,
.dark .sm-form-design textarea.form-control:disabled ~ .control-label,
.dark .lg-form-design textarea.form-control:disabled ~ .control-label {
  color: rgba(255, 255, 255, 0.4);
}
.dark .sm-form-design input.form-control:read-only,
.dark .lg-form-design input.form-control:read-only,
.dark .sm-form-design select.form-control:read-only,
.dark .lg-form-design select.form-control:read-only,
.dark .sm-form-design textarea.form-control:read-only,
.dark .lg-form-design textarea.form-control:read-only {
  background-color: rgba(255, 255, 255, 0.05);
}
.dark .sm-form-design input.form-control.error,
.dark .lg-form-design input.form-control.error,
.dark .sm-form-design select.form-control.error,
.dark .lg-form-design select.form-control.error,
.dark .sm-form-design textarea.form-control.error,
.dark .lg-form-design textarea.form-control.error,
.dark .sm-form-design input.form-control.is-invalid,
.dark .lg-form-design input.form-control.is-invalid,
.dark .sm-form-design select.form-control.is-invalid,
.dark .lg-form-design select.form-control.is-invalid,
.dark .sm-form-design textarea.form-control.is-invalid,
.dark .lg-form-design textarea.form-control.is-invalid {
  border-bottom-color: #f76760;
  background-color: rgba(245, 57, 47, 0.08);
}
.dark .sm-form-design input.form-control.error ~ .control-label,
.dark .lg-form-design input.form-control.error ~ .control-label,
.dark .sm-form-design select.form-control.error ~ .control-label,
.dark .lg-form-design select.form-control.error ~ .control-label,
.dark .sm-form-design textarea.form-control.error ~ .control-label,
.dark .lg-form-design textarea.form-control.error ~ .control-label,
.dark .sm-form-design input.form-control.is-invalid ~ .control-label,
.dark .lg-form-design input.form-control.is-invalid ~ .control-label,
.dark .sm-form-design select.form-control.is-invalid ~ .control-label,
.dark .lg-form-design select.form-control.is-invalid ~ .control-label,
.dark .sm-form-design textarea.form-control.is-invalid ~ .control-label,
.dark .lg-form-design textarea.form-control.is-invalid ~ .control-label {
  color: #f97e78;
}
.dark .sm-form-design input.form-control.success,
.dark .lg-form-design input.form-control.success,
.dark .sm-form-design select.form-control.success,
.dark .lg-form-design select.form-control.success,
.dark .sm-form-design textarea.form-control.success,
.dark .lg-form-design textarea.form-control.success,
.dark .sm-form-design input.form-control.is-valid,
.dark .lg-form-design input.form-control.is-valid,
.dark .sm-form-design select.form-control.is-valid,
.dark .lg-form-design select.form-control.is-valid,
.dark .sm-form-design textarea.form-control.is-valid,
.dark .lg-form-design textarea.form-control.is-valid {
  border-bottom-color: #19e292;
  background-color: rgba(20, 180, 116, 0.08);
}
.dark .sm-form-design input.form-control.success ~ .control-label,
.dark .lg-form-design input.form-control.success ~ .control-label,
.dark .sm-form-design select.form-control.success ~ .control-label,
.dark .lg-form-design select.form-control.success ~ .control-label,
.dark .sm-form-design textarea.form-control.success ~ .control-label,
.dark .lg-form-design textarea.form-control.success ~ .control-label,
.dark .sm-form-design input.form-control.is-valid ~ .control-label,
.dark .lg-form-design input.form-control.is-valid ~ .control-label,
.dark .sm-form-design select.form-control.is-valid ~ .control-label,
.dark .lg-form-design select.form-control.is-valid ~ .control-label,
.dark .sm-form-design textarea.form-control.is-valid ~ .control-label,
.dark .lg-form-design textarea.form-control.is-valid ~ .control-label {
  color: #2de89d;
}
.dark .sm-form-design input.form-control.warning,
.dark .lg-form-design input.form-control.warning,
.dark .sm-form-design select.form-control.warning,
.dark .lg-form-design select.form-control.warning,
.dark .sm-form-design textarea.form-control.warning,
.dark .lg-form-design textarea.form-control.warning,
.dark .sm-form-design input.form-control.has-warning,
.dark .lg-form-design input.form-control.has-warning,
.dark .sm-form-design select.form-control.has-warning,
.dark .lg-form-design select.form-control.has-warning,
.dark .sm-form-design textarea.form-control.has-warning,
.dark .lg-form-design textarea.form-control.has-warning {
  border-bottom-color: #fdcb5f;
  background-color: rgba(253, 186, 44, 0.08);
}
.dark .sm-form-design input.form-control.warning ~ .control-label,
.dark .lg-form-design input.form-control.warning ~ .control-label,
.dark .sm-form-design select.form-control.warning ~ .control-label,
.dark .lg-form-design select.form-control.warning ~ .control-label,
.dark .sm-form-design textarea.form-control.warning ~ .control-label,
.dark .lg-form-design textarea.form-control.warning ~ .control-label,
.dark .sm-form-design input.form-control.has-warning ~ .control-label,
.dark .lg-form-design input.form-control.has-warning ~ .control-label,
.dark .sm-form-design select.form-control.has-warning ~ .control-label,
.dark .lg-form-design select.form-control.has-warning ~ .control-label,
.dark .sm-form-design textarea.form-control.has-warning ~ .control-label,
.dark .lg-form-design textarea.form-control.has-warning ~ .control-label {
  color: #fed378;
}
.dark .sm-form-design select.form-control,
.dark .lg-form-design select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M6 8L0 2l1.5-1.5L6 5l4.5-4.5L12 2z'/%3E%3C/svg%3E");
}
.dark .sm-form-design select.form-control option,
.dark .lg-form-design select.form-control option {
  color: #333333;
  background-color: #ffffff;
}
.dark .sm-form-design .control-label,
.dark .lg-form-design .control-label {
  color: rgba(255, 255, 255, 0.7);
}
.dark .sm-form-design input:-webkit-autofill ~ .control-label,
.dark .lg-form-design input:-webkit-autofill ~ .control-label,
.dark .sm-form-design input:-webkit-autofill:focus ~ .control-label,
.dark .lg-form-design input:-webkit-autofill:focus ~ .control-label {
  color: rgba(255, 255, 255, 0.85);
}
.dark .sm-form-design .help-text,
.dark .lg-form-design .help-text,
.dark .sm-form-design .form-text,
.dark .lg-form-design .form-text {
  color: rgba(255, 255, 255, 0.65);
}
.dark .sm-form-design .error-message,
.dark .lg-form-design .error-message,
.dark .sm-form-design .invalid-feedback,
.dark .lg-form-design .invalid-feedback {
  color: #f97e78;
}
.dark .sm-form-design .success-message,
.dark .lg-form-design .success-message,
.dark .sm-form-design .valid-feedback,
.dark .lg-form-design .valid-feedback {
  color: #2de89d;
}
.dark .sm-form-design .warning-message,
.dark .lg-form-design .warning-message {
  color: #fed378;
}
label.error {
  display: block;
  width: 100%;
  margin-top: 0.2rem;
  font-size: 0.75rem;
  color: #f5392f;
  font-weight: 400;
  position: static !important;
  transform: none !important;
  background: none !important;
  padding: 0 !important;
  opacity: 1 !important;
  height: auto !important;
  pointer-events: auto;
  left: auto !important;
  right: auto !important;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  padding-right: 2.5rem;
  background-position: right 0.75rem center;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  padding-right: 2.5rem;
  background-position: right 0.75rem center;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
}
.form-floating > .form-control.error ~ label:not(.error),
.form-floating > .form-control.is-invalid ~ label:not(.error) {
  color: #f5392f;
}
table.dataTable:not(.dtcr-cloned) {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dt-wrapper {
  position: relative;
  min-height: 38.5rem;
}
.dt-wrapper.dt-wrapper-auto-height {
  min-height: auto;
}
.dt-wrapper .dt-bootstrap5 .dt-loading > div:nth-child(1) {
  min-height: 2.375rem;
}
.dt-wrapper .dt-bootstrap5 .dt-loading > div:nth-child(2) {
  min-height: 32.6875rem;
}
.dt-wrapper .dt-bootstrap5 .dt-loading > div:nth-child(3) {
  min-height: 2.25rem;
}
.dataTables_scrollBody {
  min-height: 25rem;
}
.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
  margin-bottom: 0.9375rem;
}
.dataTable {
  width: 100%;
  border-collapse: collapse;
}
.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order,
.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order,
.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order,
.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  display: none !important;
}
.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before,
.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::before,
.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::before,
.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::before,
.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::before,
.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::before,
.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::before,
.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::before,
.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::after,
.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order::after,
.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::after,
.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order::after,
.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order::after,
.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order::after,
.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order::after,
.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order::after {
  display: none !important;
}
.dataTable thead > tr > th.dt-orderable-asc:hover,
.dataTable thead > tr > td.dt-orderable-asc:hover,
.dataTable thead > tr > th.dt-orderable-desc:hover,
.dataTable thead > tr > td.dt-orderable-desc:hover,
.dataTable thead > tr > th.dt-ordering-asc:hover,
.dataTable thead > tr > td.dt-ordering-asc:hover,
.dataTable thead > tr > th.dt-ordering-desc:hover,
.dataTable thead > tr > td.dt-ordering-desc:hover {
  outline: none !important;
  outline-offset: 0 !important;
}
.dataTable thead th {
  padding: 0.75rem 0.875rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
  background-color: #f7f7f7;
  border-top: 1px solid #e3e3e6 !important;
  border-bottom: 2px solid #d6d6d6;
  text-align: left;
  position: relative;
}
.dataTable thead th:first-child {
  border-top-left-radius: 4px;
}
.dataTable thead th:last-child {
  border-top-right-radius: 4px;
}
.dataTable thead th.dt-orderable-asc,
.dataTable thead th.dt-orderable-desc,
.dataTable thead th.dt-ordering-asc,
.dataTable thead th.dt-ordering-desc {
  cursor: pointer;
  padding-right: 2rem;
}
.dataTable thead th.dt-orderable-asc::after,
.dataTable thead th.dt-orderable-desc::after,
.dataTable thead th.dt-ordering-asc::after,
.dataTable thead th.dt-ordering-desc::after {
  content: "unfold_more";
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0.3;
  font-family: 'Material Symbols Sharp';
  font-size: 1.125rem;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.dataTable thead th.dt-orderable-asc:hover::after,
.dataTable thead th.dt-orderable-desc:hover::after,
.dataTable thead th.dt-ordering-asc:hover::after,
.dataTable thead th.dt-ordering-desc:hover::after {
  opacity: 0.6;
}
.dataTable thead th.dt-ordering-asc::after {
  content: "arrow_upward";
  opacity: 1;
  color: #0067ff;
}
.dataTable thead th.dt-ordering-desc::after {
  content: "arrow_downward";
  opacity: 1;
  color: #0067ff;
}
.dataTable tbody tr {
  border-bottom: 1px solid #e3e3e6;
  transition: background-color 0.2s ease;
}
.dataTable tbody tr:hover {
  background-color: rgba(0, 103, 255, 0.05);
}
.dataTable tbody tr:last-child td {
  border-bottom: 1px solid #e3e3e6 !important;
}
.dataTable tbody tr td {
  padding: 0.5rem 0.625rem;
  font-size: 0.8125rem;
  color: #333333;
  vertical-align: middle;
}
.dataTable tfoot th {
  padding: 0.75rem 0.875rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
  background-color: #f7f7f7;
  border-top: 2px solid #d6d6d6;
}
.details-control {
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer;
}
.details-control .material-symbols-sharp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 1;
  transition: transform 0.3s ease, color 0.2s ease;
}
.details-control:hover .material-symbols-sharp {
  color: #0067ff;
}
tr.shown td.details-control .material-symbols-sharp {
  transform: rotate(180deg);
  color: #0067ff;
}
.expanded-row-content .expanded-table {
  table-layout: fixed;
  white-space: normal;
}
.expanded-row-content .expanded-table td {
  white-space: normal !important;
  word-wrap: break-word !important;
  line-height: 1.5;
}
.expanded-row-content .col-label {
  width: 15%;
}
.expanded-row-content .col-value {
  width: 18.33%;
}
@media (max-width: 1199.98px) {
  .expanded-row-content .col-label {
    width: 18%;
  }
  .expanded-row-content .col-value {
    width: 15.33%;
  }
}
@media (max-width: 991.98px) {
  .expanded-row-content .col-label {
    width: 20%;
  }
  .expanded-row-content .col-value {
    width: 30%;
  }
}
@media (max-width: 767.98px) {
  .expanded-row-content .expanded-table {
    table-layout: auto;
  }
  .expanded-row-content .col-label {
    width: auto;
    min-width: 7rem;
  }
  .expanded-row-content .col-value {
    width: auto;
  }
}
tr.dt-hasChild + tr > td {
  padding: 0 !important;
  overflow: hidden;
}
tr.dt-hasChild + tr > td > .table-condensed {
  animation: slideDown 0.3s ease-out;
  transform-origin: top;
}
@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-0.625rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
#expand_all .material-symbols-sharp,
#show_multiple_filter .material-symbols-sharp {
  transition: transform 0.3s ease;
}
#expand_all.expanded .material-symbols-sharp,
#show_multiple_filter.expanded .material-symbols-sharp {
  transform: rotate(180deg);
}
.btn-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: 4px;
  transition: all 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}
.btn-action:not(:last-child) {
  margin-right: 0.375rem;
}
.btn-action .material-symbols-sharp {
  font-size: 1.25rem;
  line-height: 1;
  vertical-align: middle;
}
.btn-action.btn-assign {
  background-color: rgba(20, 180, 116, 0.15);
  color: #14b474;
}
.btn-action.btn-assign:hover {
  background-color: rgba(20, 180, 116, 0.25);
  color: #0f8656;
  transform: translateY(-1px);
}
.btn-action.btn-assign:active {
  transform: translateY(0);
}
.btn-action.btn-reschedule {
  background-color: rgba(0, 103, 255, 0.15);
  color: #0067ff;
}
.btn-action.btn-reschedule:hover {
  background-color: rgba(0, 103, 255, 0.25);
  color: #0052cc;
  transform: translateY(-1px);
}
.btn-action.btn-reschedule:active {
  transform: translateY(0);
}
.btn-action.btn-cancel {
  background-color: rgba(245, 57, 47, 0.15);
  color: #f5392f;
}
.btn-action.btn-cancel:hover {
  background-color: rgba(245, 57, 47, 0.25);
  color: #e6160b;
  transform: translateY(-1px);
}
.btn-action.btn-cancel:active {
  transform: translateY(0);
}
.btn-action.btn-view {
  background-color: rgba(0, 103, 255, 0.15);
  color: #0067ff;
}
.btn-action.btn-view:hover {
  background-color: rgba(0, 103, 255, 0.25);
  color: #0052cc;
  transform: translateY(-1px);
}
.btn-action.btn-view:active {
  transform: translateY(0);
}
.btn-action.btn-receipt {
  background-color: rgba(172, 135, 197, 0.15);
  color: #AC87C5;
}
.btn-action.btn-receipt:hover {
  background-color: rgba(172, 135, 197, 0.25);
  color: #9465b4;
  transform: translateY(-1px);
}
.btn-action.btn-receipt:active {
  transform: translateY(0);
}
.btn-action.btn-edit {
  background-color: rgba(253, 186, 44, 0.15);
  color: #fdba2c;
}
.btn-action.btn-edit:hover {
  background-color: rgba(253, 186, 44, 0.25);
  color: #f4a602;
  transform: translateY(-1px);
}
.btn-action.btn-edit:active {
  transform: translateY(0);
}
.btn-action.btn-delete {
  background-color: rgba(245, 57, 47, 0.15);
  color: #f5392f;
}
.btn-action.btn-delete:hover {
  background-color: rgba(245, 57, 47, 0.25);
  color: #e6160b;
  transform: translateY(-1px);
}
.btn-action.btn-delete:active {
  transform: translateY(0);
}
.btn-action.btn-rebook {
  background-color: rgba(20, 180, 116, 0.15);
  color: #14b474;
}
.btn-action.btn-rebook:hover {
  background-color: rgba(20, 180, 116, 0.25);
  color: #0f8656;
  transform: translateY(-1px);
}
.btn-action.btn-rebook:active {
  transform: translateY(0);
}
.btn-action.btn-convert {
  background-color: rgba(20, 180, 116, 0.15);
  color: #14b474;
}
.btn-action.btn-convert:hover {
  background-color: rgba(20, 180, 116, 0.25);
  color: #0f8656;
  transform: translateY(-1px);
}
.btn-action.btn-convert:active {
  transform: translateY(0);
}
.btn-action.btn-followup {
  background-color: rgba(255, 157, 63, 0.15);
  color: #ff9d3f;
}
.btn-action.btn-followup:hover {
  background-color: rgba(255, 157, 63, 0.25);
  color: #ff820c;
  transform: translateY(-1px);
}
.btn-action.btn-followup:active {
  transform: translateY(0);
}
.btn-action.btn-call {
  background-color: rgba(51, 136, 149, 0.15);
  color: #338895;
}
.btn-action.btn-call:hover {
  background-color: rgba(51, 136, 149, 0.25);
  color: #26666f;
  transform: translateY(-1px);
}
.btn-action.btn-call:active {
  transform: translateY(0);
}
.btn-action.btn-complete {
  background-color: rgba(20, 180, 116, 0.15);
  color: #14b474;
}
.btn-action.btn-complete:hover {
  background-color: rgba(20, 180, 116, 0.25);
  color: #0f8656;
  transform: translateY(-1px);
}
.btn-action.btn-complete:active {
  transform: translateY(0);
}
.btn-action.btn-respond {
  background-color: rgba(172, 135, 197, 0.15);
  color: #AC87C5;
}
.btn-action.btn-respond:hover {
  background-color: rgba(172, 135, 197, 0.25);
  color: #9465b4;
  transform: translateY(-1px);
}
.btn-action.btn-respond:active {
  transform: translateY(0);
}
.btn-action.btn-resolve {
  background-color: rgba(20, 180, 116, 0.15);
  color: #14b474;
}
.btn-action.btn-resolve:hover {
  background-color: rgba(20, 180, 116, 0.25);
  color: #0f8656;
  transform: translateY(-1px);
}
.btn-action.btn-resolve:active {
  transform: translateY(0);
}
.btn-action.btn-vehicles {
  background-color: rgba(137, 185, 173, 0.15);
  color: #89B9AD;
}
.btn-action.btn-vehicles:hover {
  background-color: rgba(137, 185, 173, 0.25);
  color: #69a697;
  transform: translateY(-1px);
}
.btn-action.btn-vehicles:active {
  transform: translateY(0);
}
.btn-action.btn-refund {
  background-color: rgba(137, 185, 173, 0.15);
  color: #89B9AD;
}
.btn-action.btn-refund:hover {
  background-color: rgba(137, 185, 173, 0.25);
  color: #69a697;
  transform: translateY(-1px);
}
.btn-action.btn-refund:active {
  transform: translateY(0);
}
.btn-action.btn-documents {
  background-color: rgba(220, 214, 167, 0.15);
  color: #bfb45e;
}
.btn-action.btn-documents:hover {
  background-color: rgba(220, 214, 167, 0.25);
  color: #a79c43;
  transform: translateY(-1px);
}
.btn-action.btn-documents:active {
  transform: translateY(0);
}
.btn-action.btn-payment {
  background-color: rgba(20, 180, 116, 0.15);
  color: #14b474;
}
.btn-action.btn-payment:hover {
  background-color: rgba(20, 180, 116, 0.25);
  color: #0f8656;
  transform: translateY(-1px);
}
.btn-action.btn-payment:active {
  transform: translateY(0);
}
.btn-action.btn-reminder {
  background-color: rgba(255, 157, 63, 0.15);
  color: #ff9d3f;
}
.btn-action.btn-reminder:hover {
  background-color: rgba(255, 157, 63, 0.25);
  color: #ff820c;
  transform: translateY(-1px);
}
.btn-action.btn-reminder:active {
  transform: translateY(0);
}
.btn-action.btn-unlock {
  background-color: rgba(199, 220, 167, 0.15);
  color: #99bf5e;
}
.btn-action.btn-unlock:hover {
  background-color: rgba(199, 220, 167, 0.25);
  color: #7fa743;
  transform: translateY(-1px);
}
.btn-action.btn-unlock:active {
  transform: translateY(0);
}
.btn-action.btn-break {
  background-color: rgba(220, 214, 167, 0.15);
  color: #a79c43;
}
.btn-action.btn-break:hover {
  background-color: rgba(220, 214, 167, 0.25);
  color: #837a34;
  transform: translateY(-1px);
}
.btn-action.btn-break:active {
  transform: translateY(0);
}
.btn-action.btn-location {
  background-color: rgba(138, 205, 215, 0.15);
  color: #40abbb;
}
.btn-action.btn-location:hover {
  background-color: rgba(138, 205, 215, 0.25);
  color: #338895;
  transform: translateY(-1px);
}
.btn-action.btn-location:active {
  transform: translateY(0);
}
.days-week-badges {
  display: inline-flex;
  gap: 0.125rem;
}
.days-week-badges .day-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  font-size: 0.625rem;
  font-weight: 600;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.days-week-badges .day-badge.day-active {
  background-color: #C7DCA7;
  color: #333333;
}
.days-week-badges .day-badge.day-inactive {
  background-color: #FFC5C5;
  color: #333333;
}
.dt-paging nav ul.pagination {
  margin: 0;
  gap: 0.25rem;
}
.dt-paging nav ul.pagination li.dt-paging-button {
  margin: 0;
}
.dt-paging nav ul.pagination li.dt-paging-button button.page-link {
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 4px;
  transition: all 0.2s ease;
  cursor: pointer;
}
.dt-paging nav ul.pagination li.dt-paging-button button.page-link:hover {
  background-color: rgba(0, 103, 255, 0.08);
  border-color: rgba(0, 103, 255, 0.3);
  color: #0067ff;
}
.dt-paging nav ul.pagination li.dt-paging-button button.page-link:focus {
  outline: none;
  box-shadow: none;
}
.dt-paging nav ul.pagination li.dt-paging-button.active button.page-link {
  background-color: #0067ff;
  border-color: #0067ff;
  color: #ffffff;
  font-weight: 600;
}
.dt-paging nav ul.pagination li.dt-paging-button.active button.page-link:hover {
  background-color: #005de6;
  border-color: #005de6;
  color: #ffffff;
}
.dt-paging nav ul.pagination li.dt-paging-button.disabled button.page-link {
  color: rgba(51, 51, 51, 0.4);
  background-color: #f7f7f7;
  border-color: #e3e3e6;
  cursor: not-allowed;
  opacity: 0.6;
}
.dt-paging nav ul.pagination li.dt-paging-button.disabled button.page-link:hover {
  background-color: #f7f7f7;
  border-color: #e3e3e6;
  color: rgba(51, 51, 51, 0.4);
}
.dt-paging nav ul.pagination li.dt-paging-button:first-child button.page-link,
.dt-paging nav ul.pagination li.dt-paging-button:last-child button.page-link {
  font-size: 1.125rem !important;
  line-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-bottom: 2px !important;
}
.dt-paging nav ul.pagination li.dt-paging-button:nth-child(2) button.page-link,
.dt-paging nav ul.pagination li.dt-paging-button:nth-last-child(2) button.page-link {
  font-size: 1.125rem !important;
  line-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-bottom: 2px !important;
}
@keyframes skeleton-loading {
  0% {
    background-position: -12.5rem 0;
  }
  100% {
    background-position: calc(12.5rem + 100%) 0;
  }
}
.dt-processing,
div.dt-container div.dt-layout-table > div.dt-processing {
  display: none !important;
}
.dt-processing + .dataTable.dt-loading > tbody {
  height: 29.5rem;
}
.dt-loading td.dt-empty {
  position: relative;
  padding: 0 !important;
  height: 29.5rem;
  vertical-align: top !important;
  overflow: hidden;
}
.dt-loading td.dt-empty::before {
  content: '';
  display: block;
  width: 100%;
  height: 29.5rem;
  padding: 0 0.625rem;
  background-image: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%), repeating-linear-gradient(0deg, rgba(247, 247, 247, 0.3) 0px, rgba(247, 247, 247, 0.3) 47.2px, transparent 47.2px, transparent 94.4px), repeating-linear-gradient(0deg, transparent 0px, transparent 13.6px, rgba(227, 227, 230, 0.5) 13.6px, rgba(227, 227, 230, 0.7) 18.6px, rgba(227, 227, 230, 0.8) 23.6px, rgba(227, 227, 230, 0.7) 28.6px, rgba(227, 227, 230, 0.5) 33.6px, transparent 33.6px, transparent 47.2px);
  background-size: 18.75rem 100%, 100% 29.5rem, 100% 29.5rem;
  background-position: -18.75rem 0, 0 0, 0 0;
  background-repeat: no-repeat, repeat, repeat;
  animation: skeleton-rows-loading 1.8s ease-in-out infinite;
  border-radius: 0;
}
@keyframes skeleton-rows-loading {
  0% {
    background-position: -18.75rem 0, 0 0, 0 0;
  }
  100% {
    background-position: calc(100% + 18.75rem) 0, 0 0, 0 0;
  }
}
.table-condensed.dataTable thead th,
.table-condensed.table thead th {
  padding: 0.5rem 0.625rem;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #e3e3e6 !important;
  background-color: transparent;
}
.table-condensed.dataTable thead th:last-child,
.table-condensed.table thead th:last-child {
  border-right: none !important;
}
.table-condensed.dataTable tbody tr,
.table-condensed.table tbody tr {
  border-bottom: 1px solid #e3e3e6;
}
.table-condensed.dataTable tbody tr:last-child td,
.table-condensed.table tbody tr:last-child td {
  border-bottom: 1px solid #e3e3e6 !important;
}
.table-condensed.dataTable tbody tr td,
.table-condensed.table tbody tr td {
  padding: 0.5rem 0.625rem;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  vertical-align: middle !important;
}
.table-condensed.dataTable tbody tr td:last-child,
.table-condensed.table tbody tr td:last-child {
  border-right: none !important;
}
.table-condensed.dataTable tfoot th,
.table-condensed.table tfoot th {
  padding: 0.5rem 0.625rem;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #e3e3e6;
  background-color: transparent;
}
.table-condensed.dataTable tfoot th:last-child,
.table-condensed.table tfoot th:last-child {
  border-right: none !important;
}
.dt-length {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.dt-length label {
  white-space: nowrap;
  margin: 0;
}
.dt-length select {
  margin: 0;
}
.dt-search {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.dt-search label {
  white-space: nowrap;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
}
.dt-search input[type="search"] {
  max-width: 15rem;
  min-width: 10rem;
  margin: 0;
  padding: 0.375rem 0.75rem;
  flex-shrink: 1;
}
.dt-search .material-symbols-sharp {
  font-size: 1.125rem;
  line-height: 1;
  vertical-align: middle;
}
.dt-search .btn {
  height: 2rem;
  padding: 0 0.75rem;
  font-size: 0.75rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  flex-shrink: 0;
}
@media (max-width: 1199.98px) {
  .dt-search input[type="search"] {
    max-width: 12rem;
    min-width: 8rem;
  }
}
@media (max-width: 991.98px) {
  .row.mt-2.justify-content-between {
    margin-top: 0.5rem !important;
    gap: 0;
  }
  .row.mt-2.justify-content-between > div[class*="col-12"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 0.75rem;
    padding-left: 0;
    padding-right: 0;
  }
  .row.mt-2.justify-content-between > div[class*="col-12"]:last-child {
    margin-bottom: 0;
  }
  .dt-length {
    justify-content: flex-start;
    margin-bottom: 0 !important;
  }
  .dt-search {
    justify-content: flex-start;
    margin-bottom: 0 !important;
  }
  .dt-search input[type="search"] {
    flex: 1 1 auto;
    max-width: none;
    min-width: 8rem;
  }
  .dt-search .btn {
    flex-shrink: 0;
  }
  div.col-12.d-flex.align-items-center {
    justify-content: center !important;
  }
  div.col-12.d-flex.justify-content-end {
    justify-content: center !important;
  }
  .dt-info {
    text-align: center;
    margin-bottom: 0 !important;
  }
  .dt-paging {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 767.98px) {
  div.table-responsive > div.dt-container > div.row > div[class^="col-"]:first-child {
    margin-bottom: 0;
  }
  .dt-length label {
    font-size: 0.875rem;
  }
  .dt-length select {
    max-width: 4.5rem;
  }
  .dt-search label {
    font-size: 0.875rem;
    flex-basis: 100%;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
  .dt-search input[type="search"] {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100% !important;
    margin: 0 0 0.5rem 0 !important;
    padding: 0.375rem 0.75rem !important;
    box-sizing: border-box;
  }
  .dt-search .btn {
    height: 1.875rem;
    font-size: 0.6875rem;
    padding: 0 0.5rem !important;
    flex: 0 0 auto;
    margin: 0 !important;
  }
  .dt-search .btn:last-child {
    margin-right: 0 !important;
  }
  .dt-search .btn .material-symbols-sharp {
    font-size: 1rem;
    margin: 0;
  }
  .dt-search #expand_all,
  .dt-search #show_multiple_filter {
    flex: 0 0 auto;
    min-width: auto;
  }
}
@media (max-width: 575.98px) {
  .row.mt-2.justify-content-between {
    margin-top: 0 !important;
  }
  .row.mt-2.justify-content-between > div[class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 0.75rem;
    padding-left: 0;
    padding-right: 0;
  }
  .row.mt-2.justify-content-between > div[class*="col-"]:last-child {
    margin-bottom: 0;
  }
  .dt-length {
    margin-bottom: 0 !important;
  }
  .dt-length label {
    font-size: 0.8125rem;
  }
  .dt-length select {
    max-width: 4rem;
    font-size: 0.8125rem;
  }
  .dt-search {
    gap: 0.375rem;
    margin-bottom: 0 !important;
  }
  .dt-search label {
    font-size: 0.8125rem;
  }
  .dt-search input[type="search"] {
    font-size: 0.8125rem;
    height: 1.75rem;
  }
  .dt-search .btn {
    height: 1.75rem;
    padding: 0 0.5rem;
  }
  .dt-search .btn .material-symbols-sharp {
    font-size: 0.9375rem;
  }
  .dt-search #expand_all,
  .dt-search #show_multiple_filter {
    padding: 0 0.375rem;
    min-width: 1.75rem;
  }
  .dt-search #expand_all span:not(.material-symbols-sharp),
  .dt-search #show_multiple_filter span:not(.material-symbols-sharp) {
    display: none;
  }
  .dt-search #expand_all .material-symbols-sharp,
  .dt-search #show_multiple_filter .material-symbols-sharp {
    margin: 0;
  }
  .dt-info {
    margin-bottom: 0 !important;
  }
  .dt-paging {
    margin-bottom: 0 !important;
  }
  .dt-paging nav ul.pagination {
    flex-wrap: wrap;
    gap: 0.1875rem;
  }
  .dt-paging nav ul.pagination li.dt-paging-button button.page-link {
    min-width: 1.875rem;
    height: 1.875rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
  }
}
@media (max-width: 374.98px) {
  .dt-length select {
    max-width: 3.5rem;
  }
  .dt-search .btn {
    font-size: 0.625rem;
    padding: 0 0.375rem;
  }
  .dt-search .btn .material-symbols-sharp {
    font-size: 0.875rem;
  }
}
div.dt-autofill-list,
div.dt-autofill-background {
  z-index: 1030;
}
.dt-scroll-body thead {
  visibility: hidden;
  height: 0;
  line-height: 0;
}
.dt-scroll-body thead tr {
  height: 0;
  line-height: 0;
}
.dt-scroll-body thead th {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 0;
  border: none !important;
}
.dt-scroll-body thead th::after {
  display: none;
}
[data-editable]:not(.btn) {
  cursor: pointer;
  border-bottom: 1px dashed #d6d6d6;
  padding-bottom: 1px;
  transition: all 0.2s ease;
}
[data-editable]:not(.btn):hover {
  border-bottom-color: #0067ff;
  color: #0067ff;
}
[data-editable]:not(.btn).editable-open {
  border-bottom-color: #0067ff;
}
.editable-empty {
  color: #5E6C84;
  font-style: italic;
}
.editable-container {
  z-index: 1060;
  opacity: 0;
  transform: scale(0.95);
  transition: all 0.2s ease;
}
.editable-container.editable-visible {
  opacity: 1;
  transform: scale(1);
}
.editable-container .editable-form {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.5rem;
  min-width: 12.5rem;
}
.editable-container.editable-textarea .editable-form {
  flex-direction: column;
}
.editable-container.editable-textarea .editable-buttons {
  justify-content: flex-end;
}
.editable-container .editable-input {
  min-width: 12.5rem;
  height: 2rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.8125rem;
}
.editable-container .editable-input:focus {
  border-color: #0067ff;
}
.editable-container textarea.editable-input {
  min-width: 15.625rem;
  height: auto;
  resize: vertical;
}
.editable-container select.editable-input {
  min-width: 11.25rem;
}
.editable-container input[type="date"].editable-input {
  min-width: 10rem;
}
.editable-container .select2-container {
  min-width: 12.5rem;
}
.editable-container .select2-container .select2-selection--single {
  height: 2rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.8125rem;
  border-color: #e3e3e6;
  border-radius: 4px;
}
.editable-container .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 1.375rem;
  padding-left: 0;
}
.editable-container .select2-container .select2-selection--single .select2-selection__arrow {
  height: 1.875rem;
}
.editable-container .select2-container.select2-container--open .select2-selection--single {
  border-color: #0067ff;
}
.editable-container .select2-dropdown {
  border-color: #e3e3e6;
  border-radius: 4px;
}
.editable-container .select2-dropdown .select2-search__field {
  height: 2rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.8125rem;
  border-color: #e3e3e6;
  border-radius: 4px;
}
.editable-container .select2-dropdown .select2-search__field:focus {
  border-color: #0067ff;
  outline: none;
}
.editable-container .select2-dropdown .select2-results__option {
  padding: 0.375rem 0.625rem;
  font-size: 0.8125rem;
}
.editable-container .select2-dropdown .select2-results__option--highlighted {
  background-color: rgba(0, 103, 255, 0.1);
  color: #333333;
}
.editable-container .select2-dropdown .select2-results__option--selected {
  background-color: #0067ff;
  color: #ffffff;
}
.editable-container .editable-buttons {
  display: flex;
  gap: 0.375rem;
  flex-shrink: 0;
}
.editable-container .editable-buttons .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  min-width: 2rem;
  height: 2rem;
}
.editable-container .editable-buttons .btn .material-symbols-sharp {
  font-size: 1.125rem;
  line-height: 1;
}
.editable-container .editable-buttons .editable-submit {
  background-color: #0067ff;
  border-color: #0067ff;
}
.editable-container .editable-buttons .editable-submit:hover {
  background-color: #0057d6;
  border-color: #0057d6;
}
.editable-container .editable-buttons .editable-cancel {
  background-color: #f7f7f7;
  border-color: #e3e3e6;
  color: #333333;
}
.editable-container .editable-buttons .editable-cancel:hover {
  background-color: #eaeaea;
  border-color: #d6d6d6;
}
.editable-container .editable-error {
  padding: 0.375rem 0.625rem;
  font-size: 0.75rem;
  color: #ffffff;
  background-color: #f5392f;
  border-radius: 4px;
  margin-bottom: 0.25rem;
}
.editable-popup {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 6px;
  padding: 0.75rem;
}
.editable-popup .editable-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
}
.editable-popup.editable-bottom .editable-arrow {
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: #ffffff;
  border-top: none;
}
.editable-popup.editable-bottom .editable-arrow::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -9px;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-bottom-color: #e3e3e6;
  border-top: none;
  z-index: -1;
}
.editable-popup.editable-top .editable-arrow {
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-top-color: #ffffff;
  border-bottom: none;
}
.editable-popup.editable-top .editable-arrow::before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: -9px;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-top-color: #e3e3e6;
  border-bottom: none;
  z-index: -1;
}
.editable-popup.editable-left .editable-arrow {
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: #ffffff;
  border-right: none;
}
.editable-popup.editable-left .editable-arrow::before {
  content: '';
  position: absolute;
  right: -1px;
  top: -9px;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-left-color: #e3e3e6;
  border-right: none;
  z-index: -1;
}
.editable-popup.editable-right .editable-arrow {
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: #ffffff;
  border-left: none;
}
.editable-popup.editable-right .editable-arrow::before {
  content: '';
  position: absolute;
  left: -1px;
  top: -9px;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-right-color: #e3e3e6;
  border-left: none;
  z-index: -1;
}
.editable-inline {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
}
.editable-inline .editable-form {
  flex-direction: row;
  align-items: center;
}
.editable-inline .editable-input {
  min-width: 9.375rem;
  height: 2rem;
  padding: 0.25rem 0.5rem;
}
.editable-inline textarea.editable-input {
  height: auto;
  min-height: 3.75rem;
}
.editable-inline .editable-buttons {
  flex-shrink: 0;
}
@keyframes editable-fade-in {
  from {
    opacity: 0;
    transform: translateY(-0.3125rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes editable-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-0.3125rem);
  }
  75% {
    transform: translateX(0.3125rem);
  }
}
.editable-loading .editable-input {
  opacity: 0.6;
  pointer-events: none;
}
.editable-loading .editable-buttons .btn {
  pointer-events: none;
}
.editable-loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.25rem;
  height: 1.25rem;
  margin: -0.625rem 0 0 -0.625rem;
  border: 2px solid #e3e3e6;
  border-top-color: #0067ff;
  border-radius: 50%;
  animation: editable-spinner 0.6s linear infinite;
}
@keyframes editable-spinner {
  to {
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 767px) {
  .editable-popup {
    position: fixed;
    top: auto !important;
    bottom: 0;
    left: 0 !important;
    right: 0;
    width: 100%;
    border-radius: 12px 12px 0 0;
    padding: 1rem;
  }
  .editable-popup .editable-arrow {
    display: none;
  }
  .editable-popup .editable-input {
    width: 100%;
    min-width: auto;
  }
  .editable-inline {
    flex-direction: column;
    align-items: stretch;
  }
  .editable-inline .editable-form {
    flex-direction: column;
  }
  .editable-inline .editable-input {
    width: 100%;
    min-width: auto;
  }
  .editable-inline .editable-buttons {
    justify-content: flex-end;
  }
}
/**
 * Language Switcher Styles
 * Grid-based styling matching the allApplications design
 */
.languageSwitcher {
  position: relative;
}
.languageSwitcher #languageDropdown {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  height: auto;
  min-height: 2.287rem;
}
.languageSwitcher #languageDropdown .current-flag-display {
  display: flex;
  align-items: center;
  justify-content: center;
}
.languageSwitcher #languageDropdown .current-flag-display .current-flag-img {
  width: 1.5rem;
  height: 1.125rem;
  object-fit: cover;
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
}
.languageSwitcher #languageDropdown .material-symbols-sharp {
  font-size: 1.25rem;
  line-height: 1;
  transition: all 0.2s ease;
}
.languageSwitcher #languageDropdown[aria-expanded="true"] .material-symbols-sharp {
  transform: rotate(180deg);
}
.languageSwitcher .dropdown-menu.language-menu {
  width: 23rem;
}
.languageSwitcher .dropdown-menu.language-menu .card {
  width: 100%;
}
.languageSwitcher .dropdown-menu.language-menu .card-body {
  padding: 0.875rem;
}
.languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages {
  display: flex;
  width: 100%;
  padding: 0;
  gap: 0.5rem;
  flex-flow: wrap;
  justify-content: flex-start;
}
.languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li {
  list-style: none;
  width: 4.875rem;
  height: 4.875rem;
  padding: 0.5rem;
  position: relative;
  border-radius: var(--bs-border-radius-sm);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.3s ease;
  cursor: pointer;
}
.languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li.active {
  box-shadow: 0 0 0 2px #0067ff;
  background-color: rgba(0, 103, 255, 0.08);
}
.languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li .language-btn {
  width: 4.875rem;
  height: 4.875rem;
  transform: translate(-50%, -50%);
  top: 50%;
  position: absolute;
  left: 50%;
  z-index: 1;
  background: transparent;
  border: none;
  cursor: pointer;
}
.languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li .flag-img {
  width: 2rem;
  height: 1.5rem;
  object-fit: cover;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li span {
  font-size: 0.6875rem;
  bottom: 0.65rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  color: var(--bs-heading-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
  text-align: center;
}
body.dark-theme .languageSwitcher .dropdown-menu.language-menu .card {
  background: var(--bs-body-bg);
}
body.dark-theme .languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
body.dark-theme .languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
body.dark-theme .languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li.active {
  box-shadow: 0 0 0 2px #0067ff;
  background-color: rgba(0, 103, 255, 0.15);
}
body.dark-theme .languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li .flag-img {
  border-color: rgba(255, 255, 255, 0.15);
}
body.dark-theme .languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li span {
  color: var(--bs-heading-color);
}
@media (max-width: 767px) {
  .languageSwitcher .dropdown-menu.language-menu {
    width: 18rem;
    right: 0 !important;
    left: auto !important;
  }
  .languageSwitcher .dropdown-menu.language-menu .card-body {
    padding: 0.75rem;
  }
  .languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages {
    gap: 0.375rem;
  }
  .languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li {
    width: 3.875rem;
    height: 3.875rem;
  }
  .languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li .language-btn {
    width: 3.875rem;
    height: 3.875rem;
  }
  .languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li .flag-img {
    width: 1.625rem;
    height: 1.21875rem;
  }
  .languageSwitcher .dropdown-menu.language-menu .card-body .allLanguages li span {
    font-size: 0.625rem;
  }
}
@media print {
  .languageSwitcher {
    display: none;
  }
}
.datepicker {
  z-index: 1061 !important;
  padding: 0.75rem !important;
  border-radius: 8px;
  border: 1px solid #e3e3e6;
  background-color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  width: 17.5rem;
  min-width: 17.5rem;
}
.datepicker table {
  margin: 0;
  width: 100%;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
  border-radius: 6px;
  padding: 0;
  font-size: 0.8125rem;
  transition: all 0.2s ease;
}
.datepicker table tr th {
  font-weight: 600;
  color: #5E6C84;
  padding: 0;
  vertical-align: middle;
}
.datepicker table tr th.datepicker-switch {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
}
.datepicker table tr th.prev,
.datepicker table tr th.next {
  color: #0067ff;
  cursor: pointer;
  font-size: 0;
  width: 2.25rem;
  height: 2.25rem;
  vertical-align: middle;
}
.datepicker table tr th.prev .glyphicon,
.datepicker table tr th.next .glyphicon,
.datepicker table tr th.prev [class^="icon-"],
.datepicker table tr th.next [class^="icon-"],
.datepicker table tr th.prev [class*=" icon-"],
.datepicker table tr th.next [class*=" icon-"] {
  display: none;
}
.datepicker table tr th.prev:before,
.datepicker table tr th.next:before {
  font-family: 'Material Symbols Sharp';
  font-size: 1.25rem;
  font-weight: normal;
  display: inline-block;
  height: 2.25rem;
  line-height: 2.25rem;
}
.datepicker table tr th.prev:hover,
.datepicker table tr th.next:hover {
  background-color: rgba(0, 103, 255, 0.1);
}
.datepicker table tr th.prev:before {
  content: 'chevron_left';
}
.datepicker table tr th.next:before {
  content: 'chevron_right';
}
.datepicker table tr th.dow {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #5E6C84;
}
.datepicker table tr td {
  color: #333333;
  cursor: pointer;
}
.datepicker table tr td:hover {
  background-color: rgba(0, 103, 255, 0.1);
  color: #0067ff;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #d6d6d6;
}
.datepicker table tr td.disabled {
  color: #d6d6d6;
  cursor: not-allowed;
  background-color: transparent;
}
.datepicker table tr td.disabled:hover {
  background-color: transparent;
  color: #d6d6d6;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover {
  background-color: #0067ff;
  color: #ffffff;
  font-weight: 600;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled] {
  background-color: rgba(0, 103, 255, 0.15) !important;
  background-image: none !important;
  color: #0067ff !important;
  font-weight: 600;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:hover {
  background-color: rgba(0, 103, 255, 0.25) !important;
  background-image: none !important;
}
.datepicker table tr td.today.active,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active {
  background-color: #0067ff !important;
  background-image: none !important;
  color: #ffffff !important;
}
.datepicker table tr td.range {
  background-color: rgba(0, 103, 255, 0.08);
  color: #333333;
}
.datepicker table tr td.range:hover {
  background-color: rgba(0, 103, 255, 0.15);
}
.datepicker table tr td.range.today {
  background-color: rgba(0, 103, 255, 0.2);
}
.datepicker table tr td.selected {
  background-color: #f7f7f7;
  color: #333333;
}
.datepicker table tr td span {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 2.25rem;
  border-radius: 6px;
}
.datepicker table tr td span:hover {
  background-color: rgba(0, 103, 255, 0.1);
  color: #0067ff;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover {
  background-color: #0067ff;
  color: #ffffff;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #d6d6d6;
}
.datepicker table tr td span.disabled {
  color: #d6d6d6;
  cursor: not-allowed;
}
.datepicker table tr td span.disabled:hover {
  background-color: transparent;
  color: #d6d6d6;
}
.datepicker .datepicker-dropdown.datepicker-orient-top:before,
.datepicker .datepicker-dropdown.datepicker-orient-top:after {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #e3e3e6;
}
.datepicker .datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-top-color: #ffffff;
}
.datepicker .datepicker-dropdown.datepicker-orient-bottom:before,
.datepicker .datepicker-dropdown.datepicker-orient-bottom:after {
  top: -7px;
  border-top: 0;
  border-bottom: 7px solid #e3e3e6;
}
.datepicker .datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
  border-bottom-color: #ffffff;
}
.datepicker .datepicker-dropdown:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.datepicker .datepicker-dropdown:after {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.datepicker .datepicker-months table,
.datepicker .datepicker-years table,
.datepicker .datepicker-decades table,
.datepicker .datepicker-centuries table {
  width: 100%;
}
.datepicker .datepicker-months table thead tr th.prev,
.datepicker .datepicker-years table thead tr th.prev,
.datepicker .datepicker-decades table thead tr th.prev,
.datepicker .datepicker-centuries table thead tr th.prev,
.datepicker .datepicker-months table thead tr th.next,
.datepicker .datepicker-years table thead tr th.next,
.datepicker .datepicker-decades table thead tr th.next,
.datepicker .datepicker-centuries table thead tr th.next,
.datepicker .datepicker-months table thead tr th.datepicker-switch,
.datepicker .datepicker-years table thead tr th.datepicker-switch,
.datepicker .datepicker-decades table thead tr th.datepicker-switch,
.datepicker .datepicker-centuries table thead tr th.datepicker-switch {
  width: auto;
}
.datepicker .datepicker-months table tbody tr td,
.datepicker .datepicker-years table tbody tr td,
.datepicker .datepicker-decades table tbody tr td,
.datepicker .datepicker-centuries table tbody tr td {
  padding: 0;
  height: auto;
  border: none !important;
  background: transparent !important;
}
.datepicker .datepicker-months table tbody tr td:hover,
.datepicker .datepicker-years table tbody tr td:hover,
.datepicker .datepicker-decades table tbody tr td:hover,
.datepicker .datepicker-centuries table tbody tr td:hover {
  background: transparent !important;
}
.datepicker .datepicker-months table tbody tr td span,
.datepicker .datepicker-years table tbody tr td span,
.datepicker .datepicker-decades table tbody tr td span,
.datepicker .datepicker-centuries table tbody tr td span {
  display: inline-block;
  width: calc(33.333% - 0.5rem);
  height: 3.375rem;
  line-height: 3.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  margin: 0.25rem;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
  transition: all 0.2s ease;
  background-color: transparent;
  color: #333333;
}
.datepicker .datepicker-months table tbody tr td span:hover,
.datepicker .datepicker-years table tbody tr td span:hover,
.datepicker .datepicker-decades table tbody tr td span:hover,
.datepicker .datepicker-centuries table tbody tr td span:hover {
  background-color: rgba(0, 103, 255, 0.1) !important;
  color: #0067ff !important;
}
.datepicker .datepicker-months table tbody tr td span.active,
.datepicker .datepicker-years table tbody tr td span.active,
.datepicker .datepicker-decades table tbody tr td span.active,
.datepicker .datepicker-centuries table tbody tr td span.active,
.datepicker .datepicker-months table tbody tr td span.active:hover,
.datepicker .datepicker-years table tbody tr td span.active:hover,
.datepicker .datepicker-decades table tbody tr td span.active:hover,
.datepicker .datepicker-centuries table tbody tr td span.active:hover {
  background-color: #0067ff !important;
  color: #ffffff !important;
}
.datepicker .datepicker-months table tbody tr td span.old,
.datepicker .datepicker-years table tbody tr td span.old,
.datepicker .datepicker-decades table tbody tr td span.old,
.datepicker .datepicker-centuries table tbody tr td span.old,
.datepicker .datepicker-months table tbody tr td span.new,
.datepicker .datepicker-years table tbody tr td span.new,
.datepicker .datepicker-decades table tbody tr td span.new,
.datepicker .datepicker-centuries table tbody tr td span.new {
  color: #d6d6d6;
}
.datepicker .datepicker-months table tbody tr td span.disabled,
.datepicker .datepicker-years table tbody tr td span.disabled,
.datepicker .datepicker-decades table tbody tr td span.disabled,
.datepicker .datepicker-centuries table tbody tr td span.disabled {
  color: #d6d6d6;
  cursor: not-allowed;
}
.datepicker .datepicker-months table tbody tr td span.disabled:hover,
.datepicker .datepicker-years table tbody tr td span.disabled:hover,
.datepicker .datepicker-decades table tbody tr td span.disabled:hover,
.datepicker .datepicker-centuries table tbody tr td span.disabled:hover {
  background-color: transparent !important;
  color: #d6d6d6 !important;
}
.datepicker tfoot::before {
  content: '';
  display: table-row;
  height: 0.5rem;
}
.datepicker tfoot tr th.today {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #0067ff;
  cursor: pointer;
  padding: 0.5rem;
  background-color: rgba(0, 103, 255, 0.1);
  border-radius: 6px;
}
.datepicker tfoot tr th.today:hover {
  background-color: rgba(0, 103, 255, 0.2);
}
.datepicker .glyphicon {
  font-family: 'Material Symbols Sharp';
  font-style: normal;
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 1;
  display: inline-block;
}
.datepicker .glyphicon-arrow-left:before,
.datepicker .icon-arrow-left:before {
  content: 'chevron_left';
}
.datepicker .glyphicon-arrow-right:before,
.datepicker .icon-arrow-right:before {
  content: 'chevron_right';
}
div.datepicker-inline,
div.datetimepicker-inline {
  width: fit-content;
}
div.datepicker-inline .datepicker,
div.datetimepicker-inline .datepicker,
div.datepicker-inline .datetimepicker,
div.datetimepicker-inline .datetimepicker {
  border: none;
  box-shadow: none;
}
.datepicker.datepicker-inline {
  width: auto;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  box-shadow: none;
}
.editable-container .datepicker {
  position: absolute !important;
  margin-top: 0.25rem;
  padding: 0.625rem;
  padding-bottom: 0;
}
.datepicker-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235E6C84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
  background-size: 1rem 1rem;
  padding-right: 2.25rem !important;
}
.datepicker-input:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230067ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}
@media only screen and (max-width: 767px) {
  .datepicker {
    padding: 1rem;
  }
  .datepicker table tr td,
  .datepicker table tr th {
    width: 2.5rem;
    height: 2.5rem;
  }
  .datepicker table tr td span {
    line-height: 2.5rem;
  }
  .datepicker-months table tr td span,
  .datepicker-years table tr td span,
  .datepicker-decades table tr td span,
  .datepicker-centuries table tr td span {
    height: 3.75rem !important;
    line-height: 3.75rem !important;
  }
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today[disabled] {
  background-color: rgba(0, 103, 255, 0.15) !important;
  background-image: none !important;
  -webkit-background-image: none !important;
  -moz-background-image: none !important;
  -o-background-image: none !important;
  -ms-background-image: none !important;
  filter: none !important;
  border-color: transparent !important;
  color: #0067ff !important;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:hover {
  background-color: rgba(0, 103, 255, 0.25) !important;
  background-image: none !important;
}
.datepicker table tr td.today.active,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active {
  background-color: #0067ff !important;
  background-image: none !important;
  color: #ffffff !important;
}
.datetimepicker {
  z-index: 1061 !important;
  padding: 0.75rem !important;
  border-radius: 8px;
  border: 1px solid #e3e3e6;
  background-color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  width: 17.5rem;
  min-width: 17.5rem;
}
.datetimepicker table {
  margin: 0;
  width: 100%;
}
.datetimepicker table tr td,
.datetimepicker table tr th {
  text-align: center;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
  border-radius: 6px;
  padding: 0;
  font-size: 0.8125rem;
  transition: all 0.2s ease;
}
.datetimepicker table tr th {
  font-weight: 600;
  color: #5E6C84;
  padding: 0;
  vertical-align: middle;
}
.datetimepicker table tr th.switch {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
}
.datetimepicker table tr th.prev,
.datetimepicker table tr th.next {
  color: #0067ff;
  cursor: pointer;
  font-size: 0;
  width: 2.25rem;
  height: 2.25rem;
  vertical-align: middle;
}
.datetimepicker table tr th.prev .glyphicon,
.datetimepicker table tr th.next .glyphicon,
.datetimepicker table tr th.prev [class^="icon-"],
.datetimepicker table tr th.next [class^="icon-"],
.datetimepicker table tr th.prev [class*=" icon-"],
.datetimepicker table tr th.next [class*=" icon-"] {
  display: none;
}
.datetimepicker table tr th.prev:before,
.datetimepicker table tr th.next:before {
  font-family: 'Material Symbols Sharp';
  font-size: 1.25rem;
  font-weight: normal;
  display: inline-block;
  height: 2.25rem;
  line-height: 2.25rem;
}
.datetimepicker table tr th.prev:hover,
.datetimepicker table tr th.next:hover {
  background-color: rgba(0, 103, 255, 0.1);
}
.datetimepicker table tr th.prev:before {
  content: 'chevron_left';
}
.datetimepicker table tr th.next:before {
  content: 'chevron_right';
}
.datetimepicker table tr th.dow {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #5E6C84;
}
.datetimepicker table tr td {
  color: #333333;
  cursor: pointer;
}
.datetimepicker table tr td:hover {
  background-color: rgba(0, 103, 255, 0.1);
  color: #0067ff;
}
.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
  color: #d6d6d6;
}
.datetimepicker table tr td.disabled {
  color: #d6d6d6;
  cursor: not-allowed;
  background-color: transparent;
}
.datetimepicker table tr td.disabled:hover {
  background-color: transparent;
  color: #d6d6d6;
}
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover {
  background-color: #0067ff;
  color: #ffffff;
  font-weight: 600;
  text-shadow: none;
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today[disabled] {
  background-color: rgba(0, 103, 255, 0.15) !important;
  background-image: none !important;
  color: #0067ff !important;
  font-weight: 600;
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled:hover {
  background-color: rgba(0, 103, 255, 0.25) !important;
  background-image: none !important;
}
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today.active:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active {
  background-color: #0067ff !important;
  background-image: none !important;
  color: #ffffff !important;
}
.datetimepicker table tr td span {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 2.25rem;
  border-radius: 6px;
}
.datetimepicker table tr td span:hover {
  background-color: rgba(0, 103, 255, 0.1);
  color: #0067ff;
}
.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover {
  background-color: #0067ff;
  color: #ffffff;
  text-shadow: none;
}
.datetimepicker table tr td span.old,
.datetimepicker table tr td span.new {
  color: #d6d6d6;
}
.datetimepicker table tr td span.disabled {
  color: #d6d6d6;
  cursor: not-allowed;
}
.datetimepicker table tr td span.disabled:hover {
  background-color: transparent;
  color: #d6d6d6;
}
.datetimepicker .datetimepicker-hours table tr td,
.datetimepicker .datetimepicker-minutes table tr td {
  height: auto;
  padding: 0;
  background: transparent !important;
}
.datetimepicker .datetimepicker-hours table tr td:hover,
.datetimepicker .datetimepicker-minutes table tr td:hover {
  background: transparent !important;
}
.datetimepicker .datetimepicker-hours table tr td span,
.datetimepicker .datetimepicker-minutes table tr td span {
  display: inline-block;
  width: calc(25% - 0.5rem) !important;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  margin: 0.25rem;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
  transition: all 0.2s ease;
  background-color: #f7f7f7;
  color: #333333;
}
.datetimepicker .datetimepicker-hours table tr td span:hover,
.datetimepicker .datetimepicker-minutes table tr td span:hover {
  background-color: rgba(0, 103, 255, 0.15) !important;
  color: #0067ff !important;
}
.datetimepicker .datetimepicker-hours table tr td span.active,
.datetimepicker .datetimepicker-minutes table tr td span.active,
.datetimepicker .datetimepicker-hours table tr td span.active:hover,
.datetimepicker .datetimepicker-minutes table tr td span.active:hover {
  background-color: #0067ff !important;
  color: #ffffff !important;
  text-shadow: none;
}
.datetimepicker .datetimepicker-hours table tr td span.disabled,
.datetimepicker .datetimepicker-minutes table tr td span.disabled {
  color: #d6d6d6;
  cursor: not-allowed;
  background-color: #f7f7f7;
}
.datetimepicker .datetimepicker-hours table tr td span.disabled:hover,
.datetimepicker .datetimepicker-minutes table tr td span.disabled:hover {
  background-color: #f7f7f7 !important;
  color: #d6d6d6 !important;
}
.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.5rem;
  border: none;
}
.datetimepicker .datetimepicker-months table,
.datetimepicker .datetimepicker-years table {
  width: 100%;
}
.datetimepicker .datetimepicker-months table thead tr th.prev,
.datetimepicker .datetimepicker-years table thead tr th.prev,
.datetimepicker .datetimepicker-months table thead tr th.next,
.datetimepicker .datetimepicker-years table thead tr th.next,
.datetimepicker .datetimepicker-months table thead tr th.switch,
.datetimepicker .datetimepicker-years table thead tr th.switch {
  width: auto;
}
.datetimepicker .datetimepicker-months table tbody tr td,
.datetimepicker .datetimepicker-years table tbody tr td {
  padding: 0;
  height: auto;
  border: none !important;
  background: transparent !important;
}
.datetimepicker .datetimepicker-months table tbody tr td:hover,
.datetimepicker .datetimepicker-years table tbody tr td:hover {
  background: transparent !important;
}
.datetimepicker .datetimepicker-months table tbody tr td span,
.datetimepicker .datetimepicker-years table tbody tr td span {
  display: inline-block;
  width: calc(33.333% - 0.5rem);
  height: 3.375rem;
  line-height: 3.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  margin: 0.25rem;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
  transition: all 0.2s ease;
  background-color: transparent;
  color: #333333;
}
.datetimepicker .datetimepicker-months table tbody tr td span:hover,
.datetimepicker .datetimepicker-years table tbody tr td span:hover {
  background-color: rgba(0, 103, 255, 0.1) !important;
  color: #0067ff !important;
}
.datetimepicker .datetimepicker-months table tbody tr td span.active,
.datetimepicker .datetimepicker-years table tbody tr td span.active,
.datetimepicker .datetimepicker-months table tbody tr td span.active:hover,
.datetimepicker .datetimepicker-years table tbody tr td span.active:hover {
  background-color: #0067ff !important;
  color: #ffffff !important;
  text-shadow: none;
}
.datetimepicker .datetimepicker-months table tbody tr td span.old,
.datetimepicker .datetimepicker-years table tbody tr td span.old,
.datetimepicker .datetimepicker-months table tbody tr td span.new,
.datetimepicker .datetimepicker-years table tbody tr td span.new {
  color: #d6d6d6;
}
.datetimepicker .datetimepicker-months table tbody tr td span.disabled,
.datetimepicker .datetimepicker-years table tbody tr td span.disabled {
  color: #d6d6d6;
  cursor: not-allowed;
}
.datetimepicker .datetimepicker-months table tbody tr td span.disabled:hover,
.datetimepicker .datetimepicker-years table tbody tr td span.disabled:hover {
  background-color: transparent !important;
  color: #d6d6d6 !important;
}
.datetimepicker.dropdown-menu:before,
.datetimepicker.dropdown-menu:after {
  display: none;
}
.datetimepicker .glyphicon {
  font-family: 'Material Symbols Sharp';
  font-style: normal;
  font-weight: normal;
  font-size: 1.25rem;
  line-height: 1;
  display: inline-block;
}
.datetimepicker .glyphicon-arrow-left:before,
.datetimepicker .icon-arrow-left:before {
  content: 'chevron_left';
}
.datetimepicker .glyphicon-arrow-right:before,
.datetimepicker .icon-arrow-right:before {
  content: 'chevron_right';
}
.datetimepicker tfoot::before {
  content: '';
  display: table-row;
  height: 0.5rem;
}
.datetimepicker tfoot tr th.today {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #0067ff;
  cursor: pointer;
  padding: 0.5rem;
  background-color: rgba(0, 103, 255, 0.1);
  border-radius: 6px;
}
.datetimepicker tfoot tr th.today:hover {
  background-color: rgba(0, 103, 255, 0.2);
}
.datetimepicker-dropdown-bottom-right,
.datetimepicker-dropdown-bottom-left {
  margin-top: 0.25rem;
}
.datetimepicker-dropdown-top-right,
.datetimepicker-dropdown-top-left {
  margin-bottom: 0.25rem;
}
.datetimepicker.datetimepicker-inline {
  width: auto;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  box-shadow: none;
}
.editable-container .datetimepicker {
  position: absolute !important;
  margin-top: 0.25rem;
}
.datetimepicker-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235E6C84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3Ccircle cx='12' cy='15' r='2'%3E%3C/circle%3E%3Cline x1='12' y1='13' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
  background-size: 1rem 1rem;
  padding-right: 2.25rem !important;
}
.datetimepicker-input:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230067ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3Ccircle cx='12' cy='15' r='2'%3E%3C/circle%3E%3Cline x1='12' y1='13' x2='12' y2='15'%3E%3C/line%3E%3C/svg%3E");
}
@media only screen and (max-width: 767px) {
  .datetimepicker {
    padding: 1rem;
  }
  .datetimepicker table tr td,
  .datetimepicker table tr th {
    width: 2.5rem;
    height: 2.5rem;
  }
  .datetimepicker table tr td span {
    line-height: 2.5rem;
  }
  .datetimepicker-hours table tr td span,
  .datetimepicker-minutes table tr td span {
    width: calc(25% - 0.375rem);
    height: 2.75rem;
    line-height: 2.75rem;
    margin: 0.1875rem;
  }
  .datetimepicker-months table tr td span,
  .datetimepicker-years table tr td span {
    height: 3.75rem !important;
    line-height: 3.75rem !important;
  }
}
.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today[disabled] {
  background-color: rgba(0, 103, 255, 0.15) !important;
  background-image: none !important;
  -webkit-background-image: none !important;
  -moz-background-image: none !important;
  -o-background-image: none !important;
  -ms-background-image: none !important;
  filter: none !important;
  border-color: transparent !important;
  color: #0067ff !important;
}
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled:hover {
  background-color: rgba(0, 103, 255, 0.25) !important;
  background-image: none !important;
}
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today.active:hover,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active {
  background-color: #0067ff !important;
  background-image: none !important;
  color: #ffffff !important;
}
.btn {
  font-size: 0.8125rem;
  transition: all 0.15s ease-in-out;
}
.btn:focus {
  box-shadow: none;
}
.btn-sm {
  font-size: 0.75rem;
}
.btn-lg {
  font-size: 1rem;
}
.btn-wd {
  min-width: 8.75rem;
}
.btn-icon-sm {
  font-size: 1.125rem;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}
.btn .material-symbols-sharp {
  font-size: 1.125rem;
  line-height: 1;
}
.btn.btn-icon-only {
  gap: 0;
}
.btn-red {
  background-color: #FFC5C5;
  border-color: #ffabab;
  color: #333333;
}
.btn-red:hover,
.btn-red:focus {
  background-color: #ff9292;
  border-color: #ff7878;
  color: #333333;
}
.btn-red:active,
.btn-red.active {
  background-color: #ff5f5f !important;
  border-color: #ff4545 !important;
  color: #333333 !important;
}
.btn-red:disabled,
.btn-red.disabled {
  background-color: #FFC5C5;
  border-color: #FFC5C5;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-outline-red {
  background-color: transparent;
  border-color: #ff9292;
  color: #333333;
}
.btn-outline-red:hover,
.btn-outline-red:focus {
  background-color: #FFC5C5;
  border-color: #ff9292;
  color: #333333;
}
.btn-outline-red:active,
.btn-outline-red.active {
  background-color: #ff5f5f !important;
  border-color: #ff4545 !important;
  color: #333333 !important;
}
.btn-outline-red:disabled,
.btn-outline-red.disabled {
  background-color: transparent;
  border-color: #ff9292;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-orange {
  background-color: #FFEBD8;
  border-color: #ffdebf;
  color: #333333;
}
.btn-orange:hover,
.btn-orange:focus {
  background-color: #ffd1a5;
  border-color: #ffc48c;
  color: #333333;
}
.btn-orange:active,
.btn-orange.active {
  background-color: #ffb772 !important;
  border-color: #ffaa59 !important;
  color: #333333 !important;
}
.btn-orange:disabled,
.btn-orange.disabled {
  background-color: #FFEBD8;
  border-color: #FFEBD8;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-outline-orange {
  background-color: transparent;
  border-color: #ffd1a5;
  color: #333333;
}
.btn-outline-orange:hover,
.btn-outline-orange:focus {
  background-color: #FFEBD8;
  border-color: #ffd1a5;
  color: #333333;
}
.btn-outline-orange:active,
.btn-outline-orange.active {
  background-color: #ffb772 !important;
  border-color: #ffaa59 !important;
  color: #333333 !important;
}
.btn-outline-orange:disabled,
.btn-outline-orange.disabled {
  background-color: transparent;
  border-color: #ffd1a5;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-green {
  background-color: #C7DCA7;
  border-color: #bbd595;
  color: #333333;
}
.btn-green:hover,
.btn-green:focus {
  background-color: #b0cd83;
  border-color: #a4c670;
  color: #333333;
}
.btn-green:active,
.btn-green.active {
  background-color: #99bf5e !important;
  border-color: #8db84c !important;
  color: #333333 !important;
}
.btn-green:disabled,
.btn-green.disabled {
  background-color: #C7DCA7;
  border-color: #C7DCA7;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-outline-green {
  background-color: transparent;
  border-color: #b0cd83;
  color: #333333;
}
.btn-outline-green:hover,
.btn-outline-green:focus {
  background-color: #C7DCA7;
  border-color: #b0cd83;
  color: #333333;
}
.btn-outline-green:active,
.btn-outline-green.active {
  background-color: #99bf5e !important;
  border-color: #8db84c !important;
  color: #333333 !important;
}
.btn-outline-green:disabled,
.btn-outline-green.disabled {
  background-color: transparent;
  border-color: #b0cd83;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-teal {
  background-color: #89B9AD;
  border-color: #79b0a2;
  color: #333333;
}
.btn-teal:hover,
.btn-teal:focus {
  background-color: #69a697;
  border-color: #5b9a8a;
  color: #333333;
}
.btn-teal:active,
.btn-teal.active {
  background-color: #528a7c !important;
  border-color: #487a6e !important;
  color: #333333 !important;
}
.btn-teal:disabled,
.btn-teal.disabled {
  background-color: #89B9AD;
  border-color: #89B9AD;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-outline-teal {
  background-color: transparent;
  border-color: #69a697;
  color: #333333;
}
.btn-outline-teal:hover,
.btn-outline-teal:focus {
  background-color: #89B9AD;
  border-color: #69a697;
  color: #333333;
}
.btn-outline-teal:active,
.btn-outline-teal.active {
  background-color: #528a7c !important;
  border-color: #487a6e !important;
  color: #333333 !important;
}
.btn-outline-teal:disabled,
.btn-outline-teal.disabled {
  background-color: transparent;
  border-color: #69a697;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-purple {
  background-color: #AC87C5;
  border-color: #a076bd;
  color: #ffffff;
}
.btn-purple:hover,
.btn-purple:focus {
  background-color: #9465b4;
  border-color: #8853ac;
  color: #ffffff;
}
.btn-purple:active,
.btn-purple.active {
  background-color: #7b4b9b !important;
  border-color: #6d438a !important;
  color: #ffffff !important;
}
.btn-purple:disabled,
.btn-purple.disabled {
  background-color: #AC87C5;
  border-color: #AC87C5;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn-outline-purple {
  background-color: transparent;
  border-color: #9465b4;
  color: #333333;
}
.btn-outline-purple:hover,
.btn-outline-purple:focus {
  background-color: #AC87C5;
  border-color: #9465b4;
  color: #333333;
}
.btn-outline-purple:active,
.btn-outline-purple.active {
  background-color: #7b4b9b !important;
  border-color: #6d438a !important;
  color: #333333 !important;
}
.btn-outline-purple:disabled,
.btn-outline-purple.disabled {
  background-color: transparent;
  border-color: #9465b4;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-blue {
  background-color: #8ACDD7;
  border-color: #77c5d1;
  color: #333333;
}
.btn-blue:hover,
.btn-blue:focus {
  background-color: #64bdca;
  border-color: #51b5c4;
  color: #333333;
}
.btn-blue:active,
.btn-blue.active {
  background-color: #40abbb !important;
  border-color: #399aa8 !important;
  color: #333333 !important;
}
.btn-blue:disabled,
.btn-blue.disabled {
  background-color: #8ACDD7;
  border-color: #8ACDD7;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-outline-blue {
  background-color: transparent;
  border-color: #64bdca;
  color: #333333;
}
.btn-outline-blue:hover,
.btn-outline-blue:focus {
  background-color: #8ACDD7;
  border-color: #64bdca;
  color: #333333;
}
.btn-outline-blue:active,
.btn-outline-blue.active {
  background-color: #40abbb !important;
  border-color: #399aa8 !important;
  color: #333333 !important;
}
.btn-outline-blue:disabled,
.btn-outline-blue.disabled {
  background-color: transparent;
  border-color: #64bdca;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-yellow {
  background-color: #dcd6a7;
  border-color: #d5cd95;
  color: #333333;
}
.btn-yellow:hover,
.btn-yellow:focus {
  background-color: #cdc583;
  border-color: #c6bd70;
  color: #333333;
}
.btn-yellow:active,
.btn-yellow.active {
  background-color: #bfb45e !important;
  border-color: #b8ac4c !important;
  color: #333333 !important;
}
.btn-yellow:disabled,
.btn-yellow.disabled {
  background-color: #dcd6a7;
  border-color: #dcd6a7;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-outline-yellow {
  background-color: transparent;
  border-color: #cdc583;
  color: #333333;
}
.btn-outline-yellow:hover,
.btn-outline-yellow:focus {
  background-color: #dcd6a7;
  border-color: #cdc583;
  color: #333333;
}
.btn-outline-yellow:active,
.btn-outline-yellow.active {
  background-color: #bfb45e !important;
  border-color: #b8ac4c !important;
  color: #333333 !important;
}
.btn-outline-yellow:disabled,
.btn-outline-yellow.disabled {
  background-color: transparent;
  border-color: #cdc583;
  color: #333333;
  opacity: 0.65;
  pointer-events: none;
}
.btn-crm {
  background-color: #0067ff;
  border-color: #005de6;
  color: #ffffff;
}
.btn-crm:hover,
.btn-crm:focus {
  background-color: #0052cc;
  border-color: #0048b3;
  color: #ffffff;
}
.btn-crm:active,
.btn-crm.active {
  background-color: #003e99 !important;
  border-color: #003380 !important;
  color: #ffffff !important;
}
.btn-crm:disabled,
.btn-crm.disabled {
  background-color: #0067ff;
  border-color: #0067ff;
  color: #ffffff;
  opacity: 0.65;
  pointer-events: none;
}
.btn-outline-crm {
  background-color: transparent;
  border-color: #0052cc;
  color: #0067ff;
}
.btn-outline-crm:hover,
.btn-outline-crm:focus {
  background-color: #0067ff;
  border-color: #0052cc;
  color: #ffffff;
}
.btn-outline-crm:active,
.btn-outline-crm.active {
  background-color: #003e99 !important;
  border-color: #003380 !important;
  color: #ffffff !important;
}
.btn-outline-crm:disabled,
.btn-outline-crm.disabled {
  background-color: transparent;
  border-color: #0052cc;
  color: #0067ff;
  opacity: 0.65;
  pointer-events: none;
}
.btn-group .btn:focus {
  box-shadow: none;
}
.pace {
  pointer-events: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  position: fixed;
  z-index: 2010;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, #da4733 0%, #da4733 20%, #3b78e7 40%, #3b78e7 60%, #fdba2c 80%, #fdba2c 100%);
  overflow: hidden;
}
.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0;
  width: 6.25rem;
  height: 100%;
  box-shadow: 0 0 10px #fdba2c, 0 0 5px #3b78e7;
  opacity: 1;
}
.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2010;
  top: 1rem;
  right: 1rem;
  width: 1.125rem;
  height: 1.125rem;
  border: 2px solid transparent;
  border-top-color: #da4733;
  border-left-color: #3b78e7;
  border-radius: 50%;
  animation: pace-spinner 400ms linear infinite;
}
@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dropdownFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dropdown-menu {
  z-index: 1050;
  border: none;
  border-radius: 0.25rem;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
  padding: 0.5rem 0;
  min-width: 10rem;
  font-size: 0.8125rem;
}
.dropdown-menu.show {
  animation: dropdownFadeIn 0.25s ease-out;
}
.dropdown-menu .dropdown-item {
  padding: 0.5rem 1rem;
  color: #333333;
  font-size: 0.8125rem;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: #f7f7f7;
  color: #333333;
}
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item.active {
  background-color: #0067ff;
  color: #ffffff;
}
.dropdown-menu .dropdown-item.disabled,
.dropdown-menu .dropdown-item:disabled {
  color: #5E6C84;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu .dropdown-item i,
.dropdown-menu .dropdown-item svg,
.dropdown-menu .dropdown-item .material-symbols-sharp {
  margin-right: 0.5rem;
  color: #7f7f7f;
  font-size: 1.125rem;
}
.dropdown-menu .dropdown-item:hover i,
.dropdown-menu .dropdown-item:hover svg,
.dropdown-menu .dropdown-item:hover .material-symbols-sharp,
.dropdown-menu .dropdown-item:focus i,
.dropdown-menu .dropdown-item:focus svg,
.dropdown-menu .dropdown-item:focus .material-symbols-sharp {
  color: #333333;
}
.dropdown-menu .dropdown-item.active i,
.dropdown-menu .dropdown-item.active svg,
.dropdown-menu .dropdown-item.active .material-symbols-sharp,
.dropdown-menu .dropdown-item:active i,
.dropdown-menu .dropdown-item:active svg,
.dropdown-menu .dropdown-item:active .material-symbols-sharp {
  color: #ffffff;
}
.dropdown-menu .dropdown-item.text-danger .material-symbols-sharp {
  color: inherit;
}
.dropdown-menu .dropdown-header {
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.dropdown-menu .dropdown-divider {
  margin: 0.5rem 0;
  border-top: 1px solid #e3e3e6;
}
.dropdown-menu .dropdown-item-text {
  padding: 0.5rem 1rem;
  color: #5E6C84;
}
.dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dropdown-toggle::after {
  margin-left: 0.5rem;
  vertical-align: middle;
}
.dropdown-toggle.no-caret::after {
  display: none;
}
.dropdown-toggle .material-symbols-sharp,
.dropdown-toggle .material-icons,
.dropdown-toggle i,
.dropdown-toggle svg {
  font-size: 1.125rem;
  line-height: 1;
}
.dropup .dropdown-toggle:not(.dropdown-toggle-split)::after {
  margin-left: 0.5rem;
  vertical-align: middle;
}
.dropend .dropdown-toggle:not(.dropdown-toggle-split)::after {
  margin-left: 0.5rem;
  vertical-align: middle;
}
.dropstart .dropdown-toggle:not(.dropdown-toggle-split)::before {
  margin-right: 0.5rem;
  vertical-align: middle;
}
.dropdown-toggle-split::after,
.dropstart .dropdown-toggle-split::before {
  margin-left: 0;
  margin-right: 0;
}
.dropdown-menu-end {
  right: 0;
  left: auto;
}
.dropdown-menu-sm {
  min-width: 8rem;
  font-size: 0.75rem;
}
.dropdown-menu-sm .dropdown-item {
  padding: 0.375rem 0.75rem;
}
.dropdown-menu-lg {
  min-width: 15rem;
}
.dropdown-menu-lg .dropdown-item {
  padding: 0.625rem 1.25rem;
}
.dropdown-menu-icons .dropdown-item {
  display: flex;
  align-items: center;
}
.dropdown-menu-icons .dropdown-item i,
.dropdown-menu-icons .dropdown-item svg,
.dropdown-menu-icons .dropdown-item .material-symbols-sharp {
  width: 1.25rem;
  text-align: center;
}
.dropdown-menu-icons .dropdown-item.dropdown-toggle {
  justify-content: flex-start;
}
.dropdown-menu-icons .dropdown-item.dropdown-toggle::after {
  margin-left: auto;
  border-top-width: 0.3rem;
  border-right-width: 0;
  border-bottom-width: 0.3rem;
  border-left-width: 0.3rem;
}
.dropdown-menu .dropend {
  position: relative;
}
.dropdown-menu .dropend > .dropdown-toggle::after {
  font-family: 'Material Symbols Sharp';
  content: '\e5cc';
  border: none;
  margin-left: auto;
  font-size: 1.125rem;
  line-height: 1;
  vertical-align: middle;
  color: #7f7f7f;
}
.dropdown-menu .dropend > .dropdown-toggle:hover::after,
.dropdown-menu .dropend > .dropdown-toggle:focus::after {
  color: #333333;
}
.dropdown-menu .dropend > .dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: -0.5rem;
  margin-left: 0;
  display: none;
  z-index: 1060;
}
.dropdown-menu .dropend:hover > .dropdown-menu {
  display: block;
}
.dropdown-menu .dropstart {
  position: relative;
}
.dropdown-menu .dropstart > .dropdown-toggle::before {
  display: none;
}
.dropdown-menu .dropstart > .dropdown-toggle::after {
  display: inline-block;
  margin-left: auto;
  content: "";
  border-top: 0.3rem solid transparent;
  border-right: 0.3rem solid;
  border-bottom: 0.3rem solid transparent;
  border-left: 0;
}
.dropdown-menu .dropstart > .dropdown-menu {
  position: absolute;
  top: 0;
  right: 100%;
  left: auto;
  margin-top: -0.5rem;
  margin-right: 0;
  display: none;
  z-index: 1060;
}
.dropdown-menu .dropstart:hover > .dropdown-menu {
  display: block;
}
.dropdown-menu-scrollable {
  max-height: 18.75rem;
  overflow-y: auto;
}
.dropdown-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  min-width: 2.25rem;
  height: 2.25rem;
}
.dropdown-toggle-icon::after {
  display: none;
}
.dropdown-toggle-icon .material-symbols-sharp,
.dropdown-toggle-icon .material-icons,
.dropdown-toggle-icon i,
.dropdown-toggle-icon svg {
  font-size: 1.25rem;
  line-height: 1;
  margin: 0;
}
.dropdown-menu-form {
  min-width: 18rem;
  padding: 0;
}
.dropdown-menu-form .dropdown-form-header {
  background: linear-gradient(180deg, #fafbfc 0%, #e9ecef 100%);
  border-bottom: 1px solid #e3e3e6;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem 0.25rem 0 0;
}
.dropdown-menu-form .dropdown-form-header .dropdown-form-title {
  font-size: 0.9140625rem;
  font-weight: 600;
  color: var(--bs-heading-color);
  margin: 0;
}
.dropdown-menu-form .dropdown-form-header .dropdown-form-subtitle {
  font-size: 0.7109375rem;
  line-height: 1.4;
  color: var(--bs-secondary-color);
  font-weight: 400;
}
.dropdown-menu-form .dropdown-form-body {
  padding: 1rem;
}
.dropdown-menu-form .dropdown-form-group {
  margin-bottom: 1rem;
}
.dropdown-menu-form .dropdown-form-group:last-child {
  margin-bottom: 0;
}
.dropdown-menu-form .dropdown-form-group > label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333333;
  margin-bottom: 0.5rem;
}
.dropdown-menu-form .dropdown-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid #e3e3e6;
  background-color: #f7f7f7;
  border-radius: 0 0 0.25rem 0.25rem;
}
.dropdown-menu-dark {
  background-color: #1e2a3b;
  border: 1px solid #2a3a4d;
}
.dropdown-menu-dark .dropdown-item {
  color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
  background-color: #2a3a4d;
  color: #ffffff;
}
.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
  background-color: #0067ff;
  color: #ffffff;
}
.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
  color: rgba(255, 255, 255, 0.4);
}
.dropdown-menu-dark .dropdown-item i,
.dropdown-menu-dark .dropdown-item svg,
.dropdown-menu-dark .dropdown-item .material-symbols-sharp {
  color: rgba(255, 255, 255, 0.6);
}
.dropdown-menu-dark .dropdown-item:hover i,
.dropdown-menu-dark .dropdown-item:hover svg,
.dropdown-menu-dark .dropdown-item:hover .material-symbols-sharp,
.dropdown-menu-dark .dropdown-item:focus i,
.dropdown-menu-dark .dropdown-item:focus svg,
.dropdown-menu-dark .dropdown-item:focus .material-symbols-sharp {
  color: #ffffff;
}
.dropdown-menu-dark .dropdown-header {
  color: rgba(255, 255, 255, 0.5);
}
.dropdown-menu-dark .dropdown-divider {
  border-top-color: #2a3a4d;
}
.dropdown-menu-dark .dropdown-item-text {
  color: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 767px) {
  .dropdown-menu {
    min-width: 100%;
  }
  .dropdown-menu .dropdown-item {
    padding: 0.625rem 1rem;
    font-size: 0.9375rem;
  }
  .dropdown-menu-form {
    min-width: 16rem;
    padding: 0.875rem 1rem;
  }
}
.badge,
[class*="badge-"] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 0.25rem;
  line-height: 1.2;
}
.badge .material-symbols-sharp,
[class*="badge-"] .material-symbols-sharp {
  font-size: 0.875rem;
  line-height: 1;
}
.badge-green {
  background-color: #C7DCA7;
  color: #333333;
}
.badge-blue {
  background-color: #8ACDD7;
  color: #333333;
}
.badge-yellow {
  background-color: #dcd6a7;
  color: #333333;
}
.badge-red {
  background-color: #FFC5C5;
  color: #333333;
}
.badge-purple {
  background-color: #AC87C5;
  color: #ffffff;
}
.badge-teal {
  background-color: #89B9AD;
  color: #333333;
}
.badge-orange {
  background-color: #FFEBD8;
  color: #333333;
}
.badge-green-light {
  background-color: rgba(199, 220, 167, 0.3);
  color: #8db84c;
}
.badge-blue-light {
  background-color: rgba(138, 205, 215, 0.3);
  color: #399aa8;
}
.badge-yellow-light {
  background-color: rgba(220, 214, 167, 0.4);
  color: #a79c43;
}
.badge-red-light {
  background-color: rgba(255, 197, 197, 0.3);
  color: #ff5f5f;
}
.badge-purple-light {
  background-color: rgba(172, 135, 197, 0.25);
  color: #8853ac;
}
.badge-teal-light {
  background-color: rgba(137, 185, 173, 0.3);
  color: #528a7c;
}
.badge-orange-light {
  background-color: rgba(255, 235, 216, 0.4);
  color: #ff9d3f;
}
.badge-disabled {
  background-color: #e3e3e6;
  color: #7f7f7f;
}
.badge-outline-green {
  background-color: transparent;
  border: 1px solid #C7DCA7;
  color: #a4c670;
}
.badge-outline-blue {
  background-color: transparent;
  border: 1px solid #8ACDD7;
  color: #51b5c4;
}
.badge-outline-red {
  background-color: transparent;
  border: 1px solid #FFC5C5;
  color: #ff9292;
}
.badge-outline-yellow {
  background-color: transparent;
  border: 1px solid #dcd6a7;
  color: #b8ac4c;
}
.badge-outline-purple {
  background-color: transparent;
  border: 1px solid #AC87C5;
  color: #AC87C5;
}
.badge-outline-teal {
  background-color: transparent;
  border: 1px solid #89B9AD;
  color: #69a697;
}
.badge-outline-orange {
  background-color: transparent;
  border: 1px solid #FFEBD8;
  color: #ffb772;
}
.badge-sm {
  padding: 0.125rem 0.375rem;
  font-size: 0.6875rem;
  gap: 0.1875rem;
}
.badge-sm .material-symbols-sharp {
  font-size: 0.75rem;
}
.badge-lg {
  padding: 0.375rem 0.625rem;
  font-size: 0.8125rem;
  gap: 0.3125rem;
}
.badge-lg .material-symbols-sharp {
  font-size: 1rem;
}
.badge-pill {
  border-radius: 1rem;
  padding: 0.25rem 0.625rem;
}
.jq-toast-wrap {
  width: 18.75rem;
}
.jq-toast-wrap .jq-toast-single {
  border-radius: 0.5rem;
  font-family: 'Maven Pro', sans-serif;
  padding: 0.75rem 1rem 0.75rem 3.125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  overflow: hidden;
}
.jq-toast-wrap .jq-toast-single h2 {
  font-family: 'Maven Pro', sans-serif;
  font-weight: 600;
  font-size: 0.9375rem;
  margin-bottom: 0.25rem;
}
.jq-toast-wrap .jq-icon-success {
  background-color: #C7DCA7;
  color: #648334;
  border-left: 4px solid #99bf5e;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235a8a3c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}
.jq-toast-wrap .jq-icon-success h2 {
  color: #56712d;
}
.jq-toast-wrap .jq-icon-error {
  background-color: #FFC5C5;
  color: #f80000;
  border-left: 4px solid #ff5f5f;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cc5252' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E");
}
.jq-toast-wrap .jq-icon-error h2 {
  color: #de0000;
}
.jq-toast-wrap .jq-icon-warning {
  background-color: #FFEBD8;
  color: #f27600;
  border-left: 4px solid #ffaa59;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b87a2e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}
.jq-toast-wrap .jq-icon-warning h2 {
  color: #d86900;
}
.jq-toast-wrap .jq-icon-info {
  background-color: #8ACDD7;
  color: #26666f;
  border-left: 4px solid #40abbb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233a7d8c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");
}
.jq-toast-wrap .jq-icon-info h2 {
  color: #1f545c;
}
.jq-toast-wrap .close-jq-toast-single {
  color: inherit;
  opacity: 0.6;
  font-size: 1.125rem;
  top: 0.375rem;
  right: 0.5rem;
}
.jq-toast-wrap .close-jq-toast-single:hover {
  opacity: 1;
}
.jq-toast-wrap .jq-toast-loader {
  display: block !important;
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 4px !important;
  border-radius: 0 0 0.5rem 0;
}
.news-feeds-container .news-feeds-header {
  padding-bottom: 1rem;
  border-bottom: 1px solid #e3e3e6;
}
.news-feeds-container .news-feeds-header .btn-group .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  padding: 0.5rem 1rem;
  border-color: #e3e3e6;
}
.news-feeds-container .news-feeds-header .btn-group .btn.active {
  background-color: #f7f7f7;
  color: #333333;
  border-color: #d6d6d6;
}
.news-feeds-container .news-feeds-header .btn-group .btn .material-symbols-sharp {
  font-size: 1.125rem;
}
.news-feeds-container .news-feeds-header .btn-group .btn .badge {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  font-weight: 500;
  margin-top: 1px;
}
.news-feeds-container .news-feeds-header .filter-controls .input-group-text {
  background-color: #ffffff;
  border-right: 0;
}
.news-feeds-container .news-feeds-header .filter-controls .input-group-text .material-symbols-sharp {
  font-size: 1.125rem;
  color: #7f7f7f;
}
.news-feeds-container .news-feeds-header .filter-controls .form-control {
  border-left: 0;
}
.news-feeds-container .news-feeds-header .filter-controls .form-control:focus {
  border-left: 0;
}
.news-feeds-container .news-feeds-header .filter-controls .date-filter-dropdown #dateFilterDropdown {
  height: 100%;
  display: flex;
  align-items: center;
  width: auto;
  min-width: 8.375rem;
  text-align: left;
  cursor: pointer;
}
.news-feeds-container .news-feeds-header .filter-controls .date-filter-dropdown #dateFilterDropdown::after {
  content: none;
  margin-left: auto;
}
.news-feeds-container .news-feeds-timeline .timeline-section {
  margin-bottom: 2rem;
}
.news-feeds-container .news-feeds-timeline .timeline-section:last-child {
  margin-bottom: 0;
}
.news-feeds-container .news-feeds-timeline .timeline-section .timeline-date-header {
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e3e3e6;
}
.news-feeds-container .news-feeds-timeline .timeline-section .timeline-date-header h6 {
  font-size: 0.75rem;
  font-weight: 600;
  color: #5E6C84;
  letter-spacing: 0.05em;
}
.news-feeds-container .news-feeds-timeline .timeline-section .timeline-items {
  position: relative;
}
.news-feeds-container .news-feeds-timeline .timeline-section .timeline-items::before {
  content: '';
  position: absolute;
  left: 4.75rem;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e3e3e6;
}
@media only screen and (max-width: 767px) {
  .news-feeds-container .news-feeds-timeline .timeline-section .timeline-items::before {
    left: 0;
  }
}
.news-feeds-container .news-feeds-timeline .timeline-item {
  display: flex;
  gap: 2rem;
  margin-bottom: 1.5rem;
  position: relative;
}
.news-feeds-container .news-feeds-timeline .timeline-item::before {
  content: '';
  position: absolute;
  left: 4.395rem;
  top: 0.5rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #d6d6d6;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .news-feeds-container .news-feeds-timeline .timeline-item::before {
    left: -0.375rem;
  }
}
@media only screen and (max-width: 767px) {
  .news-feeds-container .news-feeds-timeline .timeline-item {
    flex-direction: column;
    gap: 0.5rem;
    padding-left: 1.5rem;
  }
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-time {
  min-width: 3.75rem;
  max-width: 3.75rem;
  font-size: 0.75rem;
  color: #5E6C84;
  display: flex;
  align-items: start;
  padding-top: 0.25rem;
  justify-content: flex-end;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .news-feeds-container .news-feeds-timeline .timeline-item .timeline-time {
    min-width: auto;
    max-width: none;
    justify-content: flex-start;
    text-align: left;
  }
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content {
  display: flex;
  gap: 0.75rem;
  flex: 1;
  align-items: center;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #f7f7f7;
  position: relative;
  z-index: 1;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon .material-symbols-sharp {
  font-size: 1.125rem;
  color: #333333;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-success {
  background-color: #C7DCA7;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-success .material-symbols-sharp {
  color: #7fa743;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-error {
  background-color: #FFC5C5;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-error .material-symbols-sharp {
  color: #ff1212;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-warning {
  background-color: #dcd6a7;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-warning .material-symbols-sharp {
  color: #837a34;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-info {
  background-color: #8ACDD7;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-info .material-symbols-sharp {
  color: #2c7782;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-orange {
  background-color: #FFEBD8;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-orange .material-symbols-sharp {
  color: #f27600;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-default {
  background-color: #e3e3e6;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-icon.icon-default .material-symbols-sharp {
  color: #4c4c4c;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details {
  flex: 1;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-header {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #333333;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-header strong {
  font-weight: 600;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-header .candidate-avatar .avatar-sm {
  width: 2rem;
  height: 2rem;
  object-fit: cover;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-header .badge {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-header .badge .material-symbols-sharp {
  font-size: 0.875rem;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-message {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background-color: #f7f7f7;
  border-radius: 0.375rem;
  border-left: 3px solid #d6d6d6;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-message .message-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  color: #5E6C84;
  font-weight: 400;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-message .message-label .material-symbols-sharp {
  font-size: 1.125rem;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-message .message-label strong {
  font-weight: 500;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-message .message-title {
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  color: #333333;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-message .message-text {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #5E6C84;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-collapsed-info .btn-link {
  font-size: 0.875rem;
  text-decoration: none;
  color: #0067ff;
  display: flex;
  align-items: center;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-collapsed-info .btn-link:hover {
  text-decoration: none;
}
.news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-collapsed-info .btn-link .material-symbols-sharp {
  font-size: 1.125rem;
}
.news-feeds-container .news-feeds-timeline .timeline-item.has-collapsed .timeline-collapsed-info .collapse .text-muted {
  font-size: 0.875rem;
}
@media only screen and (max-width: 991px) {
  .news-feeds-container .news-feeds-header {
    flex-direction: column;
    gap: 1rem;
  }
  .news-feeds-container .news-feeds-header .btn-group {
    width: 100%;
  }
  .news-feeds-container .news-feeds-header .btn-group .btn {
    flex: 1;
    justify-content: center;
  }
  .news-feeds-container .news-feeds-header .filter-controls {
    width: 100%;
  }
  .news-feeds-container .news-feeds-header .filter-controls .input-group {
    max-width: 100% !important;
    margin-bottom: 0.5rem;
  }
  .news-feeds-container .news-feeds-header .filter-controls select {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-header {
    font-size: 0.8125rem;
  }
  .news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-header .badge {
    font-size: 0.6875rem;
    padding: 0.1875rem 0.375rem;
  }
  .news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-message .message-title,
  .news-feeds-container .news-feeds-timeline .timeline-item .timeline-content .timeline-details .timeline-message .message-text {
    font-size: 0.8125rem;
  }
}
.pricing-section {
  padding: 1rem 0;
  padding-bottom: 0;
  max-width: 78rem;
  margin: 0 auto;
}
.pricing-header .pricing-main-title {
  font-size: 2.25rem;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}
@media only screen and (max-width: 991px) {
  .pricing-header .pricing-main-title {
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .pricing-header .pricing-main-title {
    font-size: 1.5rem;
  }
}
.pricing-header .pricing-subtitle {
  font-size: 1rem;
  color: #5E6C84;
  margin: 0;
  line-height: 1.4;
}
.pricing-header .pricing-subtitle a {
  color: #0067ff;
  text-decoration: none;
}
.pricing-header .pricing-subtitle a:hover {
  text-decoration: underline;
}
.pricing-cards-wrapper {
  margin-left: 0;
  margin-right: 0;
}
.pricing-card {
  background: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: box-shadow 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.pricing-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.pricing-card .pricing-badge {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 7.5rem;
  height: 7.5rem;
  z-index: 10;
  pointer-events: none;
}
.pricing-card .pricing-badge span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.625rem;
  padding: 0.375rem 0;
  background: linear-gradient(90deg, #fdba2c 0%, #fdba2c 40%, #fed378 50%, #fdba2c 60%, #fdba2c 100%);
  background-size: 200% 100%;
  color: #172B4D;
  font-size: 0.5625rem;
  font-weight: 700;
  letter-spacing: 0.03125rem;
  text-align: center;
  line-height: 1;
  top: 24px;
  right: -52px;
  transform: rotate(45deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  animation: badgeShimmer 3s ease-in-out infinite;
}
@keyframes badgeShimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.pricing-card.pricing-card-popular {
  border: none;
  overflow: visible;
}
.pricing-card.pricing-card-popular::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 0.5rem;
  background: linear-gradient(90deg, #0067ff, #14b474, #fdba2c, #FFEBD8, #0067ff, #14b474, #fdba2c, #FFEBD8, #0067ff);
  background-size: 300% 100%;
  z-index: -1;
  animation: movingBorderGradient 8s linear infinite;
}
.pricing-card.pricing-card-popular::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  border-radius: 0.375rem;
  z-index: -1;
}
@keyframes movingBorderGradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 300% 50%;
  }
}
.pricing-card-header {
  margin-bottom: 0;
}
.pricing-card-header .pricing-card-title {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 600;
  color: #ffffff;
  background: #333333;
  padding: 0.375rem 0.75rem;
  border-radius: 0.1875rem;
  margin-bottom: 0.875rem;
  line-height: 1.3;
}
.pricing-card-header .pricing-price-section .pricing-starts-text {
  font-size: 0.875rem;
  color: #5E6C84;
  margin-bottom: 0.25rem;
  line-height: 1.3;
}
.pricing-card-header .pricing-price-section .pricing-amount-wrapper {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0;
  margin-bottom: 0;
}
.pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-currency {
  font-size: 1.5rem;
  font-weight: 400;
  color: #333333;
  line-height: 1;
}
.pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-amount {
  font-size: 2.3rem;
  font-weight: 500;
  color: #333333;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-amount {
    font-size: 2rem;
  }
}
.pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-period {
  font-size: 0.875rem;
  color: #5E6C84;
  margin-left: 0.25rem;
  line-height: 1.3;
  align-self: flex-end;
  padding-bottom: 0.375rem;
}
.pricing-card-header .pricing-divider {
  border: 0;
  height: 1px;
  margin: 0.875rem 0 0 0;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #5e6c84 17%, #5e6c84 83%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, #5e6c84 17%, #5e6c84 83%, #ffffff 100%);
  background: linear-gradient(to right, #ffffff 0%, #5e6c84 17%, #5e6c84 83%, #ffffff 100%);
}
.pricing-card-body {
  flex: 1;
  margin-bottom: 1.5rem;
  padding-top: 0.55rem;
}
.pricing-card-body .pricing-features-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pricing-card-body .pricing-features-list .pricing-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  padding: 0.4375rem 0;
  font-size: 0.9375rem;
  color: #333333;
  line-height: 1.35;
}
.pricing-card-body .pricing-features-list .pricing-feature-item.feature-primary {
  color: #0067ff;
}
.pricing-card-body .pricing-features-list .pricing-feature-item.feature-primary .feature-icon {
  color: #0067ff;
  font-weight: 600;
}
.pricing-card-body .pricing-features-list .pricing-feature-item .feature-icon {
  font-size: 1.125rem;
  flex-shrink: 0;
  margin-top: 0;
  line-height: 1.35;
  color: #14b474;
}
.pricing-card-body .pricing-features-list .pricing-feature-item:last-child .feature-text {
  padding-left: 1.5rem;
}
.pricing-card-body .pricing-features-list .pricing-feature-item:last-child .feature-icon {
  display: none;
}
.pricing-card-body .pricing-features-list .pricing-feature-item .feature-text {
  flex: 1;
}
.pricing-card-footer {
  margin-top: auto;
}
.pricing-card-footer .btn-get-quote {
  width: 100%;
  padding: 0.6875rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 0.1875rem;
  transition: all 0.2s ease;
  border-width: 2px;
}
@media only screen and (max-width: 1199px) {
  .pricing-card {
    padding: 1rem 1rem 1rem 1rem;
  }
  .pricing-card-header .pricing-card-title {
    font-size: 0.9375rem;
    padding: 0.3125rem 0.625rem;
  }
  .pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-amount {
    font-size: 2.5rem;
  }
  .pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-currency {
    font-size: 1.25rem;
  }
  .pricing-card-body .pricing-features-list .pricing-feature-item {
    font-size: 0.875rem;
    padding: 0.375rem 0;
  }
}
@media only screen and (max-width: 991px) {
  .pricing-section {
    padding: 0.5rem 0;
  }
  .pricing-card {
    padding: 1rem 1rem 1rem 1rem;
  }
  .pricing-card-header .pricing-card-title {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }
  .pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-amount {
    font-size: 2.25rem;
  }
  .pricing-card-body {
    margin-bottom: 0.875rem;
  }
  .pricing-card-body .pricing-features-list .pricing-feature-item {
    font-size: 0.875rem;
    padding: 0.3125rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .pricing-header {
    margin-bottom: 1.5rem !important;
  }
  .pricing-card {
    margin-bottom: 1rem;
  }
  .pricing-card:hover {
    transform: none;
  }
  .pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-amount {
    font-size: 2rem;
  }
  .pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-period {
    font-size: 0.8125rem;
  }
  .pricing-badge {
    width: 5.625rem !important;
    height: 5.625rem !important;
  }
  .pricing-badge span {
    width: 8.125rem !important;
    padding: 0.25rem 0 !important;
    font-size: 0.5rem !important;
    top: 1rem !important;
    right: -1.75rem !important;
  }
}
@media only screen and (max-width: 500px) {
  .pricing-card-header .pricing-card-title {
    font-size: 0.8125rem;
    padding: 0.25rem 0.5rem;
  }
  .pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-amount {
    font-size: 1.75rem;
  }
  .pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-currency {
    font-size: 1rem;
  }
  .pricing-card-header .pricing-price-section .pricing-amount-wrapper .pricing-period {
    font-size: 0.75rem;
  }
  .pricing-card-body .pricing-features-list .pricing-feature-item {
    font-size: 0.8125rem;
    gap: 0.25rem;
  }
  .pricing-card-body .pricing-features-list .pricing-feature-item .feature-icon {
    font-size: 1rem;
  }
  .pricing-card-body .pricing-features-list .pricing-feature-item:last-child .feature-text {
    padding-left: 1.25rem;
  }
  .pricing-card-footer .btn-get-quote {
    padding: 0.5625rem 0.75rem;
    font-size: 0.75rem;
  }
}
.scrum-board-container {
  overflow-x: auto;
  padding-bottom: 1rem;
}
.scrum-board-wrapper {
  display: flex;
  gap: 1rem;
  min-width: max-content;
}
.scrum-column {
  width: 18.75rem;
  min-width: 18.75rem;
  background-color: #f7f7f7;
  border-radius: 0.35rem;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 15rem);
  border: 1px solid #e3e3e6;
}
.scrum-column-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 0.35rem 0.35rem 0 0;
}
.scrum-column-header .column-header-content {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.scrum-column-header h6 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.column-status-icon {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.column-status-icon.status-backlog {
  background-color: #5E6C84;
}
.column-status-icon.status-todo {
  background-color: #ff9292;
}
.column-status-icon.status-inprogress {
  background-color: #c6bd70;
}
.column-status-icon.status-review {
  background-color: #AC87C5;
}
.column-status-icon.status-completed {
  background-color: #b0cd83;
}
.column-actions {
  display: flex;
  gap: 0.125rem;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.column-actions .btn-icon {
  padding: 0.25rem;
  line-height: 1;
  border: none;
  background: transparent;
  color: #7f7f7f;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}
.column-actions .btn-icon:hover {
  color: #333333;
  background-color: #e3e3e6;
}
.column-actions .btn-icon .material-symbols-sharp {
  font-size: 1.125rem;
}
.column-actions .add-task-btn:hover {
  background-color: #8ACDD7 !important;
  color: #333333 !important;
}
.scrum-column:hover .column-actions {
  opacity: 1;
}
.scrum-column-body {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow-y: auto;
  flex: 1;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.scrum-column-body::-webkit-scrollbar {
  display: none;
}
.scrum-card {
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 0.875rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: grab;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  border: 1px solid #e3e3e6;
  position: relative;
}
.scrum-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.scrum-card:has(.dropdown-menu.show),
.scrum-card:has(.dropdown:hover) {
  z-index: 1051;
}
.scrum-card:active {
  cursor: grabbing;
}
.scrum-card.dragging {
  opacity: 0.5;
  transform: rotate(3deg);
}
.scrum-card.card-accent-red {
  border-top: 3px solid #FFC5C5;
}
.scrum-card.card-accent-orange {
  border-top: 3px solid #FFEBD8;
}
.scrum-card.card-accent-green {
  border-top: 3px solid #C7DCA7;
}
.scrum-card.card-accent-blue {
  border-top: 3px solid #8ACDD7;
}
.scrum-card.card-accent-purple {
  border-top: 3px solid #AC87C5;
}
.scrum-card.card-accent-yellow {
  border-top: 3px solid #dcd6a7;
}
.scrum-card.card-popup {
  position: relative;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.scrum-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.scrum-card-header .scrum-card-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
  margin: 0;
  line-height: 1.4;
  flex: 1;
  padding-right: 0.5rem;
}
.scrum-card-header .scrum-card-actions .btn-icon {
  padding: 0.125rem;
  line-height: 1;
  border: none;
  background: transparent;
  color: #7f7f7f;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.scrum-card-header .scrum-card-actions .btn-icon .material-symbols-sharp {
  font-size: 1rem;
}
.scrum-card:hover .scrum-card-actions .btn-icon {
  opacity: 1;
}
.scrum-card-category {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}
.scrum-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.scrum-card-meta {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  flex-wrap: wrap;
}
.scrum-card-meta .meta-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #5E6C84;
}
.scrum-card-meta .meta-item .material-symbols-sharp {
  font-size: 0.875rem;
}
.scrum-card-meta .meta-item.priority-flag.priority-high .material-symbols-sharp {
  color: #ff7878;
}
.scrum-card-meta .meta-item.priority-flag.priority-medium .material-symbols-sharp {
  color: #ffd1a5;
}
.scrum-card-meta .meta-item.priority-flag.priority-low .material-symbols-sharp {
  color: #b0cd83;
}
.scrum-card-meta .meta-item.due-today {
  color: #ff7878;
  font-weight: 500;
}
.scrum-card-avatar .avatar-stack,
.scrum-card-assignees .avatar-stack {
  display: flex;
}
.scrum-card-avatar .avatar-stack img,
.scrum-card-assignees .avatar-stack img {
  width: 1.75rem;
  height: 1.75rem;
  border: 2px solid #ffffff;
  margin-left: -0.5rem;
}
.scrum-card-avatar .avatar-stack img:first-child,
.scrum-card-assignees .avatar-stack img:first-child {
  margin-left: 0;
}
.scrum-card-avatar .avatar-stack .material-symbols-sharp,
.scrum-card-assignees .avatar-stack .material-symbols-sharp {
  font-size: 1.25rem;
  color: #7f7f7f;
}
.scrum-card.card-detailed {
  padding: 1rem;
}
.scrum-card.card-detailed .scrum-card-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.scrum-card.card-detailed .scrum-card-status-badge .status-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
.scrum-card.card-detailed .scrum-card-status-badge .status-dot.status-complete {
  background-color: #b0cd83;
}
.scrum-card.card-detailed .scrum-card-status-badge .status-dot.status-not-started {
  background-color: #8ACDD7;
}
.scrum-card.card-detailed .scrum-card-status-badge .status-dot.status-on-track {
  background-color: #ffdebf;
}
.scrum-card.card-detailed .scrum-card-status-badge .status-dot.status-in-research {
  background-color: #ff9292;
}
.scrum-card.card-detailed .scrum-card-status-badge:has(.status-complete) {
  background-color: rgba(199, 220, 167, 0.3);
  color: #8db84c;
}
.scrum-card.card-detailed .scrum-card-status-badge:has(.status-not-started) {
  background-color: rgba(138, 205, 215, 0.3);
  color: #399aa8;
}
.scrum-card.card-detailed .scrum-card-status-badge:has(.status-on-track) {
  background-color: rgba(255, 235, 216, 0.4);
  color: #ff9d3f;
}
.scrum-card.card-detailed .scrum-card-status-badge:has(.status-in-research) {
  background-color: rgba(255, 197, 197, 0.3);
  color: #ff5f5f;
}
.scrum-card.card-detailed .scrum-card-description {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.scrum-card.card-detailed .scrum-card-assignee-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.scrum-card.card-detailed .scrum-card-assignee-row .assignee-label {
  font-size: 0.75rem;
  color: #5E6C84;
}
.scrum-card.card-detailed .scrum-card-assignee-row .avatar-stack {
  display: flex;
}
.scrum-card.card-detailed .scrum-card-assignee-row .avatar-stack img {
  width: 1.75rem;
  height: 1.75rem;
  border: 2px solid #ffffff;
  margin-left: -0.5rem;
}
.scrum-card.card-detailed .scrum-card-assignee-row .avatar-stack img:first-child {
  margin-left: 0;
}
.scrum-card.card-detailed .scrum-card-details {
  padding: 0.75rem 0;
  border-top: 1px solid #e3e3e6;
  border-bottom: 1px solid #e3e3e6;
  margin-bottom: 0.75rem;
}
.scrum-card.card-detailed .scrum-card-details .detail-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.scrum-card.card-detailed .scrum-card-details .detail-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: #5E6C84;
}
.scrum-card.card-detailed .scrum-card-details .detail-item .material-symbols-sharp {
  font-size: 0.875rem;
  color: #ff9292;
}
.scrum-card.card-detailed .scrum-card-stats {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.scrum-card.card-detailed .scrum-card-stats .stat-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #5E6C84;
}
.scrum-card.card-detailed .scrum-card-stats .stat-item .material-symbols-sharp {
  font-size: 0.875rem;
}
.scrum-column-body.drag-over {
  background-color: rgba(138, 205, 215, 0.15);
  border-radius: 0.25rem;
}
.scrum-card.drag-placeholder {
  border: 2px dashed #d6d6d6;
  background-color: transparent;
  box-shadow: none;
}
.add-task-btn:hover {
  background-color: #8ACDD7 !important;
  color: #333333 !important;
}
@media only screen and (max-width: 991px) {
  .scrum-column {
    width: 16.25rem;
    min-width: 16.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .scrum-board-header {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start !important;
  }
  .scrum-column {
    width: 15rem;
    min-width: 15rem;
  }
}
.scrum-board-container .avatar-sm {
  width: 1.5rem;
  height: 1.5rem;
}
.contact-application-container {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 4.375rem - 4.375rem - 3.4375rem - 2.4375rem);
  background-color: #ffffff;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.contact-application-container .row {
  height: 100%;
}
.contact-application-container .contact-list-col,
.contact-application-container .contact-detail-col {
  height: 100%;
}
.contact-list-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-right: 1px solid #e3e3e6;
  background-color: #ffffff;
  overflow: hidden;
}
.contact-list-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1.2rem 1rem;
  border-bottom: 1px solid #e3e3e6;
  background-color: #ffffff;
}
.contact-list-header .search-wrapper {
  flex: 1;
  position: relative;
}
.contact-list-header .search-wrapper .search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.125rem;
  color: #7f7f7f;
}
.contact-list-header .search-wrapper .search-input {
  padding-left: 2.25rem;
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  font-size: 0.8125rem;
  height: 2.25rem;
}
.contact-list-header .search-wrapper .search-input:focus {
  border-color: #bfb45e;
  box-shadow: 0 0 0 2px rgba(220, 214, 167, 0.3);
}
.contact-list-header .filter-actions {
  display: flex;
  gap: 0.25rem;
}
.contact-list-header .filter-actions .filter-btn,
.contact-list-header .filter-actions .sort-btn {
  position: relative;
  padding: 0.375rem;
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  background-color: #ffffff;
  color: #7f7f7f;
}
.contact-list-header .filter-actions .filter-btn:hover,
.contact-list-header .filter-actions .sort-btn:hover {
  background-color: #f7f7f7;
  color: #333333;
}
.contact-list-header .filter-actions .filter-btn .material-symbols-sharp,
.contact-list-header .filter-actions .sort-btn .material-symbols-sharp {
  font-size: 1.125rem;
}
.contact-list-header .filter-actions .filter-btn .filter-count,
.contact-list-header .filter-actions .sort-btn .filter-count {
  position: absolute;
  top: -0.5rem;
  right: -0.25rem;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-weight: 600;
  background-color: #c6bd70;
  color: #ffffff;
  border-radius: 50%;
}
.contact-list-wrapper {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #d6d6d6 transparent;
}
.contact-list-wrapper::-webkit-scrollbar {
  width: 4px;
}
.contact-list-wrapper::-webkit-scrollbar-track {
  background: transparent;
}
.contact-list-wrapper::-webkit-scrollbar-thumb {
  background-color: #d6d6d6;
  border-radius: 2px;
}
.contact-list-item {
  display: flex;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid #e3e3e6;
  border-left: 3px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
}
.contact-list-item:hover {
  background-color: #f7f7f7;
}
.contact-list-item.active {
  background-color: rgba(220, 214, 167, 0.15);
  border-left-color: #b8ac4c;
}
.contact-list-item.muted {
  opacity: 0.6;
}
.contact-list-item .avatar {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
  position: relative;
  overflow: hidden;
}
.contact-list-item .avatar[data-initials]:not(:has(img))::before,
.contact-list-item .avatar[data-initials] img[src=""]::before {
  content: attr(data-initials);
}
.contact-list-item .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}
.contact-list-item .avatar.avatar-yellow {
  background-color: rgba(220, 214, 167, 0.6);
  color: #837a34;
}
.contact-list-item .avatar.avatar-purple {
  background-color: rgba(172, 135, 197, 0.4);
  color: #603a79;
}
.contact-list-item .avatar.avatar-green {
  background-color: rgba(199, 220, 167, 0.5);
  color: #72953b;
}
.contact-list-item .avatar.avatar-blue {
  background-color: rgba(138, 205, 215, 0.5);
  color: #2c7782;
}
.contact-list-item .avatar.avatar-orange {
  background-color: rgba(255, 235, 216, 0.7);
  color: #f27600;
}
.contact-list-item .avatar.avatar-red {
  background-color: rgba(255, 197, 197, 0.5);
  color: #ff1313;
}
.contact-list-item .avatar.avatar-gray {
  background-color: #f7f7f7;
  color: #5E6C84;
}
.contact-item-content {
  flex: 1;
  min-width: 0;
}
.contact-item-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
  flex-wrap: wrap;
}
.contact-item-header .contact-name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
}
.contact-item-header .badge {
  font-size: 0.6875rem;
  padding: 0.125rem 0.5rem;
  font-weight: 500;
}
.contact-item-header .contact-time {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-left: auto;
}
.contact-item-details {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: #5E6C84;
}
.contact-item-details .avatar-xs {
  width: 1.25rem;
  height: 1.25rem;
}
.contact-item-details .contact-ref {
  font-weight: 500;
}
.contact-item-details .contact-ref.ref-highlight {
  color: #a79c43;
  font-weight: 600;
}
.contact-item-details .contact-ref.ref-orange {
  color: #ff820c;
  font-weight: 600;
}
.contact-item-details .separator-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #5E6C84;
  flex-shrink: 0;
}
.contact-item-details .contact-address {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contact-detail-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #ffffff;
  overflow: hidden;
}
.contact-detail-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #e3e3e6;
}
.contact-detail-header .detail-header-actions {
  display: flex;
  gap: 0.25rem;
}
.contact-detail-header .detail-header-actions .btn-icon {
  padding: 0.375rem;
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  background-color: #ffffff;
  color: #7f7f7f;
}
.contact-detail-header .detail-header-actions .btn-icon:hover {
  background-color: #f7f7f7;
  color: #333333;
}
.contact-detail-header .detail-header-actions .btn-icon .material-symbols-sharp {
  font-size: 1.125rem;
}
.contact-detail-header .detail-header-info {
  flex: 1;
  font-size: 0.8125rem;
  color: #5E6C84;
}
.contact-detail-header .detail-header-meta {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.contact-detail-header .detail-header-meta .btn-icon {
  padding: 0.375rem;
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  background-color: #ffffff;
  color: #7f7f7f;
}
.contact-detail-header .detail-header-meta .btn-icon:hover {
  background-color: #f7f7f7;
  color: #333333;
}
.contact-detail-header .detail-header-meta .btn-icon .material-symbols-sharp {
  font-size: 1.125rem;
}
.contact-detail-body {
  flex: 1;
  overflow-y: auto;
  padding: 1.5rem;
  scrollbar-width: thin;
  scrollbar-color: #d6d6d6 transparent;
}
.contact-detail-body::-webkit-scrollbar {
  width: 4px;
}
.contact-detail-body::-webkit-scrollbar-track {
  background: transparent;
}
.contact-detail-body::-webkit-scrollbar-thumb {
  background-color: #d6d6d6;
  border-radius: 2px;
}
.detail-contact-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.detail-contact-header .detail-contact-info {
  flex: 1;
  min-width: 0;
}
.detail-tags-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.detail-tags-row .separator-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #5E6C84;
}
.detail-tags-row .badge-yellow {
  background-color: #cdc583;
  color: #71692d;
}
.contact-detail-name {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0;
  line-height: 1.2;
}
.detail-quick-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  flex-shrink: 0;
}
.detail-quick-actions .btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  font-size: 0.8125rem;
  border-radius: 0.375rem;
  color: #333333;
}
.detail-quick-actions .btn .material-symbols-sharp {
  font-size: 1.125rem;
}
.detail-property-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}
.detail-property-card .property-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.detail-property-card .property-avatar img {
  width: 2.75rem;
  height: 2.75rem;
  border: 2px solid #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.detail-property-card .property-details .property-ref {
  font-size: 0.875rem;
  font-weight: 600;
  color: #a79c43;
  margin-bottom: 0.125rem;
}
.detail-property-card .property-details .property-address {
  font-size: 0.8125rem;
  color: #333333;
}
.detail-property-card .property-link {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: #5E6C84;
  text-decoration: none;
}
.detail-property-card .property-link:hover {
  color: #333333;
}
.detail-property-card .property-link .material-symbols-sharp {
  font-size: 1rem;
}
.detail-info-list {
  margin-bottom: 1rem;
}
.detail-info-list .info-row {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e3e3e6;
}
.detail-info-list .info-row:first-child {
  padding-top: 0;
}
.detail-info-list .info-row:last-child {
  border-bottom: none;
}
.detail-info-list .info-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 7rem;
  min-width: 7rem;
  font-size: 0.8125rem;
  color: #5E6C84;
}
.detail-info-list .info-label .material-symbols-sharp {
  font-size: 1.125rem;
}
.detail-info-list .info-value {
  flex: 1;
  font-size: 0.8125rem;
  color: #333333;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.detail-info-list .info-value .phone-link,
.detail-info-list .info-value .email-link {
  color: #333333;
  text-decoration: none;
}
.detail-info-list .info-value .phone-link:hover,
.detail-info-list .info-value .email-link:hover {
  color: #40abbb;
  text-decoration: underline;
}
.detail-info-list .info-value .agent-info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.detail-info-list .info-value .info-value-actions {
  display: flex;
  gap: 0.25rem;
  margin-left: auto;
}
.detail-info-list .info-value .info-value-actions .btn-icon {
  padding: 0.25rem;
  border: 1px solid #e3e3e6;
  border-radius: 0.25rem;
  background-color: #ffffff;
  color: #7f7f7f;
}
.detail-info-list .info-value .info-value-actions .btn-icon:hover {
  background-color: #f7f7f7;
}
.detail-info-list .info-value .info-value-actions .btn-icon .material-symbols-sharp {
  font-size: 1rem;
}
.detail-tabs-section .tab-buttons {
  display: flex;
  gap: 0.5rem;
  border-bottom: 1px solid #e3e3e6;
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
}
.detail-tabs-section .tab-buttons .tab-btn {
  font-size: 0.8125rem;
  color: #5E6C84;
  background-color: transparent;
  border: 1px solid #e3e3e6;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.detail-tabs-section .tab-buttons .tab-btn:hover {
  color: #333333;
  background-color: #f7f7f7;
}
.detail-tabs-section .tab-buttons .tab-btn.active {
  color: #837a34;
  background-color: rgba(220, 214, 167, 0.4);
  border-color: rgba(220, 214, 167, 0.6);
}
.detail-tabs-section .tab-content .tab-pane {
  display: none;
}
.detail-tabs-section .tab-content .tab-pane.active {
  display: block;
}
.dossier-accordion .accordion-item {
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem !important;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.dossier-accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.dossier-accordion .accordion-header {
  margin: 0;
}
.dossier-accordion .accordion-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333333;
  background-color: #ffffff;
  box-shadow: none;
}
.dossier-accordion .accordion-button:not(.collapsed) {
  background-color: #ffffff;
  box-shadow: none;
}
.dossier-accordion .accordion-button:focus {
  box-shadow: none;
}
.dossier-accordion .accordion-button::after {
  display: none;
}
.dossier-accordion .accordion-button .accordion-icon .material-symbols-sharp {
  font-size: 1.25rem;
  transition: transform 0.2s ease;
}
.dossier-accordion .accordion-button:not(.collapsed) .accordion-icon .material-symbols-sharp {
  transform: rotate(180deg);
}
.dossier-accordion .accordion-button .accordion-title {
  flex: 1;
}
.dossier-accordion .accordion-button .accordion-status-icon {
  margin-left: auto;
}
.dossier-accordion .accordion-button .accordion-status-icon .material-symbols-sharp {
  font-size: 1.25rem;
}
.dossier-accordion .accordion-button .accordion-status-icon .material-symbols-sharp.text-success {
  color: #99bf5e;
}
.dossier-accordion .accordion-button .accordion-status-icon .material-symbols-sharp.text-warning {
  color: #ffaa59;
}
.dossier-accordion .accordion-body {
  padding: 0 1rem 1rem;
}
.document-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background-color: #f7f7f7;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
}
.document-item:last-child {
  margin-bottom: 0;
}
.document-item .document-icon {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 0.375rem;
  border: 1px solid #e3e3e6;
}
.document-item .document-icon .material-symbols-sharp {
  font-size: 1.25rem;
  color: #AC87C5;
}
.document-item .document-icon.doc-icon {
  background-color: rgba(138, 205, 215, 0.3);
  border: none;
}
.document-item .document-icon.doc-icon .doc-label {
  font-size: 0.625rem;
  font-weight: 700;
  color: #338895;
}
.document-item .document-info {
  flex: 1;
}
.document-item .document-info .document-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333333;
  margin-bottom: 0.125rem;
}
.document-item .document-info .document-meta {
  font-size: 0.8125rem;
  color: #5E6C84;
}
.document-item .document-actions {
  display: flex;
  gap: 0.25rem;
}
.document-item .document-actions .btn-icon {
  padding: 0.375rem;
  border: none;
  background-color: transparent;
  color: #7f7f7f;
}
.document-item .document-actions .btn-icon:hover {
  color: #333333;
  background-color: #ffffff;
}
.document-item .document-actions .btn-icon .material-symbols-sharp {
  font-size: 1rem;
}
.empty-documents {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
  color: #5E6C84;
}
.empty-documents .material-symbols-sharp {
  font-size: 2.5rem;
  margin-bottom: 0.75rem;
  opacity: 0.5;
}
.empty-documents p {
  margin-bottom: 1rem;
  font-size: 0.8125rem;
}
.empty-documents .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  border-color: #bfb45e;
  color: #958b3b;
}
.empty-documents .btn:hover {
  background-color: rgba(220, 214, 167, 0.3);
  border-color: #b8ac4c;
  color: #837a34;
}
.empty-documents .btn .material-symbols-sharp {
  font-size: 1.125rem;
  margin-bottom: 0;
  opacity: 1;
}
.history-timeline .timeline-item {
  display: flex;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e3e3e6;
  position: relative;
}
.history-timeline .timeline-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.history-timeline .timeline-icon {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history-timeline .timeline-icon .material-symbols-sharp {
  font-size: 1rem;
}
.history-timeline .timeline-icon.icon-success {
  background-color: rgba(199, 220, 167, 0.4);
  color: #8db84c;
}
.history-timeline .timeline-icon.icon-info {
  background-color: rgba(138, 205, 215, 0.4);
  color: #399aa8;
}
.history-timeline .timeline-icon.icon-primary {
  background-color: rgba(172, 135, 197, 0.4);
  color: #7b4b9b;
}
.history-timeline .timeline-content {
  flex: 1;
}
.history-timeline .timeline-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}
.history-timeline .timeline-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
}
.history-timeline .timeline-date {
  font-size: 0.8125rem;
  color: #5E6C84;
}
.history-timeline .timeline-body {
  font-size: 0.8125rem;
  color: #5E6C84;
}
.questionnaire-content .questionnaire-item {
  padding: 0.75rem 0;
  border-bottom: 1px solid #e3e3e6;
}
.questionnaire-content .questionnaire-item:first-child {
  padding-top: 0;
}
.questionnaire-content .questionnaire-item:last-child {
  border-bottom: none;
}
.questionnaire-content .question-label {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-bottom: 0.25rem;
}
.questionnaire-content .question-answer {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333333;
}
.appointments-content .appointment-card {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  border-left: 3px solid transparent;
}
.appointments-content .appointment-card.upcoming {
  border-left-color: #c6bd70;
  background-color: rgba(220, 214, 167, 0.1);
}
.appointments-content .appointment-card.past {
  opacity: 0.7;
}
.appointments-content .appointment-date {
  width: 3rem;
  min-width: 3rem;
  text-align: center;
}
.appointments-content .appointment-date .date-day {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333333;
  line-height: 1;
}
.appointments-content .appointment-date .date-month {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #5E6C84;
  text-transform: uppercase;
}
.appointments-content .appointment-details {
  flex: 1;
}
.appointments-content .appointment-details .appointment-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.375rem;
}
.appointments-content .appointment-details .appointment-time,
.appointments-content .appointment-details .appointment-location {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-bottom: 0.25rem;
}
.appointments-content .appointment-details .appointment-time .material-symbols-sharp,
.appointments-content .appointment-details .appointment-location .material-symbols-sharp {
  font-size: 1rem;
}
.appointments-content .appointment-details .appointment-status {
  margin-top: 0.5rem;
}
.appointments-content .appointment-actions {
  display: flex;
  gap: 0.375rem;
  align-items: flex-start;
}
.appointments-content .appointment-actions .btn {
  padding: 0.375rem;
}
.appointments-content .appointment-actions .btn .material-symbols-sharp {
  font-size: 1rem;
}
.appointments-content .add-appointment {
  text-align: center;
  padding-top: 0.5rem;
}
.appointments-content .add-appointment .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
.appointments-content .add-appointment .btn .material-symbols-sharp {
  font-size: 1rem;
}
.mobile-back-btn {
  padding: 1rem;
  border-top: 1px solid #e3e3e6;
  background-color: #ffffff;
}
.mobile-back-btn .btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.avatar-xs {
  width: 1.25rem;
  height: 1.25rem;
}
.avatar-sm {
  width: 1.75rem;
  height: 1.75rem;
}
.avatar-md {
  width: 2.5rem;
  height: 2.5rem;
}
.badge-gray-light {
  background-color: #f7f7f7;
  color: #5E6C84;
}
.badge-green {
  background-color: #b0cd83;
  color: #56712d;
}
@media only screen and (max-width: 991px) {
  .contact-application-container {
    height: auto;
    min-height: calc(100vh - 10rem);
  }
  .contact-application-container .row {
    height: auto;
  }
  .contact-list-col {
    transition: transform 0.3s ease;
  }
  .contact-detail-col {
    display: none;
  }
  .contact-detail-col.show {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #ffffff;
  }
  .contact-list-panel {
    border-right: none;
    max-height: none;
  }
  .contact-detail-panel {
    height: 100%;
  }
  .contact-detail-header {
    justify-content: space-between;
  }
  .contact-detail-header .detail-header-info {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .contact-list-header {
    flex-wrap: wrap;
  }
  .contact-list-header .search-wrapper {
    width: 100%;
    order: 2;
    margin-top: 0.5rem;
  }
  .contact-list-header .filter-actions {
    margin-left: auto;
  }
  .contact-detail-header {
    justify-content: space-between;
  }
  .contact-detail-body {
    padding: 1rem;
  }
  .detail-contact-header {
    flex-direction: column;
    gap: 0.75rem;
  }
  .contact-detail-name {
    font-size: 1.25rem;
  }
  .detail-quick-actions {
    width: 100%;
  }
  .detail-quick-actions .btn {
    flex: 1;
    justify-content: center;
    min-width: 6rem;
    padding: 0.5rem;
  }
  .detail-info-list .info-row {
    flex-direction: row;
    align-items: center;
  }
  .detail-property-card {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
  .history-timeline .timeline-item {
    gap: 0.75rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
  .history-timeline .timeline-icon {
    width: 1.75rem;
    height: 1.75rem;
    min-width: 1.75rem;
  }
  .history-timeline .timeline-icon .material-symbols-sharp {
    font-size: 0.875rem;
  }
  .history-timeline .timeline-header {
    flex-direction: column;
    gap: 0.125rem;
  }
  .appointments-content .appointment-card {
    flex-direction: row;
    align-items: flex-start;
  }
  .appointments-content .appointment-card.upcoming {
    padding: 0.75rem;
  }
  .appointments-content .appointment-date {
    width: 2.5rem;
    min-width: 2.5rem;
  }
  .appointments-content .appointment-date .date-day {
    font-size: 1.25rem;
  }
  .appointments-content .appointment-details .appointment-title {
    font-size: 0.8125rem;
  }
  .appointments-content .appointment-actions {
    flex-direction: column;
    gap: 0.25rem;
  }
}
@media only screen and (max-width: 500px) {
  .contact-list-item {
    padding: 0.75rem;
  }
  .contact-avatar-initials {
    width: 2.25rem;
    height: 2.25rem;
    min-width: 2.25rem;
    font-size: 0.75rem;
  }
  .contact-item-header .contact-name {
    font-size: 0.8125rem;
  }
  .contact-item-header .badge {
    font-size: 0.625rem;
    padding: 0.0625rem 0.375rem;
  }
  .contact-item-details {
    font-size: 0.8125rem;
  }
  .nav-tabs .nav-link {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
  }
}
.external-events-card .card-body,
.quick-add-card .card-body {
  padding: 1rem;
}
#external-events .fc-event {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
  border-radius: 0.375rem;
  cursor: grab;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  border: none;
  background-color: #f7f7f7;
}
#external-events .fc-event:hover {
  transform: translateX(0.25rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
#external-events .fc-event:active {
  cursor: grabbing;
}
#external-events .fc-event .fc-event-main {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333333;
}
#external-events .fc-event .fc-event-main .material-symbols-sharp {
  font-size: 1.125rem;
}
#external-events .fc-event.fc-event-primary {
  background-color: #d9f0f3;
  border-left: 3px solid #8ACDD7;
}
#external-events .fc-event.fc-event-primary .material-symbols-sharp {
  color: #8ACDD7;
}
#external-events .fc-event.fc-event-success {
  background-color: #e9f2df;
  border-left: 3px solid #C7DCA7;
}
#external-events .fc-event.fc-event-success .material-symbols-sharp {
  color: #C7DCA7;
}
#external-events .fc-event.fc-event-warning {
  background-color: #f3f1e0;
  border-left: 3px solid #dcd6a7;
}
#external-events .fc-event.fc-event-warning .material-symbols-sharp {
  color: #958b3b;
}
#external-events .fc-event.fc-event-danger {
  background-color: #ffecec;
  border-left: 3px solid #FFC5C5;
}
#external-events .fc-event.fc-event-danger .material-symbols-sharp {
  color: #FFC5C5;
}
#external-events .fc-event.fc-event-info {
  background-color: #dce9e6;
  border-left: 3px solid #89B9AD;
}
#external-events .fc-event.fc-event-info .material-symbols-sharp {
  color: #69a697;
}
#external-events .fc-event.fc-event-secondary {
  background-color: #e6dced;
  border-left: 3px solid #AC87C5;
}
#external-events .fc-event.fc-event-secondary .material-symbols-sharp {
  color: #AC87C5;
}
.calendar-card .card-body {
  padding: 1rem;
}
#calendar {
  min-height: 37.5rem;
}
.fc .fc-toolbar {
  flex-wrap: wrap;
  gap: 0.5rem;
}
.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 1rem;
}
.fc .fc-toolbar-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333333;
}
.fc .fc-button {
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  border-radius: 0.375rem;
  text-transform: capitalize;
  transition: all 0.15s ease;
}
.fc .fc-button.fc-button-primary {
  background-color: #ffffff;
  border-color: #e3e3e6;
  color: #333333;
}
.fc .fc-button.fc-button-primary:hover {
  background-color: #f7f7f7;
  border-color: #d6d6d6;
}
.fc .fc-button.fc-button-primary:focus {
  box-shadow: none;
}
.fc .fc-button.fc-button-primary:disabled {
  background-color: #f7f7f7;
  border-color: #e3e3e6;
  color: #999999;
}
.fc .fc-button.fc-button-primary.fc-button-active,
.fc .fc-button.fc-button-primary:active {
  background-color: #8ACDD7;
  border-color: #8ACDD7;
  color: #ffffff;
}
.fc .fc-button.fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button.fc-button-primary:not(:disabled):active:focus {
  box-shadow: none;
}
.fc .fc-button-group .fc-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc .fc-button-group .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc .fc-today-button {
  margin-right: 0.5rem;
}
.fc .fc-view-harness {
  background-color: #ffffff;
  border-radius: 0.375rem;
  overflow: hidden;
}
.fc .fc-scrollgrid {
  border-color: #e3e3e6;
  border-radius: 0.375rem;
  overflow: hidden;
}
.fc .fc-scrollgrid-section > * {
  border-color: #e3e3e6;
}
.fc th,
.fc td {
  border-color: #e3e3e6;
}
.fc .fc-col-header-cell {
  background-color: #f7f7f7;
  padding: 0.625rem 0;
  font-weight: 600;
  font-size: 0.8125rem;
  color: #5E6C84;
}
.fc .fc-daygrid-day {
  transition: background-color 0.15s ease;
}
.fc .fc-daygrid-day:hover {
  background-color: rgba(138, 205, 215, 0.05);
}
.fc .fc-daygrid-day.fc-day-today {
  background-color: rgba(138, 205, 215, 0.08);
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  background-color: #8ACDD7;
  color: #ffffff;
  border-radius: 50%;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fc .fc-daygrid-day.fc-day-other {
  background-color: rgba(247, 247, 247, 0.5);
}
.fc .fc-daygrid-day.fc-day-other .fc-daygrid-day-number {
  color: #b3b3b3;
}
.fc .fc-daygrid-day-top {
  padding: 0.25rem;
}
.fc .fc-daygrid-day-number {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  padding: 0.25rem 0.5rem;
}
.fc .fc-daygrid-week-number {
  background-color: #f7f7f7;
  color: #5E6C84;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem;
}
.fc .fc-event {
  border-radius: 0.25rem;
  padding: 0.125rem 0.375rem;
  font-size: 0.75rem;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.fc .fc-event:hover {
  transform: scale(1.01);
}
.fc .fc-daygrid-event {
  margin: 0.125rem 0.25rem;
}
.fc .fc-daygrid-dot-event {
  padding: 0.125rem 0.25rem;
}
.fc .fc-daygrid-dot-event .fc-event-title {
  font-weight: 500;
}
.fc .fc-daygrid-event-dot {
  border-width: 0.375rem;
}
.fc .fc-daygrid-more-link {
  font-size: 0.75rem;
  font-weight: 600;
  color: #8ACDD7;
  padding: 0.125rem 0.25rem;
}
.fc .fc-daygrid-more-link:hover {
  background-color: rgba(138, 205, 215, 0.1);
  border-radius: 0.25rem;
}
.fc .fc-timegrid-slot {
  height: 2.5rem;
}
.fc .fc-timegrid-slot-label {
  font-size: 0.75rem;
  color: #5E6C84;
}
.fc .fc-timegrid-event {
  border-radius: 0.25rem;
  padding: 0.25rem;
}
.fc .fc-timegrid-now-indicator-line {
  border-color: #FFC5C5;
  border-width: 2px;
}
.fc .fc-timegrid-now-indicator-arrow {
  border-color: #FFC5C5;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc .fc-list {
  border-radius: 0.375rem;
  overflow: hidden;
}
.fc .fc-list-day-cushion {
  background-color: #f7f7f7;
  padding: 0.5rem 1rem;
}
.fc .fc-list-day-text,
.fc .fc-list-day-side-text {
  font-weight: 600;
  color: #333333;
}
.fc .fc-list-event {
  cursor: pointer;
}
.fc .fc-list-event:hover td {
  background-color: rgba(138, 205, 215, 0.05);
}
.fc .fc-list-event-dot {
  border-width: 0.5rem;
}
.fc .fc-list-event-time {
  font-size: 0.8125rem;
  color: #5E6C84;
}
.fc .fc-list-event-title {
  font-size: 0.8125rem;
  font-weight: 500;
}
.fc .fc-popover {
  border-radius: 0.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  border: 1px solid #e3e3e6;
}
.fc .fc-popover .fc-popover-header {
  background-color: #f7f7f7;
  padding: 0.5rem 0.75rem;
  font-weight: 600;
}
.fc .fc-popover .fc-popover-body {
  padding: 0.5rem;
}
.fc .fc-highlight {
  background-color: rgba(138, 205, 215, 0.15);
}
#eventModal .modal-header,
#createEventModal .modal-header {
  border-bottom: 1px solid #e3e3e6;
  padding: 1rem 1.25rem;
}
#eventModal .modal-header .modal-title,
#createEventModal .modal-header .modal-title {
  font-weight: 600;
  font-size: 1.125rem;
}
#eventModal .modal-body,
#createEventModal .modal-body {
  padding: 1.25rem;
}
#eventModal .modal-footer,
#createEventModal .modal-footer {
  border-top: 1px solid #e3e3e6;
  padding: 0.75rem 1.25rem;
}
#eventModal .modal-footer .btn,
#createEventModal .modal-footer .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
#eventModal .modal-footer .btn .material-symbols-sharp,
#createEventModal .modal-footer .btn .material-symbols-sharp {
  font-size: 1.125rem;
}
#eventModal .event-details p,
#createEventModal .event-details p {
  margin-bottom: 0.5rem;
}
#eventModal .event-details p:last-child,
#createEventModal .event-details p:last-child {
  margin-bottom: 0;
}
#eventModal .event-details p strong,
#createEventModal .event-details p strong {
  color: #5E6C84;
}
@media only screen and (max-width: 991px) {
  .fc .fc-toolbar {
    justify-content: center;
  }
  .fc .fc-toolbar.fc-header-toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .fc .fc-toolbar-chunk {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
  }
  .fc .fc-toolbar-chunk:last-child {
    margin-bottom: 0;
  }
  .fc .fc-toolbar-title {
    font-size: 1.125rem;
    text-align: center;
  }
  #calendar {
    min-height: 25rem;
  }
}
@media only screen and (max-width: 767px) {
  .fc .fc-button {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
  .fc .fc-daygrid-day-number {
    font-size: 0.75rem;
    padding: 0.125rem 0.25rem;
  }
  .fc .fc-col-header-cell {
    font-size: 0.75rem;
    padding: 0.375rem 0;
  }
  #external-events .fc-event {
    padding: 0.375rem 0.5rem;
  }
  #external-events .fc-event .fc-event-main {
    font-size: 0.75rem;
  }
  #external-events .fc-event .fc-event-main .material-symbols-sharp {
    font-size: 1rem;
  }
}
.accordion {
  --bs-accordion-border-color: #e3e3e6;
  --bs-accordion-border-radius: 0.5rem;
  --bs-accordion-btn-padding-x: 1.015625rem;
  --bs-accordion-btn-padding-y: 0.8125rem;
  --bs-accordion-body-padding-x: 1.015625rem;
  --bs-accordion-body-padding-y: 1rem;
}
.accordion .accordion-item {
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
  transition: all 0.3s ease;
}
.accordion .accordion-item:hover {
  border-color: #e3e3e6;
}
.accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion .accordion-item:first-child .accordion-button {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.accordion .accordion-header {
  margin-bottom: 0;
}
.accordion .accordion-button {
  background: linear-gradient(180deg, #fafbfc 0%, #e9ecef 100%);
  border: none;
  border-radius: 0;
  padding: 0.75rem 1.015625rem;
  min-height: 3.9375rem;
  font-size: 0.9140625rem;
  font-weight: 600;
  color: var(--bs-heading-color);
  box-shadow: none;
  transition: all 0.2s ease;
  gap: 0.625rem;
  align-items: center;
  position: relative;
}
.accordion .accordion-button:not(.collapsed) {
  background: linear-gradient(180deg, #fafbfc 0%, #e9ecef 100%);
  color: var(--bs-heading-color);
  box-shadow: none;
  border-bottom: 1px solid #e3e3e6;
}
.accordion .accordion-button.collapsed {
  border-radius: calc(0.5rem - 1px);
}
.accordion .accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}
.accordion .accordion-button:hover {
  background: linear-gradient(180deg, #f5f6f8 0%, #e3e6ea 100%);
}
.accordion .accordion-button > .material-symbols-sharp:first-child {
  font-size: 1.25rem;
  color: #0067ff;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion .accordion-button .accordion-title-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.accordion .accordion-button .accordion-title-wrap .accordion-title {
  font-size: 0.9140625rem;
  font-weight: 600;
  color: var(--bs-heading-color);
  margin-bottom: 0.125rem;
  line-height: 1.3;
}
.accordion .accordion-button .accordion-title-wrap .accordion-subtitle {
  font-size: 0.7109375rem;
  line-height: 1.3;
  color: var(--bs-secondary-color);
  font-weight: 400;
}
.accordion .accordion-button::after {
  display: none;
}
.accordion .accordion-button .accordion-arrow {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion .accordion-button .accordion-arrow .material-symbols-sharp {
  font-size: 1.5rem;
  color: #7f7f7f;
  transition: transform 0.3s ease;
}
.accordion .accordion-button:not(.collapsed) .accordion-arrow .material-symbols-sharp {
  transform: rotate(180deg);
}
.accordion .accordion-button .badge {
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
}
.accordion .accordion-collapse {
  border-top: none;
}
.accordion .accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
  background-color: #ffffff;
}
.accordion .accordion-body .table {
  margin-bottom: 0;
  font-size: 0.8125rem;
}
.accordion .accordion-body .table th {
  background-color: #f7f7f7;
  font-weight: 600;
  color: var(--bs-heading-color);
  padding: 0.625rem 0.75rem;
  border-bottom: 2px solid #e3e3e6;
}
.accordion .accordion-body .table td {
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  color: var(--bs-body-color);
}
.accordion .accordion-body .table.table-condensed th,
.accordion .accordion-body .table.table-condensed td {
  padding: 0.5rem 0.625rem;
}
.accordion-with-subtitle .accordion-button {
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.accordion-with-subtitle .accordion-button .accordion-title {
  font-size: 0.9140625rem;
  font-weight: 600;
  color: var(--bs-heading-color);
}
.accordion-with-subtitle .accordion-button .accordion-subtitle {
  font-size: 0.7109375rem;
  font-weight: 400;
  color: var(--bs-secondary-color);
  margin-top: 0.25rem;
}
.accordion-with-subtitle .accordion-button::after {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.accordion-with-subtitle .accordion-button:not(.collapsed)::after {
  transform: translateY(-50%) rotate(-180deg);
}
.accordion-flush .accordion-item {
  border-left: none;
  border-right: none;
  border-radius: 0;
  margin-bottom: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: none;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: none;
}
.accordion-flush .accordion-button {
  border-radius: 0;
}
.accordion-compact .accordion-button {
  padding: 0.625rem 0.875rem;
  font-size: 0.8125rem;
}
.accordion-compact .accordion-button .material-symbols-sharp {
  font-size: 1.125rem;
}
.accordion-compact .accordion-body {
  padding: 0.75rem 0.875rem;
}
.accordion-primary .accordion-item:has(.accordion-button:not(.collapsed)) {
  border-color: rgba(0, 103, 255, 0.3);
}
.accordion-primary .accordion-button:not(.collapsed) {
  background: linear-gradient(180deg, rgba(0, 103, 255, 0.08) 0%, rgba(0, 103, 255, 0.15) 100%);
  color: #0052cc;
}
.accordion-primary .accordion-button:not(.collapsed) .material-symbols-sharp {
  color: #0067ff;
}
.accordion-success .accordion-item:has(.accordion-button:not(.collapsed)) {
  border-color: rgba(199, 220, 167, 0.3);
}
.accordion-success .accordion-button:not(.collapsed) {
  background: linear-gradient(180deg, rgba(199, 220, 167, 0.08) 0%, rgba(199, 220, 167, 0.15) 100%);
  color: #a4c670;
}
.accordion-success .accordion-button:not(.collapsed) .material-symbols-sharp {
  color: #C7DCA7;
}
.accordion-icon-arrow .accordion-button::after {
  display: none;
}
.accordion-icon-arrow .accordion-button .accordion-arrow {
  margin-left: auto;
  transition: transform 0.2s ease;
}
.accordion-icon-arrow .accordion-button .accordion-arrow .material-symbols-sharp {
  font-size: 1.25rem;
  color: #7f7f7f;
}
.accordion-icon-arrow .accordion-button:not(.collapsed) .accordion-arrow {
  transform: rotate(180deg);
}
.accordion-body .accordion .accordion-item {
  border-color: #e3e3e6;
  background-color: #f7f7f7;
}
.accordion-body .accordion .accordion-item .accordion-button {
  background: linear-gradient(180deg, #f7f7f7 0%, #efefef 100%);
  font-size: 0.8125rem;
  padding: 0.625rem 0.875rem;
}
.accordion-body .accordion .accordion-item .accordion-body {
  background-color: #ffffff;
  padding: 0.75rem 0.875rem;
}
.accordion-bordered .accordion-item {
  border-left: 3px solid #0067ff;
  border-radius: 0;
}
.accordion-bordered .accordion-item:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.accordion-bordered .accordion-item:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.accordion-bordered .accordion-item:has(.accordion-button:not(.collapsed)) {
  border-left-color: #0052cc;
}
.accordion-bordered .accordion-button {
  border-radius: 0;
}
.accordion-bordered .accordion-button:first-child {
  border-top-left-radius: calc(0.5rem - 3px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.accordion-inverse .accordion-item {
  background-color: #1e2a3b;
  border-color: rgba(255, 255, 255, 0.1);
}
.accordion-inverse .accordion-item:hover {
  border-color: rgba(255, 255, 255, 0.15);
}
.accordion-inverse .accordion-button {
  background: linear-gradient(180deg, #2a3a4d 0%, #1e2a3b 100%);
  color: #ffffff;
}
.accordion-inverse .accordion-button .accordion-title-wrap .accordion-title {
  color: #ffffff;
}
.accordion-inverse .accordion-button .accordion-title-wrap .accordion-subtitle {
  color: rgba(255, 255, 255, 0.6);
}
.accordion-inverse .accordion-button > .material-symbols-sharp:first-child {
  color: #0067ff;
}
.accordion-inverse .accordion-button .accordion-arrow .material-symbols-sharp {
  color: rgba(255, 255, 255, 0.6);
}
.accordion-inverse .accordion-button:not(.collapsed) {
  background: linear-gradient(180deg, #2c3d56 0%, #233145 100%);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.accordion-inverse .accordion-button:hover {
  background: linear-gradient(180deg, #2c3d56 0%, #233145 100%);
}
.accordion-inverse .accordion-button:focus {
  box-shadow: none;
}
.accordion-inverse .accordion-body {
  background-color: #1e2a3b;
  color: rgba(255, 255, 255, 0.8);
}
.accordion-inverse .accordion-body .table {
  color: rgba(255, 255, 255, 0.8);
}
.accordion-inverse .accordion-body .table th {
  background-color: #2a3a4d;
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.accordion-inverse .accordion-body .table td {
  border-color: rgba(255, 255, 255, 0.05);
}
.accordion-inverse .accordion-body .form-check-label {
  color: rgba(255, 255, 255, 0.8);
}
.accordion-simple .accordion-button > .material-symbols-sharp:first-child {
  display: none;
}
.accordion-simple .accordion-button .accordion-title-wrap .accordion-title {
  font-size: 0.875rem;
}
.accordion-form .accordion-item {
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
  background-color: #ffffff;
}
.accordion-form .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion-form .accordion-item:first-child .accordion-button {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.accordion-form .accordion-header {
  margin-bottom: 0;
}
.accordion-form .accordion-button {
  padding: 0.875rem 1.25rem;
  min-height: 3.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  background: #ffffff;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0;
}
.accordion-form .accordion-button > span:first-child:not(.accordion-arrow) {
  flex: 1;
}
.accordion-form .accordion-button:not(.collapsed) {
  background: #ffffff;
  color: #333333;
  border-bottom: 1px solid #e3e3e6;
}
.accordion-form .accordion-button:not(.collapsed) .accordion-arrow .material-symbols-sharp {
  transform: rotate(180deg);
}
.accordion-form .accordion-button.collapsed {
  border-radius: calc(0.5rem - 1px);
}
.accordion-form .accordion-button:hover {
  background: #f7f7f7;
}
.accordion-form .accordion-button:focus {
  box-shadow: none;
}
.accordion-form .accordion-button::after {
  display: none;
}
.accordion-form .accordion-button .accordion-arrow {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordion-form .accordion-button .accordion-arrow .material-symbols-sharp {
  font-size: 1.25rem;
  color: #7f7f7f;
  transition: transform 0.3s ease;
}
.accordion-form .accordion-body {
  padding: 1.25rem;
  background-color: #ffffff;
}
.accordion-form .accordion-body .row:last-child .mb-3:last-child,
.accordion-form .accordion-body .row:last-child .mb-0:last-child {
  margin-bottom: 0 !important;
}
.booking-v2-page.preload .booking-panel,
.booking-v2-page.preload .info-panel,
.booking-v2-page.preload .show-panel-btn,
.booking-v2-page.preload .show-info-panel-btn {
  transition: none !important;
  visibility: hidden;
}
.booking-v2-page {
  overflow: hidden;
  height: 100vh !important;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.booking-v2-page .map-container {
  flex: 1;
  height: 100%;
  min-height: 0;
  background-color: #f7f7f7;
  position: relative;
  overflow: hidden;
}
.booking-v2-page #bookingMap {
  z-index: 1;
  width: 100% !important;
  height: calc(100vh - 4.375rem - 3.4375rem) !important;
  max-height: calc(100vh - 4.375rem - 3.4375rem) !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.booking-v2-page .booking-panel {
  top: 1rem;
  left: 1rem;
  width: 22rem;
  max-height: calc(100vh - 6rem);
  z-index: 1000;
  transform: translateX(0);
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
  will-change: transform, opacity;
}
.booking-v2-page .booking-panel .card {
  overflow: hidden;
}
.booking-v2-page .booking-panel .card .card-header {
  background: #0067ff;
  color: #ffffff;
  border-bottom: none;
  padding: 0.625rem 0.875rem;
}
.booking-v2-page .booking-panel .card .card-header .card-title {
  color: #ffffff;
  font-size: 0.9375rem;
  font-weight: 600;
}
.booking-v2-page .booking-panel .card .card-header .text-muted {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 0.6875rem;
}
.booking-v2-page .booking-panel .card .card-header .panel-toggle {
  color: #ffffff;
  background: transparent;
  border: none;
  padding: 0.25rem;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
}
.booking-v2-page .booking-panel .card .card-header .panel-toggle .material-symbols-sharp {
  font-size: 1.125rem;
}
.booking-v2-page .booking-panel .card .card-header .panel-toggle:hover {
  background: rgba(255, 255, 255, 0.1);
}
.booking-v2-page .booking-panel .card .card-body {
  max-height: calc(100vh - 12rem);
  overflow-y: auto;
}
.booking-v2-page .booking-panel.collapsed {
  transform: translateX(-100%);
  opacity: 0;
  pointer-events: none;
}
.booking-v2-page .booking-panel .vehicle-stats-inline {
  margin: 0 -0.75rem -0.75rem;
  padding: 0.75rem;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.375rem;
  background: #ffffff;
  border: 1px solid #e3e3e6;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card:hover {
  transform: translateY(-1px);
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card:not(.active) {
  opacity: 0.4;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card:not(.active) .stat-icon {
  background: #7f7f7f !important;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card .stat-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s ease;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card .stat-icon .material-symbols-sharp {
  font-size: 1.125rem;
  color: #ffffff;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card .stat-content {
  flex: 1;
  min-width: 0;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card .stat-content .stat-value {
  font-size: 1.125rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.2;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card .stat-content .stat-label {
  font-size: 0.625rem;
  color: #7f7f7f;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card.stat-free .stat-icon {
  background: #14b474;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card.stat-running .stat-icon {
  background: #0067ff;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card.stat-allotted .stat-icon {
  background: #AC87C5;
}
.booking-v2-page .booking-panel .vehicle-stats-inline .stat-card.stat-offline .stat-icon {
  background: #ff7878;
}
.booking-v2-page .info-panel {
  top: 1rem;
  right: 1rem;
  width: 18rem;
  max-height: calc(100vh - 10rem);
  z-index: 1001;
  overflow: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.booking-v2-page .info-panel .card {
  border-radius: 0.75rem;
  border: none;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15);
  max-height: calc(100vh - 10rem);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.booking-v2-page .info-panel .card .card-header {
  background: #0067ff;
  border-bottom: none;
  padding: 0.75rem 1rem;
}
.booking-v2-page .info-panel .card .card-header .card-title {
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 600;
}
.booking-v2-page .info-panel .card .card-header .info-panel-toggle,
.booking-v2-page .info-panel .card .card-header .close-info-panel {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.2s ease;
}
.booking-v2-page .info-panel .card .card-header .info-panel-toggle .material-symbols-sharp,
.booking-v2-page .info-panel .card .card-header .close-info-panel .material-symbols-sharp {
  font-size: 1rem;
}
.booking-v2-page .info-panel .card .card-header .info-panel-toggle:hover,
.booking-v2-page .info-panel .card .card-header .close-info-panel:hover {
  background: rgba(255, 255, 255, 0.3);
}
.booking-v2-page .info-panel .card .card-body {
  overflow-y: auto;
  flex: 1;
  max-height: calc(100vh - 14rem);
}
.booking-v2-page .info-panel.collapsed {
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
}
.booking-v2-page .info-panel .route-summary .route-stat .material-symbols-sharp {
  font-size: 1.25rem;
  display: block;
  margin-bottom: 0.25rem;
}
.booking-v2-page .info-panel .route-summary .route-stat .fw-bold {
  font-size: 1rem;
  line-height: 1.2;
}
.booking-v2-page .info-panel .route-summary .route-stat small {
  font-size: 0.6875rem;
}
.booking-v2-page .info-panel .fare-breakdown {
  background: #f7f7f7;
  border-radius: 0.5rem;
  padding: 0.75rem;
}
.booking-v2-page .info-panel .fare-breakdown .table {
  margin-bottom: 0;
  font-size: 0.8125rem;
}
.booking-v2-page .info-panel .fare-breakdown .table td {
  padding: 0.25rem 0;
  border: none;
  background: #f7f7f7;
}
.booking-v2-page .info-panel .fare-breakdown .table tr.border-top td {
  padding-top: 0.5rem;
  border-top: 1px solid #e3e3e6;
}
.booking-v2-page .info-panel .nearby-vehicles-list {
  max-height: 10rem;
  overflow-y: auto;
}
.booking-v2-page .info-panel .nearby-vehicle-item {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #e3e3e6;
  cursor: pointer;
  transition: background 0.2s ease;
}
.booking-v2-page .info-panel .nearby-vehicle-item:last-child {
  border-bottom: none;
}
.booking-v2-page .info-panel .nearby-vehicle-item:hover {
  background: #f7f7f7;
}
.booking-v2-page .info-panel .nearby-vehicle-item.active {
  background: rgba(0, 103, 255, 0.1);
  border-left: 3px solid #0067ff;
}
.booking-v2-page .info-panel .nearby-vehicle-item .vehicle-icon {
  width: 1.75rem;
  height: 1.75rem;
  background: rgba(0, 103, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0067ff;
}
.booking-v2-page .info-panel .nearby-vehicle-item .vehicle-icon .material-symbols-sharp {
  font-size: 0.875rem;
}
.booking-v2-page .info-panel .nearby-vehicle-item .fw-semibold {
  font-size: 0.8125rem;
  color: #333333;
}
.booking-v2-page .info-panel .nearby-vehicle-item small {
  font-size: 0.6875rem;
}
.booking-v2-page .info-panel .vehicle-avatar {
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(0, 103, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0067ff;
}
.booking-v2-page .info-panel .vehicle-avatar .material-symbols-sharp {
  font-size: 1.25rem;
}
.booking-v2-page .info-panel .vehicle-details h6 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
}
.booking-v2-page .info-panel .vehicle-details .table {
  margin-bottom: 0.75rem;
  font-size: 0.8125rem;
}
.booking-v2-page .info-panel .vehicle-details .table td {
  padding: 0.25rem 0;
  border: none;
}
.booking-v2-page .info-panel .vehicle-details .table td.text-muted {
  width: 5rem;
  color: #6c757d !important;
}
.booking-v2-page .info-panel .vehicle-details .table td.fw-semibold {
  color: #333333;
}
.booking-v2-page .info-panel #assignVehicleBtn {
  font-size: 0.75rem;
  padding: 0.375rem 0.75rem;
}
.booking-v2-page .info-panel #assignVehicleBtn .material-symbols-sharp {
  font-size: 0.875rem;
}
.booking-v2-page .show-info-panel-btn {
  top: 1rem;
  right: 1rem;
  z-index: 1000;
  background: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: translateX(0);
  opacity: 1;
}
.booking-v2-page .show-info-panel-btn.d-none {
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
  display: flex !important;
}
.booking-v2-page .show-info-panel-btn:hover {
  background: #f7f7f7;
}
.booking-v2-page .show-info-panel-btn .material-symbols-sharp {
  font-size: 1.25rem;
  color: #333333;
}
.booking-v2-page .show-panel-btn {
  top: 1rem;
  left: 1rem;
  z-index: 1000;
  background: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transform: translateX(0);
  opacity: 1;
}
.booking-v2-page .show-panel-btn.d-none {
  transform: translateX(-100%);
  opacity: 0;
  pointer-events: none;
  display: flex !important;
}
.booking-v2-page .show-panel-btn:hover {
  background: #f7f7f7;
}
.booking-v2-page .show-panel-btn .material-symbols-sharp {
  font-size: 1.25rem;
  color: #333333;
}
.booking-v2-page .map-controls {
  bottom: 6rem;
  right: 1rem;
  z-index: 1000;
}
.booking-v2-page .map-controls .btn-group-vertical .btn {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.booking-v2-page .map-controls .btn-group-vertical .btn:first-child {
  border-radius: 0.5rem 0.5rem 0 0;
}
.booking-v2-page .map-controls .btn-group-vertical .btn:last-child {
  border-radius: 0 0 0.5rem 0.5rem;
}
.booking-v2-page .map-controls .btn-group-vertical .btn .material-symbols-sharp {
  font-size: 1.25rem;
}
.booking-v2-page .map-legend {
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.booking-v2-page .map-legend .card {
  border-radius: 0;
  border: none;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 -0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}
.booking-v2-page .map-legend .card-body {
  padding: 0.5rem 1rem;
}
.booking-v2-page .map-legend .card-title {
  display: none;
}
.booking-v2-page .map-legend .legend-items {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.booking-v2-page .map-legend .legend-item {
  margin-bottom: 0 !important;
}
.booking-v2-page .map-legend .legend-item small {
  font-size: 0.8125rem;
}
.booking-v2-page .map-legend .legend-marker {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
}
.booking-v2-page .custom-marker {
  background: transparent;
  border: none;
}
.booking-v2-page .custom-marker .marker-pin {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
}
.booking-v2-page .custom-marker .marker-pin .material-symbols-sharp {
  transform: rotate(45deg);
  color: #ffffff;
  font-size: 1rem;
}
.booking-v2-page .gm-style {
  font-family: inherit;
}
.booking-v2-page .gm-style *:focus {
  outline: none !important;
}
.booking-v2-page .gm-style button:focus,
.booking-v2-page .gm-style div:focus,
.booking-v2-page .gm-style [tabindex]:focus {
  outline: none !important;
  box-shadow: none !important;
}
.booking-v2-page .gm-style .gm-style-iw {
  outline: none !important;
}
.booking-v2-page .gm-style .gm-style-iw-c {
  border-radius: 0.375rem;
  padding: 0 !important;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2);
  outline: none !important;
  border: none !important;
}
.booking-v2-page .gm-style .gm-style-iw-c:focus,
.booking-v2-page .gm-style .gm-style-iw-c:active {
  outline: none !important;
  border: none !important;
}
.booking-v2-page .map-tooltip {
  padding: 0.375rem 0.625rem;
  font-size: 0.75rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.booking-v2-page .map-tooltip strong {
  color: #333333;
  font-weight: 600;
}
.booking-v2-page .map-tooltip .tooltip-divider {
  color: #e3e3e6;
  margin: 0 0.125rem;
}
.booking-v2-page .map-tooltip span {
  color: #333333;
}
.booking-v2-page .gm-style .gm-style-iw-d {
  overflow: hidden !important;
}
.booking-v2-page .gm-style .gm-style-iw-tc::after {
  background: #ffffff;
}
.booking-v2-page .gm-style .gm-style-iw-chr {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}
.booking-v2-page .gm-style .gm-ui-hover-effect {
  width: 1.25rem !important;
  height: 1.25rem !important;
  opacity: 0.6;
}
.booking-v2-page .gm-style .gm-ui-hover-effect:hover {
  opacity: 1;
}
.booking-v2-page .gm-style .gm-ui-hover-effect > span {
  width: 0.875rem !important;
  height: 0.875rem !important;
  margin: 0.1875rem !important;
}
.booking-v2-page .gm-style-iw button.gm-ui-hover-effect {
  top: 0 !important;
  right: 0 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  background: #f7f7f7 !important;
  border-radius: 50% !important;
  opacity: 0.8;
}
.booking-v2-page .gm-style-iw button.gm-ui-hover-effect img {
  width: 0.75rem !important;
  height: 0.75rem !important;
  margin: 0.375rem !important;
}
.booking-v2-page .gm-style-iw button.gm-ui-hover-effect:hover {
  opacity: 1;
  background: #e0e0e0 !important;
}
@media (max-width: 768px) {
  .booking-v2-page {
    height: calc(100vh - 4.375rem - 3.4375rem) !important;
    max-height: calc(100vh - 4.375rem - 3.4375rem) !important;
  }
  .booking-v2-page .booking-panel {
    width: 100%;
    left: 0;
    top: auto;
    bottom: 0;
    max-height: 50vh;
    border-radius: 1rem 1rem 0 0;
  }
  .booking-v2-page .booking-panel .card {
    border-radius: 1rem 1rem 0 0;
  }
  .booking-v2-page .booking-panel.collapsed {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
  }
  .booking-v2-page .show-panel-btn {
    top: auto;
    bottom: 1rem;
    left: 1rem;
  }
  .booking-v2-page .show-panel-btn.d-none {
    transform: translateY(100%);
  }
  .booking-v2-page .info-panel {
    width: 100%;
    right: 0;
    top: auto;
    bottom: 0;
    max-height: 50vh;
  }
  .booking-v2-page .info-panel .card {
    border-radius: 1rem 1rem 0 0;
    max-height: 50vh;
  }
  .booking-v2-page .info-panel.collapsed {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
  }
  .booking-v2-page .show-info-panel-btn {
    top: auto;
    bottom: 1rem;
    right: 1rem;
  }
  .booking-v2-page .show-info-panel-btn.d-none {
    transform: translateY(100%);
  }
  .booking-v2-page .map-legend {
    display: none;
  }
  .booking-v2-page .map-controls {
    bottom: 55%;
    right: 0.5rem;
  }
}
.widget-stats-card-1 {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  padding: 1rem;
  min-height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.widget-stats-card-1__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.widget-stats-card-1__icon {
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f7;
}
.widget-stats-card-1__icon .material-symbols-sharp {
  font-size: 1.5rem;
  color: #7f7f7f;
}
.widget-stats-card-1__icon--red {
  background-color: #FFC5C5;
}
.widget-stats-card-1__icon--red .material-symbols-sharp {
  color: #f80000;
}
.widget-stats-card-1__icon--orange {
  background-color: #FFEBD8;
}
.widget-stats-card-1__icon--orange .material-symbols-sharp {
  color: #ff820c;
}
.widget-stats-card-1__icon--green {
  background-color: #C7DCA7;
}
.widget-stats-card-1__icon--green .material-symbols-sharp {
  color: #648334;
}
.widget-stats-card-1__icon--teal {
  background-color: #89B9AD;
}
.widget-stats-card-1__icon--teal .material-symbols-sharp {
  color: #2c4a43;
}
.widget-stats-card-1__icon--purple {
  background-color: #AC87C5;
}
.widget-stats-card-1__icon--purple .material-symbols-sharp {
  color: #442a56;
}
.widget-stats-card-1__icon--blue {
  background-color: #8ACDD7;
}
.widget-stats-card-1__icon--blue .material-symbols-sharp {
  color: #26666f;
}
.widget-stats-card-1__icon--yellow {
  background-color: #dcd6a7;
}
.widget-stats-card-1__icon--yellow .material-symbols-sharp {
  color: #837a34;
}
.widget-stats-card-1__timestamp,
.widget-stats-card-1__meta {
  font-size: 0.875rem;
  color: #5E6C84;
  font-weight: 400;
}
.widget-stats-card-1__body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}
.widget-stats-card-1__content {
  flex: 1;
}
.widget-stats-card-1__label {
  font-size: 0.875rem;
  color: #5E6C84;
  margin-bottom: 0.25rem;
  font-weight: 400;
  white-space: nowrap;
}
.widget-stats-card-1__value {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}
.widget-stats-card-1__number {
  font-size: 2rem;
  font-weight: 600;
  color: #333333;
  line-height: 1;
  letter-spacing: -0.02em;
}
.widget-stats-card-1__unit {
  font-size: 1rem;
  font-weight: 500;
  color: #5E6C84;
  margin-left: 0.125rem;
}
.widget-stats-card-1__chart {
  flex-shrink: 0;
  width: 5rem;
  height: 2.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 3px;
}
.widget-stats-card-1__chart--bar .widget-stats-card-1__bar {
  width: 0.375rem;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  transition: height 0.3s ease;
}
.widget-stats-card-1__chart--line {
  position: relative;
}
.widget-stats-card-1__chart--line svg,
.widget-stats-card-1__chart--line canvas {
  width: 100%;
  height: 100%;
}
.widget-stats-card-1__chart--dotted {
  position: relative;
}
.widget-stats-card-1__chart--trend {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
}
.widget-stats-card-1__chart--trend .widget-stats-card-1__trend-icon {
  font-size: 1.25rem;
  line-height: 1;
}
.widget-stats-card-1__chart--trend .widget-stats-card-1__trend-icon.trend-up {
  color: #14b474;
}
.widget-stats-card-1__chart--trend .widget-stats-card-1__trend-icon.trend-down {
  color: #f5392f;
}
.widget-stats-card-1__chart--trend .widget-stats-card-1__trend-icon.trend-neutral {
  color: #5E6C84;
}
.widget-stats-card-1__chart--trend .widget-stats-card-1__trend-value {
  font-size: 0.875rem;
  font-weight: 600;
}
.widget-stats-card-1__chart--trend .widget-stats-card-1__trend-value.trend-up {
  color: #14b474;
}
.widget-stats-card-1__chart--trend .widget-stats-card-1__trend-value.trend-down {
  color: #f5392f;
}
.widget-stats-card-1__chart--trend .widget-stats-card-1__trend-value.trend-neutral {
  color: #5E6C84;
}
.widget-stats-card-1__chart--chartjs {
  width: 5rem;
  height: 2.5rem;
  position: relative;
}
.widget-stats-card-1__chart--chartjs canvas {
  width: 100% !important;
  height: 100% !important;
}
.widget-stats-card-1__chart--chartjs.widget-stats-card-1__chart--doughnut {
  width: 2.75rem;
  height: 2.75rem;
}
.widget-stats-card-1--dark {
  background-color: #333333;
  border: none;
}
.widget-stats-card-1--dark .widget-stats-card-1__timestamp,
.widget-stats-card-1--dark .widget-stats-card-1__meta {
  color: rgba(255, 255, 255, 0.5);
}
.widget-stats-card-1--dark .widget-stats-card-1__label {
  color: rgba(255, 255, 255, 0.6);
}
.widget-stats-card-1--dark .widget-stats-card-1__number {
  color: #ffffff;
}
.widget-stats-card-1--dark .widget-stats-card-1__unit {
  color: rgba(255, 255, 255, 0.7);
}
.widget-stats-card-1--dark .widget-stats-card-1__icon {
  background-color: rgba(255, 255, 255, 0.1);
}
.widget-stats-card-1--dark .widget-stats-card-1__icon .material-symbols-sharp {
  color: #ffffff;
}
.widget-stats-card-1--dark .widget-stats-card-1__chart--bar .widget-stats-card-1__bar {
  background-color: rgba(255, 255, 255, 0.3);
}
.widget-stats-card-1--sm {
  min-height: 8rem;
  padding: 1rem;
}
.widget-stats-card-1--sm .widget-stats-card-1__number {
  font-size: 1.5rem;
}
.widget-stats-card-1--sm .widget-stats-card-1__chart {
  width: 4rem;
  height: 2rem;
}
.widget-stats-card-1--lg {
  min-height: 12rem;
  padding: 1.5rem;
}
.widget-stats-card-1--lg .widget-stats-card-1__number {
  font-size: 2.5rem;
}
.widget-stats-card-1--lg .widget-stats-card-1__chart {
  width: 6rem;
  height: 3rem;
}
.widget-stats-card-1--pattern-red {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
.widget-stats-card-1--pattern-red::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -30%;
  width: 16rem;
  height: 16rem;
  background: radial-gradient(circle, rgba(255, 197, 197, 0.6) 0%, rgba(255, 197, 197, 0.2) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-1--pattern-red::after {
  content: '';
  position: absolute;
  bottom: -60%;
  left: -25%;
  width: 14rem;
  height: 14rem;
  background: radial-gradient(circle, rgba(255, 197, 197, 0.4) 0%, rgba(255, 197, 197, 0.15) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-1--pattern-red .widget-stats-card-1__header,
.widget-stats-card-1--pattern-red .widget-stats-card-1__body {
  position: relative;
  z-index: 1;
}
.widget-stats-card-1--pattern-orange {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
.widget-stats-card-1--pattern-orange::before {
  content: '';
  position: absolute;
  top: -40%;
  left: -25%;
  width: 14rem;
  height: 14rem;
  background: radial-gradient(circle, rgba(255, 235, 216, 0.7) 0%, rgba(255, 235, 216, 0.25) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-1--pattern-orange::after {
  content: '';
  position: absolute;
  bottom: -50%;
  right: -20%;
  width: 16rem;
  height: 16rem;
  background: radial-gradient(circle, rgba(255, 235, 216, 0.5) 0%, rgba(255, 235, 216, 0.2) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-1--pattern-orange .widget-stats-card-1__header,
.widget-stats-card-1--pattern-orange .widget-stats-card-1__body {
  position: relative;
  z-index: 1;
}
.widget-stats-card-1--pattern-yellow {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
.widget-stats-card-1--pattern-yellow::before {
  content: '';
  position: absolute;
  bottom: -45%;
  left: 20%;
  width: 18rem;
  height: 18rem;
  background: radial-gradient(circle, rgba(220, 214, 167, 0.65) 0%, rgba(220, 214, 167, 0.25) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-1--pattern-yellow::after {
  content: '';
  position: absolute;
  top: -55%;
  right: -15%;
  width: 12rem;
  height: 12rem;
  background: radial-gradient(circle, rgba(220, 214, 167, 0.5) 0%, rgba(220, 214, 167, 0.2) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-1--pattern-yellow .widget-stats-card-1__header,
.widget-stats-card-1--pattern-yellow .widget-stats-card-1__body {
  position: relative;
  z-index: 1;
}
.widget-stats-card-1--pattern-blue {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
.widget-stats-card-1--pattern-blue::before {
  content: '';
  position: absolute;
  top: -35%;
  right: 10%;
  width: 12rem;
  height: 12rem;
  background: radial-gradient(circle, rgba(138, 205, 215, 0.55) 0%, rgba(138, 205, 215, 0.2) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-1--pattern-blue::after {
  content: '';
  position: absolute;
  bottom: -40%;
  left: -30%;
  width: 17rem;
  height: 17rem;
  background: radial-gradient(circle, rgba(138, 205, 215, 0.45) 0%, rgba(138, 205, 215, 0.18) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-1--pattern-blue .widget-stats-card-1__header,
.widget-stats-card-1--pattern-blue .widget-stats-card-1__body {
  position: relative;
  z-index: 1;
}
.widget-stats-card-1--img-pattern-1 {
  position: relative;
  overflow: hidden;
}
.widget-stats-card-1--img-pattern-1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../img/patterns/6be621144e7ecf462b8e2789f21ec8f7499d659e.png');
  background-size: cover;
  pointer-events: none;
}
.widget-stats-card-1--img-pattern-1 .widget-stats-card-1__header,
.widget-stats-card-1--img-pattern-1 .widget-stats-card-1__body {
  position: relative;
  z-index: 1;
}
.widget-stats-card-1--img-pattern-2 {
  position: relative;
  overflow: hidden;
}
.widget-stats-card-1--img-pattern-2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../img/patterns/84c81ce3692524459fa5507413d7d8b36614b6d9.png');
  background-size: cover;
  opacity: 0.08;
  pointer-events: none;
}
.widget-stats-card-1--img-pattern-2 .widget-stats-card-1__header,
.widget-stats-card-1--img-pattern-2 .widget-stats-card-1__body {
  position: relative;
  z-index: 1;
}
.widget-stats-card-1--img-pattern-3 {
  position: relative;
  overflow: hidden;
}
.widget-stats-card-1--img-pattern-3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../img/patterns/a795debf9fcb5799cc929f422d081d25ebc0499e.png');
  background-size: cover;
  opacity: 0.08;
  pointer-events: none;
}
.widget-stats-card-1--img-pattern-3 .widget-stats-card-1__header,
.widget-stats-card-1--img-pattern-3 .widget-stats-card-1__body {
  position: relative;
  z-index: 1;
}
.widget-stats-card-1--img-pattern-4 {
  position: relative;
  overflow: hidden;
}
.widget-stats-card-1--img-pattern-4::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../img/patterns/7a8d04a564d14d2ca736ef12596655e9a2a09d17.png');
  background-size: cover;
  opacity: 0.08;
  pointer-events: none;
}
.widget-stats-card-1--img-pattern-4 .widget-stats-card-1__header,
.widget-stats-card-1--img-pattern-4 .widget-stats-card-1__body {
  position: relative;
  z-index: 1;
}
.widget-stats-card-2 {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
.widget-stats-card-2__icon {
  width: 3rem;
  height: 3rem;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #f7f7f7;
}
.widget-stats-card-2__icon .material-symbols-sharp {
  font-size: 1.5rem;
  color: #7f7f7f;
}
.widget-stats-card-2__icon--red {
  background-color: #FFC5C5;
}
.widget-stats-card-2__icon--red .material-symbols-sharp {
  color: #f80000;
}
.widget-stats-card-2__icon--orange {
  background-color: #FFEBD8;
}
.widget-stats-card-2__icon--orange .material-symbols-sharp {
  color: #ff820c;
}
.widget-stats-card-2__icon--yellow {
  background-color: #dcd6a7;
}
.widget-stats-card-2__icon--yellow .material-symbols-sharp {
  color: #837a34;
}
.widget-stats-card-2__icon--green {
  background-color: #C7DCA7;
}
.widget-stats-card-2__icon--green .material-symbols-sharp {
  color: #648334;
}
.widget-stats-card-2__icon--blue {
  background-color: #8ACDD7;
}
.widget-stats-card-2__icon--blue .material-symbols-sharp {
  color: #26666f;
}
.widget-stats-card-2__icon--purple {
  background-color: #AC87C5;
}
.widget-stats-card-2__icon--purple .material-symbols-sharp {
  color: #442a56;
}
.widget-stats-card-2__icon--teal {
  background-color: #89B9AD;
}
.widget-stats-card-2__icon--teal .material-symbols-sharp {
  color: #2c4a43;
}
.widget-stats-card-2__content {
  flex: 1;
  min-width: 0;
}
.widget-stats-card-2__label {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-bottom: 0.125rem;
  font-weight: 400;
  white-space: nowrap;
}
.widget-stats-card-2__value {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}
.widget-stats-card-2__number {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333333;
  line-height: 1.2;
}
.widget-stats-card-2__unit {
  font-size: 0.875rem;
  font-weight: 500;
  color: #5E6C84;
}
.widget-stats-card-2__trend {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
}
.widget-stats-card-2__trend .trend-icon {
  font-size: 1.125rem;
  line-height: 1;
}
.widget-stats-card-2__trend .trend-value {
  font-size: 0.75rem;
  font-weight: 600;
}
.widget-stats-card-2__trend--up .trend-icon,
.widget-stats-card-2__trend--up .trend-value {
  color: #14b474;
}
.widget-stats-card-2__trend--down .trend-icon,
.widget-stats-card-2__trend--down .trend-value {
  color: #f5392f;
}
.widget-stats-card-2__trend--neutral .trend-icon,
.widget-stats-card-2__trend--neutral .trend-value {
  color: #5E6C84;
}
.widget-stats-card-2--pattern-red::before {
  content: '';
  position: absolute;
  top: -60%;
  right: -20%;
  width: 10rem;
  height: 10rem;
  background: radial-gradient(circle, rgba(255, 197, 197, 0.5) 0%, rgba(255, 197, 197, 0.15) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-2--pattern-red .widget-stats-card-2__icon,
.widget-stats-card-2--pattern-red .widget-stats-card-2__content,
.widget-stats-card-2--pattern-red .widget-stats-card-2__trend {
  position: relative;
  z-index: 1;
}
.widget-stats-card-2--pattern-orange::before {
  content: '';
  position: absolute;
  bottom: -60%;
  right: -15%;
  width: 10rem;
  height: 10rem;
  background: radial-gradient(circle, rgba(255, 235, 216, 0.55) 0%, rgba(255, 235, 216, 0.18) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-2--pattern-orange .widget-stats-card-2__icon,
.widget-stats-card-2--pattern-orange .widget-stats-card-2__content,
.widget-stats-card-2--pattern-orange .widget-stats-card-2__trend {
  position: relative;
  z-index: 1;
}
.widget-stats-card-2--pattern-yellow::before {
  content: '';
  position: absolute;
  top: -50%;
  left: 30%;
  width: 10rem;
  height: 10rem;
  background: radial-gradient(circle, rgba(220, 214, 167, 0.55) 0%, rgba(220, 214, 167, 0.18) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-2--pattern-yellow .widget-stats-card-2__icon,
.widget-stats-card-2--pattern-yellow .widget-stats-card-2__content,
.widget-stats-card-2--pattern-yellow .widget-stats-card-2__trend {
  position: relative;
  z-index: 1;
}
.widget-stats-card-2--pattern-blue::before {
  content: '';
  position: absolute;
  bottom: -55%;
  left: -10%;
  width: 10rem;
  height: 10rem;
  background: radial-gradient(circle, rgba(138, 205, 215, 0.5) 0%, rgba(138, 205, 215, 0.15) 50%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.widget-stats-card-2--pattern-blue .widget-stats-card-2__icon,
.widget-stats-card-2--pattern-blue .widget-stats-card-2__content,
.widget-stats-card-2--pattern-blue .widget-stats-card-2__trend {
  position: relative;
  z-index: 1;
}
.widget-stats-card-3 {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  padding: 1.5rem;
  overflow: hidden;
}
.widget-stats-card-3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 10% 20%, rgba(172, 135, 197, 0.25) 0%, transparent 45%), radial-gradient(circle at 90% 80%, rgba(199, 220, 167, 0.2) 0%, transparent 40%), url('../img/patterns/6be621144e7ecf462b8e2789f21ec8f7499d659e.png');
  background-repeat: repeat;
  background-size: cover, cover, auto;
  pointer-events: none;
  z-index: 0;
}
.widget-stats-card-3__wrapper {
  position: relative;
  z-index: 1;
  gap: 2rem;
}
.widget-stats-card-3__left {
  min-width: 0;
}
.widget-stats-card-3__right {
  flex-shrink: 0;
  width: 20rem;
  border-left: 1px solid rgba(51, 51, 51, 0.1);
  padding-left: 2rem;
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-3__right {
    width: 100%;
    border-left: none;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    padding-left: 0;
    padding-top: 1.5rem;
    margin-top: 1.5rem;
  }
}
.widget-stats-card-3__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.widget-stats-card-3__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333333;
  margin: 0;
}
.widget-stats-card-3__subtitle {
  font-size: 0.875rem;
  color: #5E6C84;
  font-weight: 400;
}
.widget-stats-card-3__chart-area {
  position: relative;
  height: 14rem;
  margin-bottom: 1.5rem;
  border-radius: 0.75rem;
  padding: 0.5rem;
}
.widget-stats-card-3__chart-area .highcharts-container {
  border-radius: 0.75rem;
}
.widget-stats-card-3__chart-area .highcharts-background {
  fill: transparent;
}
.widget-stats-card-3__member-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-list {
    gap: 0.75rem;
  }
}
.widget-stats-card-3__member-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-item {
    gap: 0.5rem;
  }
}
.widget-stats-card-3__member-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-avatar {
    width: 2rem;
    height: 2rem;
  }
}
.widget-stats-card-3__member-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-stats-card-3__member-avatar--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 600;
  color: #ffffff;
  background-color: #AC87C5;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-avatar--placeholder {
    font-size: 0.75rem;
  }
}
.widget-stats-card-3__member-info {
  width: 7rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-3__member-info {
    width: 6rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-info {
    width: 5rem;
  }
}
.widget-stats-card-3__member-name {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  margin-bottom: 0.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 8rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-name {
    font-size: 0.75rem;
    max-width: 5rem;
  }
}
.widget-stats-card-3__member-role {
  font-size: 0.75rem;
  color: #5E6C84;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-role {
    font-size: 0.625rem;
  }
}
.widget-stats-card-3__member-progress {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-progress {
    gap: 0.5rem;
    flex-basis: 100%;
    order: 3;
    padding-left: 2.5rem;
  }
}
.widget-stats-card-3__progress-bar {
  flex: 1;
  height: 0.375rem;
  background-color: transparent;
  border-radius: 0.25rem;
  overflow: visible;
  display: flex;
  gap: 0.25rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__progress-bar {
    gap: 0.125rem;
  }
}
.widget-stats-card-3__progress-bar-segment {
  height: 100%;
  border-radius: 0.125rem;
  flex: 1;
  transform: scaleX(0);
  transform-origin: left;
  animation: segmentGrow 0.5s ease-out forwards;
}
.widget-stats-card-3__progress-bar-segment:nth-child(1) {
  animation-delay: 0.1s;
}
.widget-stats-card-3__progress-bar-segment:nth-child(2) {
  animation-delay: 0.15s;
}
.widget-stats-card-3__progress-bar-segment:nth-child(3) {
  animation-delay: 0.2s;
}
.widget-stats-card-3__progress-bar-segment:nth-child(4) {
  animation-delay: 0.25s;
}
.widget-stats-card-3__progress-bar-segment:nth-child(5) {
  animation-delay: 0.3s;
}
.widget-stats-card-3__progress-bar-segment:nth-child(6) {
  animation-delay: 0.35s;
}
.widget-stats-card-3__progress-bar-segment:nth-child(7) {
  animation-delay: 0.4s;
}
.widget-stats-card-3__progress-bar-segment:nth-child(8) {
  animation-delay: 0.45s;
}
.widget-stats-card-3__progress-bar-segment:nth-child(9) {
  animation-delay: 0.5s;
}
.widget-stats-card-3__progress-bar-segment:nth-child(10) {
  animation-delay: 0.55s;
}
.widget-stats-card-3__progress-bar-segment--filled {
  background-color: #333333;
}
.widget-stats-card-3__progress-bar-segment--empty {
  background-color: rgba(51, 51, 51, 0.2);
}
@keyframes segmentGrow {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
.widget-stats-card-3__member-stats {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-stats {
    gap: 0.5rem;
  }
}
.widget-stats-card-3__member-percent {
  font-size: 0.875rem;
  font-weight: 500;
  color: #5E6C84;
  min-width: 2.5rem;
  text-align: right;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-percent {
    font-size: 0.75rem;
    min-width: 2rem;
  }
}
.widget-stats-card-3__member-value {
  font-size: 1.125rem;
  font-weight: 600;
  color: #333333;
  min-width: 3.5rem;
  text-align: right;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__member-value {
    font-size: 0.875rem;
    min-width: 2.5rem;
  }
}
.widget-stats-card-3__radial-chart {
  width: 100%;
  margin-bottom: 0;
}
.widget-stats-card-3__time {
  font-size: 1.75rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 1rem;
}
.widget-stats-card-3__legend {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.widget-stats-card-3__legend-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0;
}
.widget-stats-card-3__legend-indicator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.widget-stats-card-3__legend-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}
.widget-stats-card-3__legend-dot--purple {
  background-color: #AC87C5;
}
.widget-stats-card-3__legend-dot--green {
  background-color: #C7DCA7;
}
.widget-stats-card-3__legend-dot--blue {
  background-color: #8ACDD7;
}
.widget-stats-card-3__legend-dot--orange {
  background-color: #FFEBD8;
}
.widget-stats-card-3__legend-label {
  font-size: 0.875rem;
  color: #5E6C84;
}
.widget-stats-card-3__legend-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
}
.widget-stats-card-3__summary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(51, 51, 51, 0.1);
  margin-top: 0.5rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__summary {
    flex-wrap: wrap;
    gap: 0.75rem;
  }
}
.widget-stats-card-3__summary-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-3__summary-item {
    flex: 0 0 calc(50% - 0.5rem);
  }
}
.widget-stats-card-3__summary-dot {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.widget-stats-card-3__summary-dot--purple {
  background-color: #AC87C5;
}
.widget-stats-card-3__summary-dot--blue {
  background-color: #8ACDD7;
}
.widget-stats-card-3__summary-dot--green {
  background-color: #C7DCA7;
}
.widget-stats-card-3__summary-dot--orange {
  background-color: #FFEBD8;
}
.widget-stats-card-3__summary-dot--red {
  background-color: #FFC5C5;
}
.widget-stats-card-3__summary-content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.widget-stats-card-3__summary-label {
  font-size: 0.75rem;
  color: #5E6C84;
  white-space: nowrap;
}
.widget-stats-card-3__summary-value {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
}
.widget-stats-card-4 {
  position: relative;
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  padding: 1.5rem;
  min-height: 20rem;
  overflow: visible;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-4 {
    padding: 1.25rem;
    min-height: 18rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-4 {
    padding: 1rem;
    border-radius: 1rem;
    min-height: 16rem;
  }
}
.widget-stats-card-4__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.9375rem;
  gap: 0.75rem;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-4__header {
    margin-bottom: 0.75rem;
  }
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-4__header {
    flex-wrap: wrap;
  }
}
.widget-stats-card-4__header-left {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-4__header-left {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__header-left {
    gap: 0.5rem;
  }
}
.widget-stats-card-4__icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(51, 51, 51, 0.08);
  flex-shrink: 0;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-4__icon {
    width: 2.25rem;
    height: 2.25rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__icon {
    width: 2rem;
    height: 2rem;
  }
}
.widget-stats-card-4__icon .material-symbols-sharp {
  font-size: 1.25rem;
  color: #333333;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__icon .material-symbols-sharp {
    font-size: 1rem;
  }
}
.widget-stats-card-4__title-group {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.widget-stats-card-4__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333333;
  margin: 0;
  line-height: 1.2;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-4__title {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__title {
    font-size: 1.125rem;
  }
}
.widget-stats-card-4__description {
  font-size: 0.875rem;
  color: #5E6C84;
  font-weight: 400;
  line-height: 1.4;
  max-width: 28rem;
  margin: 0;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-4__description {
    font-size: 0.8125rem;
    max-width: 22rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__description {
    max-width: 100%;
  }
}
.widget-stats-card-4__dropdown {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__dropdown {
    display: none;
  }
}
.widget-stats-card-4__dropdown .btn-icon {
  padding: 0.375rem;
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  background-color: #ffffff;
  color: #7f7f7f;
}
.widget-stats-card-4__dropdown .btn-icon:hover {
  background-color: #f7f7f7;
  color: #333333;
}
.widget-stats-card-4__dropdown .btn-icon:focus,
.widget-stats-card-4__dropdown .btn-icon:active,
.widget-stats-card-4__dropdown .btn-icon.active,
.widget-stats-card-4__dropdown .btn-icon.show,
.widget-stats-card-4__dropdown .btn-icon:first-child:active {
  border-color: #e3e3e6;
  box-shadow: none;
  outline: none;
}
.widget-stats-card-4__dropdown .btn-icon .material-symbols-sharp {
  font-size: 1.125rem;
}
.widget-stats-card-4__chart-area {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  overflow: visible;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-4__chart-area {
    gap: 0.75rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__chart-area {
    flex-direction: column;
    align-items: flex-start;
  }
}
.widget-stats-card-4__stats {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 9rem;
  flex-shrink: 0;
  z-index: 1;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-4__stats {
    width: 8rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-4__stats {
    width: 8rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__stats {
    display: none;
  }
}
.widget-stats-card-4__change {
  font-size: 2.5rem;
  font-weight: 600;
  color: #333333;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-4__change {
    font-size: 2.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-4__change {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__change {
    font-size: 1.75rem;
  }
}
.widget-stats-card-4__change--positive {
  color: #333333;
}
.widget-stats-card-4__change--negative {
  color: #333333;
}
.widget-stats-card-4__change-text {
  font-size: 0.875rem;
  color: #5E6C84;
  font-weight: 400;
  line-height: 1.4;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-4__change-text {
    font-size: 0.8125rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__change-text {
    font-size: 0.8125rem;
  }
}
.widget-stats-card-4__chart-container {
  flex: 1;
  min-width: 0;
  margin-left: 1rem;
  overflow: visible !important;
  display: flex;
  align-items: flex-end;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-4__chart-container {
    margin-left: 0.75rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-4__chart-container {
    margin-left: 0;
    width: 100%;
  }
}
.widget-stats-card-4__chart-container .highcharts-container {
  overflow: visible !important;
}
.widget-stats-card-4__chart-container .highcharts-root {
  overflow: visible !important;
}
.widget-stats-card-4__chart-container .highcharts-tooltip {
  pointer-events: none;
}
.widget-stats-card-4__chart-container svg {
  overflow: visible !important;
}
.widget-stats-card-4--blue {
  background-color: rgba(138, 205, 215, 0.2);
}
.widget-stats-card-4--blue .widget-stats-card-4__bar--active {
  background-color: rgba(138, 205, 215, 0.4);
}
.widget-stats-card-4--green {
  background-color: rgba(199, 220, 167, 0.3);
}
.widget-stats-card-4--green .widget-stats-card-4__bar--active {
  background-color: rgba(199, 220, 167, 0.5);
}
.widget-stats-card-4--purple {
  background-color: rgba(172, 135, 197, 0.2);
}
.widget-stats-card-4--purple .widget-stats-card-4__bar--active {
  background-color: rgba(172, 135, 197, 0.4);
}
.widget-stats-card-4--orange {
  background-color: rgba(255, 235, 216, 0.3);
}
.widget-stats-card-4--orange .widget-stats-card-4__bar--active {
  background-color: rgba(255, 235, 216, 0.5);
}
.widget-stats-card-5 {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  padding: 1.5rem;
  overflow: hidden;
}
.widget-stats-card-5__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
  gap: 1rem;
}
.widget-stats-card-5__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333333;
  margin: 0;
  line-height: 1.2;
}
.widget-stats-card-5__header-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-5__header-actions {
    width: 100%;
    justify-content: space-between;
  }
}
.widget-stats-card-5__date-selector {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #f7f7f7;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  font-size: 0.875rem;
  color: #333333;
  font-weight: 500;
}
.widget-stats-card-5__date-selector .material-symbols-sharp {
  font-size: 1rem;
  color: #5E6C84;
}
.widget-stats-card-5__content-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__content-wrapper {
    flex-direction: column;
    gap: 1rem;
  }
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-5__content-wrapper {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.widget-stats-card-5__revenue {
  flex-shrink: 0;
  min-width: 15rem;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__revenue {
    width: 100%;
    min-width: auto;
  }
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-5__revenue {
    width: 100%;
  }
}
.widget-stats-card-5__revenue-label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
  margin-bottom: 0.5rem;
}
.widget-stats-card-5__revenue-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}
.widget-stats-card-5__revenue-value {
  font-size: 2.5rem;
  font-weight: 600;
  color: #333333;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-5__revenue-value {
    font-size: 2rem;
  }
}
.widget-stats-card-5__revenue-value .decimal {
  font-size: 1.5rem;
  font-weight: 500;
  color: #5E6C84;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-5__revenue-value .decimal {
    font-size: 1.25rem;
  }
}
.widget-stats-card-5__revenue-change {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.widget-stats-card-5__change-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  font-size: 0.8125rem;
  font-weight: 600;
}
.widget-stats-card-5__change-badge--positive {
  background-color: rgba(199, 220, 167, 0.5);
  color: #648334;
}
.widget-stats-card-5__change-badge--negative {
  background-color: rgba(255, 197, 197, 0.5);
  color: #f80000;
}
.widget-stats-card-5__change-value {
  font-size: 0.875rem;
  font-weight: 600;
}
.widget-stats-card-5__change-value--positive {
  color: #7fa743;
}
.widget-stats-card-5__change-value--negative {
  color: #ff2c2c;
}
.widget-stats-card-5__revenue-comparison {
  font-size: 0.8125rem;
  color: #5E6C84;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
.widget-stats-card-5__revenue-comparison .comparison-value {
  font-weight: 500;
}
.widget-stats-card-5__revenue-comparison .material-symbols-sharp {
  font-size: 1rem;
  cursor: pointer;
  color: #5E6C84;
}
.widget-stats-card-5__stats-row {
  display: flex;
  gap: 0.5rem;
  flex: 1;
  align-items: stretch;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__stats-row {
    width: 100%;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-5__stats-row {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-5__stats-row {
    flex-wrap: wrap;
  }
}
.widget-stats-card-5__stat-card {
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-5__stat-card {
    min-width: calc(50% - 0.25rem);
    flex: 0 0 calc(50% - 0.25rem);
  }
}
@media only screen and (max-width: 460px) {
  .widget-stats-card-5__stat-card {
    min-width: 100%;
    flex: 0 0 100%;
  }
}
.widget-stats-card-5__stat-card--lg {
  flex: 1.5;
  min-width: 10rem;
  min-height: 8rem;
  justify-content: space-between;
  padding: 1rem;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__stat-card--lg {
    min-width: calc(50% - 0.25rem);
    flex: 0 0 calc(50% - 0.25rem);
    min-height: 7rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-5__stat-card--lg {
    min-width: calc(50% - 0.25rem);
    flex: 0 0 calc(50% - 0.25rem);
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-5__stat-card--lg {
    min-width: 100%;
    flex: 0 0 100%;
  }
}
.widget-stats-card-5__stat-card--lg .widget-stats-card-5__stat-middle {
  flex-direction: column;
  align-items: flex-start;
}
.widget-stats-card-5__stat-card--lg .widget-stats-card-5__stat-value {
  font-size: 1.5rem;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__stat-card--lg .widget-stats-card-5__stat-value {
    font-size: 1.25rem;
  }
}
.widget-stats-card-5__stat-card--lg .widget-stats-card-5__stat-bottom {
  gap: 0.625rem;
}
.widget-stats-card-5__stat-card--sm {
  flex: 1;
  min-width: 5rem;
  max-width: 7rem;
  min-height: 7rem;
  align-items: center;
  text-align: center;
  justify-content: space-between;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__stat-card--sm {
    min-width: calc(33.33% - 0.35rem);
    max-width: none;
    flex: 0 0 calc(33.33% - 0.35rem);
    min-height: 6rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-5__stat-card--sm {
    min-width: calc(33.33% - 0.35rem);
    max-width: none;
    flex: 0 0 calc(33.33% - 0.35rem);
  }
}
@media only screen and (max-width: 460px) {
  .widget-stats-card-5__stat-card--sm {
    min-width: 100%;
    flex: 0 0 100%;
  }
}
.widget-stats-card-5__stat-card--sm .widget-stats-card-5__stat-middle {
  justify-content: center;
}
.widget-stats-card-5__stat-card--sm .widget-stats-card-5__stat-bottom {
  justify-content: center;
}
.widget-stats-card-5__stat-card--sm .widget-stats-card-5__stat-label {
  font-size: 0.8125rem;
}
.widget-stats-card-5__stat-card--sm .widget-stats-card-5__stat-value {
  font-size: 1.25rem;
}
.widget-stats-card-5__stat-card--sm .widget-stats-card-5__stat-meta {
  font-size: 0.8125rem;
}
.widget-stats-card-5__stat-card--sm .widget-stats-card-5__stat-badge {
  font-size: 0.875rem;
  padding: 0.25rem 0.625rem;
}
.widget-stats-card-5__stat-card--sm .widget-stats-card-5__stat-trend {
  font-size: 0.8125rem;
}
.widget-stats-card-5__stat-card--sm.widget-stats-card-5__stat-card--red {
  background-color: rgba(255, 197, 197, 0.3);
  border-color: rgba(255, 197, 197, 0.5);
}
.widget-stats-card-5__stat-card--sm.widget-stats-card-5__stat-card--orange {
  background-color: rgba(255, 235, 216, 0.4);
  border-color: rgba(255, 235, 216, 0.6);
}
.widget-stats-card-5__stat-card--sm.widget-stats-card-5__stat-card--green {
  background-color: rgba(199, 220, 167, 0.3);
  border-color: rgba(199, 220, 167, 0.5);
}
.widget-stats-card-5__stat-card--sm.widget-stats-card-5__stat-card--teal {
  background-color: rgba(137, 185, 173, 0.25);
  border-color: rgba(137, 185, 173, 0.45);
}
.widget-stats-card-5__stat-card--sm.widget-stats-card-5__stat-card--purple {
  background-color: rgba(172, 135, 197, 0.25);
  border-color: rgba(172, 135, 197, 0.45);
}
.widget-stats-card-5__stat-card--sm.widget-stats-card-5__stat-card--blue {
  background-color: rgba(138, 205, 215, 0.25);
  border-color: rgba(138, 205, 215, 0.45);
}
.widget-stats-card-5__stat-card--sm.widget-stats-card-5__stat-card--yellow {
  background-color: rgba(220, 214, 167, 0.35);
  border-color: rgba(220, 214, 167, 0.55);
}
.widget-stats-card-5__stat-card--dark {
  background-color: #333333;
  border-color: #333333;
}
.widget-stats-card-5__stat-card--dark .widget-stats-card-5__stat-label {
  color: rgba(255, 255, 255, 0.6);
}
.widget-stats-card-5__stat-card--dark .widget-stats-card-5__stat-value {
  color: #ffffff;
}
.widget-stats-card-5__stat-card--dark .widget-stats-card-5__stat-name {
  color: #ffffff;
}
.widget-stats-card-5__stat-card--dark .widget-stats-card-5__stat-desc {
  color: rgba(255, 255, 255, 0.6);
}
.widget-stats-card-5__stat-card--dark .widget-stats-card-5__stat-arrow {
  background-color: #ffffff;
  color: #333333;
}
.widget-stats-card-5__stat-card--dark .widget-stats-card-5__stat-star {
  color: rgba(255, 255, 255, 0.5);
}
.widget-stats-card-5__stat-card--dark .widget-stats-card-5__stat-star:hover {
  color: #f5c518;
  background-color: rgba(245, 197, 24, 0.2);
}
.widget-stats-card-5__stat-card--highlight {
  border: 2px solid #ff4d6d;
}
.widget-stats-card-5__stat-card--featured {
  position: relative;
}
.widget-stats-card-5__stat-card--featured .widget-stats-card-5__stat-star {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  font-size: 1.125rem;
  color: #5E6C84;
  cursor: pointer;
  line-height: 1;
  transition: all 0.2s ease;
  border-radius: 50%;
  padding: 0.25rem;
}
.widget-stats-card-5__stat-card--featured .widget-stats-card-5__stat-star:hover {
  color: #f5c518;
  background-color: rgba(245, 197, 24, 0.15);
  transform: scale(1.1);
}
.widget-stats-card-5__stat-card--featured .widget-stats-card-5__stat-star:active {
  transform: scale(0.95);
}
.widget-stats-card-5__stat-middle {
  flex: 1;
  display: flex;
  align-items: center;
}
.widget-stats-card-5__stat-bottom {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.widget-stats-card-5__stat-label {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #5E6C84;
  line-height: 1.2;
}
.widget-stats-card-5__stat-value {
  font-size: 1.375rem;
  font-weight: 600;
  color: #333333;
  line-height: 1.2;
}
.widget-stats-card-5__stat-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #f7f7f7;
}
.widget-stats-card-5__stat-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-stats-card-5__stat-info {
  flex: 1;
  min-width: 0;
}
.widget-stats-card-5__stat-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.widget-stats-card-5__stat-desc {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #5E6C84;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-stats-card-5__avatar-stack {
  display: flex;
  align-items: center;
  padding: 2px 0;
}
.widget-stats-card-5__avatar-stack-item {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 2px solid #ffffff;
  margin-left: -0.5rem;
  flex-shrink: 0;
  background-color: #f7f7f7;
}
.widget-stats-card-5__avatar-stack-item:first-child {
  margin-left: 0;
}
.widget-stats-card-5__avatar-stack-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.widget-stats-card-5__stat-card--dark .widget-stats-card-5__avatar-stack-item {
  border-color: #333333;
}
.widget-stats-card-5__stat-arrow {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: #333333;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: auto;
}
.widget-stats-card-5__stat-arrow .material-symbols-sharp {
  font-size: 0.875rem;
}
.widget-stats-card-5__stat-meta {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  font-size: 0.8125rem;
  color: #5E6C84;
}
.widget-stats-card-5__stat-meta .material-symbols-sharp {
  font-size: 0.875rem;
}
.widget-stats-card-5__stat-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.widget-stats-card-5__stat-badge--pink {
  background-color: rgba(255, 77, 109, 0.15);
  color: #ff4d6d;
}
.widget-stats-card-5__stat-badge--green {
  background-color: rgba(199, 220, 167, 0.5);
  color: #648334;
}
.widget-stats-card-5__stat-badge--red {
  background-color: rgba(255, 197, 197, 0.5);
  color: #f80000;
}
.widget-stats-card-5__stat-trend {
  font-size: 0.8125rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0.125rem;
}
.widget-stats-card-5__stat-trend--positive {
  color: #7fa743;
}
.widget-stats-card-5__stat-trend--negative {
  color: #ff2c2c;
}
.widget-stats-card-5__stat-trend .material-symbols-sharp {
  font-size: 0.8125rem;
}
.widget-stats-card-5__team-bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__team-bar {
    gap: 0.5rem;
    padding: 0.625rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-5__team-bar {
    gap: 0.5rem;
    padding: 0.5rem;
  }
}
.widget-stats-card-5__team-member {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
  flex: 1;
  min-width: 8rem;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__team-member {
    min-width: calc(25% - 0.5rem);
    flex: 1 1 calc(25% - 0.5rem);
    padding: 0.375rem 0.625rem;
  }
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-5__team-member {
    min-width: calc(33.33% - 0.5rem);
    flex: 1 1 calc(33.33% - 0.5rem);
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-5__team-member {
    min-width: calc(50% - 0.5rem);
    flex: 0 0 calc(50% - 0.25rem);
  }
}
@media only screen and (max-width: 460px) {
  .widget-stats-card-5__team-member {
    min-width: 100%;
    flex: 0 0 100%;
  }
}
.widget-stats-card-5__team-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #AC87C5;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__team-avatar {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.widget-stats-card-5__team-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-stats-card-5__team-avatar--initials {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #ffffff;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__team-avatar--initials {
    font-size: 0.8125rem;
  }
}
.widget-stats-card-5__team-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__team-value {
    font-size: 0.8125rem;
  }
}
.widget-stats-card-5__team-percent {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-left: auto;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__team-percent {
    font-size: 0.8125rem;
  }
}
.widget-stats-card-5__team-details-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1rem;
  background-color: #333333;
  color: #ffffff;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  flex-shrink: 0;
}
.widget-stats-card-5__team-details-btn:hover {
  background-color: #1a1a1a;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-5__team-details-btn {
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
  }
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-5__team-details-btn {
    width: 100%;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-5__team-details-btn {
    width: 100%;
    justify-content: center;
  }
}
.widget-stats-card-6 {
  position: relative;
  background-color: #333333;
  border-radius: 0.5rem;
  padding: 1.5rem;
  overflow: hidden;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6 {
    padding: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6 {
    padding: 1rem;
  }
}
.widget-stats-card-6__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  gap: 1rem;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__header {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__header {
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
  }
}
.widget-stats-card-6__title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
  line-height: 1.2;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__title {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-6__title {
    font-size: 1.125rem;
  }
}
.widget-stats-card-6__period-tabs {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  padding: 0.25rem;
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__period-tabs {
    width: 100%;
    justify-content: center;
  }
}
.widget-stats-card-6__period-tab {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  background: transparent;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__period-tab {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__period-tab {
    flex: 1;
    text-align: center;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-6__period-tab {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
}
.widget-stats-card-6__period-tab:hover {
  color: rgba(255, 255, 255, 0.8);
}
.widget-stats-card-6__period-tab--active {
  background-color: #ffffff;
  color: #333333;
}
.widget-stats-card-6__period-tab--active:hover {
  color: #333333;
}
.widget-stats-card-6__range-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.875rem;
  background-color: rgba(255, 255, 255, 0.15);
  border: none;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__range-btn {
    padding: 0.375rem 0.625rem;
    font-size: 0.8125rem;
  }
}
.widget-stats-card-6__range-btn:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.widget-stats-card-6__range-btn .material-symbols-sharp {
  font-size: 1.125rem;
}
.widget-stats-card-6__date-row-wrapper {
  position: relative;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__date-row-wrapper {
    margin-bottom: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__date-row-wrapper {
    margin-bottom: 1rem;
    gap: 0.375rem;
  }
}
.widget-stats-card-6__date-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  width: 2.75rem;
  border-radius: 0.375rem;
  height: 3.5rem;
  background-color: rgba(255, 255, 255, 0.25);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__date-arrow {
    min-width: 2.5rem;
    width: 2.5rem;
    height: 3.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__date-arrow {
    min-width: 2.25rem;
    width: 2.25rem;
    height: 3rem;
  }
}
.widget-stats-card-6__date-arrow:hover {
  background-color: rgba(255, 255, 255, 0.35);
}
.widget-stats-card-6__date-arrow .material-symbols-sharp {
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__date-arrow .material-symbols-sharp {
    font-size: 1rem;
  }
}
.widget-stats-card-6__date-arrow--visible {
  opacity: 1;
  pointer-events: auto;
}
.widget-stats-card-6__date-row {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.widget-stats-card-6__date-row::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__date-row {
    gap: 0.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__date-row {
    gap: 0.25rem;
  }
}
.widget-stats-card-6__date-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  width: 2.75rem;
  padding: 0.5rem 0.25rem;
  padding-bottom: 0.75rem;
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  position: relative;
  scroll-snap-align: start;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__date-card {
    min-width: 2.5rem;
    width: 2.5rem;
    padding: 0.375rem 0.25rem;
    padding-bottom: 0.625rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__date-card {
    min-width: 2.25rem;
    width: 2.25rem;
    padding: 0.25rem 0.125rem;
    padding-bottom: 0.5rem;
  }
}
.widget-stats-card-6__date-card:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.widget-stats-card-6__date-card--active {
  background-color: #AC87C5;
}
.widget-stats-card-6__date-card--active .widget-stats-card-6__date-number,
.widget-stats-card-6__date-card--active .widget-stats-card-6__date-day {
  color: #ffffff;
}
.widget-stats-card-6__date-card--active .widget-stats-card-6__date-indicator {
  background-color: #ffffff;
}
.widget-stats-card-6__date-card--has-event .widget-stats-card-6__date-indicator {
  display: block;
}
.widget-stats-card-6__date-card--today {
  border: 2px solid #89B9AD;
}
.widget-stats-card-6__date-card--today .widget-stats-card-6__date-number {
  color: #89B9AD;
}
.widget-stats-card-6__date-card--weekend {
  background-color: rgba(255, 235, 216, 0.15);
}
.widget-stats-card-6__date-card--weekend .widget-stats-card-6__date-day {
  color: #ffaa59;
}
.widget-stats-card-6__date-number {
  font-size: 0.875rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0.0625rem;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__date-number {
    font-size: 0.8125rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__date-number {
    font-size: 0.75rem;
  }
}
.widget-stats-card-6__date-day {
  font-size: 0.625rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__date-day {
    font-size: 0.5625rem;
  }
}
.widget-stats-card-6__date-indicator {
  display: none;
  position: absolute;
  bottom: 0.25rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #C7DCA7;
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__date-indicator {
    bottom: 0.1875rem;
    width: 0.1875rem;
    height: 0.1875rem;
  }
}
.widget-stats-card-6__chart-area {
  position: relative;
  height: 16rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__chart-area {
    height: 14rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__chart-area {
    height: 12rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-6__chart-area {
    height: 10rem;
  }
}
.widget-stats-card-6__chart-area .highcharts-container {
  border-radius: 0.75rem;
}
.widget-stats-card-6__chart-area .highcharts-background {
  fill: transparent;
}
.widget-stats-card-6__chart-area .highcharts-xaxis-labels text,
.widget-stats-card-6__chart-area .highcharts-yaxis-labels text {
  fill: rgba(255, 255, 255, 0.5) !important;
  font-size: 0.75rem !important;
}
.widget-stats-card-6__chart-area .highcharts-grid-line {
  stroke: rgba(255, 255, 255, 0.1);
}
.widget-stats-card-6__chart-container {
  width: 100%;
  height: 100%;
}
.widget-stats-card-6__summary {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__summary {
    margin-top: 1.25rem;
    padding-top: 0.875rem;
    gap: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .widget-stats-card-6__summary {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-6__summary {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
  }
}
.widget-stats-card-6__summary-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-height: 3.5rem;
}
.widget-stats-card-6__summary-label {
  font-size: 0.8125rem;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.widget-stats-card-6__summary-value {
  font-size: 1.25rem;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.2;
}
@media only screen and (max-width: 1400px) {
  .widget-stats-card-6__summary-value {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-6__summary-value {
    font-size: 1rem;
  }
}
.widget-stats-card-6__summary-change {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-top: auto;
}
.widget-stats-card-6__summary-change--positive {
  color: #C7DCA7;
}
.widget-stats-card-6__summary-change--negative {
  color: #FFC5C5;
}
.widget-stats-card-6__summary-change .material-symbols-sharp {
  font-size: 0.8125rem;
}
.widget-stats-card-6--light {
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
}
.widget-stats-card-6--light .widget-stats-card-6__title {
  color: #333333;
}
.widget-stats-card-6--light .widget-stats-card-6__period-tabs {
  background-color: #f7f7f7;
}
.widget-stats-card-6--light .widget-stats-card-6__period-tab {
  color: #5E6C84;
}
.widget-stats-card-6--light .widget-stats-card-6__period-tab:hover {
  color: #333333;
}
.widget-stats-card-6--light .widget-stats-card-6__period-tab--active {
  background-color: #333333;
  color: #ffffff;
}
.widget-stats-card-6--light .widget-stats-card-6__period-tab--active:hover {
  color: #ffffff;
}
.widget-stats-card-6--light .widget-stats-card-6__range-btn {
  background-color: #f7f7f7;
  color: #333333;
}
.widget-stats-card-6--light .widget-stats-card-6__range-btn:hover {
  background-color: #eaeaea;
}
.widget-stats-card-6--light .widget-stats-card-6__date-card {
  background-color: #f7f7f7;
  border-color: transparent;
}
.widget-stats-card-6--light .widget-stats-card-6__date-card:hover {
  background-color: #eaeaea;
  border-color: #e3e3e6;
}
.widget-stats-card-6--light .widget-stats-card-6__date-card--active {
  background-color: #AC87C5;
  border-color: #9465b4;
}
.widget-stats-card-6--light .widget-stats-card-6__date-card--active:hover {
  background-color: #9465b4;
  border-color: #8853ac;
}
.widget-stats-card-6--light .widget-stats-card-6__date-card--today {
  border-color: #89B9AD;
}
.widget-stats-card-6--light .widget-stats-card-6__date-card--weekend {
  background-color: rgba(255, 235, 216, 0.15);
}
.widget-stats-card-6--light .widget-stats-card-6__date-number {
  color: #333333;
}
.widget-stats-card-6--light .widget-stats-card-6__date-day {
  color: #5E6C84;
}
.widget-stats-card-6--light .widget-stats-card-6__date-card--active .widget-stats-card-6__date-number,
.widget-stats-card-6--light .widget-stats-card-6__date-card--active .widget-stats-card-6__date-day {
  color: #ffffff;
}
.widget-stats-card-6--light .widget-stats-card-6__date-card--today .widget-stats-card-6__date-number {
  color: #528a7c;
}
.widget-stats-card-6--light .widget-stats-card-6__date-card--weekend .widget-stats-card-6__date-day {
  color: #ff9d3f;
}
.widget-stats-card-6--light .widget-stats-card-6__date-arrow {
  background-color: #f7f7f7;
}
.widget-stats-card-6--light .widget-stats-card-6__date-arrow:hover {
  background-color: #eaeaea;
}
.widget-stats-card-6--light .widget-stats-card-6__date-arrow .material-symbols-sharp {
  color: #333333;
}
.widget-stats-card-6--light .widget-stats-card-6__summary {
  border-top-color: #e3e3e6;
}
.widget-stats-card-6--light .widget-stats-card-6__summary-label {
  color: #5E6C84;
}
.widget-stats-card-6--light .widget-stats-card-6__summary-value {
  color: #333333;
}
.widget-stats-card-6--light .highcharts-xaxis-labels text,
.widget-stats-card-6--light .highcharts-yaxis-labels text {
  fill: #5E6C84 !important;
}
.widget-stats-card-6--light .highcharts-grid-line {
  stroke: #e3e3e6;
}
.widget-stats-card-7 {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-7 {
    flex-direction: column;
  }
}
.widget-stats-card-7--equal-height {
  height: 100%;
  width: 100%;
}
.widget-stats-card-7__details {
  flex: 1;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 20rem;
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-7__details {
    min-width: auto;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__details {
    padding: 1rem;
    gap: 0.75rem;
  }
}
.widget-stats-card-7__map {
  flex: 1.5;
  min-height: 35rem;
  background-color: #f7f7f7;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-7__map {
    flex: none;
    height: 25rem;
    min-height: auto;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__map {
    height: 20rem;
  }
}
.widget-stats-card-7__map img,
.widget-stats-card-7__map iframe,
.widget-stats-card-7__map #widget7Map {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-stats-card-7__customer-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__customer-header {
    gap: 0.5rem;
  }
}
.widget-stats-card-7__customer-avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__customer-avatar {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.widget-stats-card-7__customer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-stats-card-7__customer-info {
  flex: 1;
  min-width: 0;
}
.widget-stats-card-7__customer-name {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.125rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__customer-name {
    font-size: 0.9375rem;
  }
}
.widget-stats-card-7__customer-id {
  font-size: 0.8125rem;
  color: #5E6C84;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__customer-id {
    font-size: 0.75rem;
  }
}
.widget-stats-card-7__status-badge {
  padding: 0.375rem 0.875rem;
  border-radius: 1.25rem;
  font-size: 0.8125rem;
  font-weight: 500;
  border: 1px solid;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__status-badge {
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
  }
}
.widget-stats-card-7__status-badge--delivering {
  color: #ff9d3f;
  border-color: #ffd1a5;
  background-color: rgba(255, 235, 216, 0.2);
}
.widget-stats-card-7__status-badge--completed {
  color: #7fa743;
  border-color: #b0cd83;
  background-color: rgba(199, 220, 167, 0.2);
}
.widget-stats-card-7__status-badge--pending {
  color: #a79c43;
  border-color: #cdc583;
  background-color: rgba(220, 214, 167, 0.2);
}
.widget-stats-card-7__status-badge--cancelled {
  color: #ff2c2c;
  border-color: #ff9292;
  background-color: rgba(255, 197, 197, 0.2);
}
.widget-stats-card-7__address-section {
  background-color: #f7f7f7;
  border-radius: 0.75rem;
  padding: 1rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__address-section {
    padding: 0.75rem;
    border-radius: 0.5rem;
  }
}
.widget-stats-card-7__address-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.375rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__address-label {
    font-size: 0.75rem;
  }
}
.widget-stats-card-7__address-text {
  font-size: 0.8125rem;
  color: #5E6C84;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__address-text {
    margin-bottom: 0.5rem;
  }
}
.widget-stats-card-7__address-meta {
  display: flex;
  gap: 2rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__address-meta {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.widget-stats-card-7__meta-item {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.widget-stats-card-7__meta-label {
  font-size: 0.75rem;
  color: #5E6C84;
}
.widget-stats-card-7__meta-value {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
}
.widget-stats-card-7__items-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__items-list {
    gap: 0.5rem;
  }
}
.widget-stats-card-7__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e3e3e6;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__item {
    gap: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.widget-stats-card-7__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.widget-stats-card-7__item-image {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__item-image {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.widget-stats-card-7__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-stats-card-7__item-info {
  flex: 1;
  min-width: 0;
}
.widget-stats-card-7__item-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__item-name {
    font-size: 0.8125rem;
  }
}
.widget-stats-card-7__item-desc {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-stats-card-7__item-qty {
  font-size: 0.8125rem;
  color: #5E6C84;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__item-qty {
    font-size: 0.75rem;
  }
}
.widget-stats-card-7__item-price {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #333333;
  flex-shrink: 0;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__item-price {
    font-size: 0.8125rem;
  }
}
.widget-stats-card-7__summary {
  background-color: #f7f7f7;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-top: auto;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__summary {
    padding: 0.75rem;
    border-radius: 0.5rem;
  }
}
.widget-stats-card-7__summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.widget-stats-card-7__summary-row:last-child {
  margin-bottom: 0;
}
.widget-stats-card-7__summary-row--total {
  padding-top: 0.75rem;
  margin-top: 0.5rem;
  border-top: 2px dashed #d6d6d6;
}
.widget-stats-card-7__summary-row--total .widget-stats-card-7__summary-label,
.widget-stats-card-7__summary-row--total .widget-stats-card-7__summary-value {
  font-size: 1rem;
  font-weight: 700;
  color: #333333;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__summary-row--total .widget-stats-card-7__summary-label,
  .widget-stats-card-7__summary-row--total .widget-stats-card-7__summary-value {
    font-size: 0.9375rem;
  }
}
.widget-stats-card-7__summary-label {
  font-size: 0.875rem;
  color: #5E6C84;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__summary-label {
    font-size: 0.8125rem;
  }
}
.widget-stats-card-7__summary-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__summary-value {
    font-size: 0.8125rem;
  }
}
.widget-stats-card-7__delivery-section {
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.75rem;
  padding: 1rem;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  box-shadow: 0 4px 12px rgba(51, 51, 51, 0.1);
}
@media only screen and (max-width: 991px) {
  .widget-stats-card-7__delivery-section {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 1rem;
    box-shadow: none;
  }
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__delivery-section {
    padding: 0.75rem;
    gap: 0.5rem;
    margin: 0.75rem;
    border-radius: 0.5rem;
  }
}
.widget-stats-card-7__delivery-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.75rem;
}
.widget-stats-card-7__delivery-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__delivery-avatar {
    width: 2rem;
    height: 2rem;
  }
}
.widget-stats-card-7__delivery-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-stats-card-7__delivery-info {
  flex: 1;
  min-width: 0;
}
.widget-stats-card-7__delivery-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.125rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__delivery-name {
    font-size: 0.8125rem;
  }
}
.widget-stats-card-7__delivery-id {
  font-size: 0.75rem;
  color: #5E6C84;
}
.widget-stats-card-7__delivery-phone {
  text-align: right;
  flex-shrink: 0;
}
.widget-stats-card-7__phone-label {
  font-size: 0.75rem;
  color: #5E6C84;
  margin-bottom: 0.125rem;
}
.widget-stats-card-7__phone-number {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-7__phone-number {
    font-size: 0.8125rem;
  }
}
.widget-stats-card-7__map-marker {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 3px solid #ffffff;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(51, 51, 51, 0.2);
}
.widget-stats-card-7__map-marker img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-stats-card-7__map-marker--pickup {
  top: 10%;
  right: 30%;
}
.widget-stats-card-7__map-marker--dropoff {
  top: 45%;
  right: 15%;
}
.widget-stats-card-8 {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  overflow: hidden;
}
.widget-stats-card-8--equal-height {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.widget-stats-card-8--equal-height .widget-stats-card-8__body {
  flex: 1;
  overflow-y: auto;
}
.widget-stats-card-8__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8125rem 1.015625rem;
  border-bottom: 1px solid #e3e3e6;
  background: linear-gradient(180deg, #fafbfc 0%, #e9ecef 100%);
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-8__header {
    padding: 0.75rem;
  }
}
.widget-stats-card-8__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #333333;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-8__title {
    font-size: 0.875rem;
  }
}
.widget-stats-card-8__title .material-symbols-sharp {
  font-size: 1.25rem;
  color: #5E6C84;
}
.widget-stats-card-8__view-all {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #0067ff;
  text-decoration: none;
  transition: color 0.2s ease;
}
.widget-stats-card-8__view-all:hover {
  color: #0052cc;
}
.widget-stats-card-8__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.5rem;
  background-color: #0067ff;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.75rem;
}
.widget-stats-card-8__date {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #5E6C84;
  background-color: #f7f7f7;
  padding: 0.25rem 0.625rem;
  border-radius: 0.25rem;
}
.widget-stats-card-8__body {
  padding: 0.5rem 0;
}
.widget-stats-card-8__item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.625rem 1rem;
  transition: background-color 0.2s ease;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-8__item {
    padding: 0.5rem 0.75rem;
    gap: 0.5rem;
  }
}
.widget-stats-card-8__item:hover {
  background-color: #f7f7f7;
}
.widget-stats-card-8__icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-8__icon {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.widget-stats-card-8__icon .material-symbols-sharp {
  font-size: 1rem;
  color: #333333;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-8__icon .material-symbols-sharp {
    font-size: 0.875rem;
  }
}
.widget-stats-card-8__icon--success {
  background-color: #C7DCA7;
}
.widget-stats-card-8__icon--success .material-symbols-sharp {
  color: #7fa743;
}
.widget-stats-card-8__icon--error {
  background-color: #FFC5C5;
}
.widget-stats-card-8__icon--error .material-symbols-sharp {
  color: #ff1212;
}
.widget-stats-card-8__icon--warning {
  background-color: #dcd6a7;
}
.widget-stats-card-8__icon--warning .material-symbols-sharp {
  color: #837a34;
}
.widget-stats-card-8__icon--info {
  background-color: #8ACDD7;
}
.widget-stats-card-8__icon--info .material-symbols-sharp {
  color: #2c7782;
}
.widget-stats-card-8__icon--orange {
  background-color: #FFEBD8;
}
.widget-stats-card-8__icon--orange .material-symbols-sharp {
  color: #f27600;
}
.widget-stats-card-8__avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-8__avatar {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.widget-stats-card-8__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-stats-card-8__content {
  flex: 1;
  min-width: 0;
}
.widget-stats-card-8__text {
  font-size: 0.8125rem;
  color: #333333;
  line-height: 1.4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
.widget-stats-card-8__text strong {
  font-weight: 600;
}
.widget-stats-card-8__time {
  font-size: 0.75rem;
  color: #5E6C84;
  margin-top: 0.25rem;
}
.widget-stats-card-8__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
}
.widget-stats-card-8__badge--teal {
  background-color: rgba(137, 185, 173, 0.25);
  color: #487a6e;
}
.widget-stats-card-8__badge--blue {
  background-color: rgba(138, 205, 215, 0.25);
  color: #338895;
}
.widget-stats-card-8__badge--green {
  background-color: rgba(199, 220, 167, 0.3);
  color: #72953b;
}
.widget-stats-card-8__badge--red {
  background-color: rgba(255, 197, 197, 0.25);
  color: #ff2c2c;
}
.widget-stats-card-8__badge--orange {
  background-color: rgba(255, 235, 216, 0.3);
  color: #ff8f26;
}
.widget-stats-card-8__badge--purple {
  background-color: rgba(172, 135, 197, 0.25);
  color: #603a79;
}
.widget-stats-card-8--timeline .widget-stats-card-8__body {
  padding: 0.75rem 0;
  position: relative;
}
.widget-stats-card-8--timeline .widget-stats-card-8__body::before {
  content: '';
  position: absolute;
  left: 5rem;
  top: 1rem;
  bottom: 1rem;
  width: 2px;
  background-color: #e3e3e6;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-8--timeline .widget-stats-card-8__body::before {
    left: 4.5rem;
  }
}
.widget-stats-card-8__timeline-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.75rem 1rem;
  position: relative;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
  margin-left: 0;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-8__timeline-item {
    padding: 0.625rem 0.75rem;
    gap: 0.75rem;
  }
}
.widget-stats-card-8__timeline-item:hover {
  background-color: rgba(0, 103, 255, 0.05);
  border-left-color: #0067ff;
}
.widget-stats-card-8__timeline-item:hover .widget-stats-card-8__timeline-title {
  color: #0067ff;
}
.widget-stats-card-8__timeline-item:hover .widget-stats-card-8__timeline-dot {
  transform: scale(1.2);
}
.widget-stats-card-8__timeline-time {
  min-width: 2.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #5E6C84;
  text-align: right;
  padding-top: 0.125rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-8__timeline-time {
    min-width: 2.25rem;
    font-size: 0.75rem;
  }
}
.widget-stats-card-8__timeline-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #d6d6d6;
  flex-shrink: 0;
  margin-top: 0.25rem;
  position: relative;
  z-index: 1;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 2px #e3e3e6;
  transition: transform 0.2s ease;
}
.widget-stats-card-8__timeline-dot--success {
  background-color: #a4c670;
  box-shadow: 0 0 0 2px rgba(199, 220, 167, 0.3);
}
.widget-stats-card-8__timeline-dot--error {
  background-color: #ff7878;
  box-shadow: 0 0 0 2px rgba(255, 197, 197, 0.3);
}
.widget-stats-card-8__timeline-dot--warning {
  background-color: #b8ac4c;
  box-shadow: 0 0 0 2px rgba(220, 214, 167, 0.4);
}
.widget-stats-card-8__timeline-dot--info {
  background-color: #51b5c4;
  box-shadow: 0 0 0 2px rgba(138, 205, 215, 0.3);
}
.widget-stats-card-8__timeline-dot--orange {
  background-color: #ffb772;
  box-shadow: 0 0 0 2px rgba(255, 235, 216, 0.35);
}
.widget-stats-card-8__timeline-content {
  flex: 1;
  min-width: 0;
}
.widget-stats-card-8__timeline-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
  line-height: 1.4;
  margin-bottom: 0.25rem;
  transition: color 0.2s ease;
}
.widget-stats-card-8__timeline-desc {
  font-size: 0.8125rem;
  color: #5E6C84;
  line-height: 1.4;
}
.widget-stats-card-8--compact .widget-stats-card-8__item {
  padding: 0.625rem 1rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-8--compact .widget-stats-card-8__item {
    padding: 0.5rem 0.75rem;
  }
}
.widget-stats-card-8--compact .widget-stats-card-8__text {
  font-size: 0.8125rem;
}
.widget-stats-card-8--compact .widget-stats-card-8__text strong {
  font-size: 0.8125rem;
}
.widget-stats-card-8--compact .widget-stats-card-8__time {
  font-size: 0.75rem;
}
.widget-stats-card-9 {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  overflow: hidden;
}
.widget-stats-card-9--equal-height {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.widget-stats-card-9--equal-height .widget-stats-card-9__body {
  flex: 1;
  overflow-y: auto;
}
.widget-stats-card-9__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8125rem 1.015625rem;
  border-bottom: 1px solid #e3e3e6;
  background: linear-gradient(180deg, #fafbfc 0%, #e9ecef 100%);
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-9__header {
    padding: 0.75rem;
  }
}
.widget-stats-card-9__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #333333;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-9__title {
    font-size: 0.875rem;
  }
}
.widget-stats-card-9__title .material-symbols-sharp {
  font-size: 1.25rem;
  color: #5E6C84;
}
.widget-stats-card-9__view-all {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #0067ff;
  text-decoration: none;
  transition: color 0.2s ease;
}
.widget-stats-card-9__view-all:hover {
  color: #0052cc;
}
.widget-stats-card-9__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.5rem;
  background-color: #0067ff;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 0.75rem;
}
.widget-stats-card-9__body {
  padding: 0.5rem 0;
}
.widget-stats-card-9__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 1rem;
  border-left: 3px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-9__item {
    padding: 0.5rem 0.75rem;
    gap: 0.5rem;
  }
}
.widget-stats-card-9__item:hover {
  background-color: #f7f7f7;
}
.widget-stats-card-9__item--active {
  background-color: rgba(0, 103, 255, 0.08);
  border-left-color: #0067ff;
}
.widget-stats-card-9__item--active .widget-stats-card-9__name {
  color: #0067ff;
}
.widget-stats-card-9__avatar {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #ffffff;
  overflow: hidden;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-9__avatar {
    width: 2rem;
    height: 2rem;
    font-size: 0.6875rem;
  }
}
.widget-stats-card-9__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget-stats-card-9__avatar--yellow {
  background-color: #dcd6a7;
  color: #837a34;
}
.widget-stats-card-9__avatar--purple {
  background-color: #AC87C5;
}
.widget-stats-card-9__avatar--green {
  background-color: #C7DCA7;
  color: #648334;
}
.widget-stats-card-9__avatar--blue {
  background-color: #8ACDD7;
  color: #26666f;
}
.widget-stats-card-9__avatar--orange {
  background-color: #FFEBD8;
  color: #ff820c;
}
.widget-stats-card-9__avatar--red {
  background-color: #FFC5C5;
  color: #f80000;
}
.widget-stats-card-9__avatar--teal {
  background-color: #89B9AD;
}
.widget-stats-card-9__content {
  flex: 1;
  min-width: 0;
}
.widget-stats-card-9__header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.125rem;
}
.widget-stats-card-9__name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
  margin-bottom: 0.125rem;
}
.widget-stats-card-9__end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
  flex-shrink: 0;
}
.widget-stats-card-9__time {
  font-size: 0.6875rem;
  color: #5E6C84;
  flex-shrink: 0;
}
.widget-stats-card-9__details {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: #5E6C84;
}
.widget-stats-card-9__ref {
  font-weight: 500;
}
.widget-stats-card-9__separator {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #d6d6d6;
}
.widget-stats-card-9__location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-stats-card-9__subtitle {
  font-size: 0.75rem;
  color: #5E6C84;
}
.widget-stats-card-9__badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.6875rem;
  font-weight: 600;
  flex-shrink: 0;
}
.widget-stats-card-9__badge--yellow {
  background-color: rgba(220, 214, 167, 0.35);
  color: #958b3b;
}
.widget-stats-card-9__badge--green {
  background-color: rgba(199, 220, 167, 0.3);
  color: #72953b;
}
.widget-stats-card-9__badge--red {
  background-color: rgba(255, 197, 197, 0.25);
  color: #ff2c2c;
}
.widget-stats-card-9__badge--blue {
  background-color: rgba(138, 205, 215, 0.25);
  color: #338895;
}
.widget-stats-card-9__badge--gray {
  background-color: #f7f7f7;
  color: #5E6C84;
}
.widget-stats-card-9__status-dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.widget-stats-card-9__status-dot--online {
  background-color: #a4c670;
}
.widget-stats-card-9__status-dot--busy {
  background-color: #ffc48c;
}
.widget-stats-card-9__status-dot--offline {
  background-color: #d6d6d6;
}
.widget-stats-card-9__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.125rem;
  flex-shrink: 0;
}
.widget-stats-card-9__trips {
  font-size: 0.75rem;
  font-weight: 500;
  color: #5E6C84;
}
.widget-stats-card-9__rating {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #333333;
}
.widget-stats-card-9__rating .material-symbols-sharp {
  font-size: 0.875rem;
  color: #f5c518;
}
.widget-stats-card-9--compact .widget-stats-card-9__item {
  padding: 0.5rem 1rem;
}
@media only screen and (max-width: 580px) {
  .widget-stats-card-9--compact .widget-stats-card-9__item {
    padding: 0.375rem 0.75rem;
  }
}
.widget-stats-card-9--compact .widget-stats-card-9__avatar {
  width: 2rem;
  height: 2rem;
  font-size: 0.6875rem;
}
.widget-stats-card-9--compact .widget-stats-card-9__name {
  margin-bottom: 0.125rem;
}
.widget-stats-card-10 {
  position: relative;
  border-radius: 0.5rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
.widget-stats-card-10::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: inherit;
  z-index: 0;
}
.widget-stats-card-10::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, transparent 100%);
  border-radius: 0.5rem 0.5rem 0 0;
  z-index: 0;
  pointer-events: none;
}
.widget-stats-card-10--purple {
  background: linear-gradient(135deg, #994ecb 0%, #7324a9 100%);
  border: 1px solid rgba(196, 169, 214, 0.5);
}
.widget-stats-card-10--purple .widget-stats-card-10__label {
  color: rgba(255, 255, 255, 0.9);
}
.widget-stats-card-10--purple .widget-stats-card-10__value {
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(96, 58, 121, 0.3);
}
.widget-stats-card-10--orange {
  background: linear-gradient(135deg, #ffb772 0%, #ff8f26 100%);
  border: 1px solid rgba(255, 248, 242, 0.5);
}
.widget-stats-card-10--orange .widget-stats-card-10__label {
  color: rgba(255, 255, 255, 0.9);
}
.widget-stats-card-10--orange .widget-stats-card-10__value {
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(255, 130, 12, 0.3);
}
.widget-stats-card-10--teal {
  background: linear-gradient(135deg, #51bea3 0%, #2b977c 100%);
  border: 1px solid rgba(169, 204, 195, 0.5);
}
.widget-stats-card-10--teal .widget-stats-card-10__label {
  color: rgba(255, 255, 255, 0.9);
}
.widget-stats-card-10--teal .widget-stats-card-10__value {
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(63, 106, 95, 0.3);
}
.widget-stats-card-10--red {
  background: linear-gradient(135deg, #ff5f5f 0%, #ff1313 100%);
  border: 1px solid rgba(255, 223, 223, 0.5);
}
.widget-stats-card-10--red .widget-stats-card-10__label {
  color: rgba(255, 255, 255, 0.9);
}
.widget-stats-card-10--red .widget-stats-card-10__value {
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(248, 0, 0, 0.3);
}
.widget-stats-card-10--green {
  background: linear-gradient(135deg, #a9df57 0%, #88d01a 100%);
  border: 1px solid rgba(211, 227, 185, 0.5);
}
.widget-stats-card-10--green .widget-stats-card-10__label {
  color: rgba(255, 255, 255, 0.9);
}
.widget-stats-card-10--green .widget-stats-card-10__value {
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(114, 149, 59, 0.3);
}
.widget-stats-card-10--blue {
  background: linear-gradient(135deg, #34cae1 0%, #10a2b8 100%);
  border: 1px solid rgba(157, 213, 221, 0.5);
}
.widget-stats-card-10--blue .widget-stats-card-10__label {
  color: rgba(255, 255, 255, 0.9);
}
.widget-stats-card-10--blue .widget-stats-card-10__value {
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(44, 119, 130, 0.3);
}
.widget-stats-card-10--yellow {
  background: linear-gradient(135deg, #dfd057 0%, #d0bc1a 100%);
  border: 1px solid rgba(227, 223, 185, 0.5);
}
.widget-stats-card-10--yellow .widget-stats-card-10__label {
  color: rgba(51, 51, 51, 0.8);
}
.widget-stats-card-10--yellow .widget-stats-card-10__value {
  color: #333333;
  text-shadow: none;
}
.widget-stats-card-10--yellow .widget-stats-card-10__trend {
  color: #7fa743;
}
.widget-stats-card-10--yellow .widget-stats-card-10__trend--down {
  color: #ff2c2c;
}
.widget-stats-card-10--yellow .widget-stats-card-10__icon .material-symbols-sharp {
  color: #333333;
}
.widget-stats-card-10__icon {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.widget-stats-card-10__icon .material-symbols-sharp {
  font-size: 1.5rem;
  color: #ffffff;
}
.widget-stats-card-10__content {
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 1;
}
.widget-stats-card-10__label {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 500;
}
.widget-stats-card-10__value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.widget-stats-card-10__trend {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  margin-top: 0.375rem;
  font-weight: 500;
}
.widget-stats-card-10__trend .material-symbols-sharp {
  font-size: 1rem;
}
.widget-stats-card-10__trend--up {
  color: #d4ffde;
}
.widget-stats-card-10__trend--down {
  color: #ffe0e0;
}
.widget-stats-card-10__chart {
  width: 7.5rem;
  height: 3.5rem;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.widget-stats-card-10__chart canvas {
  width: 100% !important;
  height: 100% !important;
}
.widget-stats-card-11 {
  background: linear-gradient(145deg, #f5f5f8, #e8e8eb);
  border-radius: 0.5rem;
  padding: 1.5rem;
  box-shadow: 6px 6px 12px #d1d1d4, -6px -6px 12px #ffffff;
  transition: all 0.3s ease;
}
.widget-stats-card-11:hover {
  box-shadow: 4px 4px 8px #d1d1d4, -4px -4px 8px #ffffff;
}
.widget-stats-card-11__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.widget-stats-card-11__icon {
  width: 3rem;
  height: 3rem;
  border-radius: 0.875rem;
  background: linear-gradient(145deg, #f5f5f8, #e8e8eb);
  box-shadow: inset 3px 3px 6px #d1d1d4, inset -3px -3px 6px #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget-stats-card-11__icon .material-symbols-sharp {
  font-size: 1.375rem;
  color: #8d3ac6;
}
.widget-stats-card-11__icon--purple .material-symbols-sharp {
  color: #8d3ac6;
}
.widget-stats-card-11__icon--teal .material-symbols-sharp {
  color: #36a68a;
}
.widget-stats-card-11__icon--green .material-symbols-sharp {
  color: #95dd26;
}
.widget-stats-card-11__icon--blue .material-symbols-sharp {
  color: #18b3ca;
}
.widget-stats-card-11__icon--orange .material-symbols-sharp {
  color: #ff9d3f;
}
.widget-stats-card-11__icon--red .material-symbols-sharp {
  color: #ff2c2c;
}
.widget-stats-card-11__icon--yellow .material-symbols-sharp {
  color: #bfab12;
}
.widget-stats-card-11__badge {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #5E6C84;
  background: linear-gradient(145deg, #fafafa, #f0f0f3);
  padding: 0.3125rem 0.75rem;
  border-radius: 1rem;
  box-shadow: 2px 2px 4px #d1d1d4, -2px -2px 4px #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.widget-stats-card-11__body {
  margin-bottom: 0.75rem;
}
.widget-stats-card-11__value {
  font-size: 1.875rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.2;
}
.widget-stats-card-11__label {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-top: 0.25rem;
}
.widget-stats-card-11__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.widget-stats-card-11__chart {
  flex: 1;
  height: 2.75rem;
}
.widget-stats-card-11__chart canvas {
  width: 100% !important;
  height: 100% !important;
}
.widget-stats-card-11__trend {
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.5rem;
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.05), inset -2px -2px 4px #ffffff;
}
.widget-stats-card-11__trend--up {
  color: #95dd26;
  background: rgba(199, 220, 167, 0.2);
}
.widget-stats-card-11__trend--down {
  color: #ff4545;
  background: rgba(255, 197, 197, 0.2);
}
.widget-stats-card-12 {
  border-radius: 0.5rem;
  padding: 1.25rem;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  min-height: 10rem;
  display: flex;
  flex-direction: column;
}
.widget-stats-card-12--purple {
  background: linear-gradient(135deg, #a367cc 0%, #8d3ac6 100%);
}
.widget-stats-card-12--blue {
  background: linear-gradient(135deg, #5acdde 0%, #26c7df 100%);
}
.widget-stats-card-12--green {
  background: linear-gradient(135deg, #b7df7b 0%, #a3dd4a 100%);
}
.widget-stats-card-12--orange {
  background: linear-gradient(135deg, #ffd1a5 0%, #ffb772 100%);
}
.widget-stats-card-12--red {
  background: linear-gradient(135deg, #ff9292 0%, #ff5f5f 100%);
}
.widget-stats-card-12--teal {
  background: linear-gradient(135deg, #69c0aa 0%, #43b397 100%);
}
.widget-stats-card-12--yellow {
  background: linear-gradient(135deg, #dfd47b 0%, #ddcc4a 100%);
}
.widget-stats-card-12__content {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: auto;
}
.widget-stats-card-12__icon {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.widget-stats-card-12__icon .material-symbols-sharp {
  font-size: 1.5rem;
  color: #ffffff;
}
.widget-stats-card-12__info {
  flex: 1;
}
.widget-stats-card-12__value {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.widget-stats-card-12__label {
  font-size: 0.8125rem;
  opacity: 0.9;
  margin-top: 0.25rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.widget-stats-card-12__chart {
  height: 4rem;
  margin: 0.5rem 0;
  opacity: 0.9;
}
.widget-stats-card-12__chart canvas {
  width: 100% !important;
  height: 100% !important;
}
.widget-stats-card-12__footer {
  margin-top: auto;
}
.widget-stats-card-12__trend {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  background: rgba(255, 255, 255, 0.2);
  padding: 0.375rem 0.625rem;
  border-radius: 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.widget-stats-card-12__trend .material-symbols-sharp {
  font-size: 0.875rem;
}
.widget-stats-card-12__trend--down {
  background: rgba(0, 0, 0, 0.15);
}
.widget-stats-card-13 {
  background: #ffffff;
  border-radius: 0.5rem;
  padding: 1.25rem;
  border: none;
  box-shadow: 0 0 0 1px #e3e3e6, 0 1px 3px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  min-height: 11rem;
}
.widget-stats-card-13:hover {
  box-shadow: 0 0 0 1px #e3e3e6, 0 4px 12px rgba(0, 0, 0, 0.08);
}
.widget-stats-card-13__header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.widget-stats-card-13__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #5E6C84;
}
.widget-stats-card-13__dot--green {
  background: #C7DCA7;
}
.widget-stats-card-13__dot--blue {
  background: #8ACDD7;
}
.widget-stats-card-13__dot--purple {
  background: #AC87C5;
}
.widget-stats-card-13__dot--orange {
  background: #FFEBD8;
}
.widget-stats-card-13__label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.widget-stats-card-13__body {
  margin-bottom: 1rem;
}
.widget-stats-card-13__value {
  font-size: 1.75rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.2;
}
.widget-stats-card-13__meta {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: #5E6C84;
  margin-top: 0.375rem;
}
.widget-stats-card-13__change {
  font-weight: 600;
}
.widget-stats-card-13__change--up {
  color: #14b474;
}
.widget-stats-card-13__change--down {
  color: #f5392f;
}
.widget-stats-card-13__chart {
  height: 4rem;
  margin-top: auto;
  padding-top: 0.5rem;
}
.widget-stats-card-13__chart canvas {
  width: 100% !important;
  height: 100% !important;
}
.widget-stats-card-13--equal-height {
  width: 100%;
  height: 100%;
  min-height: auto;
}
.widget-stats-card-14 {
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  border: 1px solid #e3e3e6;
}
.widget-stats-card-14--equal-height {
  height: 26rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.widget-stats-card-14--equal-height .widget-stats-card-14__chart {
  flex: 1;
  min-height: 0;
}
.widget-stats-card-14__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.widget-stats-card-14__title-group {
  flex: 1;
}
.widget-stats-card-14__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333333;
  margin: 0 0 0.25rem 0;
}
.widget-stats-card-14__subtitle {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin: 0;
}
.widget-stats-card-14__menu {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.5rem;
  transition: background-color 0.2s ease;
}
.widget-stats-card-14__menu .material-symbols-sharp {
  font-size: 1.25rem;
  color: #5E6C84;
}
.widget-stats-card-14__menu:hover {
  background-color: #f7f7f7;
}
.widget-stats-card-14__stats {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.widget-stats-card-14__stat-item {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.widget-stats-card-14__stat-icon {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.widget-stats-card-14__stat-icon .material-symbols-sharp {
  font-size: 1.375rem;
}
.widget-stats-card-14__stat-icon--purple {
  background-color: rgba(172, 135, 197, 0.3);
}
.widget-stats-card-14__stat-icon--purple .material-symbols-sharp {
  color: #7b4b9b;
}
.widget-stats-card-14__stat-icon--green {
  background-color: rgba(199, 220, 167, 0.4);
}
.widget-stats-card-14__stat-icon--green .material-symbols-sharp {
  color: #8db84c;
}
.widget-stats-card-14__stat-icon--blue {
  background-color: rgba(138, 205, 215, 0.4);
}
.widget-stats-card-14__stat-icon--blue .material-symbols-sharp {
  color: #399aa8;
}
.widget-stats-card-14__stat-icon--orange {
  background-color: rgba(255, 235, 216, 0.5);
}
.widget-stats-card-14__stat-icon--orange .material-symbols-sharp {
  color: #ff9d3f;
}
.widget-stats-card-14__stat-icon--teal {
  background-color: rgba(137, 185, 173, 0.4);
}
.widget-stats-card-14__stat-icon--teal .material-symbols-sharp {
  color: #487a6e;
}
.widget-stats-card-14__stat-icon--red {
  background-color: rgba(255, 197, 197, 0.4);
}
.widget-stats-card-14__stat-icon--red .material-symbols-sharp {
  color: #ff4545;
}
.widget-stats-card-14__stat-info {
  flex: 1;
  min-width: 0;
}
.widget-stats-card-14__stat-label {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.125rem;
}
.widget-stats-card-14__stat-sublabel {
  font-size: 0.75rem;
  color: #5E6C84;
}
.widget-stats-card-14__stat-value {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}
.widget-stats-card-14__stat-amount {
  font-size: 1.125rem;
  font-weight: 600;
  color: #333333;
}
.widget-stats-card-14__stat-trend {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 500;
}
.widget-stats-card-14__stat-trend .material-symbols-sharp {
  font-size: 1rem;
}
.widget-stats-card-14__stat-trend--up {
  color: #14b474;
}
.widget-stats-card-14__stat-trend--down {
  color: #f5392f;
}
.widget-stats-card-14__chart {
  height: 10rem;
}
.widget-stats-card-14__chart canvas {
  width: 100% !important;
  height: 100% !important;
}
.widget-stats-card-15 {
  background-color: #ffffff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  border: 1px solid #e3e3e6;
}
.widget-stats-card-15__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #333333;
  margin: 0 0 1.5rem 0;
}
.widget-stats-card-15__chart-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1.5rem;
}
.widget-stats-card-15__chart {
  width: 100%;
  max-width: 16rem;
  height: 10rem;
  position: relative;
}
.widget-stats-card-15__chart canvas {
  width: 100% !important;
  height: 100% !important;
}
.widget-stats-card-15__center-text {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.widget-stats-card-15__center-label {
  font-size: 0.8125rem;
  color: #5E6C84;
  font-weight: 500;
}
.widget-stats-card-15__center-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333333;
}
.widget-stats-card-15__legend {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e3e3e6;
  padding-top: 1rem;
}
.widget-stats-card-15__legend-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  text-align: center;
}
.widget-stats-card-15__legend-item:not(:last-child) {
  border-right: 1px solid #e3e3e6;
}
.widget-stats-card-15__legend-bar {
  width: 2rem;
  height: 0.25rem;
  border-radius: 0.125rem;
}
.widget-stats-card-15__legend-bar--purple {
  background-color: #AC87C5;
}
.widget-stats-card-15__legend-bar--blue {
  background-color: #6366f1;
}
.widget-stats-card-15__legend-bar--teal {
  background-color: #89B9AD;
}
.widget-stats-card-15__legend-bar--green {
  background-color: #C7DCA7;
}
.widget-stats-card-15__legend-bar--orange {
  background-color: #FFEBD8;
}
.widget-stats-card-15__legend-bar--red {
  background-color: #FFC5C5;
}
.widget-stats-card-15__legend-value {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
}
.widget-stats-card-15__legend-label {
  font-size: 0.75rem;
  color: #5E6C84;
}
.widget-stats-card-16 {
  background: radial-gradient(ellipse 80% 50% at 80% 0%, rgba(255, 235, 216, 0.15) 0%, transparent 50%), radial-gradient(ellipse 60% 40% at 20% 100%, rgba(172, 135, 197, 0.12) 0%, transparent 45%), radial-gradient(ellipse 100% 80% at 50% 50%, rgba(138, 205, 215, 0.05) 0%, transparent 70%), linear-gradient(160deg, #ffffff 0%, rgba(255, 235, 216, 0.04) 50%, rgba(172, 135, 197, 0.03) 100%);
  border-radius: 0.5rem;
  padding: 1.5rem;
  border: 1px solid #e3e3e6;
  position: relative;
  overflow: hidden;
}
.widget-stats-card-16--equal-height {
  height: 26rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.widget-stats-card-16--equal-height .widget-stats-card-16__stats {
  margin-top: auto;
}
.widget-stats-card-16::before {
  content: '';
  position: absolute;
  top: -4rem;
  right: -3rem;
  width: 12rem;
  height: 12rem;
  background: radial-gradient(circle at 30% 70%, rgba(255, 235, 216, 0.2) 0%, transparent 50%), radial-gradient(circle at 70% 30%, rgba(220, 214, 167, 0.15) 0%, transparent 40%);
  border-radius: 50%;
  z-index: 0;
  filter: blur(1px);
}
.widget-stats-card-16::after {
  content: '';
  position: absolute;
  bottom: -3rem;
  left: -2.5rem;
  width: 10rem;
  height: 10rem;
  background: radial-gradient(circle at 60% 40%, rgba(172, 135, 197, 0.18) 0%, transparent 50%), radial-gradient(circle at 30% 70%, rgba(137, 185, 173, 0.12) 0%, transparent 45%);
  border-radius: 50%;
  z-index: 0;
  filter: blur(1px);
}
.widget-stats-card-16__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}
.widget-stats-card-16__title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333333;
  margin: 0;
}
.widget-stats-card-16__menu {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.375rem;
  border: 1px solid #e3e3e6;
  transition: background-color 0.2s ease;
}
.widget-stats-card-16__menu .material-symbols-sharp {
  font-size: 1.25rem;
  color: #5E6C84;
}
.widget-stats-card-16__menu:hover {
  background-color: #f7f7f7;
}
.widget-stats-card-16__gauge-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
  z-index: 1;
}
.widget-stats-card-16__gauge {
  width: 100%;
  max-width: 14rem;
  height: 8rem;
  position: relative;
}
.widget-stats-card-16__gauge canvas {
  width: 100% !important;
  height: 100% !important;
}
.widget-stats-card-16__gauge-center {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.widget-stats-card-16__gauge-value {
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
  line-height: 1;
}
.widget-stats-card-16__gauge-label {
  font-size: 0.8125rem;
  color: #5E6C84;
  font-weight: 500;
}
.widget-stats-card-16__banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #f7f7f7;
  border-radius: 0.75rem;
  padding: 0.875rem 1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: #333333;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
.widget-stats-card-16__banner .material-symbols-sharp {
  font-size: 1.25rem;
  color: #ffc48c;
}
.widget-stats-card-16__banner--purple .material-symbols-sharp {
  color: #AC87C5;
}
.widget-stats-card-16__banner--purple .widget-stats-card-16__highlight {
  color: #8853ac;
}
.widget-stats-card-16__banner--teal .material-symbols-sharp {
  color: #89B9AD;
}
.widget-stats-card-16__banner--teal .widget-stats-card-16__highlight {
  color: #5b9a8a;
}
.widget-stats-card-16__highlight {
  font-weight: 700;
  color: #ffc48c;
}
.widget-stats-card-16__stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  position: relative;
  z-index: 1;
}
.widget-stats-card-16__stat-card {
  background-color: #f7f7f7;
  border-radius: 0.75rem;
  padding: 1rem;
}
.widget-stats-card-16__stat-card--dark {
  background-color: #333333;
}
.widget-stats-card-16__stat-card--dark .widget-stats-card-16__stat-label {
  color: rgba(255, 255, 255, 0.7);
}
.widget-stats-card-16__stat-card--dark .widget-stats-card-16__stat-value {
  color: #ffffff;
}
.widget-stats-card-16__stat-card--dark .widget-stats-card-16__stat-badge--down {
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}
.widget-stats-card-16__stat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.widget-stats-card-16__stat-label {
  font-size: 0.75rem;
  color: #5E6C84;
  font-weight: 500;
  white-space: nowrap;
}
.widget-stats-card-16__stat-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
}
.widget-stats-card-16__stat-badge .material-symbols-sharp {
  font-size: 0.75rem;
}
.widget-stats-card-16__stat-badge--up {
  background-color: rgba(255, 235, 216, 0.2);
  color: #ffb772;
}
.widget-stats-card-16__stat-badge--down {
  background-color: #333333;
  color: #ffffff;
}
.widget-stats-card-16__stat-value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333333;
}
.widget-stats-card-17 {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  padding: 2rem;
  min-height: 12.5rem;
  position: relative;
  overflow: hidden;
}
.widget-stats-card-17::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, #8853ac 0%, #8f5eb1 35%, rgba(153, 107, 184, 0.7) 55%, rgba(119, 197, 209, 0.3) 100%);
  z-index: 1;
  border-radius: 0.5rem;
}
.widget-stats-card-17--teal::before {
  background: linear-gradient(to right, #528a7c 0%, #589485 35%, rgba(99, 162, 146, 0.7) 55%, rgba(176, 205, 131, 0.3) 100%);
}
.widget-stats-card-17__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  z-index: 2;
}
.widget-stats-card-17__greeting {
  font-size: 1.5rem;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.9;
}
.widget-stats-card-17__name {
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0.25rem 0 0.5rem;
}
.widget-stats-card-17__email {
  font-size: 0.9375rem;
  color: #ffffff;
  opacity: 0.7;
  margin-bottom: 1rem;
}
.widget-stats-card-17__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #7b4b9b;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 2rem;
  text-decoration: none;
  transition: all 0.2s ease;
  width: fit-content;
}
.widget-stats-card-17__button:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #6d438a;
}
.widget-stats-card-17--teal .widget-stats-card-17__button {
  color: #487a6e;
}
.widget-stats-card-17--teal .widget-stats-card-17__button:hover {
  color: #3f6a5f;
}
.widget-stats-card-17__image {
  position: absolute;
  left: 4.375rem;
  right: -4.375rem;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.widget-stats-card-17__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  border-radius: 1rem;
}
@media (max-width: 768px) {
  .widget-stats-card-17::before {
    background: linear-gradient(to right, #8853ac 0%, #8f5eb1 45%, rgba(153, 107, 184, 0.8) 65%, rgba(119, 197, 209, 0.5) 100%);
  }
  .widget-stats-card-17--teal::before {
    background: linear-gradient(to right, #528a7c 0%, #589485 45%, rgba(99, 162, 146, 0.8) 65%, rgba(176, 205, 131, 0.5) 100%);
  }
}
@media (max-width: 576px) {
  .widget-stats-card-17 {
    min-height: 14rem;
    padding: 1.5rem;
  }
  .widget-stats-card-17::before {
    background: linear-gradient(to bottom, rgba(136, 83, 172, 0.95) 0%, rgba(148, 101, 180, 0.7) 60%, rgba(119, 197, 209, 0.4) 100%);
  }
  .widget-stats-card-17--teal::before {
    background: linear-gradient(to bottom, rgba(82, 138, 124, 0.95) 0%, rgba(91, 154, 138, 0.7) 60%, rgba(176, 205, 131, 0.4) 100%);
  }
  .widget-stats-card-17__image img {
    object-position: center top;
  }
}
.widget-stats-card-17--equal-height {
  width: 100%;
  height: 100%;
  min-height: auto;
}
.widget-stats-card-18 {
  background: #ffffff;
  border-radius: 0.5rem;
  padding: 1.25rem;
  border: 1px solid #e3e3e6;
}
.widget-stats-card-18__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.widget-stats-card-18__title {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
  margin: 0;
}
.widget-stats-card-18__calendar .fc-toolbar {
  margin-bottom: 0.75rem !important;
  gap: 0.5rem;
}
.widget-stats-card-18__calendar .fc-toolbar.fc-header-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.widget-stats-card-18__calendar .fc-toolbar-title {
  font-size: 0.875rem !important;
  font-weight: 600;
  color: #333333;
}
.widget-stats-card-18__calendar .fc-button {
  padding: 0.25rem 0.5rem !important;
  font-size: 0.75rem !important;
  background: #f7f7f7 !important;
  border: none !important;
  color: #5E6C84 !important;
  border-radius: 0.25rem !important;
  box-shadow: none !important;
  transition: all 0.2s ease;
}
.widget-stats-card-18__calendar .fc-button:hover {
  background: #eaeaea !important;
  color: #333333 !important;
}
.widget-stats-card-18__calendar .fc-button:focus {
  box-shadow: none !important;
}
.widget-stats-card-18__calendar .fc-button.fc-button-active {
  background: #8853ac !important;
  color: #ffffff !important;
}
.widget-stats-card-18__calendar .fc-prev-button,
.widget-stats-card-18__calendar .fc-next-button {
  width: 2.125rem !important;
  height: 2.125rem !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.widget-stats-card-18__calendar .fc-prev-button .fc-icon,
.widget-stats-card-18__calendar .fc-next-button .fc-icon {
  font-size: 1rem;
}
.widget-stats-card-18__calendar .fc-button-group {
  gap: 0.25rem;
}
.widget-stats-card-18__calendar .fc-button-group .fc-button {
  border-radius: 0.25rem !important;
}
.widget-stats-card-18__calendar .fc-col-header-cell {
  padding: 0.375rem 0;
  border: none;
  background: transparent;
}
.widget-stats-card-18__calendar .fc-col-header-cell .fc-col-header-cell-cushion {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
}
.widget-stats-card-18__calendar .fc-view-harness {
  min-height: 14rem;
}
.widget-stats-card-18__calendar .fc-daygrid-body {
  border: none;
}
.widget-stats-card-18__calendar .fc-scrollgrid {
  border: none !important;
}
.widget-stats-card-18__calendar .fc-scrollgrid-section > td {
  border: none;
}
.widget-stats-card-18__calendar .fc-scrollgrid-sync-table {
  border: none;
}
.widget-stats-card-18__calendar .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
  border: 0;
}
.widget-stats-card-18__calendar .fc-daygrid-day {
  border: none !important;
  background-color: transparent !important;
}
.widget-stats-card-18__calendar .fc-daygrid-day:hover {
  background: #f7f7f7;
}
.widget-stats-card-18__calendar .fc-daygrid-day-frame {
  min-height: 2rem !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
}
.widget-stats-card-18__calendar .fc-daygrid-day-top {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.widget-stats-card-18__calendar .fc-daygrid-day-number {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333333;
  padding: 0.25rem;
  text-decoration: none;
  border-radius: 0.375rem;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}
.widget-stats-card-18__calendar .fc-daygrid-day-number:hover {
  background: #f7f7f7;
}
.widget-stats-card-18__calendar .fc-day-today {
  background: transparent !important;
}
.widget-stats-card-18__calendar .fc-day-today .fc-daygrid-day-number {
  background: rgba(172, 135, 197, 0.15);
  color: #6d438a;
  font-weight: 600;
}
.widget-stats-card-18__calendar .fc-daygrid-day.fc-day-selected .fc-daygrid-day-number,
.widget-stats-card-18__calendar .fc-daygrid-day[data-selected="true"] .fc-daygrid-day-number {
  background: #8853ac;
  color: #ffffff;
  font-weight: 600;
}
.widget-stats-card-18__calendar .fc-daygrid-day-events {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  margin-top: 0.125rem !important;
  min-height: auto !important;
  padding: 0 !important;
  position: relative !important;
}
.widget-stats-card-18__calendar .fc-daygrid-day-bottom {
  display: none !important;
}
.widget-stats-card-18__calendar .fc-daygrid-event-harness {
  margin: 0 !important;
  position: relative !important;
  inset: auto !important;
}
.widget-stats-card-18__calendar .fc-daygrid-event-harness-abs {
  position: relative !important;
}
.widget-stats-card-18__calendar .fc-daygrid-event,
.widget-stats-card-18__calendar .fc-daygrid-dot-event,
.widget-stats-card-18__calendar .fc-daygrid-block-event {
  width: 1.25rem !important;
  height: 0.1875rem !important;
  min-height: 0 !important;
  border-radius: 0.125rem !important;
  padding: 0 !important;
  margin: 0.0625rem 0 !important;
  overflow: hidden !important;
  display: block !important;
}
.widget-stats-card-18__calendar .fc-daygrid-event .fc-event-main,
.widget-stats-card-18__calendar .fc-daygrid-dot-event .fc-event-main,
.widget-stats-card-18__calendar .fc-daygrid-block-event .fc-event-main {
  display: none !important;
}
.widget-stats-card-18__calendar .fc-daygrid-event-dot {
  display: none !important;
}
.widget-stats-card-18__calendar .fc-event-title,
.widget-stats-card-18__calendar .fc-event-time,
.widget-stats-card-18__calendar .fc-event-main-frame {
  display: none !important;
}
.widget-stats-card-18__calendar .fc-daygrid-more-link {
  font-size: 0.5rem;
  color: #5E6C84;
  padding: 0;
  margin: 0;
}
.widget-stats-card-18__calendar .fc-daygrid-week-number {
  display: none;
}
.widget-stats-card-18__events {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e3e3e6;
}
.widget-stats-card-18__events-title {
  font-size: 0.75rem;
  font-weight: 600;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 0.75rem 0;
}
.widget-stats-card-18__events-list {
  display: flex;
  flex-direction: column;
}
.widget-stats-card-18__event {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0;
}
.widget-stats-card-18__event:not(:last-child) {
  border-bottom: 1px solid #e3e3e6;
}
.widget-stats-card-18__event-indicator {
  width: 1.25rem;
  height: 0.25rem;
  border-radius: 0.125rem;
  background: #7b4b9b;
  flex-shrink: 0;
}
.widget-stats-card-18__event-content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  flex: 1;
  min-width: 0;
}
.widget-stats-card-18__event-title {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-stats-card-18__event-time {
  font-size: 0.75rem;
  color: #5E6C84;
}
.widget-stats-card-18__event-details {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-left: auto;
  flex-shrink: 0;
}
.widget-stats-card-18__event-avatars {
  display: flex;
  align-items: center;
}
.widget-stats-card-18__event-avatar {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 2px solid #ffffff;
  object-fit: cover;
  margin-left: -0.5rem;
}
.widget-stats-card-18__event-avatar:first-child {
  margin-left: 0;
}
.widget-stats-card-18__event-avatar-more {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #f7f7f7;
  border: 2px solid #ffffff;
  margin-left: -0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-weight: 600;
  color: #5E6C84;
}
.widget-stats-card-18__event-duration {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #5E6C84;
  white-space: nowrap;
}
.widget-stats-card-18__event-status {
  font-size: 0.625rem;
  padding: 0.125rem 0.375rem;
  white-space: nowrap;
}
.widget-stats-card-18__event--green .widget-stats-card-18__event-indicator {
  background: #99bf5e;
}
.widget-stats-card-18__event--blue .widget-stats-card-18__event-indicator {
  background: #40abbb;
}
.widget-stats-card-18__event--orange .widget-stats-card-18__event-indicator {
  background: #ffb772;
}
.widget-stats-card-18__event--red .widget-stats-card-18__event-indicator {
  background: #ff5f5f;
}
.widget-stats-card-18__event--teal .widget-stats-card-18__event-indicator {
  background: #528a7c;
}
.widget-stats-card-18__event--purple .widget-stats-card-18__event-indicator {
  background: #7b4b9b;
}
.widget-stats-card-19 {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
.widget-stats-card-19:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.widget-stats-card-19__icon-wrapper {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(172, 135, 197, 0.3) 0%, rgba(172, 135, 197, 0.1) 100%);
}
.widget-stats-card-19__icon-wrapper--small {
  width: 3.5rem;
  height: 3.5rem;
}
.widget-stats-card-19__icon-wrapper--large {
  width: 5.5rem;
  height: 5.5rem;
}
.widget-stats-card-19__icon {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}
.widget-stats-card-19__icon-wrapper--small .widget-stats-card-19__icon {
  width: 2.25rem;
  height: 2.25rem;
}
.widget-stats-card-19__icon-wrapper--large .widget-stats-card-19__icon {
  width: 3.75rem;
  height: 3.75rem;
}
.widget-stats-card-19__content {
  flex: 1;
  min-width: 0;
}
.widget-stats-card-19__label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #5E6C84;
  margin-bottom: 0.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-stats-card-19__subtitle {
  font-size: 0.75rem;
  color: #5E6C84;
  opacity: 0.8;
  margin-bottom: 0.25rem;
}
.widget-stats-card-19__value-row {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.widget-stats-card-19__value {
  font-size: 1.75rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.widget-stats-card-19__trend {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
}
.widget-stats-card-19__trend--up {
  color: #7fa743;
  background-color: rgba(199, 220, 167, 0.4);
}
.widget-stats-card-19__trend--down {
  color: #ff5f5f;
  background-color: rgba(255, 197, 197, 0.4);
}
.widget-stats-card-19__trend-icon {
  font-size: 0.625rem;
  line-height: 1;
}
.widget-stats-card-19__trend-value {
  line-height: 1;
}
.widget-stats-card-19--purple .widget-stats-card-19__icon-wrapper {
  background: linear-gradient(135deg, rgba(172, 135, 197, 0.4) 0%, rgba(172, 135, 197, 0.15) 100%);
}
.widget-stats-card-19--blue .widget-stats-card-19__icon-wrapper {
  background: linear-gradient(135deg, rgba(138, 205, 215, 0.4) 0%, rgba(138, 205, 215, 0.15) 100%);
}
.widget-stats-card-19--teal .widget-stats-card-19__icon-wrapper {
  background: linear-gradient(135deg, rgba(137, 185, 173, 0.4) 0%, rgba(137, 185, 173, 0.15) 100%);
}
.widget-stats-card-19--green .widget-stats-card-19__icon-wrapper {
  background: linear-gradient(135deg, rgba(199, 220, 167, 0.4) 0%, rgba(199, 220, 167, 0.15) 100%);
}
.widget-stats-card-19--orange .widget-stats-card-19__icon-wrapper {
  background: linear-gradient(135deg, rgba(255, 235, 216, 0.4) 0%, rgba(255, 235, 216, 0.15) 100%);
}
.widget-stats-card-19--red .widget-stats-card-19__icon-wrapper {
  background: linear-gradient(135deg, rgba(255, 197, 197, 0.4) 0%, rgba(255, 197, 197, 0.15) 100%);
}
.widget-stats-card-19--yellow .widget-stats-card-19__icon-wrapper {
  background: linear-gradient(135deg, rgba(220, 214, 167, 0.4) 0%, rgba(220, 214, 167, 0.15) 100%);
}
.widget-stats-card-20 {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  border-bottom: 3px solid rgba(172, 135, 197, 0.7);
  border-radius: 0.875rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 11rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.widget-stats-card-20:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.widget-stats-card-20:hover .widget-stats-card-20__icon-wrap {
  transform: translateY(-4px);
}
.widget-stats-card-20:hover .widget-stats-card-20__icon {
  transform: scale(1.08);
}
.widget-stats-card-20__icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.875rem;
  transition: transform 0.3s ease;
}
.widget-stats-card-20__icon {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
  transition: transform 0.3s ease;
}
.widget-stats-card-20__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5rem;
}
.widget-stats-card-20__value {
  font-size: 1.625rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.widget-stats-card-20__label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #5E6C84;
  margin-top: 0.125rem;
}
.widget-stats-card-20__trend {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: auto;
  padding-top: 0.5rem;
}
.widget-stats-card-20__trend .material-symbols-sharp {
  font-size: 1rem;
}
.widget-stats-card-20__trend--up {
  color: #7fa743;
}
.widget-stats-card-20__trend--down {
  color: #ff7878;
}
.widget-stats-card-20--purple {
  border-bottom-color: rgba(148, 101, 180, 0.8);
}
.widget-stats-card-20--blue {
  border-bottom-color: rgba(100, 189, 202, 0.8);
}
.widget-stats-card-20--teal {
  border-bottom-color: rgba(105, 166, 151, 0.8);
}
.widget-stats-card-20--green {
  border-bottom-color: rgba(176, 205, 131, 0.8);
}
.widget-stats-card-20--orange {
  border-bottom-color: rgba(255, 209, 165, 0.8);
}
.widget-stats-card-20--red {
  border-bottom-color: rgba(255, 146, 146, 0.8);
}
.widget-stats-card-20--yellow {
  border-bottom-color: rgba(205, 197, 131, 0.8);
}
@keyframes widget21FadeScaleIn {
  0% {
    transform: rotate(5deg) scale(0.5);
    opacity: 0;
  }
  100% {
    transform: rotate(5deg) scale(1);
    opacity: 0.5;
  }
}
@keyframes widget21FadeUp {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.widget-stats-card-21 {
  position: relative;
  border-radius: 0.75rem;
  padding: 1.5rem;
  min-height: 9rem;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  animation: widget21FadeUp 0.5s ease-out backwards;
  background: linear-gradient(135deg, rgba(172, 135, 197, 0.85) 0%, rgba(148, 101, 180, 0.9) 100%);
}
.widget-stats-card-21:nth-child(1) {
  animation-delay: 0.1s;
}
.widget-stats-card-21:nth-child(1) .widget-stats-card-21__bg-icon {
  animation-delay: 0.3s;
}
.widget-stats-card-21:nth-child(2) {
  animation-delay: 0.2s;
}
.widget-stats-card-21:nth-child(2) .widget-stats-card-21__bg-icon {
  animation-delay: 0.4s;
}
.widget-stats-card-21:nth-child(3) {
  animation-delay: 0.3s;
}
.widget-stats-card-21:nth-child(3) .widget-stats-card-21__bg-icon {
  animation-delay: 0.5s;
}
.widget-stats-card-21:nth-child(4) {
  animation-delay: 0.4s;
}
.widget-stats-card-21:nth-child(4) .widget-stats-card-21__bg-icon {
  animation-delay: 0.6s;
}
.widget-stats-card-21:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.widget-stats-card-21:hover .widget-stats-card-21__bg-icon {
  transform: rotate(12deg) scale(1.15) translateY(-8px);
  opacity: 0.7;
}
.widget-stats-card-21__bg-icon {
  position: absolute;
  right: -0.5rem;
  bottom: -0.5rem;
  width: 10rem;
  height: 10rem;
  opacity: 0;
  pointer-events: none;
  transform: rotate(5deg) scale(0.5);
  animation: widget21FadeScaleIn 0.6s ease-out forwards;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.widget-stats-card-21__bg-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.15));
}
.widget-stats-card-21__content {
  position: relative;
  z-index: 1;
  flex: 1;
}
.widget-stats-card-21__label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 0.375rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.widget-stats-card-21__value {
  font-size: 2.25rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.widget-stats-card-21__trend {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.625rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  backdrop-filter: blur(4px);
}
.widget-stats-card-21__trend--up {
  background: rgba(255, 255, 255, 0.25);
}
.widget-stats-card-21__trend--down {
  background: rgba(0, 0, 0, 0.15);
}
.widget-stats-card-21__trend-icon {
  font-size: 0.625rem;
}
.widget-stats-card-21--purple {
  background: linear-gradient(135deg, rgba(172, 135, 197, 0.9) 0%, rgba(136, 83, 172, 0.95) 100%);
}
.widget-stats-card-21--blue {
  background: linear-gradient(135deg, rgba(138, 205, 215, 0.9) 0%, rgba(81, 181, 196, 0.95) 100%);
}
.widget-stats-card-21--teal {
  background: linear-gradient(135deg, rgba(137, 185, 173, 0.9) 0%, rgba(91, 154, 138, 0.95) 100%);
}
.widget-stats-card-21--green {
  background: linear-gradient(135deg, rgba(199, 220, 167, 0.9) 0%, rgba(164, 198, 112, 0.95) 100%);
}
.widget-stats-card-21--orange {
  background: linear-gradient(135deg, rgba(255, 235, 216, 0.9) 0%, rgba(255, 196, 140, 0.95) 100%);
}
.widget-stats-card-21--red {
  background: linear-gradient(135deg, rgba(255, 197, 197, 0.9) 0%, rgba(255, 120, 120, 0.95) 100%);
}
.widget-stats-card-21--yellow {
  background: linear-gradient(135deg, rgba(220, 214, 167, 0.9) 0%, rgba(198, 189, 112, 0.95) 100%);
}
.widget-stats-card-21--orange .widget-stats-card-21__label,
.widget-stats-card-21--yellow .widget-stats-card-21__label,
.widget-stats-card-21--green .widget-stats-card-21__label {
  color: rgba(0, 0, 0, 0.6);
}
.widget-stats-card-21--orange .widget-stats-card-21__value,
.widget-stats-card-21--yellow .widget-stats-card-21__value,
.widget-stats-card-21--green .widget-stats-card-21__value {
  color: rgba(0, 0, 0, 0.85);
  text-shadow: none;
}
.widget-stats-card-21--orange .widget-stats-card-21__trend,
.widget-stats-card-21--yellow .widget-stats-card-21__trend,
.widget-stats-card-21--green .widget-stats-card-21__trend {
  background: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.75);
}
.widget-stats-card-22 {
  perspective: 1000px;
  height: 10rem;
}
.widget-stats-card-22__inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
}
.widget-stats-card-22:hover .widget-stats-card-22__inner {
  transform: rotateY(180deg);
}
.widget-stats-card-22__front,
.widget-stats-card-22__back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 0.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  text-align: center;
}
.widget-stats-card-22__front {
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.widget-stats-card-22__icon {
  width: 4.5rem;
  height: 4.5rem;
  object-fit: contain;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
  margin-bottom: 0.5rem;
}
.widget-stats-card-22__front-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.widget-stats-card-22__back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg, rgba(172, 135, 197, 0.95) 0%, rgba(143, 94, 177, 0.98) 100%);
}
.widget-stats-card-22__value {
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 0.25rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.widget-stats-card-22__back-label {
  font-size: 0.6875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.5rem;
}
.widget-stats-card-22__trend {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #ffffff;
  padding: 0.25rem 0.625rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.2);
}
.widget-stats-card-22__trend .material-symbols-sharp {
  font-size: 0.875rem;
}
.widget-stats-card-22__trend--up {
  background: rgba(255, 255, 255, 0.25);
}
.widget-stats-card-22__trend--down {
  background: rgba(0, 0, 0, 0.15);
}
.widget-stats-card-22--purple .widget-stats-card-22__back {
  background: linear-gradient(135deg, rgba(172, 135, 197, 0.95) 0%, rgba(136, 83, 172, 0.98) 100%);
}
.widget-stats-card-22--blue .widget-stats-card-22__back {
  background: linear-gradient(135deg, rgba(138, 205, 215, 0.95) 0%, rgba(81, 181, 196, 0.98) 100%);
}
.widget-stats-card-22--teal .widget-stats-card-22__back {
  background: linear-gradient(135deg, rgba(137, 185, 173, 0.95) 0%, rgba(91, 154, 138, 0.98) 100%);
}
.widget-stats-card-22--green .widget-stats-card-22__back {
  background: linear-gradient(135deg, rgba(199, 220, 167, 0.95) 0%, rgba(164, 198, 112, 0.98) 100%);
}
.widget-stats-card-22--orange .widget-stats-card-22__back {
  background: linear-gradient(135deg, rgba(255, 235, 216, 0.95) 0%, rgba(255, 196, 140, 0.98) 100%);
}
.widget-stats-card-22--red .widget-stats-card-22__back {
  background: linear-gradient(135deg, rgba(255, 197, 197, 0.95) 0%, rgba(255, 120, 120, 0.98) 100%);
}
.widget-stats-card-22--yellow .widget-stats-card-22__back {
  background: linear-gradient(135deg, rgba(220, 214, 167, 0.95) 0%, rgba(198, 189, 112, 0.98) 100%);
}
.widget-stats-card-22--orange .widget-stats-card-22__value,
.widget-stats-card-22--yellow .widget-stats-card-22__value,
.widget-stats-card-22--green .widget-stats-card-22__value {
  color: rgba(0, 0, 0, 0.85);
  text-shadow: none;
}
.widget-stats-card-22--orange .widget-stats-card-22__back-label,
.widget-stats-card-22--yellow .widget-stats-card-22__back-label,
.widget-stats-card-22--green .widget-stats-card-22__back-label {
  color: rgba(0, 0, 0, 0.6);
}
.widget-stats-card-22--orange .widget-stats-card-22__trend,
.widget-stats-card-22--yellow .widget-stats-card-22__trend,
.widget-stats-card-22--green .widget-stats-card-22__trend {
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.1);
}
.daterangepicker {
  z-index: 1061 !important;
  padding: 0 !important;
  border-radius: 8px;
  border: 1px solid #e3e3e6;
  background-color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  margin-top: 0.25rem;
  font-family: 'Maven Pro', sans-serif;
}
.daterangepicker:before,
.daterangepicker:after {
  display: none;
}
.daterangepicker .drp-calendar {
  padding: 0.75rem !important;
  max-width: none;
  float: left;
  margin: 0 !important;
}
.daterangepicker .drp-calendar.left {
  border-right: 1px solid #e3e3e6;
}
.daterangepicker .drp-calendar.right {
  padding-left: 0.75rem;
}
.daterangepicker .drp-calendar.single {
  border-right: none;
}
.daterangepicker .calendar-table {
  background-color: transparent;
  border: none;
  padding: 0;
}
.daterangepicker .calendar-table table {
  margin: 0;
  width: 100%;
}
.daterangepicker .calendar-table table tr td,
.daterangepicker .calendar-table table tr th {
  text-align: center;
  width: 2.25rem;
  height: 2.25rem;
  border: none;
  border-radius: 6px;
  padding: 0;
  font-size: 0.8125rem;
  transition: all 0.2s ease;
}
.daterangepicker .calendar-table table tr th {
  font-weight: 600;
  color: #5E6C84;
  padding: 0;
  vertical-align: middle;
}
.daterangepicker .calendar-table table tr th.month {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
}
.daterangepicker .calendar-table table tr th.prev,
.daterangepicker .calendar-table table tr th.next {
  color: #0067ff;
  cursor: pointer;
  font-size: 0;
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem;
  vertical-align: middle;
}
.daterangepicker .calendar-table table tr th.prev span,
.daterangepicker .calendar-table table tr th.next span {
  display: none;
}
.daterangepicker .calendar-table table tr th.prev:before,
.daterangepicker .calendar-table table tr th.next:before {
  font-family: 'Material Symbols Sharp';
  font-size: 1.25rem;
  font-weight: normal;
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
}
.daterangepicker .calendar-table table tr th.prev:hover,
.daterangepicker .calendar-table table tr th.next:hover {
  background-color: rgba(0, 103, 255, 0.1);
}
.daterangepicker .calendar-table table tr th.prev:before {
  content: 'chevron_left';
}
.daterangepicker .calendar-table table tr th.next:before {
  content: 'chevron_right';
}
.daterangepicker .calendar-table table tr th.dow {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #5E6C84;
}
.daterangepicker .calendar-table table tr td {
  color: #333333;
  cursor: pointer;
}
.daterangepicker .calendar-table table tr td:hover {
  background-color: rgba(0, 103, 255, 0.1);
  color: #0067ff;
}
.daterangepicker .calendar-table table tr td.off {
  color: #d6d6d6;
  background-color: transparent;
}
.daterangepicker .calendar-table table tr td.off:hover {
  background-color: transparent;
  color: #d6d6d6;
}
.daterangepicker .calendar-table table tr td.off.in-range,
.daterangepicker .calendar-table table tr td.off.start-date,
.daterangepicker .calendar-table table tr td.off.end-date {
  background-color: transparent;
  color: #d6d6d6;
}
.daterangepicker .calendar-table table tr td.disabled {
  color: #d6d6d6;
  cursor: not-allowed;
  background-color: transparent;
  text-decoration: line-through;
}
.daterangepicker .calendar-table table tr td.disabled:hover {
  background-color: transparent;
  color: #d6d6d6;
}
.daterangepicker .calendar-table table tr td.active,
.daterangepicker .calendar-table table tr td.active:hover {
  background-color: #0067ff;
  color: #ffffff;
  font-weight: 600;
}
.daterangepicker .calendar-table table tr td.today {
  background-color: rgba(0, 103, 255, 0.15);
  color: #0067ff;
  font-weight: 600;
}
.daterangepicker .calendar-table table tr td.today:hover {
  background-color: rgba(0, 103, 255, 0.25);
}
.daterangepicker .calendar-table table tr td.today.active,
.daterangepicker .calendar-table table tr td.today.start-date,
.daterangepicker .calendar-table table tr td.today.end-date {
  background-color: #0067ff;
  color: #ffffff;
}
.daterangepicker .calendar-table table tr td.in-range {
  background-color: rgba(0, 103, 255, 0.08);
  color: #333333;
  border-radius: 0;
}
.daterangepicker .calendar-table table tr td.in-range:hover {
  background-color: rgba(0, 103, 255, 0.15);
}
.daterangepicker .calendar-table table tr td.start-date {
  background-color: #0067ff;
  color: #ffffff;
  font-weight: 600;
  border-radius: 6px 0 0 6px;
}
.daterangepicker .calendar-table table tr td.end-date {
  background-color: #0067ff;
  color: #ffffff;
  font-weight: 600;
  border-radius: 0 6px 6px 0;
}
.daterangepicker .calendar-table table tr td.start-date.end-date {
  border-radius: 6px;
}
.daterangepicker .calendar-table table tr td.week {
  font-size: 0.6875rem;
  color: #5E6C84;
  cursor: default;
}
.daterangepicker .calendar-table table tr td.week:hover {
  background-color: transparent;
  color: #5E6C84;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  padding: 0.3125rem !important;
  font-size: 0.8125rem;
  font-weight: 500;
  border: 1px solid #e3e3e6;
  border-radius: 6px;
  background-color: #ffffff;
  color: #333333;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.daterangepicker select.monthselect:hover,
.daterangepicker select.yearselect:hover,
.daterangepicker select.monthselect:focus,
.daterangepicker select.yearselect:focus {
  border-color: #0067ff;
  outline: none;
}
.daterangepicker select.monthselect {
  margin-right: 0.25rem !important;
}
.daterangepicker select.yearselect {
  margin-left: 0.25rem !important;
}
.daterangepicker .calendar-time {
  padding: 0.5rem 0;
  border-top: 1px solid #e3e3e6;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.daterangepicker .calendar-time select {
  font-size: 0.75rem;
  font-weight: 500;
  border: 1px solid #e3e3e6;
  border-radius: 4px;
  padding: 0.25rem 0.375rem;
  background-color: #ffffff;
  color: #333333;
  cursor: pointer;
  transition: border-color 0.2s ease;
  height: 1.75rem;
  line-height: 1.25rem;
  min-width: 3rem;
  text-align: center;
}
.daterangepicker .calendar-time select:hover,
.daterangepicker .calendar-time select:focus {
  border-color: #0067ff;
  outline: none;
}
.daterangepicker .calendar-time .ampmselect {
  min-width: 2.5rem;
}
.daterangepicker .ranges {
  padding: 0.5rem;
  border-right: 1px solid #e3e3e6;
  float: left;
  margin: 0;
}
.daterangepicker .ranges:empty {
  display: none;
  padding: 0;
  border: none;
}
.daterangepicker .ranges ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 8rem;
}
.daterangepicker .ranges ul li {
  padding: 0.5rem 0.75rem;
  font-size: 0.8125rem;
  color: #333333;
  cursor: pointer;
  border-radius: 6px;
  transition: all 0.2s ease;
  margin-bottom: 0.125rem;
}
.daterangepicker .ranges ul li:hover {
  background-color: rgba(0, 103, 255, 0.1);
  color: #0067ff;
}
.daterangepicker .ranges ul li.active {
  background-color: #0067ff;
  color: #ffffff;
  font-weight: 600;
}
.daterangepicker.show-ranges .drp-calendar.left {
  border-left: none;
}
.daterangepicker.show-ranges:not(.show-calendar) .drp-buttons {
  display: none;
}
.daterangepicker.show-calendar .drp-calendar {
  display: block;
  padding: 0.75rem !important;
}
.daterangepicker.show-calendar .drp-buttons {
  display: flex;
}
.daterangepicker .drp-buttons {
  padding: 0.75rem;
  border-top: 1px solid #e3e3e6;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  clear: both;
  width: 100%;
}
.daterangepicker .drp-buttons .drp-selected {
  flex: 1;
  font-size: 0.75rem;
  color: #5E6C84;
  text-align: right;
  padding-right: 0.5rem;
}
.daterangepicker .drp-buttons .btn {
  font-size: 0.8125rem;
  padding: 0.375rem 0.75rem;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.daterangepicker .drp-buttons .cancelBtn {
  background-color: #f7f7f7;
  border: 1px solid #e3e3e6;
  color: #333333;
}
.daterangepicker .drp-buttons .cancelBtn:hover {
  background-color: #eaeaea;
}
.daterangepicker .drp-buttons .applyBtn {
  background-color: #0067ff;
  border: 1px solid #0067ff;
  color: #ffffff;
}
.daterangepicker .drp-buttons .applyBtn:hover {
  background-color: #0052cc;
  border-color: #0052cc;
}
.daterangepicker .drp-buttons .applyBtn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.daterangepicker.opensright:before,
.daterangepicker.opensleft:before,
.daterangepicker.openscenter:before,
.daterangepicker.opensright:after,
.daterangepicker.opensleft:after,
.daterangepicker.openscenter:after {
  display: none;
}
.daterangepicker.single .drp-calendar.left {
  border-right: none;
}
.daterangepicker.auto-apply .drp-buttons {
  display: none;
}
.daterangepicker-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235E6C84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
  background-size: 1rem 1rem;
  padding-right: 2.25rem !important;
  cursor: pointer;
}
.daterangepicker-input:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230067ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}
@media only screen and (max-width: 767px) {
  .daterangepicker {
    width: 100%;
    max-width: 100%;
  }
  .daterangepicker .drp-calendar {
    max-width: none;
    width: 100%;
    float: none;
  }
  .daterangepicker .drp-calendar.left {
    border-right: none;
    border-bottom: 1px solid #e3e3e6;
  }
  .daterangepicker .calendar-table table tr td,
  .daterangepicker .calendar-table table tr th {
    width: 2.5rem;
    height: 2.5rem;
  }
  .daterangepicker .ranges {
    width: 100%;
    float: none;
    border-right: none;
    border-bottom: 1px solid #e3e3e6;
  }
  .daterangepicker .ranges ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  .daterangepicker .ranges ul li {
    flex: 1 1 calc(50% - 0.25rem);
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  .daterangepicker .calendar-table table tr td,
  .daterangepicker .calendar-table table tr th {
    width: 2rem;
    height: 2rem;
    font-size: 0.75rem;
  }
  .daterangepicker .ranges ul li {
    flex: 1 1 100%;
  }
}
.daterangepicker .calendar-table table tr th.prev,
.daterangepicker .calendar-table table tr th.next,
.daterangepicker .calendar-table table tr th.prev.available,
.daterangepicker .calendar-table table tr th.next.available {
  color: #0067ff !important;
  cursor: pointer !important;
  font-size: 0 !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem !important;
  max-width: 2.25rem !important;
  vertical-align: middle !important;
  border-radius: 6px !important;
  text-align: center !important;
  position: relative !important;
}
.daterangepicker .calendar-table table tr th.prev span,
.daterangepicker .calendar-table table tr th.next span,
.daterangepicker .calendar-table table tr th.prev.available span,
.daterangepicker .calendar-table table tr th.next.available span {
  display: none !important;
}
.daterangepicker .calendar-table table tr th.prev:before,
.daterangepicker .calendar-table table tr th.next:before,
.daterangepicker .calendar-table table tr th.prev.available:before,
.daterangepicker .calendar-table table tr th.next.available:before {
  font-family: 'Material Symbols Sharp' !important;
  font-size: 1.25rem !important;
  font-weight: normal !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.daterangepicker .calendar-table table tr th.prev:hover,
.daterangepicker .calendar-table table tr th.next:hover,
.daterangepicker .calendar-table table tr th.prev.available:hover,
.daterangepicker .calendar-table table tr th.next.available:hover {
  background-color: rgba(0, 103, 255, 0.1) !important;
}
.daterangepicker .calendar-table table tr th.prev:before,
.daterangepicker .calendar-table table tr th.prev.available:before {
  content: 'chevron_left' !important;
}
.daterangepicker .calendar-table table tr th.next:before,
.daterangepicker .calendar-table table tr th.next.available:before {
  content: 'chevron_right' !important;
}
.daterangepicker .calendar-table table tr th {
  height: 2.25rem !important;
}
.daterangepicker .calendar-table table tr th.month {
  width: auto !important;
  height: 2.25rem !important;
}
.daterangepicker-button {
  height: 2.375rem;
  border: 1px solid #e3e3e6 !important;
  background-color: #ffffff !important;
  color: #333333 !important;
  font-size: 0.8125rem;
  font-weight: 400;
  padding: 0.5rem 0.75rem;
  text-align: left;
  transition: all 0.2s ease;
}
.daterangepicker-button:hover,
.daterangepicker-button:focus {
  border-color: #0067ff !important;
  background-color: #ffffff !important;
  box-shadow: none !important;
}
.daterangepicker-button .material-symbols-sharp {
  font-size: 1.125rem;
  color: #5E6C84;
}
.daterangepicker-button .daterange-label {
  font-weight: 400;
  color: #333333;
}
.daterangepicker-btn-primary {
  height: 2.375rem;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  transition: all 0.2s ease;
}
.daterangepicker-btn-primary .material-symbols-sharp {
  font-size: 1.125rem;
}
.daterangepicker-btn-primary .daterange-btn-label {
  font-weight: 500;
}
.email-templates-list .template-item {
  transition: background-color 0.2s ease;
}
.email-templates-list .template-item:hover {
  background-color: #f7f7f7;
}
.email-templates-list .template-item .template-icon {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
}
.email-templates-list .template-item .template-icon .material-symbols-sharp {
  font-size: 1.25rem;
}
.email-templates-list .template-item .template-icon.icon-blue {
  background-color: rgba(0, 103, 255, 0.15);
}
.email-templates-list .template-item .template-icon.icon-blue .material-symbols-sharp {
  color: #0067ff;
}
.email-templates-list .template-item .template-icon.icon-yellow {
  background-color: rgba(253, 186, 44, 0.25);
}
.email-templates-list .template-item .template-icon.icon-yellow .material-symbols-sharp {
  color: #da9502;
}
.email-templates-list .template-item .template-icon.icon-green {
  background-color: rgba(20, 180, 116, 0.15);
}
.email-templates-list .template-item .template-icon.icon-green .material-symbols-sharp {
  color: #14b474;
}
.email-templates-list .template-item .template-icon.icon-red {
  background-color: rgba(255, 197, 197, 0.25);
}
.email-templates-list .template-item .template-icon.icon-red .material-symbols-sharp {
  color: #ff5f5f;
}
.email-templates-list .template-item .template-name {
  font-size: 0.875rem;
  color: #333333;
}
.email-templates-list .template-item .template-desc {
  font-size: 0.75rem;
}
.email-templates-list .template-item .btn-edit {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #5E6C84;
  background-color: transparent;
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
}
.email-templates-list .template-item .btn-edit:hover {
  color: #0067ff;
  border-color: #0067ff;
  background-color: rgba(0, 103, 255, 0.08);
}
.email-templates-list .template-item .btn-edit .material-symbols-sharp {
  font-size: 1rem;
}
.connection-status .status-icon .material-symbols-sharp {
  font-size: 1.5rem;
}
.connection-status .status-title {
  font-size: 0.875rem;
}
.connection-status.status-success {
  background-color: rgba(20, 180, 116, 0.15) !important;
}
.connection-status.status-success .status-icon .material-symbols-sharp {
  color: #14b474;
}
.connection-status.status-error {
  background-color: rgba(255, 197, 197, 0.15) !important;
}
.connection-status.status-error .status-icon .material-symbols-sharp {
  color: #ff5f5f;
}
.input-group .form-floating.flex-fill .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.action-buttons .btn {
  padding: 0.625rem 1.25rem;
  font-weight: 500;
}
.action-buttons .btn .material-symbols-sharp {
  font-size: 1.25rem;
}
.action-buttons .btn-outline-secondary {
  color: #5E6C84;
  border-color: #e3e3e6;
}
.action-buttons .btn-outline-secondary:hover {
  color: #333333;
  background-color: #f7f7f7;
  border-color: #e3e3e6;
}
.action-buttons .btn-outline-secondary .material-symbols-sharp {
  font-size: 1.125rem;
}
.password-input-group {
  position: relative;
}
.password-input-group .toggle-password {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.25rem;
  border: none;
  background: transparent;
  color: #7f7f7f;
  cursor: pointer;
  z-index: 5;
}
.password-input-group .toggle-password:hover {
  color: #333333;
}
.password-input-group .toggle-password .material-symbols-sharp {
  font-size: 1.25rem;
}
.password-input-group .form-control {
  padding-right: 2.5rem;
}
.roles-panel .roles-list {
  height: calc(100vh - 4.375rem - 4.375rem - 3.4375rem - 2.4375rem - 4.5rem);
  overflow-y: auto;
}
.permissions-panel .card-header {
  padding-right: 1.25rem;
}
.permissions-panel .card-header .permission-toggles {
  font-size: 0.75rem;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
  font-weight: 600;
}
.permissions-panel .card-header .permission-toggles .permission-toggle-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.permissions-panel .permissions-list {
  height: calc(100vh - 4.375rem - 4.375rem - 3.4375rem - 2.4375rem - 4.5rem);
  overflow-y: auto;
  border: none;
  border-radius: 0;
}
.permissions-panel .permissions-list .permissions-item {
  border-radius: 0;
}
.permissions-panel .permissions-list .permissions-item:first-child {
  border-top: none;
}
.role-item {
  display: flex;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid #e3e3e6;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.role-item:last-child {
  border-bottom: none;
}
.role-item:hover {
  background-color: #f7f7f7;
}
.role-item.active {
  background-color: rgba(0, 103, 255, 0.08);
  border-left: 3px solid #0067ff;
  padding-left: calc(1.25rem - 3px);
}
.role-item.active .role-icon {
  background-color: #0067ff !important;
}
.role-item.active .role-icon .material-symbols-sharp {
  color: #ffffff !important;
}
.role-item.active .role-name {
  color: #0067ff;
}
.role-item .role-icon {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  margin-right: 0.875rem;
  transition: background-color 0.2s ease;
}
.role-item .role-icon .material-symbols-sharp {
  font-size: 1.125rem;
  transition: color 0.2s ease;
}
.role-item .role-icon.icon-blue {
  background-color: rgba(0, 103, 255, 0.12);
}
.role-item .role-icon.icon-blue .material-symbols-sharp {
  color: #0067ff;
}
.role-item .role-icon.icon-purple {
  background-color: rgba(172, 135, 197, 0.3);
}
.role-item .role-icon.icon-purple .material-symbols-sharp {
  color: #7b4b9b;
}
.role-item .role-icon.icon-teal {
  background-color: rgba(137, 185, 173, 0.3);
}
.role-item .role-icon.icon-teal .material-symbols-sharp {
  color: #528a7c;
}
.role-item .role-icon.icon-red {
  background-color: rgba(255, 197, 197, 0.4);
}
.role-item .role-icon.icon-red .material-symbols-sharp {
  color: #ff1313;
}
.role-item .role-icon.icon-green {
  background-color: rgba(20, 180, 116, 0.15);
}
.role-item .role-icon.icon-green .material-symbols-sharp {
  color: #14b474;
}
.role-item .role-icon.icon-yellow {
  background-color: rgba(253, 186, 44, 0.2);
}
.role-item .role-icon.icon-yellow .material-symbols-sharp {
  color: #f4a602;
}
.role-item .role-info {
  flex: 1;
  min-width: 0;
}
.role-item .role-name {
  font-weight: 600;
  font-size: 0.875rem;
  color: #333333;
  margin-bottom: 0.125rem;
  transition: color 0.2s ease;
}
.role-item .role-desc {
  font-size: 0.75rem;
  color: #5E6C84;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.permissions-item {
  display: flex;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid #e3e3e6;
}
.permissions-item:last-child {
  border-bottom: none;
}
.permissions-item .permissions-icon {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  margin-right: 0.875rem;
}
.permissions-item .permissions-icon .material-symbols-sharp {
  font-size: 1.125rem;
}
.permissions-item .permissions-icon.icon-blue {
  background-color: rgba(0, 103, 255, 0.12);
}
.permissions-item .permissions-icon.icon-blue .material-symbols-sharp {
  color: #0067ff;
}
.permissions-item .permissions-icon.icon-purple {
  background-color: rgba(172, 135, 197, 0.3);
}
.permissions-item .permissions-icon.icon-purple .material-symbols-sharp {
  color: #7b4b9b;
}
.permissions-item .permissions-icon.icon-teal {
  background-color: rgba(137, 185, 173, 0.3);
}
.permissions-item .permissions-icon.icon-teal .material-symbols-sharp {
  color: #528a7c;
}
.permissions-item .permissions-icon.icon-red {
  background-color: rgba(255, 197, 197, 0.4);
}
.permissions-item .permissions-icon.icon-red .material-symbols-sharp {
  color: #ff1313;
}
.permissions-item .permissions-icon.icon-green {
  background-color: rgba(20, 180, 116, 0.15);
}
.permissions-item .permissions-icon.icon-green .material-symbols-sharp {
  color: #14b474;
}
.permissions-item .permissions-icon.icon-yellow {
  background-color: rgba(253, 186, 44, 0.2);
}
.permissions-item .permissions-icon.icon-yellow .material-symbols-sharp {
  color: #f4a602;
}
.permissions-item .permissions-content {
  flex: 1;
  min-width: 0;
}
.permissions-item .permissions-title {
  font-weight: 600;
  font-size: 0.875rem;
  color: #333333;
  margin-bottom: 0.125rem;
}
.permissions-item .permissions-desc {
  font-size: 0.75rem;
  color: #5E6C84;
}
.permissions-item .permissions-toggles {
  flex-shrink: 0;
  margin-left: auto;
}
.permissions-item .permissions-toggles .permission-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.permissions-item .permissions-toggles .permission-toggle .form-check {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  min-height: auto;
}
.permissions-item .permissions-toggles .permission-toggle .form-check .form-check-input {
  float: none;
  margin: 0;
  cursor: pointer;
}
.permissions-item .permissions-toggles .permission-toggle .form-check .form-check-input:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.permissions-item .permissions-toggles .permission-toggle .form-switch .form-check-input {
  width: 2rem;
  margin-left: 0;
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.shimmer-item {
  display: flex;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid #e3e3e6;
}
.shimmer-item:last-child {
  border-bottom: none;
}
.shimmer-item .shimmer-icon {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  border-radius: 0.5rem;
  margin-right: 0.875rem;
  background: linear-gradient(90deg, #f7f7f7 25%, #eaeaea 50%, #f7f7f7 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}
.shimmer-item .shimmer-content {
  flex: 1;
}
.shimmer-item .shimmer-content .shimmer-title {
  height: 0.875rem;
  width: 60%;
  border-radius: 4px;
  margin-bottom: 0.375rem;
  background: linear-gradient(90deg, #f7f7f7 25%, #eaeaea 50%, #f7f7f7 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}
.shimmer-item .shimmer-content .shimmer-desc {
  height: 0.75rem;
  width: 80%;
  border-radius: 4px;
  background: linear-gradient(90deg, #f7f7f7 25%, #eaeaea 50%, #f7f7f7 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  animation-delay: 0.1s;
}
.shimmer-item .shimmer-toggles {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.shimmer-item .shimmer-toggles .shimmer-toggle {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 4px;
  background: linear-gradient(90deg, #f7f7f7 25%, #eaeaea 50%, #f7f7f7 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}
@media only screen and (max-width: 991px) {
  .roles-panel .roles-list,
  .permissions-panel .roles-list,
  .roles-panel .permissions-list,
  .permissions-panel .permissions-list {
    height: auto;
  }
  .permissions-panel .card-header .permission-toggles .permission-toggle-header {
    font-size: 0.625rem;
  }
  .permissions-item .permissions-toggles {
    gap: 0.5rem !important;
  }
  .permissions-item .permissions-toggles .permission-toggle {
    width: auto !important;
    min-width: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .permissions-panel .card-header {
    flex-wrap: wrap;
  }
  .permissions-panel .card-header .permission-toggles {
    display: none !important;
  }
  .permissions-item {
    flex-wrap: wrap;
  }
  .permissions-item .permissions-toggles {
    width: 100%;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px dashed #e3e3e6;
    justify-content: flex-start !important;
  }
}
.pvr-cookie {
  position: fixed;
  z-index: 9999;
}
.pvr-cookie .pvr-cookie-notice {
  padding: 1.25rem;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.15);
}
.pvr-cookie .pvr-cookie-notice .pvr-cookie-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.pvr-cookie .pvr-cookie-notice .pvr-cookie-close {
  position: absolute;
  top: 0.825rem;
  right: 0.825rem;
}
.pvr-cookie .pvr-cookie-notice a {
  text-decoration: underline;
}
.pvr-cookie .pvr-cookie-notice a:hover {
  text-decoration: none;
}
.pvr-cookie .pvr-cookie-actions {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.pvr-cookie-top {
  top: 0;
  left: 0;
  right: 0;
}
.pvr-cookie-top .pvr-cookie-notice {
  border-radius: 0;
  padding: 1rem 1.5rem;
}
.pvr-cookie-top .pvr-cookie-notice > .d-flex {
  max-width: 75rem;
  margin: 0 auto;
}
.pvr-cookie-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}
.pvr-cookie-bottom .pvr-cookie-notice {
  border-radius: 0;
  padding: 1rem 1.5rem;
}
.pvr-cookie-bottom .pvr-cookie-notice > .d-flex {
  max-width: 75rem;
  margin: 0 auto;
}
.pvr-cookie-boxed .pvr-cookie-notice {
  max-width: 25rem;
  position: relative;
}
.pvr-cookie-top-left {
  top: 1rem;
  left: 1rem;
}
.pvr-cookie-top-right {
  top: 1rem;
  right: 1rem;
}
.pvr-cookie-bottom-left {
  bottom: 1rem;
  left: 1rem;
}
.pvr-cookie-bottom-right {
  bottom: 1rem;
  right: 1rem;
}
.pvr-cookie-center-top {
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
.pvr-cookie-center-bottom {
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
.pvr-cookie-dark {
  background-color: #1a1a2e;
  color: #ffffff;
}
.pvr-cookie-dark a {
  color: #b0dde4;
}
.pvr-cookie-dark .pvr-cookie-title {
  color: #ffffff;
}
.pvr-cookie-light {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #e3e3e6;
}
.pvr-cookie-light a {
  color: #0067ff;
}
.pvr-cookie-light .pvr-cookie-title {
  color: #333333;
}
.cookie-modal {
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
  border: 1px solid #e3e3e6;
}
.cookie-modal .modal-header {
  background: linear-gradient(180deg, #fafbfc 0%, #e9ecef 100%);
  border-bottom: 1px solid #e3e3e6;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cookie-modal .modal-header .cookie-header-content {
  display: flex;
  align-items: end;
  gap: 0.65rem;
}
.cookie-modal .modal-header .cookie-modal-icon {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e3e6;
}
.cookie-modal .modal-header .cookie-modal-icon .material-symbols-sharp {
  font-size: 1.125rem;
  color: #5E6C84;
  line-height: 1;
}
.cookie-modal .modal-header .cookie-header-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cookie-modal .modal-header .cookie-header-text .modal-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--bs-heading-color);
  line-height: 1.2;
  margin-bottom: 0;
}
.cookie-modal .modal-header .cookie-header-text p {
  font-size: 0.7109375rem;
  line-height: 1.3;
  color: var(--bs-secondary-color);
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0.125rem;
}
.cookie-modal .modal-header .btn-close {
  width: 1.75rem;
  height: 1.75rem;
  min-width: 1.75rem;
  padding: 0;
  margin: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235E6C84'%3e%3cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3e%3c/svg%3e") center / 1rem auto no-repeat;
  border-radius: 50%;
  opacity: 1;
  transition: all 0.2s ease;
}
.cookie-modal .modal-header .btn-close:hover {
  background-color: rgba(255, 197, 197, 0.12);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dc3545'%3e%3cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3e%3c/svg%3e");
  transform: rotate(90deg);
}
.cookie-modal .modal-header .btn-close:focus {
  box-shadow: none;
  outline: none;
}
.cookie-modal .modal-header .btn-close:active {
  transform: rotate(90deg) scale(0.95);
}
.cookie-modal .modal-body {
  padding: 1.25rem 1.5rem;
  background-color: #ffffff;
  max-height: 55vh;
  overflow-y: auto;
}
.cookie-modal .cookie-modal-intro {
  background: linear-gradient(135deg, rgba(0, 103, 255, 0.08) 0%, rgba(137, 185, 173, 0.1) 100%);
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 103, 255, 0.15);
}
.cookie-modal .cookie-modal-intro .intro-content {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  margin-bottom: 1rem;
}
.cookie-modal .cookie-modal-intro .intro-icon {
  width: 2.5rem;
  height: 2.5rem;
  min-width: 2.5rem;
  background-color: #0067ff;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cookie-modal .cookie-modal-intro .intro-icon .material-symbols-sharp {
  font-size: 1.25rem;
  color: #ffffff;
}
.cookie-modal .cookie-modal-intro .intro-text {
  flex: 1;
}
.cookie-modal .cookie-modal-intro .intro-text h6 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.25rem;
}
.cookie-modal .cookie-modal-intro .intro-text p {
  color: #5E6C84;
  font-size: 0.8125rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.cookie-modal .cookie-modal-intro .intro-stats {
  display: flex;
  gap: 0.5rem;
  padding-top: 0.875rem;
  border-top: 1px solid rgba(0, 103, 255, 0.12);
}
.cookie-modal .cookie-modal-intro .stat-item {
  flex: 1;
  text-align: center;
  padding: 0.5rem;
  background-color: #ffffff;
  border-radius: 0.375rem;
  border: 1px solid #e3e3e6;
}
.cookie-modal .cookie-modal-intro .stat-item .stat-value {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: #0067ff;
  line-height: 1.2;
}
.cookie-modal .cookie-modal-intro .stat-item .stat-value .material-symbols-sharp {
  font-size: 1.125rem;
  color: #14b474;
}
.cookie-modal .cookie-modal-intro .stat-item .stat-label {
  display: block;
  font-size: 0.625rem;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-weight: 500;
  margin-top: 0.125rem;
}
.cookie-modal .modal-footer {
  padding: 1rem;
  background-color: #f7f7f7;
  border-top: 1px solid #e3e3e6;
  justify-content: flex-end;
}
.cookie-modal .modal-footer .btn-link {
  color: #5E6C84;
  text-decoration: none;
}
.cookie-modal .modal-footer .btn-link:hover {
  color: #333333;
}
.cookie-modal .modal-footer .btn-primary .material-symbols-sharp {
  font-size: 1.125rem;
  vertical-align: middle;
}
.cookie-accordion .accordion-item {
  margin-bottom: 0.5rem;
}
.cookie-accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.cookie-accordion .accordion-button .cookie-toggle {
  margin: 0 0.5rem;
  padding: 0;
}
.cookie-accordion .accordion-button .cookie-toggle .form-check-input {
  width: 2.5rem;
  height: 1.25rem;
  margin: 0;
  cursor: pointer;
  background-color: #d6d6d6;
  border: none;
  transition: all 0.2s ease;
}
.cookie-accordion .accordion-button .cookie-toggle .form-check-input:checked {
  background-color: #0067ff;
}
.cookie-accordion .accordion-button .cookie-toggle .form-check-input:disabled {
  opacity: 1;
  cursor: not-allowed;
}
.cookie-accordion .accordion-button .cookie-toggle .form-check-input:disabled:checked {
  background-color: #14b474;
}
.cookie-accordion .accordion-button .cookie-toggle .form-check-input:focus {
  box-shadow: none;
}
.cookie-accordion .accordion-button > .badge {
  font-size: 0.625rem;
  padding: 0.25rem 0.5rem;
}
.cookie-accordion .accordion-body p {
  font-size: 0.8125rem;
  color: #5E6C84;
  line-height: 1.6;
}
.cookie-accordion .accordion-item-locked .accordion-button-static {
  cursor: default;
  pointer-events: none;
}
.cookie-accordion .accordion-item-locked .accordion-button-static::after {
  display: none;
}
.cookie-accordion .accordion-item-locked .accordion-button-static .accordion-arrow {
  display: none;
}
.cookie-accordion .accordion-item-locked .accordion-collapse {
  display: block !important;
  height: auto !important;
}
.cookie-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cookie-item {
  background-color: #f7f7f7;
  border-radius: 0.375rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid #e3e3e6;
  transition: all 0.2s ease;
}
.cookie-item:hover {
  border-color: #cdcdd3;
  background-color: #f2f2f2;
}
.cookie-item .cookie-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.375rem;
}
.cookie-item .cookie-name {
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  font-size: 0.75rem;
  font-weight: 600;
  color: #333333;
  background-color: #ffffff;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  border: 1px solid #e3e3e6;
}
.cookie-item .cookie-item-body {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.cookie-item .cookie-provider {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.6875rem;
  color: #5E6C84;
  font-weight: 500;
}
.cookie-item .cookie-provider .material-symbols-sharp {
  font-size: 0.875rem;
  color: #0067ff;
}
.cookie-item .cookie-purpose {
  flex: 1;
  font-size: 0.75rem;
  color: #5E6C84;
  line-height: 1.4;
  min-width: 9.375rem;
}
@media only screen and (max-width: 767px) {
  .cookie-modal .modal-header {
    padding: 0.75rem;
  }
  .cookie-modal .modal-header .cookie-modal-icon {
    width: 2rem;
    height: 2rem;
  }
  .cookie-modal .modal-header .cookie-modal-icon .material-symbols-sharp {
    font-size: 1rem;
  }
  .cookie-modal .modal-header .cookie-header-text .modal-title {
    font-size: 0.875rem;
  }
  .cookie-modal .modal-header .cookie-header-text p {
    font-size: 0.6875rem;
  }
  .cookie-modal .modal-body {
    padding: 1rem;
    max-height: 50vh;
  }
  .cookie-modal .cookie-modal-intro {
    padding: 0.875rem;
  }
  .cookie-modal .cookie-modal-intro .intro-content {
    gap: 0.625rem;
    margin-bottom: 0.75rem;
  }
  .cookie-modal .cookie-modal-intro .intro-icon {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
  }
  .cookie-modal .cookie-modal-intro .intro-icon .material-symbols-sharp {
    font-size: 1rem;
  }
  .cookie-modal .cookie-modal-intro .intro-text h6 {
    font-size: 0.8125rem;
  }
  .cookie-modal .cookie-modal-intro .intro-text p {
    font-size: 0.75rem;
  }
  .cookie-modal .cookie-modal-intro .intro-stats {
    gap: 0.375rem;
    padding-top: 0.625rem;
  }
  .cookie-modal .cookie-modal-intro .stat-item {
    padding: 0.375rem;
  }
  .cookie-modal .cookie-modal-intro .stat-item .stat-value {
    font-size: 0.875rem;
  }
  .cookie-modal .cookie-modal-intro .stat-item .stat-label {
    font-size: 0.5625rem;
  }
  .cookie-modal .modal-footer {
    padding: 1rem;
    flex-wrap: wrap;
  }
  .cookie-item {
    padding: 0.5rem 0.625rem;
  }
  .cookie-item .cookie-item-body {
    flex-direction: column;
    gap: 0.375rem;
  }
  .cookie-item .cookie-purpose {
    min-width: auto;
  }
}
.pvr-cookie {
  animation: cookieSlideIn 0.3s ease-out;
}
@keyframes cookieSlideIn {
  from {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.pvr-cookie-center-top,
.pvr-cookie-center-bottom {
  animation: cookieFadeIn 0.3s ease-out;
}
@keyframes cookieFadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(0.625rem);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
@media only screen and (max-width: 767px) {
  .pvr-cookie-boxed .pvr-cookie-notice {
    max-width: calc(100vw - 2rem);
  }
  .pvr-cookie-center-top,
  .pvr-cookie-center-bottom {
    left: 1rem;
    right: 1rem;
    transform: none;
  }
  .pvr-cookie-center-top .pvr-cookie-notice,
  .pvr-cookie-center-bottom .pvr-cookie-notice {
    max-width: 100%;
  }
}
body.error-page {
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 1.25rem;
  width: 100%;
}
.error-content {
  text-align: center;
  max-width: 31.25rem;
  padding: 2.5rem;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 0.625rem 2.5rem rgba(0, 0, 0, 0.1);
}
.error-icon {
  margin-bottom: 1.5rem;
}
.error-icon .material-symbols-sharp {
  font-size: 5rem;
  color: #f5392f;
  animation: pulse 2s infinite;
}
.error-code {
  font-size: 6rem;
  font-weight: 700;
  color: #333333;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.error-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 1rem;
}
.error-message {
  font-size: 1rem;
  color: #5E6C84;
  margin-bottom: 2rem;
  line-height: 1.6;
}
.error-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}
.error-actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.error-actions .btn .material-symbols-sharp {
  font-size: 1.25rem;
}
@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.8;
  }
}
@media only screen and (max-width: 767px) {
  .error-code {
    font-size: 4rem;
  }
  .error-icon .material-symbols-sharp {
    font-size: 3.5rem;
  }
  .error-content {
    padding: 1.5rem;
  }
}
body.error-page-fullscreen {
  min-height: 100vh;
  background-image: url('https://images.pexels.com/photos/673648/pexels-photo-673648.jpeg');
  background-size: cover;
  background-position: center center;
}
body.error-page-fullscreen footer nav {
  margin-left: 0;
}
.error-page-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 1.5rem;
}
.error-page-card {
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 2.5rem rgba(23, 43, 77, 0.1);
  padding: 3rem;
  width: 100%;
}
.page-500-wrapper,
.page-503-wrapper {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 4.375rem - 4.375rem - 3.4375rem - 2.4375rem);
}
.page-500-wrapper > .row,
.page-503-wrapper > .row {
  flex: 1;
}
.error-page-content {
  padding: 2rem;
}
.error-page-image-wrapper {
  position: relative;
  min-height: 14rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-page-image {
  max-width: 100%;
  height: auto;
  max-height: 20rem;
  opacity: 0;
  transform: scale(0.95) translateY(0);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.error-page-image.loaded {
  opacity: 1;
  transform: scale(1) translateY(0);
  animation: float-image 3s ease-in-out infinite;
}
@keyframes float-image {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.75rem);
  }
}
.error-page-info {
  padding: 1rem 0;
}
.error-page-code {
  font-size: 6rem;
  font-weight: 800;
  line-height: 1;
  color: #0067ff;
  opacity: 0.15;
  margin-bottom: -1.5rem;
  letter-spacing: -0.25rem;
}
.error-page-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #172B4D;
  margin-bottom: 0.75rem;
}
.error-page-description {
  font-size: 1rem;
  color: #5E6C84;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}
.error-page-tips {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 1.5rem;
}
.error-tip {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: #172B4D;
  background: #ffffff;
  border-radius: 0.5rem;
  border: 1px solid #e3e3e6;
  transition: all 0.25s ease;
}
.error-tip .error-tip-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.error-tip .error-tip-icon .material-symbols-sharp {
  font-size: 1.125rem;
}
.error-tip:nth-child(1) .error-tip-icon {
  background: rgba(138, 205, 215, 0.4);
}
.error-tip:nth-child(1) .error-tip-icon .material-symbols-sharp {
  color: #338895;
}
.error-tip:nth-child(2) .error-tip-icon {
  background: rgba(255, 235, 216, 0.5);
}
.error-tip:nth-child(2) .error-tip-icon .material-symbols-sharp {
  color: #ff8f26;
}
.error-tip:nth-child(3) .error-tip-icon {
  background: rgba(199, 220, 167, 0.5);
}
.error-tip:nth-child(3) .error-tip-icon .material-symbols-sharp {
  color: #8db84c;
}
.error-tip:hover {
  border-color: #8ACDD7;
  box-shadow: 0 0.25rem 0.75rem rgba(23, 43, 77, 0.08);
  transform: translateX(0.25rem);
}
.error-page-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 1.25rem;
}
.error-page-actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
.error-page-actions .btn .material-symbols-sharp {
  font-size: 1.25rem;
}
.error-page-actions .btn:hover {
  transform: translateY(-2px);
}
.error-page-support {
  font-size: 0.875rem;
  color: #5E6C84;
}
.error-page-support a {
  color: #0067ff;
  font-weight: 500;
  margin-left: 0.375rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
.error-page-support a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  .error-page-content {
    padding: 1.5rem;
  }
  .error-page-content .row {
    flex-direction: column-reverse;
  }
  .error-page-image {
    max-height: 12rem;
    margin-top: 1.5rem;
  }
  .error-page-info {
    text-align: center;
  }
  .error-page-code {
    font-size: 4.5rem;
    margin-bottom: -1rem;
  }
  .error-page-title {
    font-size: 1.5rem;
  }
  .error-page-tips {
    text-align: left;
  }
  .error-page-actions {
    justify-content: center;
  }
  .error-page-support {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .page-500-wrapper,
  .page-503-wrapper {
    min-height: calc(100vh - 8rem);
  }
  .error-page-container {
    padding: 1rem;
  }
  .error-page-card {
    padding: 1.25rem;
    border-radius: 0.75rem;
  }
  .error-page-content {
    padding: 1rem;
  }
  .error-page-image {
    max-height: 10rem;
  }
  .error-page-code {
    font-size: 3.5rem;
    margin-bottom: -0.75rem;
  }
  .error-page-title {
    font-size: 1.25rem;
  }
  .error-page-description {
    font-size: 0.9375rem;
  }
  .error-page-actions {
    flex-direction: column;
  }
  .error-page-actions .btn {
    width: 100%;
    justify-content: center;
  }
}
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4rem 2rem;
  min-height: 20rem;
  position: relative;
}
.empty-state-image {
  max-width: 100%;
  height: auto;
  max-height: 12rem;
  margin-bottom: 1.5rem;
}
.empty-state-icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  background: #f7f7f7;
}
.empty-state-icon .material-symbols-sharp {
  font-size: 2.5rem;
  color: #5E6C84;
}
.empty-state-icon.empty-state-icon-danger {
  background: #FFC5C5;
}
.empty-state-icon.empty-state-icon-danger .material-symbols-sharp {
  color: #de0000;
}
.empty-state-icon.empty-state-icon-warning {
  background: #FFEBD8;
}
.empty-state-icon.empty-state-icon-warning .material-symbols-sharp {
  color: #f27600;
}
.empty-state-icon.empty-state-icon-success {
  background: #C7DCA7;
}
.empty-state-icon.empty-state-icon-success .material-symbols-sharp {
  color: #72953b;
}
.empty-state-icon.empty-state-icon-info {
  background: #8ACDD7;
}
.empty-state-icon.empty-state-icon-info .material-symbols-sharp {
  color: #2c7782;
}
.empty-state-icon.empty-state-icon-primary {
  background: rgba(0, 103, 255, 0.15);
}
.empty-state-icon.empty-state-icon-primary .material-symbols-sharp {
  color: #0067ff;
}
.empty-state-content {
  max-width: 24rem;
  margin-bottom: 1.5rem;
}
.empty-state-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #172B4D;
  margin-bottom: 0.5rem;
}
.empty-state-description {
  font-size: 0.9375rem;
  color: #5E6C84;
  line-height: 1.6;
  margin-bottom: 0;
}
.empty-state-actions {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}
.empty-state-actions .btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
.empty-state-actions .btn .material-symbols-sharp {
  font-size: 1.125rem;
}
.empty-state-compact {
  padding: 2rem 1.5rem;
  min-height: auto;
}
.empty-state-compact .empty-state-icon {
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: 1rem;
}
.empty-state-compact .empty-state-icon .material-symbols-sharp {
  font-size: 1.75rem;
}
.empty-state-compact .empty-state-title {
  font-size: 1rem;
  margin-bottom: 0.375rem;
}
.empty-state-compact .empty-state-description {
  font-size: 0.875rem;
}
.empty-state-compact .empty-state-content {
  margin-bottom: 1rem;
}
.g-snows {
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}
.g-snows > li {
  opacity: 0;
  position: absolute;
  top: 0;
  border-radius: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 100% auto;
  animation-name: snow-drop;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
@keyframes snow-drop {
  0% {
    transform: translate(0, 0);
    opacity: 0.5;
    margin-left: 0;
  }
  10% {
    margin-left: 0.9375rem;
  }
  20% {
    margin-left: 1.25rem;
  }
  25% {
    transform: translate(0, 10.41666667rem);
    opacity: 0.75;
  }
  30% {
    margin-left: 0.9375rem;
  }
  40% {
    margin-left: 0;
  }
  50% {
    transform: translate(0, 20.83333333rem);
    opacity: 1;
    margin-left: -0.9375rem;
  }
  60% {
    margin-left: -1.25rem;
  }
  70% {
    margin-left: -0.9375rem;
  }
  75% {
    transform: translate(0, 31.25rem);
    opacity: 0.5;
  }
  80% {
    margin-left: 0;
  }
  100% {
    transform: translate(0, 41.66666667rem);
    opacity: 0;
  }
}
.g-snows > li:nth-child(1) {
  left: 16%;
  width: 2px;
  height: 2px;
  animation-delay: 1678ms;
  animation-duration: 10462ms;
  filter: blur(0);
}
.g-snows > li:nth-child(2) {
  left: 32%;
  width: 5px;
  height: 5px;
  animation-delay: 2902ms;
  animation-duration: 7172ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(3) {
  left: 36%;
  width: 1px;
  height: 1px;
  animation-delay: 135ms;
  animation-duration: 7049ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(4) {
  left: 48%;
  width: 1px;
  height: 1px;
  animation-delay: 4076ms;
  animation-duration: 11547ms;
  filter: blur(0);
}
.g-snows > li:nth-child(5) {
  left: 64%;
  width: 1px;
  height: 1px;
  animation-delay: 3675ms;
  animation-duration: 11595ms;
  filter: blur(0);
}
.g-snows > li:nth-child(6) {
  left: 63%;
  width: 4px;
  height: 4px;
  animation-delay: 1912ms;
  animation-duration: 5250ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(7) {
  left: 66%;
  width: 5px;
  height: 5px;
  animation-delay: 2725ms;
  animation-duration: 7641ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(8) {
  left: 57%;
  width: 4px;
  height: 4px;
  animation-delay: 1840ms;
  animation-duration: 12736ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(9) {
  left: 10%;
  width: 3px;
  height: 3px;
  animation-delay: 2486ms;
  animation-duration: 10621ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(10) {
  left: 145%;
  width: 2px;
  height: 2px;
  animation-delay: 37ms;
  animation-duration: 5572ms;
  filter: blur(0);
}
.g-snows > li:nth-child(11) {
  left: 76%;
  width: 7px;
  height: 7px;
  animation-delay: 1978ms;
  animation-duration: 5822ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(12) {
  left: 2%;
  width: 2px;
  height: 2px;
  animation-delay: 1243ms;
  animation-duration: 5010ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(13) {
  left: 40%;
  width: 6px;
  height: 6px;
  animation-delay: 2727ms;
  animation-duration: 7765ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(14) {
  left: 68%;
  width: 2px;
  height: 2px;
  animation-delay: 2374ms;
  animation-duration: 5322ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(15) {
  left: 16%;
  width: 2px;
  height: 2px;
  animation-delay: 231ms;
  animation-duration: 6912ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(16) {
  left: 63%;
  width: 4px;
  height: 4px;
  animation-delay: 3157ms;
  animation-duration: 11301ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(17) {
  left: 142%;
  width: 4px;
  height: 4px;
  animation-delay: 1449ms;
  animation-duration: 10896ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(18) {
  left: 3%;
  width: 0;
  height: 0;
  animation-delay: 2658ms;
  animation-duration: 6310ms;
  filter: blur(0);
}
.g-snows > li:nth-child(19) {
  left: 17%;
  width: 2px;
  height: 2px;
  animation-delay: 3751ms;
  animation-duration: 10103ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(20) {
  left: 107%;
  width: 0;
  height: 0;
  animation-delay: 2426ms;
  animation-duration: 11944ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(21) {
  left: 15%;
  width: 2px;
  height: 2px;
  animation-delay: 4472ms;
  animation-duration: 7705ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(22) {
  left: 119%;
  width: 1px;
  height: 1px;
  animation-delay: 3010ms;
  animation-duration: 10795ms;
  filter: blur(0);
}
.g-snows > li:nth-child(23) {
  left: 2%;
  width: 8px;
  height: 8px;
  animation-delay: 1482ms;
  animation-duration: 5951ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(24) {
  left: 94%;
  width: 0;
  height: 0;
  animation-delay: 4125ms;
  animation-duration: 5947ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(25) {
  left: 51%;
  width: 0;
  height: 0;
  animation-delay: 145ms;
  animation-duration: 11158ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(26) {
  left: 10%;
  width: 5px;
  height: 5px;
  animation-delay: 4164ms;
  animation-duration: 9324ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(27) {
  left: 117%;
  width: 5px;
  height: 5px;
  animation-delay: 3780ms;
  animation-duration: 8024ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(28) {
  left: 3%;
  width: 5px;
  height: 5px;
  animation-delay: 2139ms;
  animation-duration: 6419ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(29) {
  left: 77%;
  width: 2px;
  height: 2px;
  animation-delay: 2034ms;
  animation-duration: 8180ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(30) {
  left: 68%;
  width: 2px;
  height: 2px;
  animation-delay: 271ms;
  animation-duration: 8891ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(31) {
  left: 25%;
  width: 6px;
  height: 6px;
  animation-delay: 1256ms;
  animation-duration: 12603ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(32) {
  left: 15%;
  width: 1px;
  height: 1px;
  animation-delay: 1619ms;
  animation-duration: 5485ms;
  filter: blur(0);
}
.g-snows > li:nth-child(33) {
  left: 8%;
  width: 4px;
  height: 4px;
  animation-delay: 4169ms;
  animation-duration: 9800ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(34) {
  left: 38%;
  width: 2px;
  height: 2px;
  animation-delay: 1822ms;
  animation-duration: 5947ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(35) {
  left: 94%;
  width: 1px;
  height: 1px;
  animation-delay: 1623ms;
  animation-duration: 5174ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(36) {
  left: 103%;
  width: 2px;
  height: 2px;
  animation-delay: 4483ms;
  animation-duration: 11042ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(37) {
  left: 55%;
  width: 9px;
  height: 9px;
  animation-delay: 1164ms;
  animation-duration: 8055ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(38) {
  left: 20%;
  width: 1px;
  height: 1px;
  animation-delay: 2242ms;
  animation-duration: 7493ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(39) {
  left: 54%;
  width: 3px;
  height: 3px;
  animation-delay: 3730ms;
  animation-duration: 6105ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(40) {
  left: 46%;
  width: 1px;
  height: 1px;
  animation-delay: 3193ms;
  animation-duration: 14543ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(41) {
  left: 20%;
  width: 0;
  height: 0;
  animation-delay: 3874ms;
  animation-duration: 12088ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(42) {
  left: 33%;
  width: 2px;
  height: 2px;
  animation-delay: 2149ms;
  animation-duration: 11181ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(43) {
  left: 2%;
  width: 3px;
  height: 3px;
  animation-delay: 626ms;
  animation-duration: 7483ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(44) {
  left: 87%;
  width: 5px;
  height: 5px;
  animation-delay: 2797ms;
  animation-duration: 8722ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(45) {
  left: 58%;
  width: 2px;
  height: 2px;
  animation-delay: 1544ms;
  animation-duration: 5425ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(46) {
  left: 88%;
  width: 8px;
  height: 8px;
  animation-delay: 2671ms;
  animation-duration: 11363ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(47) {
  left: 5%;
  width: 0;
  height: 0;
  animation-delay: 2987ms;
  animation-duration: 5545ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(48) {
  left: 140%;
  width: 7px;
  height: 7px;
  animation-delay: 71ms;
  animation-duration: 8722ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(49) {
  left: 29%;
  width: 6px;
  height: 6px;
  animation-delay: 413ms;
  animation-duration: 8864ms;
  filter: blur(0);
}
.g-snows > li:nth-child(50) {
  left: 21%;
  width: 1px;
  height: 1px;
  animation-delay: 3629ms;
  animation-duration: 6635ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(51) {
  left: 102%;
  width: 1px;
  height: 1px;
  animation-delay: 4859ms;
  animation-duration: 9376ms;
  filter: blur(0);
}
.g-snows > li:nth-child(52) {
  left: 15%;
  width: 6px;
  height: 6px;
  animation-delay: 588ms;
  animation-duration: 8260ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(53) {
  left: 25%;
  width: 1px;
  height: 1px;
  animation-delay: 1972ms;
  animation-duration: 7157ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(54) {
  left: 46%;
  width: 3px;
  height: 3px;
  animation-delay: 3511ms;
  animation-duration: 8332ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(55) {
  left: 62%;
  width: 5px;
  height: 5px;
  animation-delay: 1195ms;
  animation-duration: 7775ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(56) {
  left: 2%;
  width: 0;
  height: 0;
  animation-delay: 617ms;
  animation-duration: 13031ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(57) {
  left: 27%;
  width: 1px;
  height: 1px;
  animation-delay: 4198ms;
  animation-duration: 7630ms;
  filter: blur(0);
}
.g-snows > li:nth-child(58) {
  left: 84%;
  width: 4px;
  height: 4px;
  animation-delay: 1941ms;
  animation-duration: 6286ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(59) {
  left: 72%;
  width: 1px;
  height: 1px;
  animation-delay: 2931ms;
  animation-duration: 8151ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(60) {
  left: 67%;
  width: 1px;
  height: 1px;
  animation-delay: 1853ms;
  animation-duration: 6698ms;
  filter: blur(0);
}
.g-snows > li:nth-child(61) {
  left: 49%;
  width: 2px;
  height: 2px;
  animation-delay: 327ms;
  animation-duration: 11842ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(62) {
  left: 114%;
  width: 0;
  height: 0;
  animation-delay: 3443ms;
  animation-duration: 5238ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(63) {
  left: 23%;
  width: 0;
  height: 0;
  animation-delay: 1498ms;
  animation-duration: 10551ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(64) {
  left: 43%;
  width: 3px;
  height: 3px;
  animation-delay: 2019ms;
  animation-duration: 5023ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(65) {
  left: 64%;
  width: 7px;
  height: 7px;
  animation-delay: 2009ms;
  animation-duration: 12448ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(66) {
  left: 69%;
  width: 0;
  height: 0;
  animation-delay: 4766ms;
  animation-duration: 6222ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(67) {
  left: 31%;
  width: 2px;
  height: 2px;
  animation-delay: 501ms;
  animation-duration: 10202ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(68) {
  left: 107%;
  width: 2px;
  height: 2px;
  animation-delay: 866ms;
  animation-duration: 5146ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(69) {
  left: 7%;
  width: 2px;
  height: 2px;
  animation-delay: 1022ms;
  animation-duration: 6021ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(70) {
  left: 40%;
  width: 0;
  height: 0;
  animation-delay: 2034ms;
  animation-duration: 10906ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(71) {
  left: 44%;
  width: 0;
  height: 0;
  animation-delay: 3008ms;
  animation-duration: 7979ms;
  filter: blur(0);
}
.g-snows > li:nth-child(72) {
  left: 16%;
  width: 5px;
  height: 5px;
  animation-delay: 3862ms;
  animation-duration: 14214ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(73) {
  left: 62%;
  width: 0;
  height: 0;
  animation-delay: 4499ms;
  animation-duration: 10132ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(74) {
  left: 49%;
  width: 4px;
  height: 4px;
  animation-delay: 2280ms;
  animation-duration: 5396ms;
  filter: blur(0);
}
.g-snows > li:nth-child(75) {
  left: 94%;
  width: 1px;
  height: 1px;
  animation-delay: 1021ms;
  animation-duration: 5590ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(76) {
  left: 34%;
  width: 5px;
  height: 5px;
  animation-delay: 597ms;
  animation-duration: 5553ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(77) {
  left: 54%;
  width: 0;
  height: 0;
  animation-delay: 3575ms;
  animation-duration: 8157ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(78) {
  left: 1%;
  width: 0;
  height: 0;
  animation-delay: 4547ms;
  animation-duration: 11831ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(79) {
  left: 18%;
  width: 8px;
  height: 8px;
  animation-delay: 1205ms;
  animation-duration: 8067ms;
  filter: blur(0);
}
.g-snows > li:nth-child(80) {
  left: 24%;
  width: 1px;
  height: 1px;
  animation-delay: 1569ms;
  animation-duration: 8475ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(81) {
  left: 95%;
  width: 3px;
  height: 3px;
  animation-delay: 1725ms;
  animation-duration: 12754ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(82) {
  left: 43%;
  width: 6px;
  height: 6px;
  animation-delay: 4126ms;
  animation-duration: 5005ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(83) {
  left: 4%;
  width: 3px;
  height: 3px;
  animation-delay: 3293ms;
  animation-duration: 7778ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(84) {
  left: 97%;
  width: 7px;
  height: 7px;
  animation-delay: 3487ms;
  animation-duration: 9518ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(85) {
  left: 85%;
  width: 4px;
  height: 4px;
  animation-delay: 1870ms;
  animation-duration: 7421ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(86) {
  left: 69%;
  width: 2px;
  height: 2px;
  animation-delay: 2204ms;
  animation-duration: 13199ms;
  filter: blur(0);
}
.g-snows > li:nth-child(87) {
  left: 26%;
  width: 2px;
  height: 2px;
  animation-delay: 2580ms;
  animation-duration: 9241ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(88) {
  left: 35%;
  width: 3px;
  height: 3px;
  animation-delay: 4549ms;
  animation-duration: 5314ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(89) {
  left: 47%;
  width: 6px;
  height: 6px;
  animation-delay: 492ms;
  animation-duration: 11632ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(90) {
  left: 1%;
  width: 7px;
  height: 7px;
  animation-delay: 3050ms;
  animation-duration: 11301ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(91) {
  left: 14%;
  width: 1px;
  height: 1px;
  animation-delay: 2626ms;
  animation-duration: 6671ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(92) {
  left: 30%;
  width: 3px;
  height: 3px;
  animation-delay: 2930ms;
  animation-duration: 5825ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(93) {
  left: 14%;
  width: 1px;
  height: 1px;
  animation-delay: 3961ms;
  animation-duration: 7166ms;
  filter: blur(0);
}
.g-snows > li:nth-child(94) {
  left: 70%;
  width: 3px;
  height: 3px;
  animation-delay: 1461ms;
  animation-duration: 7950ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(95) {
  left: 132%;
  width: 1px;
  height: 1px;
  animation-delay: 343ms;
  animation-duration: 10601ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(96) {
  left: 105%;
  width: 4px;
  height: 4px;
  animation-delay: 769ms;
  animation-duration: 6535ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(97) {
  left: 84%;
  width: 6px;
  height: 6px;
  animation-delay: 2635ms;
  animation-duration: 11429ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(98) {
  left: 64%;
  width: 1px;
  height: 1px;
  animation-delay: 3804ms;
  animation-duration: 9217ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(99) {
  left: 68%;
  width: 5px;
  height: 5px;
  animation-delay: 325ms;
  animation-duration: 7736ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(100) {
  left: 21%;
  width: 1px;
  height: 1px;
  animation-delay: 849ms;
  animation-duration: 5753ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(101) {
  left: 46%;
  width: 1px;
  height: 1px;
  animation-delay: 2524ms;
  animation-duration: 9465ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(102) {
  left: 10%;
  width: 4px;
  height: 4px;
  animation-delay: 1883ms;
  animation-duration: 12897ms;
  filter: blur(0);
}
.g-snows > li:nth-child(103) {
  left: 22%;
  width: 9px;
  height: 9px;
  animation-delay: 4073ms;
  animation-duration: 10306ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(104) {
  left: 49%;
  width: 1px;
  height: 1px;
  animation-delay: 4260ms;
  animation-duration: 5055ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(105) {
  left: 70%;
  width: 7px;
  height: 7px;
  animation-delay: 1888ms;
  animation-duration: 5663ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(106) {
  left: 71%;
  width: 5px;
  height: 5px;
  animation-delay: 2276ms;
  animation-duration: 5498ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(107) {
  left: 80%;
  width: 0;
  height: 0;
  animation-delay: 282ms;
  animation-duration: 5482ms;
  filter: blur(0);
}
.g-snows > li:nth-child(108) {
  left: 12%;
  width: 4px;
  height: 4px;
  animation-delay: 2816ms;
  animation-duration: 6236ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(109) {
  left: 65%;
  width: 5px;
  height: 5px;
  animation-delay: 3005ms;
  animation-duration: 7540ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(110) {
  left: 74%;
  width: 3px;
  height: 3px;
  animation-delay: 4505ms;
  animation-duration: 7649ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(111) {
  left: 5%;
  width: 2px;
  height: 2px;
  animation-delay: 4223ms;
  animation-duration: 10577ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(112) {
  left: 46%;
  width: 4px;
  height: 4px;
  animation-delay: 705ms;
  animation-duration: 10669ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(113) {
  left: 89%;
  width: 2px;
  height: 2px;
  animation-delay: 116ms;
  animation-duration: 5862ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(114) {
  left: 35%;
  width: 8px;
  height: 8px;
  animation-delay: 3698ms;
  animation-duration: 5249ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(115) {
  left: 95%;
  width: 4px;
  height: 4px;
  animation-delay: 1808ms;
  animation-duration: 6021ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(116) {
  left: 58%;
  width: 1px;
  height: 1px;
  animation-delay: 3387ms;
  animation-duration: 6570ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(117) {
  left: 34%;
  width: 2px;
  height: 2px;
  animation-delay: 2633ms;
  animation-duration: 7231ms;
  filter: blur(0);
}
.g-snows > li:nth-child(118) {
  left: 10%;
  width: 1px;
  height: 1px;
  animation-delay: 2316ms;
  animation-duration: 9923ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(119) {
  left: 49%;
  width: 0;
  height: 0;
  animation-delay: 3170ms;
  animation-duration: 13459ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(120) {
  left: 105%;
  width: 0;
  height: 0;
  animation-delay: 417ms;
  animation-duration: 7860ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(121) {
  left: 57%;
  width: 9px;
  height: 9px;
  animation-delay: 4852ms;
  animation-duration: 7563ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(122) {
  left: 60%;
  width: 0;
  height: 0;
  animation-delay: 3333ms;
  animation-duration: 7885ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(123) {
  left: 3%;
  width: 0;
  height: 0;
  animation-delay: 2536ms;
  animation-duration: 10740ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(124) {
  left: 74%;
  width: 2px;
  height: 2px;
  animation-delay: 2488ms;
  animation-duration: 6637ms;
  filter: blur(0);
}
.g-snows > li:nth-child(125) {
  left: 58%;
  width: 1px;
  height: 1px;
  animation-delay: 4003ms;
  animation-duration: 7679ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(126) {
  left: 48%;
  width: 4px;
  height: 4px;
  animation-delay: 3130ms;
  animation-duration: 10721ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(127) {
  left: 42%;
  width: 5px;
  height: 5px;
  animation-delay: 1498ms;
  animation-duration: 5905ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(128) {
  left: 120%;
  width: 2px;
  height: 2px;
  animation-delay: 3542ms;
  animation-duration: 5812ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(129) {
  left: 66%;
  width: 4px;
  height: 4px;
  animation-delay: 580ms;
  animation-duration: 11094ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(130) {
  left: 21%;
  width: 3px;
  height: 3px;
  animation-delay: 1605ms;
  animation-duration: 7346ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(131) {
  left: 94%;
  width: 0;
  height: 0;
  animation-delay: 4147ms;
  animation-duration: 8748ms;
  filter: blur(0);
}
.g-snows > li:nth-child(132) {
  left: 35%;
  width: 6px;
  height: 6px;
  animation-delay: 1646ms;
  animation-duration: 13482ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(133) {
  left: 127%;
  width: 6px;
  height: 6px;
  animation-delay: 206ms;
  animation-duration: 5881ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(134) {
  left: 25%;
  width: 7px;
  height: 7px;
  animation-delay: 3085ms;
  animation-duration: 9941ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(135) {
  left: 10%;
  width: 3px;
  height: 3px;
  animation-delay: 3483ms;
  animation-duration: 14126ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(136) {
  left: 12%;
  width: 0;
  height: 0;
  animation-delay: 180ms;
  animation-duration: 5561ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(137) {
  left: 56%;
  width: 0;
  height: 0;
  animation-delay: 3226ms;
  animation-duration: 5376ms;
  filter: blur(0);
}
.g-snows > li:nth-child(138) {
  left: 124%;
  width: 3px;
  height: 3px;
  animation-delay: 2033ms;
  animation-duration: 6634ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(139) {
  left: 3%;
  width: 5px;
  height: 5px;
  animation-delay: 846ms;
  animation-duration: 8627ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(140) {
  left: 34%;
  width: 4px;
  height: 4px;
  animation-delay: 741ms;
  animation-duration: 11106ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(141) {
  left: 37%;
  width: 0;
  height: 0;
  animation-delay: 1613ms;
  animation-duration: 6157ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(142) {
  left: 20%;
  width: 2px;
  height: 2px;
  animation-delay: 2881ms;
  animation-duration: 5023ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(143) {
  left: 6%;
  width: 3px;
  height: 3px;
  animation-delay: 3138ms;
  animation-duration: 13159ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(144) {
  left: 105%;
  width: 4px;
  height: 4px;
  animation-delay: 3170ms;
  animation-duration: 10423ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(145) {
  left: 52%;
  width: 2px;
  height: 2px;
  animation-delay: 358ms;
  animation-duration: 6431ms;
  filter: blur(0);
}
.g-snows > li:nth-child(146) {
  left: 37%;
  width: 0;
  height: 0;
  animation-delay: 2330ms;
  animation-duration: 6762ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(147) {
  left: 32%;
  width: 8px;
  height: 8px;
  animation-delay: 2463ms;
  animation-duration: 10992ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(148) {
  left: 49%;
  width: 7px;
  height: 7px;
  animation-delay: 2971ms;
  animation-duration: 7520ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(149) {
  left: 14%;
  width: 0;
  height: 0;
  animation-delay: 2646ms;
  animation-duration: 9801ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(150) {
  left: 3%;
  width: 4px;
  height: 4px;
  animation-delay: 2214ms;
  animation-duration: 8116ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(151) {
  left: 100%;
  width: 2px;
  height: 2px;
  animation-delay: 2679ms;
  animation-duration: 5767ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(152) {
  left: 45%;
  width: 4px;
  height: 4px;
  animation-delay: 2293ms;
  animation-duration: 6681ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(153) {
  left: 11%;
  width: 1px;
  height: 1px;
  animation-delay: 2947ms;
  animation-duration: 8256ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(154) {
  left: 30%;
  width: 5px;
  height: 5px;
  animation-delay: 235ms;
  animation-duration: 7436ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(155) {
  left: 24%;
  width: 2px;
  height: 2px;
  animation-delay: 4613ms;
  animation-duration: 8747ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(156) {
  left: 68%;
  width: 8px;
  height: 8px;
  animation-delay: 3263ms;
  animation-duration: 10668ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(157) {
  left: 86%;
  width: 1px;
  height: 1px;
  animation-delay: 608ms;
  animation-duration: 5570ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(158) {
  left: 12%;
  width: 9px;
  height: 9px;
  animation-delay: 1046ms;
  animation-duration: 7898ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(159) {
  left: 61%;
  width: 3px;
  height: 3px;
  animation-delay: 1063ms;
  animation-duration: 6312ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(160) {
  left: 107%;
  width: 9px;
  height: 9px;
  animation-delay: 139ms;
  animation-duration: 7541ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(161) {
  left: 98%;
  width: 3px;
  height: 3px;
  animation-delay: 2376ms;
  animation-duration: 6406ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(162) {
  left: 103%;
  width: 0;
  height: 0;
  animation-delay: 2236ms;
  animation-duration: 7677ms;
  filter: blur(0);
}
.g-snows > li:nth-child(163) {
  left: 52%;
  width: 1px;
  height: 1px;
  animation-delay: 2036ms;
  animation-duration: 13126ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(164) {
  left: 65%;
  width: 8px;
  height: 8px;
  animation-delay: 3983ms;
  animation-duration: 7581ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(165) {
  left: 74%;
  width: 3px;
  height: 3px;
  animation-delay: 1222ms;
  animation-duration: 8551ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(166) {
  left: 112%;
  width: 5px;
  height: 5px;
  animation-delay: 3967ms;
  animation-duration: 6762ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(167) {
  left: 69%;
  width: 0;
  height: 0;
  animation-delay: 660ms;
  animation-duration: 9750ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(168) {
  left: 91%;
  width: 0;
  height: 0;
  animation-delay: 2905ms;
  animation-duration: 8558ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(169) {
  left: 38%;
  width: 5px;
  height: 5px;
  animation-delay: 956ms;
  animation-duration: 8849ms;
  filter: blur(0);
}
.g-snows > li:nth-child(170) {
  left: 21%;
  width: 6px;
  height: 6px;
  animation-delay: 2163ms;
  animation-duration: 8685ms;
  filter: blur(0);
}
.g-snows > li:nth-child(171) {
  left: 103%;
  width: 2px;
  height: 2px;
  animation-delay: 531ms;
  animation-duration: 8591ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(172) {
  left: 33%;
  width: 2px;
  height: 2px;
  animation-delay: 2671ms;
  animation-duration: 5662ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(173) {
  left: 21%;
  width: 1px;
  height: 1px;
  animation-delay: 3159ms;
  animation-duration: 10535ms;
  filter: blur(0);
}
.g-snows > li:nth-child(174) {
  left: 3%;
  width: 5px;
  height: 5px;
  animation-delay: 3182ms;
  animation-duration: 8661ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(175) {
  left: 50%;
  width: 4px;
  height: 4px;
  animation-delay: 1378ms;
  animation-duration: 7730ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(176) {
  left: 57%;
  width: 2px;
  height: 2px;
  animation-delay: 4292ms;
  animation-duration: 6094ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(177) {
  left: 29%;
  width: 1px;
  height: 1px;
  animation-delay: 2665ms;
  animation-duration: 6869ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(178) {
  left: 6%;
  width: 2px;
  height: 2px;
  animation-delay: 3232ms;
  animation-duration: 6552ms;
  filter: blur(0);
}
.g-snows > li:nth-child(179) {
  left: 59%;
  width: 4px;
  height: 4px;
  animation-delay: 249ms;
  animation-duration: 12414ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(180) {
  left: 29%;
  width: 2px;
  height: 2px;
  animation-delay: 1265ms;
  animation-duration: 6074ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(181) {
  left: 23%;
  width: 1px;
  height: 1px;
  animation-delay: 2484ms;
  animation-duration: 7285ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(182) {
  left: 85%;
  width: 1px;
  height: 1px;
  animation-delay: 1234ms;
  animation-duration: 6632ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(183) {
  left: 99%;
  width: 9px;
  height: 9px;
  animation-delay: 985ms;
  animation-duration: 5328ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(184) {
  left: 56%;
  width: 7px;
  height: 7px;
  animation-delay: 2710ms;
  animation-duration: 6579ms;
  filter: blur(0);
}
.g-snows > li:nth-child(185) {
  left: 35%;
  width: 3px;
  height: 3px;
  animation-delay: 2652ms;
  animation-duration: 12514ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(186) {
  left: 78%;
  width: 1px;
  height: 1px;
  animation-delay: 1071ms;
  animation-duration: 8104ms;
  filter: blur(0);
}
.g-snows > li:nth-child(187) {
  left: 22%;
  width: 7px;
  height: 7px;
  animation-delay: 2196ms;
  animation-duration: 10333ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(188) {
  left: 1%;
  width: 5px;
  height: 5px;
  animation-delay: 268ms;
  animation-duration: 8621ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(189) {
  left: 19%;
  width: 5px;
  height: 5px;
  animation-delay: 997ms;
  animation-duration: 9139ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(190) {
  left: 52%;
  width: 6px;
  height: 6px;
  animation-delay: 169ms;
  animation-duration: 5644ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(191) {
  left: 31%;
  width: 2px;
  height: 2px;
  animation-delay: 581ms;
  animation-duration: 9281ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(192) {
  left: 9%;
  width: 2px;
  height: 2px;
  animation-delay: 1679ms;
  animation-duration: 5793ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(193) {
  left: 96%;
  width: 2px;
  height: 2px;
  animation-delay: 3714ms;
  animation-duration: 6146ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(194) {
  left: 70%;
  width: 4px;
  height: 4px;
  animation-delay: 2267ms;
  animation-duration: 5093ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(195) {
  left: 70%;
  width: 6px;
  height: 6px;
  animation-delay: 4544ms;
  animation-duration: 7815ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(196) {
  left: 53%;
  width: 0;
  height: 0;
  animation-delay: 3103ms;
  animation-duration: 6698ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(197) {
  left: 103%;
  width: 4px;
  height: 4px;
  animation-delay: 2570ms;
  animation-duration: 6404ms;
  filter: blur(0);
}
.g-snows > li:nth-child(198) {
  left: 35%;
  width: 2px;
  height: 2px;
  animation-delay: 4763ms;
  animation-duration: 5475ms;
  filter: blur(0);
}
.g-snows > li:nth-child(199) {
  left: 32%;
  width: 9px;
  height: 9px;
  animation-delay: 1130ms;
  animation-duration: 9849ms;
  filter: blur(0);
}
.g-snows > li:nth-child(200) {
  left: 64%;
  width: 4px;
  height: 4px;
  animation-delay: 4816ms;
  animation-duration: 6987ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(201) {
  left: 90%;
  width: 2px;
  height: 2px;
  animation-delay: 1642ms;
  animation-duration: 8392ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(202) {
  left: 27%;
  width: 6px;
  height: 6px;
  animation-delay: 1609ms;
  animation-duration: 10388ms;
  filter: blur(0);
}
.g-snows > li:nth-child(203) {
  left: 112%;
  width: 8px;
  height: 8px;
  animation-delay: 3439ms;
  animation-duration: 6352ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(204) {
  left: 49%;
  width: 4px;
  height: 4px;
  animation-delay: 41ms;
  animation-duration: 6869ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(205) {
  left: 40%;
  width: 0;
  height: 0;
  animation-delay: 60ms;
  animation-duration: 10120ms;
  filter: blur(0);
}
.g-snows > li:nth-child(206) {
  left: 60%;
  width: 1px;
  height: 1px;
  animation-delay: 4772ms;
  animation-duration: 7692ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(207) {
  left: 1%;
  width: 6px;
  height: 6px;
  animation-delay: 3425ms;
  animation-duration: 6131ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(208) {
  left: 47%;
  width: 1px;
  height: 1px;
  animation-delay: 3026ms;
  animation-duration: 5509ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(209) {
  left: 42%;
  width: 0;
  height: 0;
  animation-delay: 4355ms;
  animation-duration: 5722ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(210) {
  left: 116%;
  width: 8px;
  height: 8px;
  animation-delay: 3012ms;
  animation-duration: 9084ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(211) {
  left: 10%;
  width: 6px;
  height: 6px;
  animation-delay: 930ms;
  animation-duration: 6100ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(212) {
  left: 20%;
  width: 5px;
  height: 5px;
  animation-delay: 1665ms;
  animation-duration: 8343ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(213) {
  left: 81%;
  width: 3px;
  height: 3px;
  animation-delay: 3821ms;
  animation-duration: 8151ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(214) {
  left: 55%;
  width: 7px;
  height: 7px;
  animation-delay: 522ms;
  animation-duration: 8396ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(215) {
  left: 50%;
  width: 0;
  height: 0;
  animation-delay: 2811ms;
  animation-duration: 5857ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(216) {
  left: 65%;
  width: 5px;
  height: 5px;
  animation-delay: 1975ms;
  animation-duration: 6831ms;
  filter: blur(0);
}
.g-snows > li:nth-child(217) {
  left: 14%;
  width: 3px;
  height: 3px;
  animation-delay: 3440ms;
  animation-duration: 11699ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(218) {
  left: 6%;
  width: 1px;
  height: 1px;
  animation-delay: 3710ms;
  animation-duration: 6638ms;
  filter: blur(0);
}
.g-snows > li:nth-child(219) {
  left: 20%;
  width: 4px;
  height: 4px;
  animation-delay: 4666ms;
  animation-duration: 12697ms;
  filter: blur(0);
}
.g-snows > li:nth-child(220) {
  left: 62%;
  width: 2px;
  height: 2px;
  animation-delay: 235ms;
  animation-duration: 11611ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(221) {
  left: 46%;
  width: 5px;
  height: 5px;
  animation-delay: 4603ms;
  animation-duration: 7253ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(222) {
  left: 112%;
  width: 5px;
  height: 5px;
  animation-delay: 1992ms;
  animation-duration: 5226ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(223) {
  left: 69%;
  width: 1px;
  height: 1px;
  animation-delay: 4534ms;
  animation-duration: 5044ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(224) {
  left: 53%;
  width: 6px;
  height: 6px;
  animation-delay: 3318ms;
  animation-duration: 5225ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(225) {
  left: 108%;
  width: 0;
  height: 0;
  animation-delay: 712ms;
  animation-duration: 9441ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(226) {
  left: 11%;
  width: 0;
  height: 0;
  animation-delay: 4065ms;
  animation-duration: 7414ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(227) {
  left: 32%;
  width: 0;
  height: 0;
  animation-delay: 1232ms;
  animation-duration: 5487ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(228) {
  left: 46%;
  width: 4px;
  height: 4px;
  animation-delay: 2535ms;
  animation-duration: 9661ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(229) {
  left: 90%;
  width: 1px;
  height: 1px;
  animation-delay: 4724ms;
  animation-duration: 11394ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(230) {
  left: 20%;
  width: 6px;
  height: 6px;
  animation-delay: 349ms;
  animation-duration: 5647ms;
  filter: blur(0);
}
.g-snows > li:nth-child(231) {
  left: 1%;
  width: 0;
  height: 0;
  animation-delay: 2179ms;
  animation-duration: 10820ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(232) {
  left: 41%;
  width: 0;
  height: 0;
  animation-delay: 4076ms;
  animation-duration: 9948ms;
  filter: blur(0);
}
.g-snows > li:nth-child(233) {
  left: 14%;
  width: 3px;
  height: 3px;
  animation-delay: 3724ms;
  animation-duration: 6315ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(234) {
  left: 56%;
  width: 3px;
  height: 3px;
  animation-delay: 1152ms;
  animation-duration: 14035ms;
  filter: blur(0);
}
.g-snows > li:nth-child(235) {
  left: 67%;
  width: 1px;
  height: 1px;
  animation-delay: 635ms;
  animation-duration: 9295ms;
  filter: blur(0);
}
.g-snows > li:nth-child(236) {
  left: 12%;
  width: 1px;
  height: 1px;
  animation-delay: 2023ms;
  animation-duration: 13214ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(237) {
  left: 46%;
  width: 6px;
  height: 6px;
  animation-delay: 3784ms;
  animation-duration: 10005ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(238) {
  left: 81%;
  width: 2px;
  height: 2px;
  animation-delay: 3192ms;
  animation-duration: 12379ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(239) {
  left: 100%;
  width: 4px;
  height: 4px;
  animation-delay: 3961ms;
  animation-duration: 7119ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(240) {
  left: 96%;
  width: 4px;
  height: 4px;
  animation-delay: 895ms;
  animation-duration: 10384ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(241) {
  left: 2%;
  width: 2px;
  height: 2px;
  animation-delay: 3495ms;
  animation-duration: 8279ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(242) {
  left: 53%;
  width: 4px;
  height: 4px;
  animation-delay: 849ms;
  animation-duration: 12483ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(243) {
  left: 5%;
  width: 8px;
  height: 8px;
  animation-delay: 1074ms;
  animation-duration: 7348ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(244) {
  left: 30%;
  width: 2px;
  height: 2px;
  animation-delay: 644ms;
  animation-duration: 9295ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(245) {
  left: 108%;
  width: 4px;
  height: 4px;
  animation-delay: 1640ms;
  animation-duration: 6995ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(246) {
  left: 37%;
  width: 3px;
  height: 3px;
  animation-delay: 3281ms;
  animation-duration: 5056ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(247) {
  left: 89%;
  width: 6px;
  height: 6px;
  animation-delay: 1955ms;
  animation-duration: 11892ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(248) {
  left: 24%;
  width: 2px;
  height: 2px;
  animation-delay: 3762ms;
  animation-duration: 5901ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(249) {
  left: 97%;
  width: 1px;
  height: 1px;
  animation-delay: 3563ms;
  animation-duration: 7754ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(250) {
  left: 93%;
  width: 1px;
  height: 1px;
  animation-delay: 4149ms;
  animation-duration: 11610ms;
  filter: blur(1px);
}
.login-v1-page {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: #0a0a0a;
  font-family: 'Maven Pro', sans-serif;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-v1-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
}
.login-v1-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
.login-v1-container {
  display: flex;
  position: relative;
  z-index: 1;
  width: calc(100% - 5rem);
  max-width: 75rem;
  height: calc(100vh - 5rem);
  max-height: 50rem;
  margin: auto;
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.4);
}
.login-v1-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.login-v1-left .quote-image {
  position: absolute;
  inset: 0;
}
.login-v1-left .quote-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.login-v1-left .quote-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
}
.login-v1-left .quote-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2.5rem;
  z-index: 1;
}
.login-v1-left .quote-content .quote-title {
  font-family: 'Maven Pro', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.15;
  margin-bottom: 1rem;
}
.login-v1-left .quote-content .quote-text {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
  max-width: 24rem;
  margin: 0;
}
.login-v1-right {
  width: 50%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  position: relative;
}
.login-form-wrapper {
  width: 100%;
  max-width: 26rem;
}
.login-logo {
  text-align: center;
  margin-bottom: 1rem;
}
.login-logo img {
  height: 3.5rem;
  padding: 0.5rem;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
}
.login-form-content .login-title {
  font-family: 'Maven Pro', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: #0a0a0a;
  margin-bottom: 0.5rem;
  text-align: center;
}
.login-form-content .login-subtitle {
  font-size: 0.875rem;
  color: #6b7280;
  text-align: center;
  margin-bottom: 2.5rem;
}
.login-form .form-floating .form-control {
  border-radius: 0.5rem;
}
.login-form .form-floating > label {
  color: #5E6C84;
}
.login-form .form-floating.password-input .form-control {
  padding-right: 3rem;
}
.login-form .form-floating.password-input .form-control.is-invalid,
.login-form .form-floating.password-input .form-control:invalid {
  padding-right: 5.5rem;
}
.login-form .form-floating.password-input .password-toggle {
  position: absolute;
  right: 0;
  top: 0;
  height: 2.875rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #5E6C84;
  cursor: pointer;
  z-index: 5;
}
.login-form .form-floating.password-input .password-toggle:hover {
  color: #333333;
}
.login-form .form-floating.password-input .form-control.is-invalid ~ .password-toggle,
.login-form .form-floating.password-input .form-control:invalid ~ .password-toggle {
  right: 1.25rem;
}
.login-form .form-check .form-check-label {
  font-size: 0.875rem;
  color: #5E6C84;
}
.login-form .form-switch .form-check-input:checked {
  background-color: #b4d08a;
  border-color: #b4d08a;
}
.login-form .forgot-password-link {
  font-size: 0.875rem;
  color: #333333;
  text-decoration: none;
  font-weight: 500;
}
.login-form .forgot-password-link:hover {
  text-decoration: underline;
}
.login-form .btn-signin {
  width: 100%;
  height: 3.25rem;
  background: linear-gradient(90deg, #b4d08a 0%, #C7DCA7 25%, #dae8c4 50%, #C7DCA7 75%, #b4d08a 100%);
  background-size: 200% 100%;
  color: #333333;
  border: none;
  border-radius: 2rem;
  font-size: 0.9375rem;
  font-weight: 600;
  transition: all 0.4s ease;
  box-shadow: 0 2px 8px rgba(153, 191, 94, 0.3);
}
.login-form .btn-signin:hover {
  background-position: 100% 0;
  box-shadow: 0 6px 20px rgba(153, 191, 94, 0.45);
  transform: translateY(-2px);
}
.login-form .btn-signin:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 2px 6px rgba(153, 191, 94, 0.3);
}
.login-form .divider-text {
  display: flex;
  align-items: center;
  text-align: center;
  color: #5E6C84;
  font-size: 0.875rem;
}
.login-form .divider-text::before,
.login-form .divider-text::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e3e3e6;
}
.login-form .divider-text span {
  padding: 0 1rem;
}
.login-form .social-login-icons {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.login-form .btn-social {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e3e6;
  background-color: #ffffff;
  transition: all 0.2s ease;
}
.login-form .btn-social i,
.login-form .btn-social svg {
  font-size: 1.25em;
  width: 1.25em;
  height: 1.25em;
}
.login-form .btn-social:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.login-form .btn-social.btn-icloud {
  color: #333333;
}
.login-form .btn-social.btn-icloud:hover {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
.login-form .btn-social.btn-google {
  color: #EA4335;
}
.login-form .btn-social.btn-google:hover {
  background-color: #EA4335;
  border-color: #EA4335;
  color: #ffffff;
}
.login-form .btn-social.btn-facebook {
  color: #1877F2;
}
.login-form .btn-social.btn-facebook:hover {
  background-color: #1877F2;
  border-color: #1877F2;
  color: #ffffff;
}
.login-form .btn-social.btn-linkedin {
  color: #0A66C2;
}
.login-form .btn-social.btn-linkedin:hover {
  background-color: #0A66C2;
  border-color: #0A66C2;
  color: #ffffff;
}
.login-form .btn-social.btn-x {
  color: #000000;
}
.login-form .btn-social.btn-x:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.login-form .btn-social.btn-microsoft {
  color: #00A4EF;
}
.login-form .btn-social.btn-microsoft:hover {
  background-color: #00A4EF;
  border-color: #00A4EF;
  color: #ffffff;
}
.login-footer {
  text-align: center;
  margin-top: 2.5rem;
  font-size: 0.875rem;
  color: #6b7280;
}
.login-footer a {
  color: #0a0a0a;
  font-weight: 600;
  text-decoration: none;
}
.login-footer a:hover {
  text-decoration: underline;
}
.password-strength-section {
  background-color: #f7f7f7;
  border-radius: 0.5rem;
  padding: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
}
.password-strength-section.active {
  padding: 1rem;
  max-height: 12.5rem;
  opacity: 1;
}
.password-strength-section .password-strength-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.625rem;
}
.password-strength-section .password-strength-header .strength-label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
}
.password-strength-section .password-strength-header .strength-indicator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.password-strength-section .password-strength-header .strength-indicator .strength-text {
  font-size: 0.75rem;
  font-weight: 600;
  color: #5E6C84;
  transition: color 0.3s ease;
}
.password-strength-section .password-strength-header .strength-indicator .strength-text.strength-weak {
  color: #dc3545;
}
.password-strength-section .password-strength-header .strength-indicator .strength-text.strength-fair {
  color: #fd7e14;
}
.password-strength-section .password-strength-header .strength-indicator .strength-text.strength-good {
  color: #ffc107;
}
.password-strength-section .password-strength-header .strength-indicator .strength-text.strength-strong {
  color: #28a745;
}
.password-strength-section .password-strength-header .strength-indicator .strength-text.strength-excellent {
  color: #b0cd83;
}
.password-strength-section .password-strength-header .strength-indicator .strength-percent {
  font-size: 0.75rem;
  font-weight: 500;
  color: #5E6C84;
  min-width: 2rem;
  text-align: right;
}
.password-strength-section .password-strength-bar {
  height: 0.375rem;
  background-color: #e3e3e6;
  border-radius: 0.1875rem;
  overflow: hidden;
  margin-bottom: 0.875rem;
}
.password-strength-section .password-strength-bar .password-strength-fill {
  height: 100%;
  width: 0;
  border-radius: 0.1875rem;
  transition: width 0.3s ease, background-color 0.3s ease;
}
.password-strength-section .password-strength-bar .password-strength-fill.strength-weak {
  background-color: #dc3545;
}
.password-strength-section .password-strength-bar .password-strength-fill.strength-fair {
  background-color: #fd7e14;
}
.password-strength-section .password-strength-bar .password-strength-fill.strength-good {
  background-color: #ffc107;
}
.password-strength-section .password-strength-bar .password-strength-fill.strength-strong {
  background-color: #28a745;
}
.password-strength-section .password-strength-bar .password-strength-fill.strength-excellent {
  background-color: #b0cd83;
}
.password-strength-section .password-requirements {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.375rem;
}
.password-strength-section .password-requirements .requirement-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #5E6C84;
  background-color: #ffffff;
  padding: 0.5rem 0.625rem;
  border-radius: 0.375rem;
  border: 1px solid #e3e3e6;
  transition: all 0.25s ease;
}
.password-strength-section .password-requirements .requirement-item .requirement-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
  color: #5E6C84;
  flex-shrink: 0;
  transition: all 0.25s ease;
}
.password-strength-section .password-requirements .requirement-item span:not(.requirement-icon) {
  flex: 1;
  line-height: 1.3;
}
.password-strength-section .password-requirements .requirement-item.invalid {
  color: #dc3545;
  background-color: rgba(220, 53, 69, 0.08);
  border-color: rgba(220, 53, 69, 0.25);
}
.password-strength-section .password-requirements .requirement-item.invalid .requirement-icon {
  color: #dc3545;
}
.password-strength-section .password-requirements .requirement-item.valid {
  color: #28a745;
  background-color: rgba(40, 167, 69, 0.08);
  border-color: rgba(40, 167, 69, 0.25);
}
.password-strength-section .password-requirements .requirement-item.valid .requirement-icon {
  color: #28a745;
}
.lock-screen-avatar .avatar-wrapper {
  position: relative;
  width: 6rem;
  height: 6rem;
}
.lock-screen-avatar .avatar-wrapper .avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 0.25rem solid #ffffff;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15);
}
.lock-screen-avatar .avatar-wrapper .avatar-lock-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.75rem;
  height: 1.75rem;
  background: linear-gradient(135deg, #b4d08a, #C7DCA7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1875rem solid #ffffff;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
}
.lock-screen-avatar .avatar-wrapper .avatar-lock-icon i {
  font-size: 0.625rem;
  color: #333333;
}
.lock-screen-avatar .user-name {
  font-size: 1.25rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.25rem;
}
.lock-screen-avatar .user-email {
  font-size: 0.875rem;
  color: #5E6C84;
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .login-v1-page {
    overflow: auto;
  }
  .login-v1-container {
    flex-direction: column;
    width: 100%;
    height: auto;
    max-height: none;
  }
  .login-v1-left {
    width: 100%;
    min-height: 18rem;
  }
  .login-v1-left .quote-content {
    padding: 1.5rem;
  }
  .login-v1-left .quote-content .quote-title {
    font-size: 2.25rem;
  }
  .login-v1-left .quote-content .quote-text {
    font-size: 0.8125rem;
  }
  .login-v1-right {
    width: 100%;
    padding: 2rem 1.5rem;
  }
  .login-logo {
    text-align: center;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 500px) {
  .login-v1-container {
    width: 100%;
    height: 100vh;
    border-radius: 0;
    overflow: auto;
  }
  .login-v1-left {
    min-height: 14rem;
  }
  .login-v1-left .quote-content {
    padding: 1.25rem;
  }
  .login-v1-left .quote-content .quote-title {
    font-size: 1.75rem;
  }
  .login-v1-left .quote-content .quote-text {
    font-size: 0.75rem;
  }
  .login-v1-right {
    padding: 1.5rem 1.25rem;
  }
  .login-form-wrapper {
    max-width: 100%;
  }
  .login-form-content .login-title {
    font-size: 1.75rem;
  }
  .login-form-content .login-subtitle {
    font-size: 0.8125rem;
  }
  .login-footer {
    margin-top: 1.5rem;
  }
}
.login-v2-page {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: 'Maven Pro', sans-serif;
  overflow: hidden;
}
.login-v2-page .map-container {
  position: relative;
  width: 100%;
  height: 100vh;
}
.login-v2-page .map-container::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
  z-index: 1;
}
.login-v2-map {
  width: 100%;
  height: 100%;
}
.login-panel {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24rem;
  z-index: 100;
}
.login-panel .card {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 1.25rem;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 -2px 6px rgba(255, 255, 255, 0.2) inset;
}
.login-panel .card .card-header {
  background: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding: 1rem 1.5rem;
}
.login-panel .card .card-header .login-panel-logo {
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  padding: 0.25rem;
}
.login-panel .card .card-header .card-title {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
}
.login-panel .card .card-header .header-location {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #5E6C84;
}
.login-panel .card .card-header .header-location .material-symbols-sharp {
  font-size: 1rem;
  color: #f5392f;
}
.login-panel .card .card-body {
  padding: 1.5rem;
  background: transparent;
}
.login-panel .card .card-body .login-subtitle {
  font-size: 0.8125rem;
}
.login-panel .form-floating .form-control {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) inset;
}
.login-panel .form-floating .form-control:focus {
  background: rgba(255, 255, 255, 0.7);
  border-color: #0067ff;
  box-shadow: 0 0 0 3px rgba(0, 103, 255, 0.15), 0 2px 8px rgba(0, 0, 0, 0.04) inset;
}
.login-panel .form-floating .form-control::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.login-panel .form-floating .form-control {
  border-radius: 0.5rem;
}
.login-panel .form-floating.password-input {
  position: relative;
}
.login-panel .form-floating.password-input .form-control {
  padding-right: 3rem;
}
.login-panel .form-floating.password-input .password-toggle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #5E6C84;
  cursor: pointer;
  z-index: 5;
}
.login-panel .form-floating.password-input .password-toggle .material-symbols-sharp {
  font-size: 1.25rem;
}
.login-panel .form-floating.password-input .password-toggle:hover {
  color: #333333;
}
.login-panel .form-check-label {
  font-size: 0.8125rem;
  color: #5E6C84;
}
.login-panel .form-switch .form-check-input:checked {
  background-color: #0067ff;
  border-color: #0067ff;
}
.login-panel .forgot-password-link {
  font-size: 0.8125rem;
  color: #0067ff;
  text-decoration: none;
  font-weight: 500;
}
.login-panel .forgot-password-link:hover {
  text-decoration: underline;
}
.login-panel .btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 2.75rem;
  font-weight: 500;
}
.login-panel .btn-primary .material-symbols-sharp {
  font-size: 1.25rem;
}
.login-panel .divider-text {
  display: flex;
  align-items: center;
  text-align: center;
  color: #5E6C84;
  font-size: 0.75rem;
}
.login-panel .divider-text::before,
.login-panel .divider-text::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e3e3e6;
}
.login-panel .divider-text span {
  padding: 0 0.75rem;
}
.login-panel .social-login-row {
  display: flex;
  gap: 0.75rem;
}
.login-panel .btn-social {
  flex: 1;
  height: 2.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
.login-panel .btn-social svg {
  flex-shrink: 0;
}
.login-panel .btn-social.btn-google {
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  color: #333333;
}
.login-panel .btn-social.btn-google:hover {
  background-color: #f8f9fa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.login-panel .btn-social.btn-apple {
  background-color: #000;
  border: 1px solid #000;
  color: #ffffff;
}
.login-panel .btn-social.btn-apple:hover {
  background-color: #333;
}
.login-panel .login-footer {
  font-size: 0.8125rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.login-panel .login-footer a {
  color: #0067ff;
  font-weight: 500;
  text-decoration: none;
}
.login-panel .login-footer a:hover {
  text-decoration: underline;
}
.login-panel .btn-social.btn-google {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.login-panel .btn-social.btn-google:hover {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.login-panel .btn-social.btn-apple {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.login-panel .btn-social.btn-apple:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.login-panel .btn-primary {
  background: linear-gradient(90deg, #b4d08a 0%, #C7DCA7 25%, #dae8c4 50%, #C7DCA7 75%, #b4d08a 100%);
  background-size: 200% 100%;
  color: #333333;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.4s ease;
  box-shadow: 0 2px 8px rgba(153, 191, 94, 0.3);
}
.login-panel .btn-primary:hover {
  background-position: 100% 0;
  box-shadow: 0 6px 20px rgba(153, 191, 94, 0.45);
  transform: translateY(-2px);
}
.login-panel .btn-primary:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 2px 6px rgba(153, 191, 94, 0.3);
}
.login-panel .divider-text::before,
.login-panel .divider-text::after {
  border-color: rgba(0, 0, 0, 0.1);
}
.login-panel .form-switch .form-check-input {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
.login-panel .form-switch .form-check-input:checked {
  background-color: #b4d08a;
  border-color: #b4d08a;
}
.login-v2-page .map-controls {
  right: 1rem;
  bottom: 6rem;
  z-index: 100;
}
.login-v2-page .map-controls .btn-group-vertical {
  border-radius: 0.75rem;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.login-v2-page .map-controls .btn-group-vertical .btn {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: #5E6C84;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.login-v2-page .map-controls .btn-group-vertical .btn:last-child {
  border-bottom: none;
}
.login-v2-page .map-controls .btn-group-vertical .btn:hover {
  background: rgba(255, 255, 255, 0.4);
  color: #333333;
}
.login-v2-page .map-controls .btn-group-vertical .btn .material-symbols-sharp {
  font-size: 1.25rem;
}
.login-v2-page .map-legend {
  bottom: 0;
  left: 0;
  z-index: 100;
}
.login-v2-page .map-legend .card {
  border-radius: 0;
  border: none;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 -0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}
.login-v2-page .map-legend .card-body {
  padding: 0.5rem 1rem;
}
.login-v2-page .map-legend .card-title {
  display: none;
}
.login-v2-page .map-legend .legend-items {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.login-v2-page .map-legend .legend-item {
  margin-bottom: 0 !important;
}
.login-v2-page .map-legend .legend-item small {
  font-size: 0.8125rem;
  color: #5E6C84;
}
.login-v2-page .map-legend .legend-marker {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
}
.login-v2-page .gm-style {
  font-family: inherit;
}
.login-v2-page .gm-style *:focus {
  outline: none !important;
}
.login-v2-page .gm-style button:focus,
.login-v2-page .gm-style div:focus,
.login-v2-page .gm-style [tabindex]:focus {
  outline: none !important;
  box-shadow: none !important;
}
.login-v2-page .gm-style .gm-style-iw {
  outline: none !important;
}
.login-v2-page .gm-style .gm-style-iw-c {
  border-radius: 0.375rem;
  padding: 0 !important;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2);
  outline: none !important;
  border: none !important;
}
.login-v2-page .gm-style .gm-style-iw-c:focus,
.login-v2-page .gm-style .gm-style-iw-c:active {
  outline: none !important;
  border: none !important;
}
.login-v2-page .map-tooltip {
  padding: 0.375rem 0.625rem;
  font-size: 0.75rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.login-v2-page .map-tooltip strong {
  color: #333333;
  font-weight: 600;
}
.login-v2-page .map-tooltip .tooltip-divider {
  color: #e3e3e6;
  margin: 0 0.125rem;
}
.login-v2-page .map-tooltip span {
  color: #333333;
}
.login-v2-page .gm-style .gm-style-iw-d {
  overflow: hidden !important;
}
.login-v2-page .gm-style .gm-style-iw-tc::after {
  background: #ffffff;
}
.login-v2-page .gm-style .gm-style-iw-chr {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}
.login-v2-page .gm-style .gm-ui-hover-effect {
  width: 1.25rem !important;
  height: 1.25rem !important;
  opacity: 0.6;
}
.login-v2-page .gm-style .gm-ui-hover-effect:hover {
  opacity: 1;
}
.login-v2-page .gm-style .gm-ui-hover-effect > span {
  width: 0.875rem !important;
  height: 0.875rem !important;
  margin: 0.1875rem !important;
}
.login-v2-page .gm-style-iw button.gm-ui-hover-effect {
  top: 0 !important;
  right: 0 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  background: #f7f7f7 !important;
  border-radius: 50% !important;
  opacity: 0.8;
}
.login-v2-page .gm-style-iw button.gm-ui-hover-effect img {
  width: 0.75rem !important;
  height: 0.75rem !important;
  margin: 0.375rem !important;
}
@media only screen and (max-width: 991px) {
  .login-panel {
    width: 22rem;
  }
}
@media only screen and (max-width: 767px) {
  .login-panel {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 2rem);
    max-width: 24rem;
  }
  .login-panel .card .card-header {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .login-panel .card .card-header .header-location {
    width: 100%;
    justify-content: flex-end;
  }
  .login-v2-page .map-controls {
    right: 0.5rem;
    bottom: 5rem;
  }
  .login-v2-page .map-controls .btn-group-vertical .btn {
    width: 2.25rem;
    height: 2.25rem;
  }
  .login-v2-page .map-legend {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .login-panel {
    width: calc(100% - 1rem);
  }
  .login-panel .card .card-header {
    padding: 0.875rem 1rem;
  }
  .login-panel .card .card-body {
    padding: 1.25rem;
  }
  .login-panel .social-login-row {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.registration-v1-page {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: #0a0a0a;
  font-family: 'Maven Pro', sans-serif;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.registration-v1-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
}
.registration-v1-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}
.registration-v1-container {
  display: flex;
  position: relative;
  z-index: 1;
  width: calc(100% - 5rem);
  max-width: 75rem;
  height: calc(100vh - 5rem);
  max-height: 56rem;
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.4);
}
.registration-v1-left {
  width: 45%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.registration-v1-left .quote-image {
  position: absolute;
  inset: 0;
}
.registration-v1-left .quote-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.registration-v1-left .quote-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
}
.registration-v1-left .quote-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2.5rem;
  z-index: 1;
}
.registration-v1-left .quote-content .quote-title {
  font-family: 'Maven Pro', sans-serif;
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.15;
  margin-bottom: 1rem;
}
.registration-v1-left .quote-content .quote-text {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7;
  max-width: 24rem;
  margin: 0;
}
.registration-v1-right {
  width: 55%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  position: relative;
  overflow-y: auto;
}
.registration-form-wrapper {
  width: 100%;
  max-width: 26rem;
}
.registration-logo {
  text-align: center;
  margin-bottom: 1rem;
}
.registration-logo img {
  height: 3.5rem;
  padding: 0.5rem;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
}
.registration-form-content .registration-title {
  font-family: 'Maven Pro', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #0a0a0a;
  margin-bottom: 0.5rem;
  text-align: center;
}
.registration-form-content .registration-subtitle {
  font-size: 0.875rem;
  color: #6b7280;
  text-align: center;
  margin-bottom: 1.5rem;
}
.registration-form .form-floating .form-control {
  border-radius: 0.5rem;
}
.registration-form .form-floating > label {
  color: #5E6C84;
}
.registration-form .form-floating.password-input .form-control {
  padding-right: 3rem;
}
.registration-form .form-floating.password-input .form-control.is-invalid,
.registration-form .form-floating.password-input .form-control:invalid {
  padding-right: 5.5rem;
}
.registration-form .form-floating.password-input .password-toggle {
  position: absolute;
  right: 0;
  top: 0;
  height: 2.875rem;
  width: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #5E6C84;
  cursor: pointer;
  z-index: 5;
}
.registration-form .form-floating.password-input .password-toggle:hover {
  color: #333333;
}
.registration-form .form-floating.password-input .form-control.is-invalid ~ .password-toggle,
.registration-form .form-floating.password-input .form-control:invalid ~ .password-toggle {
  right: 1.25rem;
}
.registration-form .form-check .form-check-label {
  font-size: 0.8125rem;
  color: #5E6C84;
}
.registration-form .form-check .form-check-label a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
}
.registration-form .form-check .form-check-label a:hover {
  text-decoration: underline;
}
.registration-form .form-check .form-check-input:checked {
  background-color: #b4d08a;
  border-color: #b4d08a;
}
.registration-form .btn-register {
  width: 100%;
  height: 3.25rem;
  background: linear-gradient(90deg, #b4d08a 0%, #C7DCA7 25%, #dae8c4 50%, #C7DCA7 75%, #b4d08a 100%);
  background-size: 200% 100%;
  color: #333333;
  border: none;
  border-radius: 2rem;
  font-size: 0.9375rem;
  font-weight: 600;
  transition: all 0.4s ease;
  box-shadow: 0 2px 8px rgba(153, 191, 94, 0.3);
}
.registration-form .btn-register:hover {
  background-position: 100% 0;
  box-shadow: 0 6px 20px rgba(153, 191, 94, 0.45);
  transform: translateY(-2px);
}
.registration-form .btn-register:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 2px 6px rgba(153, 191, 94, 0.3);
}
.registration-form .divider-text {
  display: flex;
  align-items: center;
  text-align: center;
  color: #5E6C84;
  font-size: 0.875rem;
}
.registration-form .divider-text::before,
.registration-form .divider-text::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e3e3e6;
}
.registration-form .divider-text span {
  padding: 0 1rem;
}
.registration-form .social-login-icons {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.registration-form .btn-social {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e3e3e6;
  background-color: #ffffff;
  transition: all 0.2s ease;
}
.registration-form .btn-social i,
.registration-form .btn-social svg {
  font-size: 1.25em;
  width: 1.25em;
  height: 1.25em;
}
.registration-form .btn-social:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.registration-form .btn-social.btn-icloud {
  color: #333333;
}
.registration-form .btn-social.btn-icloud:hover {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
.registration-form .btn-social.btn-google {
  color: #EA4335;
}
.registration-form .btn-social.btn-google:hover {
  background-color: #EA4335;
  border-color: #EA4335;
  color: #ffffff;
}
.registration-form .btn-social.btn-facebook {
  color: #1877F2;
}
.registration-form .btn-social.btn-facebook:hover {
  background-color: #1877F2;
  border-color: #1877F2;
  color: #ffffff;
}
.registration-form .btn-social.btn-linkedin {
  color: #0A66C2;
}
.registration-form .btn-social.btn-linkedin:hover {
  background-color: #0A66C2;
  border-color: #0A66C2;
  color: #ffffff;
}
.registration-form .btn-social.btn-x {
  color: #000000;
}
.registration-form .btn-social.btn-x:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.registration-form .btn-social.btn-microsoft {
  color: #00A4EF;
}
.registration-form .btn-social.btn-microsoft:hover {
  background-color: #00A4EF;
  border-color: #00A4EF;
  color: #ffffff;
}
.registration-footer {
  text-align: center;
  margin-top: 1.5rem;
  font-size: 0.875rem;
  color: #6b7280;
}
.registration-footer a {
  color: #0a0a0a;
  font-weight: 600;
  text-decoration: none;
}
.registration-footer a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 991px) {
  .registration-v1-page {
    overflow: auto;
  }
  .registration-v1-container {
    flex-direction: column;
    width: 100%;
    height: auto;
    max-height: none;
  }
  .registration-v1-left {
    width: 100%;
    min-height: 16rem;
  }
  .registration-v1-left .quote-content {
    padding: 1.5rem;
  }
  .registration-v1-left .quote-content .quote-title {
    font-size: 2.25rem;
  }
  .registration-v1-left .quote-content .quote-text {
    font-size: 0.8125rem;
  }
  .registration-v1-right {
    width: 100%;
    padding: 2rem 1.5rem;
  }
  .registration-logo {
    text-align: center;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 500px) {
  .registration-v1-container {
    width: 100%;
    height: auto;
    min-height: 100vh;
    border-radius: 0;
    overflow: auto;
  }
  .registration-v1-left {
    min-height: 12rem;
  }
  .registration-v1-left .quote-content {
    padding: 1.25rem;
  }
  .registration-v1-left .quote-content .quote-title {
    font-size: 1.75rem;
  }
  .registration-v1-left .quote-content .quote-text {
    font-size: 0.75rem;
  }
  .registration-v1-right {
    padding: 1.5rem 1.25rem;
  }
  .registration-form-wrapper {
    max-width: 100%;
  }
  .registration-form-content .registration-title {
    font-size: 1.5rem;
  }
  .registration-form-content .registration-subtitle {
    font-size: 0.8125rem;
  }
  .registration-footer {
    margin-top: 1rem;
  }
}
.registration-v2-page {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: 'Maven Pro', sans-serif;
  overflow: hidden;
}
.registration-v2-page .map-container {
  position: relative;
  width: 100%;
  height: 100vh;
}
.registration-v2-page .map-container::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.4) 100%);
  pointer-events: none;
  z-index: 1;
}
.registration-v2-map {
  width: 100%;
  height: 100%;
}
.registration-panel {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26rem;
  max-height: calc(100vh - 2rem);
  z-index: 100;
}
.registration-panel .card {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 1.25rem;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.4) 100%);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 -2px 6px rgba(255, 255, 255, 0.2) inset;
  max-height: calc(100vh - 2rem);
  display: flex;
  flex-direction: column;
}
.registration-panel .card .card-header {
  background: rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding: 1rem 1.5rem;
  flex-shrink: 0;
}
.registration-panel .card .card-header .registration-panel-logo {
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  padding: 0.25rem;
}
.registration-panel .card .card-header .card-title {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
}
.registration-panel .card .card-header .header-location {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: #5E6C84;
}
.registration-panel .card .card-header .header-location .material-symbols-sharp {
  font-size: 1rem;
  color: #14b474;
}
.registration-panel .card .card-body {
  padding: 1.5rem;
  background: transparent;
  overflow-y: auto;
  flex: 1;
}
.registration-panel .card .card-body .registration-subtitle {
  font-size: 0.8125rem;
}
.registration-panel .form-floating .form-control {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) inset;
}
.registration-panel .form-floating .form-control:focus {
  background: rgba(255, 255, 255, 0.7);
  border-color: #0067ff;
  box-shadow: 0 0 0 3px rgba(0, 103, 255, 0.15), 0 2px 8px rgba(0, 0, 0, 0.04) inset;
}
.registration-panel .form-floating .form-control::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.registration-panel .form-floating .form-control {
  border-radius: 0.5rem;
}
.registration-panel .form-floating.password-input {
  position: relative;
}
.registration-panel .form-floating.password-input .form-control {
  padding-right: 3rem;
}
.registration-panel .form-floating.password-input .password-toggle {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #5E6C84;
  cursor: pointer;
  z-index: 5;
}
.registration-panel .form-floating.password-input .password-toggle .material-symbols-sharp {
  font-size: 1.25rem;
}
.registration-panel .form-floating.password-input .password-toggle:hover {
  color: #333333;
}
.registration-panel .form-check .form-check-label {
  font-size: 0.8125rem;
  color: #5E6C84;
}
.registration-panel .form-check .form-check-label a {
  color: #333333;
  font-weight: 500;
  text-decoration: none;
}
.registration-panel .form-check .form-check-label a:hover {
  text-decoration: underline;
}
.registration-panel .form-check .form-check-input:checked {
  background-color: #b4d08a;
  border-color: #b4d08a;
}
.registration-panel .btn-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 2.75rem;
  font-weight: 500;
}
.registration-panel .btn-primary .material-symbols-sharp {
  font-size: 1.25rem;
}
.registration-panel .divider-text {
  display: flex;
  align-items: center;
  text-align: center;
  color: #5E6C84;
  font-size: 0.75rem;
}
.registration-panel .divider-text::before,
.registration-panel .divider-text::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #e3e3e6;
}
.registration-panel .divider-text span {
  padding: 0 0.75rem;
}
.registration-panel .social-login-row {
  display: flex;
  gap: 0.75rem;
}
.registration-panel .btn-social {
  flex: 1;
  height: 2.5rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
.registration-panel .btn-social svg {
  flex-shrink: 0;
}
.registration-panel .btn-social.btn-google {
  background-color: #ffffff;
  border: 1px solid #e3e3e6;
  color: #333333;
}
.registration-panel .btn-social.btn-google:hover {
  background-color: #f8f9fa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.registration-panel .btn-social.btn-apple {
  background-color: #000;
  border: 1px solid #000;
  color: #ffffff;
}
.registration-panel .btn-social.btn-apple:hover {
  background-color: #333;
}
.registration-panel .registration-footer {
  font-size: 0.8125rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.registration-panel .registration-footer a {
  color: #0067ff;
  font-weight: 500;
  text-decoration: none;
}
.registration-panel .registration-footer a:hover {
  text-decoration: underline;
}
.registration-panel .btn-social.btn-google {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.registration-panel .btn-social.btn-google:hover {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.registration-panel .btn-social.btn-apple {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.registration-panel .btn-social.btn-apple:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.registration-panel .btn-primary {
  background: linear-gradient(90deg, #b4d08a 0%, #C7DCA7 25%, #dae8c4 50%, #C7DCA7 75%, #b4d08a 100%);
  background-size: 200% 100%;
  color: #333333;
  border: none;
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.4s ease;
  box-shadow: 0 2px 8px rgba(153, 191, 94, 0.3);
}
.registration-panel .btn-primary:hover {
  background-position: 100% 0;
  box-shadow: 0 6px 20px rgba(153, 191, 94, 0.45);
  transform: translateY(-2px);
}
.registration-panel .btn-primary:active {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 2px 6px rgba(153, 191, 94, 0.3);
}
.registration-panel .divider-text::before,
.registration-panel .divider-text::after {
  border-color: rgba(0, 0, 0, 0.1);
}
.registration-v2-page .map-controls {
  right: 1rem;
  bottom: 6rem;
  z-index: 100;
}
.registration-v2-page .map-controls .btn-group-vertical {
  border-radius: 0.75rem;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.registration-v2-page .map-controls .btn-group-vertical .btn {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: #5E6C84;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.registration-v2-page .map-controls .btn-group-vertical .btn:last-child {
  border-bottom: none;
}
.registration-v2-page .map-controls .btn-group-vertical .btn:hover {
  background: rgba(255, 255, 255, 0.4);
  color: #333333;
}
.registration-v2-page .map-controls .btn-group-vertical .btn .material-symbols-sharp {
  font-size: 1.25rem;
}
.registration-v2-page .map-legend {
  bottom: 0;
  left: 0;
  z-index: 100;
}
.registration-v2-page .map-legend .card {
  border-radius: 0;
  border: none;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 -0.125rem 0.5rem rgba(0, 0, 0, 0.1);
}
.registration-v2-page .map-legend .card-body {
  padding: 0.5rem 1rem;
}
.registration-v2-page .map-legend .card-title {
  display: none;
}
.registration-v2-page .map-legend .legend-items {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.registration-v2-page .map-legend .legend-item {
  margin-bottom: 0 !important;
}
.registration-v2-page .map-legend .legend-item small {
  font-size: 0.8125rem;
  color: #5E6C84;
}
.registration-v2-page .map-legend .legend-marker {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
}
.registration-v2-page .gm-style {
  font-family: inherit;
}
.registration-v2-page .gm-style *:focus {
  outline: none !important;
}
.registration-v2-page .gm-style button:focus,
.registration-v2-page .gm-style div:focus,
.registration-v2-page .gm-style [tabindex]:focus {
  outline: none !important;
  box-shadow: none !important;
}
.registration-v2-page .gm-style .gm-style-iw {
  outline: none !important;
}
.registration-v2-page .gm-style .gm-style-iw-c {
  border-radius: 0.375rem;
  padding: 0 !important;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2);
  outline: none !important;
  border: none !important;
}
.registration-v2-page .gm-style .gm-style-iw-c:focus,
.registration-v2-page .gm-style .gm-style-iw-c:active {
  outline: none !important;
  border: none !important;
}
.registration-v2-page .map-tooltip {
  padding: 0.375rem 0.625rem;
  font-size: 0.75rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.registration-v2-page .map-tooltip strong {
  color: #333333;
  font-weight: 600;
}
.registration-v2-page .map-tooltip .tooltip-divider {
  color: #e3e3e6;
  margin: 0 0.125rem;
}
.registration-v2-page .map-tooltip span {
  color: #333333;
}
.registration-v2-page .gm-style .gm-style-iw-d {
  overflow: hidden !important;
}
.registration-v2-page .gm-style .gm-style-iw-tc::after {
  background: #ffffff;
}
.registration-v2-page .gm-style .gm-style-iw-chr {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}
.registration-v2-page .gm-style .gm-ui-hover-effect {
  width: 1.25rem !important;
  height: 1.25rem !important;
  opacity: 0.6;
}
.registration-v2-page .gm-style .gm-ui-hover-effect:hover {
  opacity: 1;
}
.registration-v2-page .gm-style .gm-ui-hover-effect > span {
  width: 0.875rem !important;
  height: 0.875rem !important;
  margin: 0.1875rem !important;
}
.registration-v2-page .gm-style-iw button.gm-ui-hover-effect {
  top: 0 !important;
  right: 0 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  background: #f7f7f7 !important;
  border-radius: 50% !important;
  opacity: 0.8;
}
.registration-v2-page .gm-style-iw button.gm-ui-hover-effect img {
  width: 0.75rem !important;
  height: 0.75rem !important;
  margin: 0.375rem !important;
}
@media only screen and (max-width: 991px) {
  .registration-panel {
    width: 24rem;
  }
}
@media only screen and (max-width: 767px) {
  .registration-panel {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 2rem);
    max-width: 26rem;
    max-height: calc(100vh - 2rem);
  }
  .registration-panel .card .card-header {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .registration-panel .card .card-header .header-location {
    width: 100%;
    justify-content: flex-end;
  }
  .registration-v2-page .map-controls {
    right: 0.5rem;
    bottom: 5rem;
  }
  .registration-v2-page .map-controls .btn-group-vertical .btn {
    width: 2.25rem;
    height: 2.25rem;
  }
  .registration-v2-page .map-legend {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .registration-panel {
    width: calc(100% - 1rem);
    max-height: calc(100vh - 1rem);
  }
  .registration-panel .card .card-header {
    padding: 0.875rem 1rem;
  }
  .registration-panel .card .card-body {
    padding: 1.25rem;
  }
  .registration-panel .social-login-row {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.morris-hover {
  position: absolute;
  z-index: 1000;
  padding: 0.5rem 0.75rem;
  background: #fff;
  border: none;
  border-radius: 0.375rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.12);
  font-family: 'Maven Pro', sans-serif;
  font-size: 0.75rem;
}
.morris-hover-row-label {
  font-weight: 600;
  color: #212529;
  padding-bottom: 0.375rem;
  margin-bottom: 0.375rem;
  border-bottom: 1px solid #e9ecef;
  font-size: 0.75rem;
}
.morris-hover-body {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.morris-hover-point {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.morris-hover-point .dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  flex-shrink: 0;
}
.morris-hover-point .label {
  color: #6c757d;
}
.morris-hover-point .value {
  font-weight: 600;
  color: #212529;
  margin-left: auto;
  padding-left: 0.75rem;
}
.morris-hover-point .value small {
  font-weight: 500;
  color: #868e96;
  font-size: 0.6875rem;
}
.morris-hover-total {
  margin-top: 0.375rem;
  padding-top: 0.375rem;
  border-top: 1px solid #e9ecef;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  color: #212529;
}
.chart-container {
  width: 100%;
}
.chart-container svg {
  width: 100%;
}
.flot-tooltip {
  position: absolute;
  z-index: 1000;
  padding: 0.375rem 0.5rem;
  background: #fff;
  border: none;
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);
  font-family: 'Maven Pro', sans-serif;
  font-size: 0.75rem;
  color: #212529;
  pointer-events: none;
  line-height: 1.3;
  white-space: nowrap;
}
.flot-tooltip strong {
  font-weight: 600;
  color: #6c757d;
}
.pie-label {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #212529;
  text-align: center;
  padding: 0.125rem 0.25rem;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 0.25rem;
}
.chart-container {
  width: 100%;
}
.chart-container .flot-base {
  width: 100% !important;
}
.legend table {
  font-size: 0.75rem;
}
.legend table td {
  padding: 0.125rem 0.25rem;
}
.legend .legendColorBox > div {
  border: none !important;
}
.legend .legendColorBox > div > div {
  border-radius: 0.125rem;
}
.legend .legendLabel {
  color: #6c757d;
  padding-left: 0.25rem;
}
.flot-tick-label {
  font-size: 0.6875rem;
  color: #6c757d;
}
.chart-container {
  position: relative;
  width: 100%;
}
.chart-container canvas {
  width: 100% !important;
  height: 100% !important;
}
.echart-container {
  width: 100%;
  height: 100%;
}
.chart-container {
  position: relative;
}
.chart-container .echart-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.amchart-container {
  width: 100%;
  height: 100%;
}
.chart-container {
  position: relative;
}
.chart-container .amchart-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.highchart-container {
  width: 100%;
  height: 100%;
}
.gauge-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gauge-item .highchart-container {
  width: 100%;
  height: 100%;
}
.highcharts-background {
  fill: transparent;
}
.highcharts-container {
  font-family: inherit !important;
}
.highcharts-legend-item text {
  font-weight: 400 !important;
}
.highcharts-tooltip .highcharts-tooltip-box {
  fill: #ffffff;
  stroke: #e3e3e6;
}
.highcharts-tooltip span {
  font-family: inherit !important;
}
.widget-stats-card-4 .highcharts-tooltip .highcharts-tooltip-box {
  fill: #2D3748;
  stroke: #2D3748;
}
.widget-stats-card-4 .highcharts-tooltip span {
  color: #ffffff !important;
}
.highcharts-axis-labels text {
  font-family: inherit !important;
}
.highcharts-data-label text {
  font-family: inherit !important;
}
.highcharts-pane {
  fill: #f7f7f7;
}
@media (max-width: 768px) {
  .gauge-item {
    width: 150px !important;
    height: 140px !important;
  }
}
.faq-header-section {
  background: linear-gradient(135deg, rgba(0, 103, 255, 0.08) 0%, rgba(137, 185, 173, 0.12) 50%, rgba(138, 205, 215, 0.1) 100%);
  border-radius: 0.75rem;
  padding: 2.5rem 2rem;
  position: relative;
  overflow: hidden;
  border: 1px solid #e3e3e6;
}
.faq-header-section::before {
  content: '';
  position: absolute;
  top: -4rem;
  right: -2rem;
  width: 12rem;
  height: 12rem;
  background: rgba(0, 103, 255, 0.06);
  border-radius: 50%;
}
.faq-header-section::after {
  content: '';
  position: absolute;
  bottom: -3rem;
  left: -3rem;
  width: 10rem;
  height: 10rem;
  background: rgba(137, 185, 173, 0.08);
  border-radius: 50%;
}
.faq-header-section .faq-header-content::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 15%;
  width: 6rem;
  height: 6rem;
  background: rgba(138, 205, 215, 0.06);
  border-radius: 50%;
  transform: translateY(-50%);
}
.faq-header-section .faq-header-content::after {
  content: '';
  position: absolute;
  bottom: 20%;
  left: 10%;
  width: 4rem;
  height: 4rem;
  background: rgba(172, 135, 197, 0.05);
  border-radius: 50%;
}
.faq-header-content {
  text-align: center;
  max-width: 37.5rem;
  margin: 0 auto 1.5rem;
  position: relative;
  z-index: 1;
}
.faq-header-icon {
  font-size: 3rem;
  color: #0067ff;
  margin-bottom: 1rem;
  display: inline-block;
  background: rgba(0, 103, 255, 0.12);
  padding: 0.75rem;
  border-radius: 50%;
}
.faq-main-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--bs-heading-color);
  margin-bottom: 0.75rem;
}
.faq-subtitle {
  font-size: 0.9375rem;
  color: var(--bs-secondary-color);
  margin-bottom: 0;
  line-height: 1.6;
}
.faq-search-wrapper {
  max-width: 31.25rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.faq-search-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #ffffff;
  border-radius: 0.5rem;
  border: 1px solid #e3e3e6;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.faq-search-box .search-icon {
  position: absolute;
  left: 1rem;
  color: #7f7f7f;
  font-size: 1.25rem;
  z-index: 1;
}
.faq-search-box .faq-search-input {
  padding-left: 2.75rem;
  padding-right: 3.5rem;
  height: 3rem;
  border-radius: 0.625rem;
  border: none;
  background-color: transparent;
  font-size: 0.875rem;
}
.faq-search-box .faq-search-input:focus {
  box-shadow: none;
  outline: none;
}
.faq-search-box .faq-search-input::placeholder {
  color: #7f7f7f;
}
.faq-search-box .faq-search-btn {
  position: absolute;
  right: 0.375rem;
  height: 2.375rem;
  width: 2.375rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background: #0067ff;
  border: none;
}
.faq-search-box .faq-search-btn:hover {
  background: #0057d6;
}
.faq-search-box .faq-search-btn .material-symbols-sharp {
  font-size: 1.125rem;
  color: #ffffff;
}
.faq-categories-wrapper {
  background: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.75rem;
  padding: 0;
  position: sticky;
  top: 9.8rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.faq-categories-header {
  background: linear-gradient(135deg, #0067ff 0%, #0057d6 100%);
  padding: 1.25rem 1.5rem;
  position: relative;
  overflow: hidden;
}
.faq-categories-header::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 8rem;
  height: 8rem;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 50%;
}
.faq-categories-header::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 5rem;
  height: 5rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
}
.faq-categories-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  margin-bottom: 0.375rem;
  position: relative;
  z-index: 1;
}
.faq-categories-title .material-symbols-sharp {
  font-size: 1.25rem;
  opacity: 0.9;
}
.faq-categories-subtitle {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
  position: relative;
  z-index: 1;
}
.faq-category-list {
  list-style: none;
  padding: 0.75rem;
  margin: 0;
}
.faq-category-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 0.25rem;
  position: relative;
  background: transparent;
  border: 1px solid transparent;
}
.faq-category-item:last-child {
  margin-bottom: 0;
}
.faq-category-item .category-indicator {
  width: 0.1875rem;
  height: 1.25rem;
  background-color: transparent;
  border-radius: 0.125rem;
  transition: all 0.2s ease;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.faq-category-item .category-icon {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f7f7f7;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.faq-category-item .category-icon .material-symbols-sharp {
  font-size: 1.125rem;
  color: #7f7f7f;
  transition: all 0.2s ease;
}
.faq-category-item .category-text {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--bs-body-color);
  transition: all 0.2s ease;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.faq-category-item .category-count {
  font-size: 0.625rem;
  font-weight: 600;
  color: #7f7f7f;
  background: #f7f7f7;
  padding: 0.125rem 0.4375rem;
  border-radius: 0.75rem;
  min-width: 1.375rem;
  text-align: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.faq-category-item:hover {
  background: #f7f7f7;
}
.faq-category-item:hover .category-indicator {
  background-color: rgba(0, 103, 255, 0.4);
}
.faq-category-item:hover .category-icon {
  background: rgba(0, 103, 255, 0.1);
}
.faq-category-item:hover .category-icon .material-symbols-sharp {
  color: #0067ff;
}
.faq-category-item:hover .category-text {
  color: #0067ff;
}
.faq-category-item.active {
  background: rgba(0, 103, 255, 0.08);
}
.faq-category-item.active .category-indicator {
  background-color: #0067ff;
}
.faq-category-item.active .category-icon {
  background: #0067ff;
}
.faq-category-item.active .category-icon .material-symbols-sharp {
  color: #ffffff;
}
.faq-category-item.active .category-text {
  color: #0067ff;
  font-weight: 600;
}
.faq-category-item.active .category-count {
  background: #0067ff;
  color: #ffffff;
}
.faq-category-item.category-all .category-icon {
  background: rgba(0, 103, 255, 0.12);
}
.faq-category-item.category-all .category-icon .material-symbols-sharp {
  color: #0067ff;
}
.faq-category-item.category-all:hover .category-icon {
  background: rgba(0, 103, 255, 0.2);
}
.faq-category-item.category-all.active .category-icon {
  background: #0067ff;
}
.faq-category-item.category-all.active .category-icon .material-symbols-sharp {
  color: #ffffff;
}
.faq-category-item.category-all.active .category-indicator {
  background-color: #0067ff;
}
.faq-category-item.category-all.active {
  background: rgba(0, 103, 255, 0.08);
}
.faq-category-item.category-all.active .category-text {
  color: #0067ff;
}
.faq-category-item.category-all.active .category-count {
  background: #0067ff;
}
.faq-category-item.category-general .category-icon {
  background: rgba(137, 185, 173, 0.3);
}
.faq-category-item.category-general .category-icon .material-symbols-sharp {
  color: #5b9a8a;
}
.faq-category-item.category-general:hover .category-icon {
  background: rgba(137, 185, 173, 0.45);
}
.faq-category-item.category-general:hover .category-text {
  color: #5b9a8a;
}
.faq-category-item.category-general.active .category-icon {
  background: #89B9AD;
}
.faq-category-item.category-general.active .category-icon .material-symbols-sharp {
  color: #ffffff;
}
.faq-category-item.category-general.active .category-indicator {
  background-color: #89B9AD;
}
.faq-category-item.category-general.active {
  background: rgba(137, 185, 173, 0.12);
}
.faq-category-item.category-general.active .category-text {
  color: #5b9a8a;
}
.faq-category-item.category-general.active .category-count {
  background: #89B9AD;
}
.faq-category-item.category-booking .category-icon {
  background: rgba(255, 235, 216, 0.5);
}
.faq-category-item.category-booking .category-icon .material-symbols-sharp {
  color: #ff9d3f;
}
.faq-category-item.category-booking:hover .category-icon {
  background: rgba(255, 235, 216, 0.7);
}
.faq-category-item.category-booking:hover .category-text {
  color: #ff9d3f;
}
.faq-category-item.category-booking.active .category-icon {
  background: #ffd1a5;
}
.faq-category-item.category-booking.active .category-icon .material-symbols-sharp {
  color: #ffffff;
}
.faq-category-item.category-booking.active .category-indicator {
  background-color: #ffd1a5;
}
.faq-category-item.category-booking.active {
  background: rgba(255, 235, 216, 0.25);
}
.faq-category-item.category-booking.active .category-text {
  color: #ff9d3f;
}
.faq-category-item.category-booking.active .category-count {
  background: #ffd1a5;
}
.faq-category-item.category-account .category-icon {
  background: rgba(172, 135, 197, 0.25);
}
.faq-category-item.category-account .category-icon .material-symbols-sharp {
  color: #9465b4;
}
.faq-category-item.category-account:hover .category-icon {
  background: rgba(172, 135, 197, 0.4);
}
.faq-category-item.category-account:hover .category-text {
  color: #9465b4;
}
.faq-category-item.category-account.active .category-icon {
  background: #AC87C5;
}
.faq-category-item.category-account.active .category-icon .material-symbols-sharp {
  color: #ffffff;
}
.faq-category-item.category-account.active .category-indicator {
  background-color: #AC87C5;
}
.faq-category-item.category-account.active {
  background: rgba(172, 135, 197, 0.15);
}
.faq-category-item.category-account.active .category-text {
  color: #9465b4;
}
.faq-category-item.category-account.active .category-count {
  background: #AC87C5;
}
.faq-category-item.category-drivers .category-icon {
  background: rgba(199, 220, 167, 0.4);
}
.faq-category-item.category-drivers .category-icon .material-symbols-sharp {
  color: #8db84c;
}
.faq-category-item.category-drivers:hover .category-icon {
  background: rgba(199, 220, 167, 0.6);
}
.faq-category-item.category-drivers:hover .category-text {
  color: #8db84c;
}
.faq-category-item.category-drivers.active .category-icon {
  background: #b0cd83;
}
.faq-category-item.category-drivers.active .category-icon .material-symbols-sharp {
  color: #ffffff;
}
.faq-category-item.category-drivers.active .category-indicator {
  background-color: #b0cd83;
}
.faq-category-item.category-drivers.active {
  background: rgba(199, 220, 167, 0.2);
}
.faq-category-item.category-drivers.active .category-text {
  color: #8db84c;
}
.faq-category-item.category-drivers.active .category-count {
  background: #b0cd83;
}
.faq-category-item.category-support .category-icon {
  background: rgba(255, 197, 197, 0.4);
}
.faq-category-item.category-support .category-icon .material-symbols-sharp {
  color: #ff5f5f;
}
.faq-category-item.category-support:hover .category-icon {
  background: rgba(255, 197, 197, 0.55);
}
.faq-category-item.category-support:hover .category-text {
  color: #ff5f5f;
}
.faq-category-item.category-support.active .category-icon {
  background: #ff9292;
}
.faq-category-item.category-support.active .category-icon .material-symbols-sharp {
  color: #ffffff;
}
.faq-category-item.category-support.active .category-indicator {
  background-color: #ff9292;
}
.faq-category-item.category-support.active {
  background: rgba(255, 197, 197, 0.2);
}
.faq-category-item.category-support.active .category-text {
  color: #ff5f5f;
}
.faq-category-item.category-support.active .category-count {
  background: #ff9292;
}
.faq-quick-stats {
  display: flex;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e3e3e6;
  background: #f7f7f7;
}
.faq-quick-stats .stat-item {
  flex: 1;
  text-align: center;
  padding: 0.625rem;
  background: #ffffff;
  border-radius: 0.5rem;
  border: 1px solid #e3e3e6;
}
.faq-quick-stats .stat-item .stat-number {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0067ff;
  line-height: 1;
  margin-bottom: 0.25rem;
}
.faq-quick-stats .stat-item .stat-label {
  font-size: 0.625rem;
  color: #7f7f7f;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
}
.faq-help-card {
  margin: 1rem;
  padding: 1.25rem;
  background: linear-gradient(135deg, rgba(138, 205, 215, 0.2) 0%, rgba(137, 185, 173, 0.2) 100%);
  border-radius: 0.75rem;
  text-align: center;
  border: 1px solid rgba(137, 185, 173, 0.3);
}
.faq-help-card .help-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 50%;
  margin: 0 auto 0.75rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.faq-help-card .help-icon .material-symbols-sharp {
  font-size: 1.5rem;
  color: #0067ff;
}
.faq-help-card .help-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.375rem;
}
.faq-help-card .help-text {
  font-size: 0.75rem;
  color: #7f7f7f;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}
.faq-help-card .help-btn {
  font-size: 0.75rem;
  padding: 0.5rem 1rem;
  border-radius: 1.25rem;
}
.faq-category-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.75rem;
  background: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
}
.faq-tab-btn {
  padding: 0.5rem 1rem;
  border: 1px solid #e3e3e6;
  background: #ffffff;
  border-radius: 1.25rem;
  font-size: 0.8125rem;
  color: var(--bs-body-color);
  cursor: pointer;
  transition: all 0.2s ease;
}
.faq-tab-btn:hover {
  background-color: #f7f7f7;
  border-color: #d6d6d6;
}
.faq-tab-btn.active {
  background-color: #0067ff;
  border-color: #0067ff;
  color: #ffffff;
}
.faq-accordion .accordion-item.faq-item {
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
  transition: all 0.3s ease;
}
.faq-accordion .accordion-item.faq-item:hover {
  border-color: rgba(0, 103, 255, 0.3);
  box-shadow: 0 2px 8px rgba(0, 103, 255, 0.08);
}
.faq-accordion .accordion-item.faq-item.hidden {
  display: none;
}
.faq-accordion .accordion-item.faq-item:last-child {
  margin-bottom: 0;
}
.faq-accordion .accordion-button {
  background: #ffffff;
  padding: 1rem 1.25rem;
  gap: 1rem;
  align-items: center;
  min-height: auto;
}
.faq-accordion .accordion-button:not(.collapsed) {
  background: rgba(0, 103, 255, 0.03);
  box-shadow: none;
  border-bottom: 1px solid #e3e3e6;
}
.faq-accordion .accordion-button::after {
  display: none;
}
.faq-accordion .accordion-button:focus {
  box-shadow: none;
}
.faq-accordion .accordion-button:hover {
  background: #f7f7f7;
}
.faq-accordion .faq-question-number {
  font-size: 0.75rem;
  font-weight: 600;
  color: #7f7f7f;
  min-width: 2rem;
}
.faq-accordion .accordion-title-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.faq-accordion .accordion-title-wrap .accordion-title {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--bs-heading-color);
  line-height: 1.4;
}
.faq-accordion .faq-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin-right: 0;
}
.faq-accordion .faq-tags .badge {
  font-size: 0.6875rem;
  font-weight: 500;
  padding: 0.25rem 0.625rem;
}
.faq-accordion .accordion-arrow .material-symbols-sharp {
  font-size: 1.5rem;
  color: #7f7f7f;
  transition: transform 0.3s ease;
}
.faq-accordion .accordion-button:not(.collapsed) .accordion-arrow .material-symbols-sharp {
  transform: rotate(180deg);
}
.faq-accordion .accordion-body {
  padding: 1.25rem;
  background: #ffffff;
}
.faq-accordion .accordion-body p {
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--bs-body-color);
  margin-bottom: 0;
}
.faq-accordion .accordion-body ul,
.faq-accordion .accordion-body ol {
  margin-bottom: 0;
  padding-left: 1.25rem;
}
.faq-accordion .accordion-body ul li,
.faq-accordion .accordion-body ol li {
  font-size: 0.875rem;
  line-height: 1.7;
  margin-bottom: 0.375rem;
}
.faq-accordion .accordion-body ul li:last-child,
.faq-accordion .accordion-body ol li:last-child {
  margin-bottom: 0;
}
.faq-contact-section {
  margin-top: 1.5rem;
}
.faq-contact-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  background: #f7f7f7;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .faq-contact-card {
    flex-direction: column;
    text-align: center;
  }
}
.faq-contact-icon {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
}
.faq-contact-icon .material-symbols-sharp {
  font-size: 1.5rem;
  color: #0067ff;
}
.faq-contact-content {
  flex: 1;
  min-width: 12.5rem;
}
.faq-contact-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--bs-heading-color);
  margin-bottom: 0.25rem;
}
.faq-contact-text {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  margin-bottom: 0;
}
.faq-contact-actions {
  display: flex;
  gap: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .faq-contact-actions {
    width: 100%;
    justify-content: center;
  }
}
.faq-contact-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
}
.faq-contact-btn .material-symbols-sharp {
  font-size: 1.125rem;
}
.faq-no-results {
  text-align: center;
  padding: 3rem 1.5rem;
  background: #f7f7f7;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
}
.faq-no-results .no-results-icon {
  font-size: 3rem;
  color: #7f7f7f;
  margin-bottom: 1rem;
}
.faq-no-results .no-results-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--bs-heading-color);
  margin-bottom: 0.5rem;
}
.faq-no-results .no-results-text {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  margin-bottom: 1rem;
}
.faq-no-results .btn {
  font-size: 0.875rem;
}
.faq-highlight {
  background-color: rgba(220, 214, 167, 0.6);
  padding: 0.125rem 0;
  border-radius: 0.125rem;
}
@media only screen and (max-width: 991px) {
  .faq-header-section {
    padding: 1.5rem;
  }
  .faq-main-title {
    font-size: 1.5rem;
  }
  .faq-accordion .faq-tags {
    display: none;
  }
  .faq-accordion .accordion-button {
    padding: 0.875rem 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .faq-header-section {
    padding: 1.25rem;
  }
  .faq-main-title {
    font-size: 1.25rem;
  }
  .faq-subtitle {
    font-size: 0.875rem;
  }
  .faq-accordion .faq-question-number {
    display: none;
  }
  .faq-accordion .accordion-title-wrap .accordion-title {
    font-size: 0.875rem;
  }
}
.editor-wrapper {
  min-height: 18.75rem;
}
.editor-wrapper .ck.ck-editor {
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  overflow: hidden;
}
.editor-wrapper .ck.ck-editor .ck-toolbar {
  border: none !important;
  border-bottom: 1px solid #e3e3e6 !important;
  background: #f7f7f7;
  padding: 0.5rem;
  border-radius: 0.5rem 0.5rem 0 0 !important;
}
.editor-wrapper .ck.ck-editor .ck-toolbar .ck-toolbar__items {
  flex-wrap: wrap;
}
.editor-wrapper .ck.ck-editor .ck-editor__main .ck-content {
  min-height: 15.625rem;
  padding: 1rem;
  border: none !important;
  border-radius: 0 0 0.5rem 0.5rem !important;
}
.editor-wrapper .ck.ck-editor .ck-editor__main .ck-content:focus {
  outline: none;
  box-shadow: none !important;
}
.editor-wrapper .note-editor.note-frame {
  border: 1px solid #e3e3e6 !important;
  border-radius: 0.5rem !important;
  overflow: hidden;
  box-shadow: none !important;
}
.editor-wrapper .note-editor.note-frame .note-toolbar {
  background: #f7f7f7;
  border-bottom: 1px solid #e3e3e6 !important;
  border-top: none !important;
  padding: 0.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
}
.editor-wrapper .note-editor.note-frame .note-toolbar .note-btn {
  border-radius: 0.25rem;
  padding: 0.375rem 0.5rem;
}
.editor-wrapper .note-editor.note-frame .note-toolbar .note-btn:hover {
  background: rgba(0, 103, 255, 0.1);
}
.editor-wrapper .note-editor.note-frame .note-toolbar .note-btn.active {
  background: #0067ff;
  color: #ffffff;
}
.editor-wrapper .note-editor.note-frame .note-toolbar .note-btn-group {
  margin-right: 0.5rem;
}
.editor-wrapper .note-editor.note-frame .note-editing-area .note-editable {
  min-height: 15.625rem;
  padding: 1rem;
  background: #ffffff;
}
.editor-wrapper .note-editor.note-frame .note-editing-area .note-editable:focus {
  outline: none;
}
.editor-wrapper .note-editor.note-frame .note-statusbar {
  border-top: 1px solid #e3e3e6;
  background: #f7f7f7;
  border-radius: 0 0 0.5rem 0.5rem;
}
.editor-wrapper .note-editor.note-frame .note-statusbar .note-resizebar {
  border-top: none;
}
.editor-wrapper .ql-toolbar.ql-snow {
  border: 1px solid #e3e3e6 !important;
  border-bottom: none !important;
  border-radius: 0.5rem 0.5rem 0 0 !important;
  background: #f7f7f7;
  padding: 0.5rem;
}
.editor-wrapper .ql-toolbar.ql-snow .ql-formats {
  margin-right: 0.75rem;
}
.editor-wrapper .ql-toolbar.ql-snow button {
  border-radius: 0.25rem;
}
.editor-wrapper .ql-toolbar.ql-snow button:hover {
  background: rgba(0, 103, 255, 0.1);
}
.editor-wrapper .ql-toolbar.ql-snow button.ql-active {
  background: rgba(0, 103, 255, 0.15);
  color: #0067ff;
}
.editor-wrapper .ql-toolbar.ql-snow .ql-picker {
  border-radius: 0.25rem;
}
.editor-wrapper .ql-toolbar.ql-snow .ql-picker:hover {
  background: rgba(0, 103, 255, 0.1);
}
.editor-wrapper .ql-container.ql-snow {
  border: 1px solid #e3e3e6 !important;
  border-top: 1px solid #e3e3e6 !important;
  border-radius: 0 0 0.5rem 0.5rem !important;
  font-family: 'Maven Pro', sans-serif;
  font-size: 0.8125rem;
}
.editor-wrapper .ql-container.ql-snow .ql-editor {
  min-height: 15.625rem;
  padding: 1rem;
}
.editor-wrapper .ql-container.ql-snow .ql-editor:focus {
  outline: none;
}
.editor-wrapper .ql-container.ql-snow .ql-editor.ql-blank::before {
  font-style: normal;
  color: #5E6C84;
}
.code-editor-textarea {
  width: 100%;
  min-height: 18.75rem;
  padding: 1rem;
  font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
  font-size: 0.875rem;
  line-height: 1.6;
  background: #282a36;
  color: #f8f8f2;
  border: none;
  resize: vertical;
}
.code-editor-textarea:focus {
  outline: none;
}
.code-editor-textarea.code-editor-fallback {
  border-radius: 0;
}
.CodeMirror {
  height: auto;
  min-height: 18.75rem;
  font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
  font-size: 0.875rem;
  line-height: 1.6;
}
.CodeMirror .CodeMirror-scroll {
  min-height: 18.75rem;
}
.CodeMirror .CodeMirror-gutters {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.markdown-editor-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  padding: 1rem;
}
@media only screen and (max-width: 991px) {
  .markdown-editor-container {
    grid-template-columns: 1fr;
  }
}
.markdown-editor-container .markdown-input .form-label,
.markdown-editor-container .markdown-preview .form-label {
  font-weight: 600;
  font-size: 0.8125rem;
  color: #333333;
  margin-bottom: 0.5rem;
  display: block;
}
.markdown-editor-container .markdown-input textarea {
  font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
  font-size: 0.8125rem;
  line-height: 1.6;
  resize: vertical;
  min-height: 15.625rem;
}
.markdown-editor-container .markdown-preview-content {
  min-height: 15.625rem;
  padding: 1rem;
  background: #f7f7f7;
  border: 1px solid #e3e3e6;
  border-radius: 0.375rem;
  overflow: auto;
}
.markdown-editor-container .markdown-preview-content h1,
.markdown-editor-container .markdown-preview-content h2,
.markdown-editor-container .markdown-preview-content h3,
.markdown-editor-container .markdown-preview-content h4,
.markdown-editor-container .markdown-preview-content h5,
.markdown-editor-container .markdown-preview-content h6 {
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-weight: 600;
  color: #333333;
}
.markdown-editor-container .markdown-preview-content h1 {
  font-size: 1.75rem;
}
.markdown-editor-container .markdown-preview-content h2 {
  font-size: 1.5rem;
}
.markdown-editor-container .markdown-preview-content h3 {
  font-size: 1.25rem;
}
.markdown-editor-container .markdown-preview-content h4 {
  font-size: 1.125rem;
}
.markdown-editor-container .markdown-preview-content h5 {
  font-size: 1rem;
}
.markdown-editor-container .markdown-preview-content h6 {
  font-size: 0.875rem;
}
.markdown-editor-container .markdown-preview-content p {
  margin-bottom: 0.75rem;
  line-height: 1.6;
}
.markdown-editor-container .markdown-preview-content ul,
.markdown-editor-container .markdown-preview-content ol {
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
}
.markdown-editor-container .markdown-preview-content ul li,
.markdown-editor-container .markdown-preview-content ol li {
  margin-bottom: 0.25rem;
}
.markdown-editor-container .markdown-preview-content blockquote {
  border-left: 3px solid #0067ff;
  padding-left: 1rem;
  margin: 0.75rem 0;
  color: #5E6C84;
  font-style: italic;
}
.markdown-editor-container .markdown-preview-content code {
  background: rgba(0, 103, 255, 0.1);
  color: #0067ff;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-family: 'Fira Code', 'Monaco', 'Consolas', monospace;
  font-size: 0.8125rem;
}
.markdown-editor-container .markdown-preview-content pre {
  background: #282a36;
  color: #f8f8f2;
  padding: 1rem;
  border-radius: 0.375rem;
  overflow-x: auto;
  margin-bottom: 0.75rem;
}
.markdown-editor-container .markdown-preview-content pre code {
  background: none;
  color: inherit;
  padding: 0;
}
.markdown-editor-container .markdown-preview-content hr {
  border: none;
  border-top: 1px solid #e3e3e6;
  margin: 1rem 0;
}
.markdown-editor-container .markdown-preview-content a {
  color: #0067ff;
  text-decoration: none;
}
.markdown-editor-container .markdown-preview-content a:hover {
  text-decoration: underline;
}
.markdown-editor-container .markdown-preview-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.375rem;
}
.editor-fallback {
  margin: 1rem;
  border-radius: 0.375rem;
}
.editor-fallback .material-symbols-sharp {
  font-size: 1.5rem;
}
[data-theme="dark"] .editor-wrapper .ck.ck-editor {
  border-color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .editor-wrapper .ck.ck-editor .ck-toolbar {
  background: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .editor-wrapper .ck.ck-editor .ck-editor__main .ck-content {
  background: rgba(255, 255, 255, 0.03);
  color: #ffffff;
}
[data-theme="dark"] .editor-wrapper .note-editor.note-frame {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .editor-wrapper .note-editor.note-frame .note-toolbar {
  background: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .editor-wrapper .note-editor.note-frame .note-editing-area .note-editable {
  background: rgba(255, 255, 255, 0.03);
  color: #ffffff;
}
[data-theme="dark"] .editor-wrapper .note-editor.note-frame .note-statusbar {
  background: rgba(255, 255, 255, 0.05);
  border-top-color: rgba(255, 255, 255, 0.1);
}
[data-theme="dark"] .editor-wrapper .ql-toolbar.ql-snow {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .editor-wrapper .ql-container.ql-snow {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
[data-theme="dark"] .editor-wrapper .ql-container.ql-snow .ql-editor {
  background: rgba(255, 255, 255, 0.03);
  color: #ffffff;
}
[data-theme="dark"] .markdown-editor-container .markdown-preview-content {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
[data-theme="dark"] .markdown-editor-container .markdown-preview-content h1,
[data-theme="dark"] .markdown-editor-container .markdown-preview-content h2,
[data-theme="dark"] .markdown-editor-container .markdown-preview-content h3,
[data-theme="dark"] .markdown-editor-container .markdown-preview-content h4,
[data-theme="dark"] .markdown-editor-container .markdown-preview-content h5,
[data-theme="dark"] .markdown-editor-container .markdown-preview-content h6 {
  color: #ffffff;
}
[data-theme="dark"] .markdown-editor-container .markdown-preview-content blockquote {
  color: rgba(255, 255, 255, 0.7);
}
.irs {
  font-family: 'Maven Pro', sans-serif;
}
.irs--round {
  height: 2.5rem;
}
.irs--round .irs-line {
  top: 1rem;
  height: 0.25rem;
  background-color: #e3e3e6;
  border-radius: 0.25rem;
}
.irs--round .irs-bar {
  top: 1rem;
  height: 0.25rem;
  background-color: #0067ff;
  border-radius: 0.25rem;
}
.irs--round .irs-handle {
  top: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #0067ff;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.irs--round .irs-handle:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 6px rgba(0, 103, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:active {
  transform: scale(1.15);
  box-shadow: 0 2px 8px rgba(0, 103, 255, 0.4);
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.125rem 0.375rem;
  background-color: #0067ff;
  color: #ffffff;
  border-radius: 0.25rem;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  border-top-color: #0067ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
  font-size: 0.6875rem;
  color: #5E6C84;
  background-color: transparent;
  padding: 0;
}
.irs--round .irs-grid {
  height: 1.5rem;
}
.irs--round .irs-grid-pol {
  background-color: #d6d6d6;
}
.irs--round .irs-grid-pol.small {
  background-color: #e3e3e6;
}
.irs--round .irs-grid-text {
  font-size: 0.6875rem;
  color: #5E6C84;
  padding-top: 0.25rem;
}
.irs--flat .irs-bar {
  background-color: #0067ff;
}
.irs--flat .irs-handle > i:first-child {
  background-color: #0067ff;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  background-color: #0067ff;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  border-top-color: #0067ff;
}
.irs--modern .irs-bar {
  background: #0067ff;
}
.irs--modern .irs-handle > i:nth-child(1) {
  background: #0067ff;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  background-color: #0067ff;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  border-top-color: #0067ff;
}
.form-group .irs {
  margin-top: 0.5rem;
}
.irs--round.irs-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.irs--round.irs-disabled .irs-handle {
  cursor: not-allowed;
}
.irs--round.irs-disabled .irs-handle:hover {
  transform: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 100%;
  vertical-align: middle;
  display: flex;
  flex-direction: column;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50%;
  padding: 0;
  width: 100%;
  margin-left: -1px;
  border-radius: 0;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 0.375rem;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn:last-child {
  border-bottom-right-radius: 0.375rem;
  margin-top: -1px;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn .material-symbols-sharp {
  font-size: 1rem;
  line-height: 1;
}
.bootstrap-touchspin .form-control {
  text-align: center;
}
.bootstrap-touchspin .btn-outline-secondary {
  border-color: #e3e3e6;
  color: #333333;
}
.bootstrap-touchspin .btn-outline-secondary:hover {
  background-color: #f7f7f7;
  border-color: #d6d6d6;
  color: #333333;
}
.bootstrap-touchspin .btn-outline-secondary:active,
.bootstrap-touchspin .btn-outline-secondary:focus {
  background-color: #f7f7f7;
  border-color: #0067ff;
  color: #333333;
  box-shadow: none;
}
.bootstrap-touchspin .btn-primary {
  background-color: #0067ff;
  border-color: #0067ff;
}
.bootstrap-touchspin .btn-primary:hover {
  background-color: #0052cc;
  border-color: #0052cc;
}
.bootstrap-touchspin .btn-primary .material-symbols-sharp {
  font-size: 1.125rem;
  color: #ffffff;
}
.bootstrap-touchspin .input-group-text {
  background-color: #f7f7f7;
  border-color: #e3e3e6;
  color: #5E6C84;
  font-size: 0.8125rem;
  min-width: 2.5rem;
  justify-content: center;
}
.input-group.bootstrap-touchspin .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem;
}
.input-group.bootstrap-touchspin .btn .material-symbols-sharp {
  font-size: 1.125rem;
  line-height: 1;
}
.input-group.bootstrap-touchspin > .btn:first-child,
.input-group.bootstrap-touchspin > .input-group-btn:first-child > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.bootstrap-touchspin > .btn:last-child,
.input-group.bootstrap-touchspin > .input-group-btn:last-child > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bootstrap-touchspin-up .material-symbols-sharp,
.bootstrap-touchspin-down .material-symbols-sharp {
  font-size: 0.875rem !important;
}
.bootstrap-touchspin .bootstrap-touchspin-vertical-button-wrapper {
  gap: 0;
  padding: 0;
  margin: 0;
}
.bootstrap-touchspin .bootstrap-touchspin-vertical-button-wrapper .btn {
  padding: 0;
  margin: 0;
  line-height: 1;
}
.bootstrap-touchspin .form-control {
  height: 2.375rem;
}
.select2-container {
  width: 100% !important;
}
.select2-container .select2-selection--single {
  height: 2.375rem;
  min-height: 2.375rem;
  border: 1px solid #e3e3e6;
  border-radius: 4px;
  background-color: #ffffff;
  transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
  padding: 0;
  display: flex;
  align-items: center;
}
.select2-container .select2-selection--single:hover {
  border-color: #d6d6d6;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 2.25rem 0 0.875rem;
  line-height: 2.375rem;
  color: #333333;
  font-size: 0.8125rem;
}
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 0.625rem;
  top: 0;
  display: flex;
  align-items: center;
}
.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #5E6C84 transparent transparent transparent;
  border-width: 5px 4px 0 4px;
}
.select2-container .select2-selection--single .select2-selection__placeholder {
  color: #5E6C84;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: absolute;
  right: 1.75rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  font-weight: 600;
  color: #5E6C84;
  padding: 0;
  margin: 0;
}
.select2-container .select2-selection--single .select2-selection__clear:hover {
  color: #f5392f;
}
.select2-container.select2-container--open .select2-selection--single {
  border-color: #0067ff;
}
.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #0067ff transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container.select2-container--focus .select2-selection--single {
  border-color: #0067ff;
  box-shadow: none;
}
.select2-container.select2-container--disabled .select2-selection--single {
  background-color: #f7f7f7;
  cursor: not-allowed;
  opacity: 0.7;
}
.select2-container.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: #5E6C84;
}
.select2-container--default .select2-dropdown {
  border: 1px solid #e3e3e6;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 4px 12px rgba(51, 51, 51, 0.15);
  z-index: 1060;
}
.select2-container--default .select2-dropdown .select2-search--dropdown {
  padding: 0.5rem;
}
.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field {
  height: 2.25rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid #e3e3e6;
  border-radius: 4px;
  font-size: 0.8125rem;
}
.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field:focus {
  border-color: #0067ff;
  outline: none;
}
.select2-container--default .select2-dropdown .select2-results__options {
  max-height: 15rem;
}
.select2-container--default .select2-dropdown .select2-results__option {
  padding: 0.5rem 0.875rem;
  font-size: 0.8125rem;
  color: #333333;
  transition: background-color 0.15s ease;
}
.select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background-color: #0067ff;
  color: #ffffff;
}
.select2-container--default .select2-dropdown .select2-results__option[aria-selected="true"] {
  background-color: rgba(0, 103, 255, 0.1);
  color: #333333;
}
.select2-container--default .select2-dropdown .select2-results__option[aria-selected="true"].select2-results__option--highlighted {
  background-color: #0067ff;
  color: #ffffff;
}
.select2-container--default .select2-dropdown .select2-results__option--disabled {
  color: #5E6C84;
  opacity: 0.6;
}
.select2-container--default .select2-dropdown .select2-results__group {
  padding: 0.5rem 0.875rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #5E6C84;
  text-transform: uppercase;
}
.select2-container--open.select2-container--above .select2-selection--single {
  border-radius: 0 0 4px 4px;
}
.select2-container--open.select2-container--below .select2-selection--single {
  border-radius: 4px 4px 0 0;
}
.select2-container.error .select2-selection--single,
.select2-container.is-invalid .select2-selection--single,
.select2-container--default.error .select2-selection--single,
.select2-container--default.is-invalid .select2-selection--single,
select.error + .select2-container .select2-selection--single,
select.is-invalid + .select2-container .select2-selection--single,
.select2-container.error .selection .select2-selection--single,
.select2-container.is-invalid .selection .select2-selection--single,
.select2-container--default.error .selection .select2-selection--single,
.select2-container--default.is-invalid .selection .select2-selection--single,
select.error + .select2-container .selection .select2-selection--single,
select.is-invalid + .select2-container .selection .select2-selection--single {
  border-color: #f5392f !important;
  background-color: rgba(245, 57, 47, 0.05) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 2rem center !important;
  background-size: 1rem 1rem !important;
}
.select2-container.error .select2-selection--multiple,
.select2-container.is-invalid .select2-selection--multiple,
.select2-container--default.error .select2-selection--multiple,
.select2-container--default.is-invalid .select2-selection--multiple,
select.error + .select2-container .select2-selection--multiple,
select.is-invalid + .select2-container .select2-selection--multiple,
.select2-container.error .selection .select2-selection--multiple,
.select2-container.is-invalid .selection .select2-selection--multiple,
.select2-container--default.error .selection .select2-selection--multiple,
.select2-container--default.is-invalid .selection .select2-selection--multiple,
select.error + .select2-container .selection .select2-selection--multiple,
select.is-invalid + .select2-container .selection .select2-selection--multiple {
  border-color: #f5392f !important;
  background-color: rgba(245, 57, 47, 0.05) !important;
}
.select2-container.valid .select2-selection--single,
.select2-container.is-valid .select2-selection--single,
.select2-container--default.valid .select2-selection--single,
.select2-container--default.is-valid .select2-selection--single,
select.valid + .select2-container .select2-selection--single,
select.is-valid + .select2-container .select2-selection--single,
.select2-container.valid .selection .select2-selection--single,
.select2-container.is-valid .selection .select2-selection--single,
.select2-container--default.valid .selection .select2-selection--single,
.select2-container--default.is-valid .selection .select2-selection--single,
select.valid + .select2-container .selection .select2-selection--single,
select.is-valid + .select2-container .selection .select2-selection--single {
  border-color: #14b474 !important;
  background-color: rgba(20, 180, 116, 0.05) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 2rem center !important;
  background-size: 1rem 1rem !important;
}
.select2-container.valid .select2-selection--multiple,
.select2-container.is-valid .select2-selection--multiple,
.select2-container--default.valid .select2-selection--multiple,
.select2-container--default.is-valid .select2-selection--multiple,
select.valid + .select2-container .select2-selection--multiple,
select.is-valid + .select2-container .select2-selection--multiple,
.select2-container.valid .selection .select2-selection--multiple,
.select2-container.is-valid .selection .select2-selection--multiple,
.select2-container--default.valid .selection .select2-selection--multiple,
.select2-container--default.is-valid .selection .select2-selection--multiple,
select.valid + .select2-container .selection .select2-selection--multiple,
select.is-valid + .select2-container .selection .select2-selection--multiple {
  border-color: #14b474 !important;
  background-color: rgba(20, 180, 116, 0.05) !important;
}
.select2-container.warning .select2-selection--single,
.select2-container.has-warning .select2-selection--single,
.select2-container--default.warning .select2-selection--single,
.select2-container--default.has-warning .select2-selection--single,
select.warning + .select2-container .select2-selection--single,
select.has-warning + .select2-container .select2-selection--single,
.select2-container.warning .selection .select2-selection--single,
.select2-container.has-warning .selection .select2-selection--single,
.select2-container--default.warning .selection .select2-selection--single,
.select2-container--default.has-warning .selection .select2-selection--single,
select.warning + .select2-container .selection .select2-selection--single,
select.has-warning + .select2-container .selection .select2-selection--single {
  border-color: #fdba2c !important;
  background-color: rgba(253, 186, 44, 0.05) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ffc107'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 2rem center !important;
  background-size: 1rem 1rem !important;
}
.select2-container.warning .select2-selection--multiple,
.select2-container.has-warning .select2-selection--multiple,
.select2-container--default.warning .select2-selection--multiple,
.select2-container--default.has-warning .select2-selection--multiple,
select.warning + .select2-container .select2-selection--multiple,
select.has-warning + .select2-container .select2-selection--multiple,
.select2-container.warning .selection .select2-selection--multiple,
.select2-container.has-warning .selection .select2-selection--multiple,
.select2-container--default.warning .selection .select2-selection--multiple,
.select2-container--default.has-warning .selection .select2-selection--multiple,
select.warning + .select2-container .selection .select2-selection--multiple,
select.has-warning + .select2-container .selection .select2-selection--multiple {
  border-color: #fdba2c !important;
  background-color: rgba(253, 186, 44, 0.05) !important;
}
.select2-container--default .select2-selection--multiple {
  min-height: 2.375rem;
  border: 1px solid #e3e3e6;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 0.3125rem 0.875rem;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
.select2-container--default .select2-selection--multiple:hover {
  border-color: #d6d6d6;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered > li {
  margin: 0 !important;
  padding: 0.225rem 0.425rem;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(0, 103, 255, 0.1);
  border: 1px solid rgba(0, 103, 255, 0.2);
  border-radius: 4px;
  color: #0067ff;
  padding: 0.1875rem 0.5rem;
  margin: 0 !important;
  font-size: 0.8125rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  line-height: 1.4;
  position: relative;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: static !important;
  color: #5E6C84;
  border: none;
  background-color: rgba(0, 103, 255, 0.2);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  order: 2;
  float: none !important;
  margin: 0 !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: 0.875rem;
  height: 0.875rem;
  min-width: 0.875rem;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
  display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after {
  content: 'close';
  font-family: 'Material Symbols Sharp';
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: #0067ff;
  color: #ffffff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding: 0;
  order: 1;
}
.select2-container--default .select2-selection--multiple .select2-search--inline {
  margin: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin: 0;
  padding: 0;
  font-size: 0.8125rem;
  color: #333333;
  min-height: 1.5rem;
  line-height: 1.5rem;
  min-width: 1rem;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  color: #5E6C84;
  opacity: 0.6;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple {
  border-color: #0067ff;
  box-shadow: none;
  outline: none;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #f7f7f7;
  cursor: not-allowed;
  opacity: 0.7;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: #e3e3e6;
  border-color: #d6d6d6;
  color: #5E6C84;
}
select.select2-hidden-accessible {
  display: none !important;
}
.form-floating .select2-container .select2-selection--single {
  height: 2.875rem;
  min-height: 2.875rem;
}
.form-floating .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 2.875rem;
  padding: 0 2.25rem 0 0.875rem;
}
.form-floating .select2-container .select2-selection--multiple {
  min-height: 2.875rem;
  padding: 0.4375rem 0.875rem;
}
.form-floating .select2-container .select2-selection--multiple .select2-selection__rendered > li {
  padding: 0.25rem 0.5rem;
}
.form-floating .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  min-height: 1.75rem;
  line-height: 1.75rem;
}
.form-floating > label {
  z-index: 1;
}
.form-floating.has-value > label {
  top: -0.65rem;
  font-size: 0.825rem;
  color: #5E6C84;
  transform: scale(0.85) translateY(0);
  opacity: 1;
  background: #ffffff;
  padding: 2px 6px;
  border-radius: 3px;
}
.form-floating .select2-container--focus ~ label,
.form-floating .select2-container--open ~ label {
  top: -0.65rem;
  font-size: 0.825rem;
  transform: scale(0.85) translateY(0);
  opacity: 1;
  color: #0067ff !important;
  background: #ffffff;
  padding: 2px 6px;
  border-radius: 3px;
}
.form-floating .select2-container.error ~ label,
.form-floating .select2-container.is-invalid ~ label,
.form-floating select.error + .select2-container ~ label,
.form-floating select.is-invalid + .select2-container ~ label {
  top: -0.65rem;
  font-size: 0.825rem;
  transform: scale(0.85) translateY(0);
  opacity: 1;
  color: #f5392f !important;
  background: #ffffff;
  padding: 2px 6px;
  border-radius: 3px;
}
.form-floating .select2-container.valid ~ label,
.form-floating .select2-container.is-valid ~ label,
.form-floating select.valid + .select2-container ~ label,
.form-floating select.is-valid + .select2-container ~ label {
  top: -0.65rem;
  font-size: 0.825rem;
  transform: scale(0.85) translateY(0);
  opacity: 1;
  color: #14b474 !important;
  background: #ffffff;
  padding: 2px 6px;
  border-radius: 3px;
}
.form-floating .select2-container.warning ~ label,
.form-floating .select2-container.has-warning ~ label,
.form-floating select.warning + .select2-container ~ label,
.form-floating select.has-warning + .select2-container ~ label {
  top: -0.65rem;
  font-size: 0.825rem;
  transform: scale(0.85) translateY(0);
  opacity: 1;
  color: #fdba2c !important;
  background: #ffffff;
  padding: 2px 6px;
  border-radius: 3px;
}
.dropzone-wrapper {
  position: relative;
}
.dropzone-custom {
  border: 2px dashed #e3e3e6;
  background-color: #f7f7f7;
  padding: 2.5rem 1.5rem;
  transition: all 0.3s ease;
  cursor: pointer;
  min-height: 14rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.dropzone-custom:hover {
  border-color: #0067ff;
  background-color: rgba(0, 103, 255, 0.03);
}
.dropzone-custom:hover .dropzone-illustration .illustration-circle {
  border-color: rgba(0, 103, 255, 0.3);
}
.dropzone-custom:hover .dropzone-illustration .illustration-circle .illustration-inner {
  background-color: #0067ff;
  transform: scale(1.05);
}
.dropzone-custom:hover .dropzone-illustration .illustration-circle .illustration-inner .material-symbols-sharp {
  color: #ffffff;
}
.dropzone-custom:hover .dropzone-illustration .illustration-dots .dot {
  background-color: #0067ff;
}
.dropzone-custom:hover .browse-btn {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 103, 255, 0.3);
}
.dropzone-custom.dz-drag-hover {
  border-color: #0067ff;
  border-style: solid;
  background-color: rgba(0, 103, 255, 0.08);
  transform: scale(1.01);
}
.dropzone-custom.dz-drag-hover .dropzone-illustration .illustration-circle {
  border-color: #0067ff;
}
.dropzone-custom.dz-drag-hover .dropzone-illustration .illustration-circle .illustration-inner {
  background-color: #0067ff;
  animation: pulse-scale 0.8s ease infinite;
}
.dropzone-custom.dz-drag-hover .dropzone-illustration .illustration-circle .illustration-inner .material-symbols-sharp {
  color: #ffffff;
}
.dropzone-custom .dz-message {
  margin: 0;
  position: relative;
  z-index: 1;
}
.dropzone-custom .dropzone-illustration {
  position: relative;
  width: 5rem;
  height: 5rem;
  margin-bottom: 1rem;
}
.dropzone-custom .dropzone-illustration .illustration-circle {
  width: 5rem;
  height: 5rem;
  border: 2px dashed #e3e3e6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.dropzone-custom .dropzone-illustration .illustration-circle .illustration-inner {
  width: 3.5rem;
  height: 3.5rem;
  background-color: #e3e3e6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.dropzone-custom .dropzone-illustration .illustration-circle .illustration-inner .material-symbols-sharp {
  font-size: 1.75rem;
  color: #7f7f7f;
  transition: all 0.3s ease;
}
.dropzone-custom h5 {
  color: #333333;
  font-size: 1rem;
}
.dropzone-custom .browse-btn {
  transition: all 0.3s ease;
  pointer-events: none;
}
.dropzone-custom .browse-btn .material-symbols-sharp {
  font-size: 1.125rem;
}
.dropzone-footer .file-types .badge {
  padding: 0.5rem 0.75rem;
  font-weight: 500;
  border: 1px solid #e3e3e6;
  transition: all 0.3s ease;
}
.dropzone-footer .file-types .badge .material-symbols-sharp {
  font-size: 1rem;
}
.dropzone-footer .file-types .badge:hover {
  background-color: #0067ff !important;
  color: #ffffff !important;
  border-color: #0067ff;
}
.dropzone-footer .file-types .badge:hover .material-symbols-sharp {
  color: #ffffff;
}
.dropzone-footer .upload-status #uploadCount {
  padding: 0.375rem 0.75rem;
  background: #f7f7f7;
  border-radius: 1rem;
}
.dropzone-custom.dz-started .dz-message {
  display: none;
}
.dropzone-custom .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0.75rem;
  width: 7rem;
  transition: all 0.3s ease;
}
.dropzone-custom .dz-preview:hover {
  transform: translateY(-4px);
}
.dropzone-custom .dz-preview:hover .dz-image {
  border-color: #0067ff;
  box-shadow: 0 6px 16px rgba(0, 103, 255, 0.2);
}
.dropzone-custom .dz-preview.dz-image-preview {
  background: transparent;
}
.dropzone-custom .dz-preview .dz-image {
  border-radius: 0.5rem;
  overflow: hidden;
  width: 7rem;
  height: 7rem;
  position: relative;
  display: block;
  z-index: 10;
  border: 2px solid #e3e3e6;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(51, 51, 51, 0.08);
  transition: all 0.3s ease;
}
.dropzone-custom .dz-preview .dz-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dropzone-custom .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 0.625rem;
  width: 7rem;
  padding: 0.5rem;
  text-align: center;
  color: #ffffff;
  background: rgba(51, 51, 51, 0.85);
  border-radius: 0.5rem;
  transition: opacity 0.3s ease;
  height: 7rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dropzone-custom .dz-preview .dz-details .dz-size {
  margin-bottom: 0.25rem;
  font-weight: 600;
}
.dropzone-custom .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone-custom .dz-preview .dz-details .dz-filename span {
  background: transparent;
}
.dropzone-custom .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone-custom .dz-preview .dz-progress {
  position: absolute;
  height: 0.25rem;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.125rem;
  overflow: hidden;
  z-index: 30;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.dropzone-custom .dz-preview .dz-progress .dz-upload {
  background: #0067ff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 0.2s ease;
  border-radius: 0.125rem;
}
.dropzone-custom .dz-preview.dz-complete .dz-progress {
  opacity: 0;
}
.dropzone-custom .dz-preview .dz-error-message {
  position: absolute;
  top: 7.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 10rem;
  padding: 0.375rem 0.625rem;
  font-size: 0.625rem;
  color: #ffffff;
  background: #f5392f;
  border-radius: 0.25rem;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 40;
}
.dropzone-custom .dz-preview .dz-error-message::before {
  content: '';
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #f5392f;
}
.dropzone-custom .dz-preview.dz-error .dz-error-message {
  opacity: 1;
}
.dropzone-custom .dz-preview.dz-error .dz-image {
  border-color: #f5392f;
}
.dropzone-custom .dz-preview .dz-success-mark,
.dropzone-custom .dz-preview .dz-error-mark {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1rem 0 0 -1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: 25;
  box-shadow: 0 2px 8px rgba(51, 51, 51, 0.2);
  transition: all 0.3s ease;
}
.dropzone-custom .dz-preview .dz-success-mark svg,
.dropzone-custom .dz-preview .dz-error-mark svg {
  display: none;
}
.dropzone-custom .dz-preview .dz-success-mark::before,
.dropzone-custom .dz-preview .dz-error-mark::before {
  font-family: 'Material Symbols Sharp';
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1;
}
.dropzone-custom .dz-preview .dz-success-mark {
  background: #14b474;
}
.dropzone-custom .dz-preview .dz-success-mark::before {
  content: 'check';
}
.dropzone-custom .dz-preview .dz-error-mark {
  background: #f5392f;
}
.dropzone-custom .dz-preview .dz-error-mark::before {
  content: 'close';
}
.dropzone-custom .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  animation: scale-in 0.3s ease;
}
.dropzone-custom .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: scale-in 0.3s ease;
}
.dropzone-custom .dz-preview .dz-remove {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #f5392f;
  color: #ffffff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 35;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(245, 57, 47, 0.4);
  text-decoration: none;
}
.dropzone-custom .dz-preview .dz-remove .material-symbols-sharp {
  font-size: 1rem;
  color: #ffffff;
  line-height: 1;
}
.dropzone-custom .dz-preview .dz-remove:hover {
  transform: scale(1.1);
  background: #e6160b;
  text-decoration: none;
}
.dropzone-custom .dz-preview:hover .dz-remove {
  opacity: 1;
}
@keyframes pulse-scale {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
@keyframes scale-in {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@media only screen and (max-width: 767px) {
  .dropzone-custom {
    padding: 2rem 1rem;
    min-height: 12rem;
  }
  .dropzone-custom .dropzone-illustration {
    width: 4rem;
    height: 4rem;
  }
  .dropzone-custom .dropzone-illustration .illustration-circle {
    width: 4rem;
    height: 4rem;
  }
  .dropzone-custom .dropzone-illustration .illustration-circle .illustration-inner {
    width: 2.75rem;
    height: 2.75rem;
  }
  .dropzone-custom .dropzone-illustration .illustration-circle .illustration-inner .material-symbols-sharp {
    font-size: 1.5rem;
  }
  .dropzone-custom h5 {
    font-size: 0.9375rem;
  }
  .dropzone-meta {
    flex-direction: column;
    gap: 0.75rem;
  }
  .dropzone-meta .meta-left,
  .dropzone-meta .meta-right {
    width: 100%;
    justify-content: center;
  }
}
.icon-header-section {
  background: linear-gradient(135deg, rgba(0, 103, 255, 0.08) 0%, rgba(137, 185, 173, 0.12) 50%, rgba(138, 205, 215, 0.1) 100%);
  border-radius: 0.75rem;
  padding: 1.25rem 1.5rem;
  position: relative;
  overflow: hidden;
  border: 1px solid #e3e3e6;
}
.icon-header-section::before {
  content: '';
  position: absolute;
  top: -3rem;
  right: -1.5rem;
  width: 8rem;
  height: 8rem;
  background: rgba(0, 103, 255, 0.06);
  border-radius: 50%;
}
.icon-header-section::after {
  content: '';
  position: absolute;
  bottom: -2rem;
  left: -2rem;
  width: 6rem;
  height: 6rem;
  background: rgba(137, 185, 173, 0.08);
  border-radius: 50%;
}
.icon-header-content {
  text-align: center;
  max-width: 37.5rem;
  margin: 0 auto 1rem;
  position: relative;
  z-index: 1;
}
.icon-header-icon {
  font-size: 2rem;
  color: #0067ff;
  margin-bottom: 0.5rem;
  display: inline-block;
  background: rgba(0, 103, 255, 0.12);
  padding: 0.5rem;
  border-radius: 50%;
}
.icon-main-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--bs-heading-color);
  margin-bottom: 0.375rem;
}
.icon-subtitle {
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  margin-bottom: 0;
  line-height: 1.5;
}
.icon-search-wrapper {
  max-width: 28rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.icon-search-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #ffffff;
  border-radius: 0.5rem;
  border: 1px solid #e3e3e6;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.icon-search-box .search-icon {
  position: absolute;
  left: 0.875rem;
  color: #7f7f7f;
  font-size: 1.125rem;
  z-index: 1;
}
.icon-search-box .icon-search-input {
  padding-left: 2.5rem;
  padding-right: 3rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  border: none;
  background-color: transparent;
  font-size: 0.8125rem;
}
.icon-search-box .icon-search-input:focus {
  box-shadow: none;
  outline: none;
}
.icon-search-box .icon-search-input::placeholder {
  color: #7f7f7f;
}
.icon-search-box .icon-search-btn {
  position: absolute;
  right: 0.25rem;
  height: 2rem;
  width: 2rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background: #0067ff;
  border: none;
}
.icon-search-box .icon-search-btn:hover {
  background: #0057d6;
}
.icon-search-box .icon-search-btn .material-symbols-sharp {
  font-size: 1rem;
  color: #ffffff;
}
.icon-count-wrapper {
  text-align: center;
  margin-top: 0.75rem;
}
.icon-count {
  font-size: 0.75rem;
  color: #7f7f7f;
  background: rgba(0, 103, 255, 0.1);
  padding: 0.25rem 0.75rem;
  border-radius: 1rem;
  display: inline-block;
}
.icon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
  gap: 0.75rem;
}
.icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 0.5rem;
  border-radius: 0.5rem;
  background-color: #f7f7f7;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  border: 1px solid transparent;
}
.icon-item:hover {
  background-color: rgba(0, 103, 255, 0.08);
  border-color: rgba(0, 103, 255, 0.2);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.icon-item:hover .material-symbols-sharp {
  color: #0067ff;
}
.icon-item.copied {
  background-color: #14b474;
  border-color: #14b474;
}
.icon-item.copied .material-symbols-sharp,
.icon-item.copied .icon-name {
  color: #ffffff;
}
.icon-item.hidden {
  display: none !important;
}
.icon-item .material-symbols-sharp {
  font-size: 1.5rem;
  color: #7f7f7f;
  margin-bottom: 0.5rem;
  transition: color 0.2s ease;
}
.icon-item .icon-name {
  font-size: 0.75rem;
  color: #5E6C84;
  word-break: break-word;
  line-height: 1.3;
}
.icon-copy-toast {
  position: fixed;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%) translateY(1rem);
  background-color: #333333;
  color: #ffffff;
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  z-index: 9999;
  opacity: 0;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.icon-copy-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.icon-copy-toast .material-symbols-sharp {
  font-size: 1.25rem;
  color: #14b474;
}
.icon-no-results {
  text-align: center;
  padding: 3rem 1.5rem;
  background: #f7f7f7;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  grid-column: 1 / -1;
}
.icon-no-results .no-results-icon {
  font-size: 3rem;
  color: #7f7f7f;
  margin-bottom: 1rem;
}
.icon-no-results .no-results-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--bs-heading-color);
  margin-bottom: 0.5rem;
}
.icon-no-results .no-results-text {
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  margin-bottom: 0;
}
.panel-card.hidden {
  display: none !important;
}
@media only screen and (max-width: 991px) {
  .icon-header-section {
    padding: 1.5rem;
  }
  .icon-main-title {
    font-size: 1.5rem;
  }
  .icon-grid {
    grid-template-columns: repeat(auto-fill, minmax(6.25rem, 1fr));
    gap: 0.5rem;
  }
  .icon-item {
    padding: 0.75rem 0.375rem;
  }
  .icon-item .material-symbols-sharp {
    font-size: 1.5rem;
  }
  .icon-item .icon-name {
    font-size: 0.625rem;
  }
}
@media only screen and (max-width: 767px) {
  .icon-header-section {
    padding: 1.25rem;
  }
  .icon-main-title {
    font-size: 1.25rem;
  }
  .icon-subtitle {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 580px) {
  .icon-grid {
    grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
  }
  .icon-item {
    padding: 0.625rem 0.25rem;
  }
  .icon-item .material-symbols-sharp {
    font-size: 1.25rem;
    margin-bottom: 0.375rem;
  }
  .icon-item .icon-name {
    font-size: 0.5625rem;
  }
}
.fa-icon-item .icon-name {
  font-size: 0.75rem;
  color: #5E6C84;
  word-break: break-word;
  line-height: 1.3;
}
.fa-icon-item [class^="fa-"],
.fa-icon-item [class*=" fa-"] {
  font-size: 1.5rem;
  color: #7f7f7f;
  margin-bottom: 0.5rem;
  transition: color 0.2s ease;
}
.fa-icon-item:hover [class^="fa-"],
.fa-icon-item:hover [class*=" fa-"] {
  color: #0067ff;
}
.fa-icon-item.copied [class^="fa-"],
.fa-icon-item.copied [class*=" fa-"] {
  color: #ffffff;
}
@media only screen and (max-width: 991px) {
  .fa-icon-item [class^="fa-"],
  .fa-icon-item [class*=" fa-"] {
    font-size: 1.5rem;
  }
  .fa-icon-item .icon-name {
    font-size: 0.6875rem;
  }
}
@media only screen and (max-width: 580px) {
  .fa-icon-item [class^="fa-"],
  .fa-icon-item [class*=" fa-"] {
    font-size: 1.25rem;
    margin-bottom: 0.375rem;
  }
  .fa-icon-item .icon-name {
    font-size: 0.625rem;
  }
}
.invoice-form-card .card-header {
  flex-wrap: wrap;
  gap: 0.75rem;
}
.invoice-form-card .card-header .draft-info {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.75rem;
  color: #5E6C84;
  background: #f7f7f7;
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
}
.invoice-form-card .card-header .draft-info .material-symbols-sharp {
  font-size: 1rem;
  color: #0067ff;
}
.invoice-form-card .accordion .accordion-item {
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.invoice-form-card .accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.invoice-form-card .accordion .accordion-item .accordion-header .accordion-button {
  padding: 1rem 1.25rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: #333333;
  background: #ffffff;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.invoice-form-card .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background: #ffffff;
  color: #333333;
}
.invoice-form-card .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) .accordion-arrow .material-symbols-sharp {
  transform: rotate(180deg);
}
.invoice-form-card .accordion .accordion-item .accordion-header .accordion-button::after {
  display: none;
}
.invoice-form-card .accordion .accordion-item .accordion-header .accordion-button .accordion-arrow .material-symbols-sharp {
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
.invoice-form-card .accordion .accordion-item .accordion-body {
  padding: 1rem 1.25rem;
  border-top: 1px solid #e3e3e6;
}
.invoice-form-card .line-items-section h6 {
  font-weight: 600;
  color: #333333;
  font-size: 0.875rem;
}
.invoice-form-card .line-items-section .line-item .btn-remove-line {
  color: #f5392f;
  padding: 0.25rem;
}
.invoice-form-card .line-items-section .line-item .btn-remove-line:hover {
  background: rgba(245, 57, 47, 0.1);
}
.invoice-form-card .line-items-section .line-item .btn-remove-line .material-symbols-sharp {
  font-size: 1.125rem;
}
.invoice-form-card .line-items-section .line-item .line-amount {
  background: #f7f7f7;
}
.invoice-form-card .line-items-section #addLineItem .material-symbols-sharp {
  font-size: 1rem;
  margin-right: 0.25rem;
}
.invoice-form-card .signature-upload .signature-placeholder {
  border: 2px dashed #e3e3e6;
  border-radius: 0.5rem;
  padding: 2rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  color: #5E6C84;
}
.invoice-form-card .signature-upload .signature-placeholder:hover {
  border-color: #0067ff;
  background: rgba(0, 103, 255, 0.05);
}
.invoice-form-card .signature-upload .signature-placeholder .material-symbols-sharp {
  font-size: 2rem;
}
.invoice-form-card .signature-upload .signature-placeholder img {
  max-width: 12.5rem;
  max-height: 5rem;
  object-fit: contain;
}
.invoice-preview-card .card-header {
  flex-wrap: wrap;
  gap: 0.75rem;
}
.invoice-preview-card .card-header .preview-tabs {
  display: flex;
  gap: 0.5rem;
}
.invoice-preview-card .card-header .preview-tabs .preview-tab {
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  color: #5E6C84;
  cursor: pointer;
  border-radius: 0.375rem;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.invoice-preview-card .card-header .preview-tabs .preview-tab.active {
  background: #f7f7f7;
  color: #333333;
  font-weight: 500;
}
.invoice-preview-card .card-header .preview-tabs .preview-tab:hover:not(.active) {
  background: #f7f7f7;
}
.invoice-preview-card .card-header .preview-tabs .preview-tab .material-symbols-sharp {
  font-size: 1rem;
}
.invoice-preview-card .card-header .preview-actions .btn-group .btn {
  padding: 0.5rem 1rem;
  font-size: 0.8125rem;
}
.invoice-preview-card .card-body {
  background: #f7f7f7;
  min-height: 37.5rem;
}
.invoice-preview-container {
  padding: 1.5rem;
  display: flex;
  justify-content: center;
}
.invoice-preview-container .invoice-document {
  background: linear-gradient(135deg, rgba(138, 205, 215, 0.08) 0%, #ffffff 25%, #ffffff 75%, rgba(172, 135, 197, 0.08) 100%);
  width: 100%;
  max-width: 43.75rem;
  padding: 2.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 0.5rem;
  position: relative;
  overflow: hidden;
}
.invoice-preview-container .invoice-document::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.25rem;
  background: linear-gradient(90deg, #8ACDD7, #89B9AD, #AC87C5);
}
.invoice-preview-container .invoice-document .invoice-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e3e3e6;
}
.invoice-preview-container .invoice-document .invoice-header .invoice-title-section .invoice-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #333333;
  margin: 0;
  line-height: 1;
}
.invoice-preview-container .invoice-document .invoice-header .invoice-title-section .invoice-number-display {
  font-size: 1.125rem;
  color: #5E6C84;
  margin-top: 0.5rem;
}
.invoice-preview-container .invoice-document .invoice-header .invoice-logo img {
  max-height: 3rem;
  max-width: 10rem;
  object-fit: contain;
}
.invoice-preview-container .invoice-document .invoice-meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.invoice-preview-container .invoice-document .invoice-meta .meta-left .meta-label {
  font-size: 0.75rem;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.invoice-preview-container .invoice-document .invoice-meta .meta-left .meta-value {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #333333;
  margin-top: 0.25rem;
}
.invoice-preview-container .invoice-document .invoice-meta .meta-right {
  display: flex;
  gap: 2rem;
}
.invoice-preview-container .invoice-document .invoice-meta .meta-right .meta-item {
  text-align: right;
}
.invoice-preview-container .invoice-document .invoice-meta .meta-right .meta-item .meta-label {
  font-size: 0.75rem;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.invoice-preview-container .invoice-document .invoice-meta .meta-right .meta-item .meta-value {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #333333;
  margin-top: 0.25rem;
}
.invoice-preview-container .invoice-document .invoice-parties {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e3e3e6;
}
.invoice-preview-container .invoice-document .invoice-parties .party-from,
.invoice-preview-container .invoice-document .invoice-parties .party-to {
  flex: 1;
}
.invoice-preview-container .invoice-document .invoice-parties .party-from .party-label,
.invoice-preview-container .invoice-document .invoice-parties .party-to .party-label {
  font-size: 0.75rem;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.5rem;
  position: relative;
}
.invoice-preview-container .invoice-document .invoice-parties .party-from .party-label::after,
.invoice-preview-container .invoice-document .invoice-parties .party-to .party-label::after {
  content: '';
  position: absolute;
  bottom: -0.25rem;
  width: 3.125rem;
  height: 1px;
  background: #e3e3e6;
}
.invoice-preview-container .invoice-document .invoice-parties .party-from .party-name,
.invoice-preview-container .invoice-document .invoice-parties .party-to .party-name {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #333333;
  margin-top: 0.75rem;
}
.invoice-preview-container .invoice-document .invoice-parties .party-from .party-address,
.invoice-preview-container .invoice-document .invoice-parties .party-to .party-address,
.invoice-preview-container .invoice-document .invoice-parties .party-from .party-detail,
.invoice-preview-container .invoice-document .invoice-parties .party-to .party-detail {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-top: 0.25rem;
}
.invoice-preview-container .invoice-document .invoice-parties .party-from .party-label::after {
  left: 0;
}
.invoice-preview-container .invoice-document .invoice-parties .party-to .party-label::after {
  right: 0;
}
.invoice-preview-container .invoice-document .invoice-items-table {
  margin-bottom: 1.5rem;
}
.invoice-preview-container .invoice-document .invoice-items-table table {
  margin-bottom: 0;
}
.invoice-preview-container .invoice-document .invoice-items-table table thead tr th {
  background: #f7f7f7;
  font-size: 0.75rem;
  font-weight: 600;
  color: #5E6C84;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.75rem 1rem;
  border: none;
}
.invoice-preview-container .invoice-document .invoice-items-table table tbody tr td {
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  color: #333333;
  border-bottom: 1px solid #e3e3e6;
  vertical-align: middle;
}
.invoice-preview-container .invoice-document .invoice-items-table table tbody tr:last-child td {
  border-bottom: none;
}
.invoice-preview-container .invoice-document .invoice-totals {
  margin-left: auto;
  max-width: 18.75rem;
  margin-bottom: 1.5rem;
}
.invoice-preview-container .invoice-document .invoice-totals .totals-row {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  font-size: 0.875rem;
  color: #5E6C84;
}
.invoice-preview-container .invoice-document .invoice-totals .totals-row.total-amount {
  border-top: 2px solid #333333;
  margin-top: 0.5rem;
  padding-top: 0.75rem;
  font-weight: 700;
  font-size: 1rem;
  color: #333333;
}
.invoice-preview-container .invoice-document .invoice-notes-section {
  margin-bottom: 1.5rem;
}
.invoice-preview-container .invoice-document .invoice-notes-section .notes-box {
  background: #f7f7f7;
  border-left: 3px solid #5E6C84;
  padding: 1rem;
  font-size: 0.8125rem;
  color: #5E6C84;
  border-radius: 0 0.25rem 0.25rem 0;
}
.invoice-preview-container .invoice-document .invoice-footer-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1.5rem;
  border-top: 1px solid #e3e3e6;
}
.invoice-preview-container .invoice-document .invoice-footer-section .payment-method-section h6 {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.75rem;
}
.invoice-preview-container .invoice-document .invoice-footer-section .payment-method-section .payment-type {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-bottom: 0.5rem;
}
.invoice-preview-container .invoice-document .invoice-footer-section .payment-method-section .payment-detail {
  font-size: 0.8125rem;
  color: #5E6C84;
  margin-bottom: 0.25rem;
}
.invoice-preview-container .invoice-document .invoice-footer-section .signature-section {
  text-align: right;
}
.invoice-preview-container .invoice-document .invoice-footer-section .signature-section .signature-image-container {
  min-height: 3.125rem;
  margin-bottom: 0.5rem;
}
.invoice-preview-container .invoice-document .invoice-footer-section .signature-section .signature-image-container .signature-image {
  max-width: 9.375rem;
  max-height: 3.75rem;
  object-fit: contain;
}
.invoice-preview-container .invoice-document .invoice-footer-section .signature-section .signature-image-container .signature-image[src=""] {
  display: none;
}
.invoice-preview-container .invoice-document .invoice-footer-section .signature-section .signature-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
}
.invoice-preview-container .invoice-document .invoice-footer-section .signature-section .signature-note {
  font-size: 0.75rem;
  color: #5E6C84;
  font-style: italic;
  max-width: 12.5rem;
  margin-top: 0.25rem;
}
@media only screen and (max-width: 991px) {
  .invoice-preview-container {
    padding: 1rem;
  }
  .invoice-preview-container .invoice-document {
    padding: 1.5rem;
  }
  .invoice-preview-container .invoice-document .invoice-header {
    flex-direction: column;
    gap: 1rem;
  }
  .invoice-preview-container .invoice-document .invoice-header .invoice-logo {
    order: -1;
  }
  .invoice-preview-container .invoice-document .invoice-meta {
    flex-direction: column;
    gap: 1rem;
  }
  .invoice-preview-container .invoice-document .invoice-meta .meta-right {
    justify-content: flex-start;
  }
  .invoice-preview-container .invoice-document .invoice-meta .meta-right .meta-item {
    text-align: left;
  }
  .invoice-preview-container .invoice-document .invoice-parties {
    flex-direction: column;
    gap: 1.5rem;
  }
  .invoice-preview-container .invoice-document .invoice-parties .party-to .party-label,
  .invoice-preview-container .invoice-document .invoice-parties .party-to .party-name,
  .invoice-preview-container .invoice-document .invoice-parties .party-to .party-address,
  .invoice-preview-container .invoice-document .invoice-parties .party-to .party-detail {
    text-align: left;
  }
  .invoice-preview-container .invoice-document .invoice-parties .party-to .party-label::after {
    left: 0;
    right: auto;
  }
  .invoice-preview-container .invoice-document .invoice-footer-section {
    flex-direction: column;
    gap: 1.5rem;
  }
  .invoice-preview-container .invoice-document .invoice-footer-section .signature-section {
    text-align: left;
    width: 100%;
  }
  .invoice-preview-card .card-header .preview-tabs {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .invoice-form-card .card-header .draft-info {
    width: 100%;
  }
  .invoice-items-table {
    overflow-x: auto;
  }
  .invoice-items-table table {
    min-width: 31.25rem;
  }
  .line-items-section .line-item {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .line-items-section .line-item > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .line-items-section .line-item > div:last-child {
    flex: 0 0 auto;
  }
}
.icons-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
  gap: 0.75rem;
}
.sl-icon-item > [class^="icon-"],
.sl-icon-item > [class*=" icon-"] {
  font-size: 1.5rem;
  color: #7f7f7f;
  margin-bottom: 0.5rem;
  transition: color 0.2s ease;
}
.sl-icon-item .icon-name {
  font-family: 'Maven Pro', sans-serif !important;
  font-size: 0.75rem !important;
  color: #5E6C84;
  word-break: break-word;
  line-height: 1.3;
}
.sl-icon-item:hover > [class^="icon-"],
.sl-icon-item:hover > [class*=" icon-"] {
  color: #0067ff;
}
.sl-icon-item.copied > [class^="icon-"],
.sl-icon-item.copied > [class*=" icon-"] {
  color: #ffffff;
}
.icon-search-box .search-icon[class^="icon-"],
.icon-search-box .search-icon[class*=" icon-"] {
  font-size: 1rem;
}
.icon-search-box .icon-search-btn [class^="icon-"],
.icon-search-box .icon-search-btn [class*=" icon-"] {
  font-size: 0.875rem;
  color: #ffffff;
  margin-bottom: 0;
}
.icon-header-icon[class^="icon-"],
.icon-header-icon[class*=" icon-"] {
  font-size: 2rem;
  color: #0067ff;
  margin-bottom: 0.5rem;
  display: inline-block;
  background: rgba(0, 103, 255, 0.12);
  padding: 0.5rem;
  border-radius: 50%;
}
@media only screen and (max-width: 991px) {
  .sl-icon-item [class^="icon-"],
  .sl-icon-item [class*=" icon-"] {
    font-size: 1.25rem;
  }
  .sl-icon-item .icon-name {
    font-size: 0.6875rem;
  }
}
@media only screen and (max-width: 580px) {
  .sl-icon-item [class^="icon-"],
  .sl-icon-item [class*=" icon-"] {
    font-size: 1.125rem;
    margin-bottom: 0.375rem;
  }
  .sl-icon-item .icon-name {
    font-size: 0.625rem;
  }
}
.blockquote {
  padding: 1.25rem 1.5rem;
  border-left: 3px solid #0067ff;
  background-color: #f7f7f7;
  border-radius: 0 0.5rem 0.5rem 0;
  margin-bottom: 1rem;
  position: relative;
}
.blockquote p {
  margin-bottom: 0;
  font-size: 0.8125rem;
  color: #5E6C84;
  font-style: italic;
  line-height: 1.6;
}
.blockquote-footer {
  color: #7f7f7f;
  font-size: 0.8125rem;
  margin-top: 0.75rem;
}
.blockquote-footer::before {
  content: "— ";
}
.blockquote-footer cite {
  font-style: normal;
  font-weight: 600;
  color: #333333;
}
figure.text-center .blockquote {
  border-left: none;
  border-top: 3px solid #0067ff;
  border-radius: 0.5rem 0.5rem 0 0;
  text-align: center;
}
figure.text-end .blockquote {
  border-left: none;
  border-right: 3px solid #0067ff;
  border-radius: 0.5rem 0 0 0.5rem;
}
code {
  padding: 0.125rem 0.375rem;
  background-color: rgba(0, 103, 255, 0.1);
  color: #0067ff;
  border-radius: 0.25rem;
  font-size: 0.875em;
}
pre {
  padding: 1rem;
  background-color: #172B4D;
  border-radius: 0.375rem;
  overflow-x: auto;
}
pre code {
  padding: 0;
  background-color: transparent;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.6;
}
kbd {
  padding: 0.125rem 0.375rem;
  background-color: #172B4D;
  color: #ffffff;
  border-radius: 0.25rem;
  font-size: 0.875em;
  font-family: inherit;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
mark {
  padding: 0.125rem 0.25rem;
  background-color: rgba(220, 214, 167, 0.8);
  border-radius: 0.125rem;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: 1.6;
  color: #5E6C84;
}
address strong {
  color: #333333;
}
dl.row dt {
  font-weight: 600;
  color: #333333;
}
dl.row dd {
  color: #5E6C84;
  margin-bottom: 0.5rem;
}
.typography-content ul,
.typography-content ol {
  padding-left: 1.25rem;
}
.typography-content ul li,
.typography-content ol li {
  margin-bottom: 0.375rem;
  color: #5E6C84;
}
.typography-content ul li:last-child,
.typography-content ol li:last-child {
  margin-bottom: 0;
}
.typography-content ul ul,
.typography-content ol ul,
.typography-content ul ol,
.typography-content ol ol {
  margin-top: 0.375rem;
}
.list-inline-item:not(:last-child) {
  margin-right: 1rem;
}
.list-inline-item:not(:last-child)::after {
  content: "•";
  margin-left: 1rem;
  color: #d6d6d6;
}
var {
  font-style: italic;
  font-weight: 500;
  color: #0067ff;
}
abbr[title] {
  cursor: help;
  text-decoration: underline dotted;
  text-decoration-color: #0067ff;
}
.lead {
  font-size: 1.125rem;
  font-weight: 400;
  color: #5E6C84;
}
.fs-1,
.fs-2,
.fs-3,
.fs-4,
.fs-5,
.fs-6 {
  color: #333333;
  font-weight: 500;
}
p del,
p s,
p ins,
p u,
p small,
p strong,
p em {
  display: block;
}
@media only screen and (max-width: 580px) {
  .blockquote {
    padding: 0.75rem 1rem;
  }
  .blockquote p {
    font-size: 0.8125rem;
  }
  pre {
    padding: 0.75rem;
  }
  pre code {
    font-size: 0.8125rem;
  }
  .d-flex.flex-wrap.gap-4 {
    gap: 1.5rem !important;
  }
}
.nav-tabs {
  border-bottom: 1px solid #d6d6d6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  color: #5E6C84;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.625rem 1rem;
  border: 1px solid transparent;
  border-radius: 0.375rem 0.375rem 0 0;
  transition: all 0.2s ease;
}
.nav-tabs .nav-link i {
  font-size: 0.75rem;
}
.nav-tabs .nav-link:hover {
  color: #0067ff;
  border-color: #d6d6d6 #d6d6d6 #d6d6d6;
}
.nav-tabs .nav-link.active {
  color: #0067ff;
  background-color: #ffffff;
  border-color: #d6d6d6 #d6d6d6 #ffffff;
}
.nav-tabs-underline {
  border-bottom: 2px solid #d6d6d6;
}
.nav-tabs-underline .nav-link {
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  margin-bottom: -2px;
  padding: 0.625rem 1rem;
}
.nav-tabs-underline .nav-link:hover {
  border-color: transparent;
  border-bottom-color: rgba(0, 103, 255, 0.5);
}
.nav-tabs-underline .nav-link.active {
  border-color: transparent;
  border-bottom-color: #0067ff;
  background-color: transparent;
}
.nav-pills:not(aside .nav-pills) .nav-link {
  color: #5E6C84;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
}
.nav-pills:not(aside .nav-pills) .nav-link i {
  font-size: 0.75rem;
}
.nav-pills:not(aside .nav-pills) .nav-link:hover {
  color: #0067ff;
  background-color: rgba(0, 103, 255, 0.1);
}
.nav-pills:not(aside .nav-pills) .nav-link.active {
  color: #ffffff;
  background-color: #0067ff;
}
.nav-pills:not(aside .nav-pills).flex-column .nav-link {
  text-align: left;
  margin-bottom: 0.25rem;
  white-space: nowrap;
}
.nav-pills:not(aside .nav-pills).flex-column .nav-link:last-child {
  margin-bottom: 0;
}
.tab-content > .tab-pane h6 {
  color: #333333;
  font-weight: 600;
}
.nav-tabs-bordered .nav-tabs {
  border-bottom: none;
}
.nav-tabs-bordered .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-bottom: none;
  margin-bottom: 0;
  background-color: #f7f7f7;
}
.nav-tabs-bordered .nav-tabs .nav-link:hover {
  border-color: #d6d6d6 #d6d6d6 transparent;
}
.nav-tabs-bordered .nav-tabs .nav-link.active {
  background-color: #ffffff;
  border-color: #d6d6d6 #d6d6d6 transparent;
  position: relative;
}
.nav-tabs-bordered .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #ffffff;
}
.nav-tabs-bordered .bordered-content {
  border: 1px solid #d6d6d6;
  border-radius: 0 0.375rem 0.375rem 0.375rem;
  padding: 1rem;
  background-color: #ffffff;
}
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.nav-pills.nav-justified .nav-link {
  padding: 0.625rem;
}
.nav-pills.nav-justified .nav-link i {
  font-size: 0.875rem;
}
.nav-pills-soft {
  gap: 0.5rem;
}
.nav-pills-soft .nav-link {
  background-color: #f7f7f7;
}
.nav-pills-soft .nav-link.nav-link-blue:hover {
  background-color: rgba(138, 205, 215, 0.5);
  color: #338895;
}
.nav-pills-soft .nav-link.nav-link-blue.active {
  background-color: #8ACDD7;
  color: #26666f;
}
.nav-pills-soft .nav-link.nav-link-purple:hover {
  background-color: rgba(172, 135, 197, 0.5);
  color: #603a79;
}
.nav-pills-soft .nav-link.nav-link-purple.active {
  background-color: #AC87C5;
  color: #442a56;
}
.nav-pills-soft .nav-link.nav-link-teal:hover {
  background-color: rgba(137, 185, 173, 0.5);
  color: #3f6a5f;
}
.nav-pills-soft .nav-link.nav-link-teal.active {
  background-color: #89B9AD;
  color: #2c4a43;
}
.nav-pills-soft .nav-link.nav-link-orange:hover {
  background-color: rgba(255, 235, 216, 0.5);
  color: #ff9d3f;
}
.nav-pills-soft .nav-link.nav-link-orange.active {
  background-color: #FFEBD8;
  color: #ff820c;
}
.nav-pills-soft .nav-link.nav-link-green:hover {
  background-color: rgba(199, 220, 167, 0.5);
  color: #7fa743;
}
.nav-pills-soft .nav-link.nav-link-green.active {
  background-color: #C7DCA7;
  color: #648334;
}
.nav-pills-soft .nav-link.nav-link-red:hover {
  background-color: rgba(255, 197, 197, 0.5);
  color: #ff2c2c;
}
.nav-pills-soft .nav-link.nav-link-red.active {
  background-color: #FFC5C5;
  color: #f80000;
}
.nav-pills-soft .nav-link.nav-link-yellow:hover {
  background-color: rgba(220, 214, 167, 0.5);
  color: #a79c43;
}
.nav-pills-soft .nav-link.nav-link-yellow.active {
  background-color: #dcd6a7;
  color: #837a34;
}
.nav-tabs .nav-link .badge,
.nav-pills .nav-link .badge {
  font-size: 0.625rem;
  padding: 0.25rem 0.4rem;
  vertical-align: middle;
}
@media only screen and (max-width: 580px) {
  .nav-tabs .nav-link,
  .nav-pills .nav-link {
    font-size: 0.8125rem;
    padding: 0.5rem 0.75rem;
  }
  .nav-tabs .nav-link i,
  .nav-pills .nav-link i {
    font-size: 0.6875rem;
  }
  .nav-pills.flex-column .nav-link {
    padding: 0.5rem 0.75rem;
  }
  .bordered-content {
    padding: 0.75rem;
  }
}
.progress {
  height: 0.625rem;
  background-color: #f7f7f7;
  border-radius: 0.25rem;
  overflow: hidden;
}
.progress-bar {
  background-color: #0067ff;
  font-size: 0.625rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: width 0.4s ease;
}
.progress-xs {
  height: 0.25rem;
}
.progress-sm {
  height: 0.5rem;
}
.progress-lg {
  height: 1rem;
}
.progress-lg .progress-bar {
  font-size: 0.75rem;
}
.progress-xl {
  height: 1.5rem;
}
.progress-xl .progress-bar {
  font-size: 0.875rem;
}
.progress-rounded {
  border-radius: 1rem;
}
.progress-rounded .progress-bar {
  border-radius: 1rem;
}
.progress-bar.bg-blue {
  background-color: #8ACDD7;
}
.progress-bar.bg-purple {
  background-color: #AC87C5;
}
.progress-bar.bg-teal {
  background-color: #89B9AD;
}
.progress-bar.bg-orange {
  background-color: #FFEBD8;
}
.progress-bar.bg-green {
  background-color: #C7DCA7;
}
.progress-bar.bg-red {
  background-color: #FFC5C5;
}
.progress-bar.bg-yellow {
  background-color: #dcd6a7;
}
.progress-label {
  padding: 0 0.5rem;
  white-space: nowrap;
}
.progress-stacked {
  display: flex;
  height: 0.625rem;
  overflow: hidden;
  background-color: #f7f7f7;
  border-radius: 0.25rem;
}
.progress-stacked .progress {
  overflow: visible;
  background-color: transparent;
  border-radius: 0;
}
.progress-icon-wrapper .small {
  font-size: 0.75rem;
}
#interactive-progress .progress-bar {
  min-width: 2.5rem;
}
@media only screen and (max-width: 580px) {
  .progress-lg {
    height: 0.875rem;
  }
  .progress-lg .progress-bar {
    font-size: 0.6875rem;
  }
  .progress-xl {
    height: 1.25rem;
  }
  .progress-xl .progress-bar {
    font-size: 0.75rem;
  }
}
.pagination {
  gap: 0;
}
.pagination .page-link {
  color: #5E6C84;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  border-color: #d6d6d6;
  transition: all 0.2s ease;
}
.pagination .page-link i {
  font-size: 0.75rem;
}
.pagination .page-link:hover {
  color: #0067ff;
  background-color: rgba(0, 103, 255, 0.1);
  border-color: #d6d6d6;
}
.pagination .page-link:focus {
  box-shadow: none;
}
.pagination .page-item.active .page-link {
  background-color: #0067ff;
  border-color: #0067ff;
  color: #ffffff;
}
.pagination .page-item.disabled .page-link {
  color: #5E6C84;
  background-color: #f7f7f7;
  opacity: 0.5;
}
.pagination-rounded .page-item:first-child .page-link {
  border-radius: 1rem 0 0 1rem;
}
.pagination-rounded .page-item:last-child .page-link {
  border-radius: 0 1rem 1rem 0;
}
.pagination-circle {
  gap: 0.25rem;
}
.pagination-circle .page-link {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.pagination-circle .page-item:first-child .page-link,
.pagination-circle .page-item:last-child .page-link {
  border-radius: 50%;
}
.pagination-gap {
  gap: 0.375rem;
}
.pagination-gap .page-link {
  border-radius: 0.375rem;
}
.pagination-gap .page-item:first-child .page-link,
.pagination-gap .page-item:last-child .page-link {
  border-radius: 0.375rem;
}
.pagination-outline .page-link {
  background-color: transparent;
  border-color: #0067ff;
  color: #0067ff;
}
.pagination-outline .page-link:hover {
  background-color: rgba(0, 103, 255, 0.1);
}
.pagination-outline .page-item.active .page-link {
  background-color: #0067ff;
  color: #ffffff;
}
.pagination-outline .page-item.disabled .page-link {
  border-color: #d6d6d6;
  color: #5E6C84;
  opacity: 0.5;
}
.pagination-outline.pagination-outline-purple .page-link {
  border-color: #AC87C5;
  color: #7b4b9b;
}
.pagination-outline.pagination-outline-purple .page-link:hover {
  background-color: rgba(172, 135, 197, 0.2);
}
.pagination-outline.pagination-outline-purple .page-item.active .page-link {
  background-color: #AC87C5;
  color: #442a56;
}
.pagination-blue .page-item.active .page-link {
  background-color: #8ACDD7;
  border-color: #8ACDD7;
  color: #26666f;
}
.pagination-blue .page-link:hover {
  background-color: rgba(138, 205, 215, 0.3);
  color: #338895;
}
.pagination-purple .page-item.active .page-link {
  background-color: #AC87C5;
  border-color: #AC87C5;
  color: #442a56;
}
.pagination-purple .page-link:hover {
  background-color: rgba(172, 135, 197, 0.3);
  color: #603a79;
}
.pagination-teal .page-item.active .page-link {
  background-color: #89B9AD;
  border-color: #89B9AD;
  color: #2c4a43;
}
.pagination-teal .page-link:hover {
  background-color: rgba(137, 185, 173, 0.3);
  color: #3f6a5f;
}
.pagination-orange .page-item.active .page-link {
  background-color: #FFEBD8;
  border-color: #FFEBD8;
  color: #ff820c;
}
.pagination-orange .page-link:hover {
  background-color: rgba(255, 235, 216, 0.3);
  color: #ff9d3f;
}
.pagination-green .page-item.active .page-link {
  background-color: #C7DCA7;
  border-color: #C7DCA7;
  color: #648334;
}
.pagination-green .page-link:hover {
  background-color: rgba(199, 220, 167, 0.3);
  color: #7fa743;
}
.pagination-red .page-item.active .page-link {
  background-color: #FFC5C5;
  border-color: #FFC5C5;
  color: #f80000;
}
.pagination-red .page-link:hover {
  background-color: rgba(255, 197, 197, 0.3);
  color: #ff2c2c;
}
.pagination-yellow .page-item.active .page-link {
  background-color: #dcd6a7;
  border-color: #dcd6a7;
  color: #837a34;
}
.pagination-yellow .page-link:hover {
  background-color: rgba(220, 214, 167, 0.3);
  color: #a79c43;
}
.pagination-info {
  font-size: 0.875rem;
}
.pagination-info strong {
  color: #333333;
  margin: 0 0.25rem;
}
.pagination-sm .page-link {
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
}
.pagination-sm .page-link i {
  font-size: 0.625rem;
}
.pagination-sm.pagination-circle .page-link {
  width: 1.75rem;
  height: 1.75rem;
}
.pagination-lg .page-link {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}
.pagination-lg .page-link i {
  font-size: 0.875rem;
}
.pagination-lg.pagination-circle .page-link {
  width: 2.75rem;
  height: 2.75rem;
}
@media only screen and (max-width: 580px) {
  .pagination .page-link {
    font-size: 0.8125rem;
    padding: 0.25rem 0.5rem;
  }
  .pagination .page-link i {
    font-size: 0.6875rem;
  }
  .pagination-circle .page-link {
    width: 2rem;
    height: 2rem;
  }
  .pagination-info {
    font-size: 0.8125rem;
  }
}
.alert {
  font-size: 0.875rem;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
}
.alert .alert-heading {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.alert .alert-link {
  font-weight: 600;
}
.alert hr {
  opacity: 0.25;
}
.alert ul {
  padding-left: 1.25rem;
  margin-bottom: 0;
}
.alert ul li {
  margin-bottom: 0.25rem;
}
.alert ul li:last-child {
  margin-bottom: 0;
}
.alert-icon {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.alert-icon i {
  font-size: 1rem;
  line-height: 1;
}
.alert i.fa-solid,
.alert i.fa-regular {
  vertical-align: middle;
}
.alert-blue {
  background-color: #8ACDD7;
  border-color: #64bdca;
  color: #26666f;
}
.alert-blue .alert-link {
  color: #194349;
}
.alert-purple {
  background-color: #AC87C5;
  border-color: #9465b4;
  color: #442a56;
}
.alert-purple .alert-link {
  color: #291934;
}
.alert-teal {
  background-color: #89B9AD;
  border-color: #69a697;
  color: #2c4a43;
}
.alert-teal .alert-link {
  color: #192a26;
}
.alert-orange {
  background-color: #FFEBD8;
  border-color: #ffd1a5;
  color: #ff820c;
}
.alert-orange .alert-link {
  color: #d86900;
}
.alert-green {
  background-color: #C7DCA7;
  border-color: #b0cd83;
  color: #648334;
}
.alert-green .alert-link {
  color: #485e26;
}
.alert-red {
  background-color: #FFC5C5;
  border-color: #ff9292;
  color: #f80000;
}
.alert-red .alert-link {
  color: #c50000;
}
.alert-outline-primary {
  background-color: transparent;
  border: 1px solid #0d6efd;
  color: #0d6efd;
}
.alert-outline-success {
  background-color: transparent;
  border: 1px solid #198754;
  color: #198754;
}
.alert-outline-danger {
  background-color: transparent;
  border: 1px solid #dc3545;
  color: #dc3545;
}
.alert-outline-warning {
  background-color: transparent;
  border: 1px solid #ffc107;
  color: #997404;
}
.alert-outline-info {
  background-color: transparent;
  border: 1px solid #0dcaf0;
  color: #0aa2c0;
}
.alert-solid-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
  color: #ffffff;
}
.alert-solid-primary .btn-close {
  filter: invert(1);
}
.alert-solid-success {
  background-color: #198754;
  border-color: #198754;
  color: #ffffff;
}
.alert-solid-success .btn-close {
  filter: invert(1);
}
.alert-solid-danger {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #ffffff;
}
.alert-solid-danger .btn-close {
  filter: invert(1);
}
.alert-solid-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #000;
}
.alert-solid-info {
  background-color: #0dcaf0;
  border-color: #0dcaf0;
  color: #000;
}
.alert-rounded {
  border-radius: 2rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.alert-left-border {
  background-color: #f7f7f7;
  border: none;
  border-left: 4px solid;
  border-radius: 0 0.375rem 0.375rem 0;
  color: #333333;
}
.alert-left-border.alert-left-border-success {
  border-left-color: #198754;
}
.alert-left-border.alert-left-border-success i {
  color: #198754;
}
.alert-left-border.alert-left-border-danger {
  border-left-color: #dc3545;
}
.alert-left-border.alert-left-border-danger i {
  color: #dc3545;
}
.alert-left-border.alert-left-border-warning {
  border-left-color: #ffc107;
}
.alert-left-border.alert-left-border-warning i {
  color: #997404;
}
.alert-left-border.alert-left-border-info {
  border-left-color: #0dcaf0;
}
.alert-left-border.alert-left-border-info i {
  color: #0aa2c0;
}
.alert-left-border.alert-left-border-primary {
  border-left-color: #0d6efd;
}
.alert-left-border.alert-left-border-primary i {
  color: #0d6efd;
}
.alert-dismissible .btn-close {
  padding: 1rem;
  font-size: 0.625rem;
}
@media only screen and (max-width: 580px) {
  .alert {
    font-size: 0.8125rem;
    padding: 0.625rem 0.875rem;
  }
  .alert .alert-heading {
    font-size: 0.9375rem;
  }
  .alert-icon i {
    font-size: 0.875rem;
  }
  .alert-rounded {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .alert-dismissible .btn-close {
    padding: 0.875rem;
  }
}
.carousel-basic {
  border-radius: 0.5rem;
  overflow: hidden;
}
.carousel-basic .carousel-inner {
  border-radius: 0.5rem;
}
.carousel-basic .carousel-control-prev,
.carousel-basic .carousel-control-next {
  width: 2.5rem;
  height: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: #ffffff;
  border-radius: 50%;
  opacity: 0.9;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}
.carousel-basic .carousel-control-prev:hover,
.carousel-basic .carousel-control-next:hover {
  opacity: 1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.carousel-basic .carousel-control-prev .carousel-control-prev-icon,
.carousel-basic .carousel-control-next .carousel-control-prev-icon,
.carousel-basic .carousel-control-prev .carousel-control-next-icon,
.carousel-basic .carousel-control-next .carousel-control-next-icon {
  width: 1rem;
  height: 1rem;
  filter: invert(1) grayscale(100);
}
.carousel-basic .carousel-control-prev {
  left: 0.75rem;
}
.carousel-basic .carousel-control-next {
  right: 0.75rem;
}
.carousel-slide-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 15rem;
  gap: 0.75rem;
  color: #333333;
  font-weight: 600;
  font-size: 1rem;
}
.carousel-slide-placeholder .material-symbols-sharp {
  font-size: 3rem;
  opacity: 0.8;
}
.carousel-slide-placeholder--primary {
  background: linear-gradient(135deg, #b0dde4, #8ACDD7);
}
.carousel-slide-placeholder--teal {
  background: linear-gradient(135deg, #a9ccc3, #89B9AD);
}
.carousel-slide-placeholder--purple {
  background: linear-gradient(135deg, #c4a9d6, #AC87C5);
}
.carousel-slide-placeholder--green {
  background: linear-gradient(135deg, #deebcb, #C7DCA7);
}
.carousel-slide-placeholder--orange {
  background: linear-gradient(135deg, #ffffff, #FFEBD8);
}
.carousel-slide-placeholder--blue {
  background: linear-gradient(135deg, #b0dde4, #8ACDD7);
}
.carousel-slide-placeholder--red {
  background: linear-gradient(135deg, #fff8f8, #FFC5C5);
}
.carousel-slide-placeholder--yellow {
  background: linear-gradient(135deg, #ebe7cb, #dcd6a7);
}
.carousel-numbered .carousel-indicators--numbered {
  gap: 0.5rem;
}
.carousel-numbered .carousel-indicators--numbered button {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #ffffff;
  color: #333333;
  font-size: 0.75rem;
  font-weight: 600;
  text-indent: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #e3e3e6;
  opacity: 0.8;
  transition: all 0.2s ease;
}
.carousel-numbered .carousel-indicators--numbered button.active {
  opacity: 1;
  background: #333333;
  color: #ffffff;
  border-color: #333333;
}
.carousel-captions .carousel-slide-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20rem;
  position: relative;
}
.carousel-captions .carousel-slide-hero__icon .material-symbols-sharp {
  font-size: 6rem;
  color: #ffffff;
  opacity: 0.3;
}
.carousel-captions .carousel-slide-hero--primary {
  background: linear-gradient(135deg, #51b5c4, #528a7c);
}
.carousel-captions .carousel-slide-hero--teal {
  background: linear-gradient(135deg, #5b9a8a, #99bf5e);
}
.carousel-captions .carousel-slide-hero--purple {
  background: linear-gradient(135deg, #8853ac, #40abbb);
}
.carousel-captions .carousel-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2rem 1.5rem 1.5rem;
}
.carousel-captions .carousel-caption h5 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.carousel-captions .carousel-caption p {
  font-size: 0.875rem;
  margin-bottom: 0;
  opacity: 0.9;
}
.carousel-captions .carousel-control-prev,
.carousel-captions .carousel-control-next {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(4px);
}
.carousel-dark-theme .carousel-slide-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18rem;
  background: #1e2a3b;
  position: relative;
  overflow: hidden;
}
.carousel-dark-theme .carousel-slide-dark::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 50%, #2a3a4d 0%, transparent 50%);
}
.carousel-dark-theme .carousel-slide-dark__content {
  position: relative;
  text-align: center;
  color: #ffffff;
  padding: 1.5rem;
}
.carousel-dark-theme .carousel-slide-dark__icon {
  margin-bottom: 1rem;
}
.carousel-dark-theme .carousel-slide-dark__icon .material-symbols-sharp {
  font-size: 3.5rem;
  color: #8ACDD7;
}
.carousel-dark-theme .carousel-slide-dark__title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.carousel-dark-theme .carousel-slide-dark__desc {
  font-size: 0.875rem;
  opacity: 0.8;
  max-width: 25rem;
  margin: 0 auto;
}
.carousel-dark-theme .carousel-control-prev,
.carousel-dark-theme .carousel-control-next {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.carousel-dark-theme .carousel-control-prev .carousel-control-prev-icon,
.carousel-dark-theme .carousel-control-next .carousel-control-prev-icon,
.carousel-dark-theme .carousel-control-prev .carousel-control-next-icon,
.carousel-dark-theme .carousel-control-next .carousel-control-next-icon {
  filter: none;
}
.carousel-dark-theme .carousel-indicators button {
  background-color: rgba(255, 255, 255, 0.5);
}
.carousel-dark-theme .carousel-indicators button.active {
  background-color: #ffffff;
}
.carousel-thumbnail-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.carousel-thumbnails {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
}
.carousel-thumbnail {
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0.6;
  border-radius: 0.375rem;
  overflow: hidden;
}
.carousel-thumbnail.active,
.carousel-thumbnail:hover {
  opacity: 1;
}
.carousel-thumbnail.active {
  box-shadow: 0 0 0 2px #333333;
}
.carousel-thumbnail__inner {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-thumbnail__inner .material-symbols-sharp {
  font-size: 1.5rem;
  color: #333333;
}
.carousel-thumbnail__inner--primary {
  background: #8ACDD7;
}
.carousel-thumbnail__inner--teal {
  background: #89B9AD;
}
.carousel-thumbnail__inner--purple {
  background: #AC87C5;
}
.carousel-thumbnail__inner--orange {
  background: #FFEBD8;
}
.carousel-progress {
  position: relative;
}
.carousel-progress .carousel-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 0.5rem;
}
.carousel-progress .carousel-progress-bar__track {
  height: 4px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  overflow: hidden;
}
.carousel-progress .carousel-progress-bar__fill {
  height: 100%;
  background: #ffffff;
  border-radius: 2px;
  animation: progressFill 3s linear infinite;
}
@keyframes progressFill {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.carousel-cards .carousel-inner {
  padding: 1rem 0;
}
.carousel-cards .carousel-control-prev {
  left: -1rem;
}
.carousel-cards .carousel-control-next {
  right: -1rem;
}
.carousel-cards .carousel-indicators--bottom {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 0;
}
.carousel-cards .carousel-indicators--bottom button {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #d6d6d6;
  border: none;
  padding: 0;
  opacity: 1;
  transition: all 0.2s ease;
}
.carousel-cards .carousel-indicators--bottom button.active {
  background: #333333;
  width: 1.5rem;
  border-radius: 0.313rem;
}
.carousel-card {
  background: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.75rem;
  padding: 1.5rem;
  text-align: center;
  height: 100%;
  transition: all 0.2s ease;
}
.carousel-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}
.carousel-card__icon {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1rem;
}
.carousel-card__icon .material-symbols-sharp {
  font-size: 2rem;
  color: #ffffff;
}
.carousel-card__icon--red {
  background: linear-gradient(135deg, #ff9292, #ff5f5f);
}
.carousel-card__icon--green {
  background: linear-gradient(135deg, #b0cd83, #99bf5e);
}
.carousel-card__icon--blue {
  background: linear-gradient(135deg, #64bdca, #40abbb);
}
.carousel-card__icon--purple {
  background: linear-gradient(135deg, #9465b4, #7b4b9b);
}
.carousel-card__icon--orange {
  background: linear-gradient(135deg, #ffd1a5, #ffb772);
}
.carousel-card__icon--teal {
  background: linear-gradient(135deg, #69a697, #528a7c);
}
.carousel-card__content {
  margin-bottom: 1rem;
}
.carousel-card__title {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #333333;
}
.carousel-card__desc {
  font-size: 0.813rem;
  color: #5E6C84;
  margin-bottom: 0;
}
.carousel-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
  border-top: 1px solid #e3e3e6;
}
.carousel-card__price {
  font-size: 0.813rem;
  font-weight: 600;
  color: #333333;
}
.carousel-testimonials .carousel-indicators--dots {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 0;
}
.carousel-testimonials .carousel-indicators--dots button {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #d6d6d6;
  border: none;
  padding: 0;
  opacity: 1;
  transition: all 0.2s ease;
}
.carousel-testimonials .carousel-indicators--dots button.active {
  background: #333333;
  width: 1.5rem;
  border-radius: 0.313rem;
}
.carousel-testimonial {
  padding: 1.5rem;
  text-align: center;
}
.carousel-testimonial__quote {
  margin-bottom: 1rem;
}
.carousel-testimonial__quote .material-symbols-sharp {
  font-size: 2.5rem;
  color: #AC87C5;
  opacity: 0.5;
}
.carousel-testimonial__text {
  font-size: 1rem;
  line-height: 1.6;
  color: #333333;
  font-style: italic;
  margin-bottom: 1.5rem;
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
}
.carousel-testimonial__author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.carousel-testimonial__avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  overflow: hidden;
}
.carousel-testimonial__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel-testimonial__info {
  text-align: left;
}
.carousel-testimonial__name {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
}
.carousel-testimonial__role {
  font-size: 0.75rem;
  color: #5E6C84;
}
.carousel-testimonial__rating {
  margin-left: auto;
}
.carousel-testimonial__rating .material-symbols-sharp {
  font-size: 1rem;
  color: #ffc107;
}
.carousel-quotes .carousel-control-prev,
.carousel-quotes .carousel-control-next {
  background: transparent;
  box-shadow: none;
  color: #5E6C84;
  width: auto;
  height: auto;
  border-radius: 0;
}
.carousel-quotes .carousel-control-prev .material-symbols-sharp,
.carousel-quotes .carousel-control-next .material-symbols-sharp {
  font-size: 2rem;
}
.carousel-quotes .carousel-control-prev:hover,
.carousel-quotes .carousel-control-next:hover {
  color: #333333;
}
.carousel-quotes .carousel-control-prev {
  left: 0;
}
.carousel-quotes .carousel-control-next {
  right: 0;
}
.carousel-quote {
  padding: 2rem 3rem;
  text-align: center;
  min-height: 14rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.carousel-quote__icon {
  margin-bottom: 1rem;
}
.carousel-quote__icon .material-symbols-sharp {
  font-size: 2rem;
  color: #89B9AD;
}
.carousel-quote__text {
  font-size: 1.125rem;
  line-height: 1.8;
  color: #333333;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
.carousel-quote__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.carousel-quote__divider {
  width: 2rem;
  height: 2px;
  background: #d6d6d6;
}
.carousel-quote__author {
  font-size: 0.875rem;
  color: #5E6C84;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 991px) {
  .carousel-slide-placeholder {
    height: 12rem;
  }
  .carousel-slide-placeholder .material-symbols-sharp {
    font-size: 2.5rem;
  }
  .carousel-captions .carousel-slide-hero {
    height: 16rem;
  }
  .carousel-dark-theme .carousel-slide-dark {
    height: 14rem;
  }
  .carousel-quote {
    padding: 1.5rem 2rem;
  }
  .carousel-quote__text {
    font-size: 1rem;
  }
  .carousel-cards .carousel-control-prev {
    left: 0.5rem;
  }
  .carousel-cards .carousel-control-next {
    right: 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .carousel-basic .carousel-control-prev,
  .carousel-basic .carousel-control-next {
    width: 2rem;
    height: 2rem;
  }
  .carousel-basic .carousel-control-prev {
    left: 0.5rem;
  }
  .carousel-basic .carousel-control-next {
    right: 0.5rem;
  }
  .carousel-slide-placeholder {
    height: 10rem;
    font-size: 0.875rem;
  }
  .carousel-slide-placeholder .material-symbols-sharp {
    font-size: 2rem;
  }
  .carousel-thumbnail__inner {
    width: 2.5rem;
    height: 2.5rem;
  }
  .carousel-thumbnail__inner .material-symbols-sharp {
    font-size: 1rem;
  }
  .carousel-card {
    padding: 1rem;
  }
  .carousel-card__icon {
    width: 3rem;
    height: 3rem;
  }
  .carousel-card__icon .material-symbols-sharp {
    font-size: 1.5rem;
  }
  .carousel-testimonial {
    padding: 1rem;
  }
  .carousel-testimonial__text {
    font-size: 0.875rem;
  }
  .carousel-testimonial__author {
    flex-wrap: wrap;
  }
}
.modal-content {
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.modal-header {
  border-bottom: 1px solid #e3e3e6;
  padding: 1rem 1.25rem;
}
.modal-header .modal-title {
  font-weight: 600;
  font-size: 1.125rem;
}
.modal-body {
  padding: 1.25rem;
}
.modal-footer {
  border-top: 1px solid #e3e3e6;
  padding: 1rem 1.25rem;
}
.modal-header--primary {
  background: linear-gradient(135deg, #0d6efd, #0a58ca);
  color: #ffffff;
  border-bottom: none;
}
.modal-header--primary .modal-title {
  color: #ffffff;
}
.modal-header--success {
  background: linear-gradient(135deg, #198754, #146c43);
  color: #ffffff;
  border-bottom: none;
}
.modal-header--success .modal-title {
  color: #ffffff;
}
.modal-header--danger {
  background: linear-gradient(135deg, #dc3545, #b02a37);
  color: #ffffff;
  border-bottom: none;
}
.modal-header--danger .modal-title {
  color: #ffffff;
}
.modal-header--warning {
  background: linear-gradient(135deg, #ffc107, #e0a800);
  color: #333333;
  border-bottom: none;
}
.modal-header--warning .modal-title {
  color: #333333;
}
.modal-header--icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.modal-header--icon .modal-header__icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-header--icon .modal-header__icon .material-symbols-sharp {
  font-size: 1.5rem;
  color: #ffffff;
}
.modal-header--icon .modal-header__icon--info {
  background: linear-gradient(135deg, #0dcaf0, #0aa2c0);
}
.modal-header--icon .modal-header__icon--success {
  background: linear-gradient(135deg, #198754, #146c43);
}
.modal-header--icon .modal-header__icon--warning {
  background: linear-gradient(135deg, #ffc107, #e0a800);
}
.modal-header--icon .modal-header__icon--warning .material-symbols-sharp {
  color: #333333;
}
.modal-header--icon .modal-header__icon--danger {
  background: linear-gradient(135deg, #dc3545, #b02a37);
}
.modal-header--icon .btn-close {
  margin-left: auto;
}
.modal-confirm .modal-body {
  padding: 2rem 1.5rem 1rem;
}
.modal-confirm .modal-confirm__icon {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 1.25rem;
}
.modal-confirm .modal-confirm__icon .material-symbols-sharp {
  font-size: 2.5rem;
  color: #ffffff;
}
.modal-confirm .modal-confirm__title {
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #333333;
}
.modal-confirm .modal-confirm__text {
  color: #5E6C84;
  margin-bottom: 0;
  font-size: 0.875rem;
}
.modal-confirm .modal-footer {
  border-top: none;
  padding-top: 0.5rem;
}
.modal-confirm--danger .modal-confirm__icon {
  background: linear-gradient(135deg, #FFC5C5, #ff7878);
}
.modal-confirm--danger .modal-confirm__icon .material-symbols-sharp {
  color: #ff2c2c;
}
.modal-confirm--success .modal-confirm__icon {
  background: linear-gradient(135deg, #C7DCA7, #a4c670);
}
.modal-confirm--success .modal-confirm__icon .material-symbols-sharp {
  color: #7fa743;
}
.modal-confirm--warning .modal-confirm__icon {
  background: linear-gradient(135deg, #FFEBD8, #ffc48c);
}
.modal-confirm--warning .modal-confirm__icon .material-symbols-sharp {
  color: #ff9d3f;
}
.modal-confirm--info .modal-confirm__icon {
  background: linear-gradient(135deg, #8ACDD7, #51b5c4);
}
.modal-confirm--info .modal-confirm__icon .material-symbols-sharp {
  color: #338895;
}
.modal-alert .modal-header {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  border-bottom: none;
  padding-bottom: 0;
}
.modal-alert .modal-alert__icon {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.modal-alert .modal-alert__icon .material-symbols-sharp {
  font-size: 1.75rem;
}
.modal-alert .modal-alert__subtitle {
  font-size: 0.813rem;
  color: #5E6C84;
  margin-bottom: 0;
}
.modal-alert .modal-title {
  margin-bottom: 0.25rem;
}
.modal-alert .btn-close {
  margin-left: auto;
}
.modal-alert--error .modal-alert__icon {
  background: rgba(255, 197, 197, 0.3);
}
.modal-alert--error .modal-alert__icon .material-symbols-sharp {
  color: #ff4545;
}
.modal-alert--success .modal-alert__icon {
  background: rgba(199, 220, 167, 0.3);
}
.modal-alert--success .modal-alert__icon .material-symbols-sharp {
  color: #8db84c;
}
.modal-image__placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 18rem;
  background: linear-gradient(135deg, #8ACDD7, #89B9AD);
  color: #333333;
  gap: 0.75rem;
}
.modal-image__placeholder .material-symbols-sharp {
  font-size: 5rem;
  opacity: 0.6;
}
.modal-image__placeholder span:last-child {
  font-weight: 600;
  font-size: 1.25rem;
}
.modal-profile {
  overflow: hidden;
}
.modal-profile .modal-profile__header {
  height: 6rem;
  background: linear-gradient(135deg, #5b9a8a, #40abbb);
  position: relative;
}
.modal-profile .modal-profile__header .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}
.modal-profile .modal-profile__avatar {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 4px solid #ffffff;
  overflow: hidden;
  margin: -2.5rem auto 0;
  position: relative;
  z-index: 1;
  background: #ffffff;
}
.modal-profile .modal-profile__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal-profile .modal-body {
  padding-top: 0.75rem;
}
.modal-body .nav-tabs {
  border-bottom: 1px solid #e3e3e6;
}
.modal-body .nav-tabs .nav-link {
  border: none;
  color: #5E6C84;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}
.modal-body .nav-tabs .nav-link:hover {
  color: #333333;
  border-color: transparent;
}
.modal-body .nav-tabs .nav-link.active {
  color: #0d6efd;
  background: transparent;
  border-bottom-color: #0d6efd;
}
.modal-body .tab-content {
  min-height: 6rem;
}
@media only screen and (max-width: 767px) {
  .modal-header {
    padding: 0.875rem 1rem;
  }
  .modal-body {
    padding: 1rem;
  }
  .modal-footer {
    padding: 0.875rem 1rem;
  }
  .modal-confirm .modal-body {
    padding: 1.5rem 1rem 0.75rem;
  }
  .modal-confirm .modal-confirm__icon {
    width: 3.5rem;
    height: 3.5rem;
  }
  .modal-confirm .modal-confirm__icon .material-symbols-sharp {
    font-size: 2rem;
  }
  .modal-profile .modal-profile__header {
    height: 5rem;
  }
  .modal-profile .modal-profile__avatar {
    width: 4rem;
    height: 4rem;
    margin-top: -2rem;
  }
}
.lightbox-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.lightbox-gallery--grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
}
@media only screen and (max-width: 991px) {
  .lightbox-gallery--grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .lightbox-gallery--grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 500px) {
  .lightbox-gallery--grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.lightbox-gallery--small {
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 767px) {
  .lightbox-gallery--small {
    grid-template-columns: repeat(2, 1fr);
  }
}
.lightbox-item {
  display: block;
  cursor: pointer;
  border-radius: 0.5rem;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
}
.lightbox-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.lightbox-item:hover .lightbox-item__inner .material-symbols-sharp {
  transform: scale(1.1);
}
.lightbox-item:hover .lightbox-item__play {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.lightbox-item__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 8rem;
  gap: 0.5rem;
  color: #333333;
  font-weight: 600;
  font-size: 0.813rem;
  transition: all 0.3s ease;
}
.lightbox-item__inner .material-symbols-sharp {
  font-size: 2.5rem;
  opacity: 0.7;
  transition: transform 0.3s ease;
}
.lightbox-item__inner--blue {
  background: linear-gradient(135deg, #b0dde4, #8ACDD7);
}
.lightbox-item__inner--green {
  background: linear-gradient(135deg, #deebcb, #C7DCA7);
}
.lightbox-item__inner--teal {
  background: linear-gradient(135deg, #a9ccc3, #89B9AD);
}
.lightbox-item__inner--purple {
  background: linear-gradient(135deg, #c4a9d6, #AC87C5);
}
.lightbox-item__inner--orange {
  background: linear-gradient(135deg, #ffffff, #FFEBD8);
}
.lightbox-item__inner--red {
  background: linear-gradient(135deg, #fff8f8, #FFC5C5);
}
.lightbox-item__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 3rem;
  height: 3rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
  transition: all 0.3s ease;
}
.lightbox-item__play .material-symbols-sharp {
  color: #ffffff;
  font-size: 1.5rem;
}
.lightbox-item--video .lightbox-item__inner {
  position: relative;
}
.lightbox-item--video .lightbox-item__inner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);
}
.lightbox-card {
  display: block;
  background: #ffffff;
  border: 1px solid #e3e3e6;
  border-radius: 0.5rem;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
}
.lightbox-card:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}
.lightbox-card:hover .lightbox-card__image .material-symbols-sharp {
  transform: scale(1.1);
}
.lightbox-card__image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7rem;
  transition: all 0.3s ease;
}
.lightbox-card__image .material-symbols-sharp {
  font-size: 3rem;
  color: #333333;
  opacity: 0.6;
  transition: transform 0.3s ease;
}
.lightbox-card__image--blue {
  background: linear-gradient(135deg, #b0dde4, #8ACDD7);
}
.lightbox-card__image--green {
  background: linear-gradient(135deg, #deebcb, #C7DCA7);
}
.lightbox-card__image--teal {
  background: linear-gradient(135deg, #a9ccc3, #89B9AD);
}
.lightbox-card__image--purple {
  background: linear-gradient(135deg, #c4a9d6, #AC87C5);
}
.lightbox-card__image--orange {
  background: linear-gradient(135deg, #ffffff, #FFEBD8);
}
.lightbox-card__image--red {
  background: linear-gradient(135deg, #fff8f8, #FFC5C5);
}
.lightbox-card__content {
  padding: 0.75rem;
}
.lightbox-card__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lightbox-card__text {
  font-size: 0.75rem;
  color: #5E6C84;
  margin-bottom: 0;
}
.glightbox-container .gslide-description,
.glightbox-clean .glightbox-container .gslide-description {
  background: linear-gradient(135deg, rgba(30, 60, 114, 0.95) 0%, rgba(42, 82, 152, 0.95) 50%, rgba(89, 131, 252, 0.9) 100%) !important;
  padding: 1.25rem 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}
.glightbox-container .gdesc-inner,
.glightbox-clean .glightbox-container .gdesc-inner {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 !important;
}
.glightbox-container .gslide-title,
.glightbox-clean .glightbox-container .gslide-title {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.glightbox-container .gslide-desc,
.glightbox-clean .glightbox-container .gslide-desc {
  font-size: 0.75rem !important;
  color: rgba(255, 255, 255, 0.85) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.glightbox-container .gnext,
.glightbox-clean .glightbox-container .gnext,
.glightbox-container .gprev,
.glightbox-clean .glightbox-container .gprev {
  opacity: 1 !important;
  transition: all 0.3s ease;
}
.glightbox-container .gnext:hover,
.glightbox-clean .glightbox-container .gnext:hover,
.glightbox-container .gprev:hover,
.glightbox-clean .glightbox-container .gprev:hover {
  opacity: 0.8 !important;
}
.glightbox-container .gclose,
.glightbox-clean .glightbox-container .gclose {
  opacity: 1 !important;
  transition: all 0.3s ease;
}
.glightbox-container .gclose:hover,
.glightbox-clean .glightbox-container .gclose:hover {
  opacity: 0.8 !important;
}
.glightbox-container .gslide-image img,
.glightbox-clean .glightbox-container .gslide-image img {
  border-radius: 0.5rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.4);
}
.glightbox-container .gslide-media,
.glightbox-clean .glightbox-container .gslide-media {
  box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.3);
}
.glightbox-container .gslide-outer .gslide-count,
.glightbox-clean .glightbox-container .gslide-outer .gslide-count {
  background: linear-gradient(135deg, rgba(30, 60, 114, 0.9) 0%, rgba(42, 82, 152, 0.9) 100%);
  color: #ffffff;
  padding: 0.375rem 0.75rem;
  border-radius: 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.goverlay {
  background: rgba(10, 20, 40, 0.97);
}
@media only screen and (max-width: 767px) {
  .lightbox-item__inner {
    height: 6rem;
  }
  .lightbox-item__inner .material-symbols-sharp {
    font-size: 2rem;
  }
  .lightbox-item__inner span:last-child {
    font-size: 0.75rem;
  }
  .lightbox-card__image {
    height: 5rem;
  }
  .lightbox-card__image .material-symbols-sharp {
    font-size: 2rem;
  }
}
.widget-stats-card-13--equal-height .widget-stats-card-13__chart {
  min-height: 6rem;
}
[data-page="bookingPlanner"] .dt-container .dt-length label {
  display: none;
}
.tooltip {
  --bs-tooltip-bg: #333333;
}
.dropdown-menu.show {
  display: block;
  /* Ensure dropdown is displayed */
}
.bg-red {
  background-color: #FFC5C5;
  transition: background-color 0.3s ease;
}
.bg-red-hover {
  transition: all 0.3s ease;
}
.bg-red-hover:hover,
.bg-red-hover.active {
  background-color: #fff8f8;
}
.active .bg-red-hover {
  background-color: #fff8f8;
}
.bg-orange {
  background-color: #FFEBD8;
  transition: background-color 0.3s ease;
}
.bg-orange-hover {
  transition: all 0.3s ease;
}
.bg-orange-hover:hover {
  background-color: #fff8f2;
}
.bg-green {
  background-color: #C7DCA7;
  transition: background-color 0.3s ease;
}
.bg-green-hover {
  transition: all 0.3s ease;
}
.bg-green-hover:hover,
.bg-green-hover.active {
  background-color: #f1f6e9;
}
.active .bg-green-hover {
  background-color: #f1f6e9;
}
.bg-teal {
  background-color: #89B9AD;
  transition: background-color 0.3s ease;
}
.bg-teal-hover {
  transition: all 0.3s ease;
}
.bg-teal-hover:hover,
.bg-teal-hover.active {
  background-color: #e9f2f0;
}
.active .bg-teal-hover {
  background-color: #e9f2f0;
}
.bg-purple {
  background-color: #AC87C5;
  transition: background-color 0.3s ease;
}
.bg-purple-hover {
  transition: all 0.3s ease;
}
.bg-purple-hover:hover {
  background-color: #f3eef7;
}
.bg-blue {
  background-color: #8ACDD7;
  transition: background-color 0.3s ease;
}
.bg-blue-hover {
  transition: all 0.3s ease;
}
.bg-blue-hover:hover {
  background-color: #e9f6f7;
}
.bg-yellow {
  background-color: #dcd6a7;
  transition: background-color 0.3s ease;
}
.bg-yellow-hover {
  transition: all 0.3s ease;
}
.bg-yellow-hover:hover {
  background-color: #ebe7cb;
}