:root {
    --font-bold: 'Recoleta Bold';
    --font: 'Inter';
    --border: #dfe5e7;
}

.bold {
  font-weight: bold;
}

.table-data-small {
      color: #6b7280;
      font-size: 12px;
      line-height: 22px;
}

  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
  }
  [data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
  }
  [data-bs-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .form-control {
    background-color: #F7FAF8 !important;
    border-color: #84998D;
  }
  .form-select {
    background-color: #F7FAF8 !important;
    border-color: #84998D;
  }
  .dropdown-menu {
    background-color: #F7FAF8 !important;
    border-color: #84998D;
  }
  .login-row {
    padding-top: 100px;
  }
  .login-row button {
    height: 54.5px;
  }
  .login-row img {
    width: 250px;
  }
  .btn-block {
    width: 100%;
  }
  .table {
    background-color: var(--bs-body-bg) !important;
  } 

  [data-bs-theme="light"] {
    --bs-body-bg: #f0f3f9;
    --bs-body-color-bg: #f0f3f9;
    --bs-body-color: #495057;
    --bs-white: #ffffff;
    --header: #fff;
  }
  [data-bs-theme="light"] .card {
    --bs-card-bg: #ffffff;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  body {
    margin: 0;
    padding: 0;
    background-color: #f7f8f5;
    color: var(--bs-body-color);
    font-family: var(--bs-font-sans-serif);
  }
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-family: "Source Serif 4 Bold";
  }
  a {
    text-decoration: none;
    color: var(--bs-primary);
  }
  a:hover {
    color: hsl(215.75, 98.3606557377%, 42.1568627451%);
  }
  .fs-1 {
    font-size: 1px !important;
  }
  svg.fs-1 {
    width: 1px !important;
    height: 1px !important;
  }
  .fs-2 {
    font-size: 2px !important;
  }
  svg.fs-2 {
    width: 2px !important;
    height: 2px !important;
  }
  .fs-3 {
    font-size: 3px !important;
  }
  svg.fs-3 {
    width: 3px !important;
    height: 3px !important;
  }
  .fs-4 {
    font-size: 4px !important;
  }
  svg.fs-4 {
    width: 4px !important;
    height: 4px !important;
  }
  .fs-5 {
    font-size: 5px !important;
  }
  svg.fs-5 {
    width: 5px !important;
    height: 5px !important;
  }
  .fs-6 {
    font-size: 6px !important;
  }
  svg.fs-6 {
    width: 6px !important;
    height: 6px !important;
  }
  .fs-7 {
    font-size: 7px !important;
  }
  svg.fs-7 {
    width: 7px !important;
    height: 7px !important;
  }
  .fs-8 {
    font-size: 8px !important;
  }
  svg.fs-8 {
    width: 8px !important;
    height: 8px !important;
  }
  .fs-9 {
    font-size: 9px !important;
  }
  svg.fs-9 {
    width: 9px !important;
    height: 9px !important;
  }
  .fs-10 {
    font-size: 10px !important;
  }
  svg.fs-10 {
    width: 10px !important;
    height: 10px !important;
  }
  .fs-11 {
    font-size: 11px !important;
  }
  svg.fs-11 {
    width: 11px !important;
    height: 11px !important;
  }
  .fs-12 {
    font-size: 12px !important;
  }
  .mb-4 {
    margin-bottom: 40px;
  }
  svg.fs-12 {
    width: 12px !important;
    height: 12px !important;
  }
  .fs-13 {
    font-size: 13px !important;
  }
  svg.fs-13 {
    width: 13px !important;
    height: 13px !important;
  }
  .fs-14 {
    font-size: 14px !important;
  }
  svg.fs-14 {
    width: 14px !important;
    height: 14px !important;
  }
  .fs-15 {
    font-size: 15px !important;
  }
  svg.fs-15 {
    width: 15px !important;
    height: 15px !important;
  }
  .fs-16 {
    font-size: 16px !important;
  }
  svg.fs-16 {
    width: 16px !important;
    height: 16px !important;
  }
  .fs-17 {
    font-size: 17px !important;
  }
  svg.fs-17 {
    width: 17px !important;
    height: 17px !important;
  }
  .fs-18 {
    font-size: 18px !important;
  }
  svg.fs-18 {
    width: 18px !important;
    height: 18px !important;
  }
  .fs-19 {
    font-size: 19px !important;
  }
  svg.fs-19 {
    width: 19px !important;
    height: 19px !important;
  }
  .fs-20 {
    font-size: 20px !important;
  }
  svg.fs-20 {
    width: 20px !important;
    height: 20px !important;
  }
  .fs-21 {
    font-size: 21px !important;
  }
  svg.fs-21 {
    width: 21px !important;
    height: 21px !important;
  }
  .fs-22 {
    font-size: 22px !important;
  }
  svg.fs-22 {
    width: 22px !important;
    height: 22px !important;
  }
  .fs-23 {
    font-size: 23px !important;
  }
  svg.fs-23 {
    width: 23px !important;
    height: 23px !important;
  }
  .fs-24 {
    font-size: 24px !important;
  }
  svg.fs-24 {
    width: 24px !important;
    height: 24px !important;
  }
  .fs-25 {
    font-size: 25px !important;
  }
  svg.fs-25 {
    width: 25px !important;
    height: 25px !important;
  }
  .fs-26 {
    font-size: 26px !important;
  }
  svg.fs-26 {
    width: 26px !important;
    height: 26px !important;
  }
  .fs-27 {
    font-size: 27px !important;
  }
  svg.fs-27 {
    width: 27px !important;
    height: 27px !important;
  }
  .fs-28 {
    font-size: 28px !important;
  }
  svg.fs-28 {
    width: 28px !important;
    height: 28px !important;
  }
  .fs-29 {
    font-size: 29px !important;
  }
  svg.fs-29 {
    width: 29px !important;
    height: 29px !important;
  }
  .fs-30 {
    font-size: 30px !important;
  }
  svg.fs-30 {
    width: 30px !important;
    height: 30px !important;
  }
  .fs-31 {
    font-size: 31px !important;
  }
  svg.fs-31 {
    width: 31px !important;
    height: 31px !important;
  }
  .fs-32 {
    font-size: 32px !important;
  }
  svg.fs-32 {
    width: 32px !important;
    height: 32px !important;
  }
  .fs-33 {
    font-size: 33px !important;
  }
  svg.fs-33 {
    width: 33px !important;
    height: 33px !important;
  }
  .fs-34 {
    font-size: 34px !important;
  }
  svg.fs-34 {
    width: 34px !important;
    height: 34px !important;
  }
  .fs-35 {
    font-size: 35px !important;
  }
  svg.fs-35 {
    width: 35px !important;
    height: 35px !important;
  }
  .fs-36 {
    font-size: 36px !important;
  }
  svg.fs-36 {
    width: 36px !important;
    height: 36px !important;
  }
  .fs-37 {
    font-size: 37px !important;
  }
  svg.fs-37 {
    width: 37px !important;
    height: 37px !important;
  }
  .fs-38 {
    font-size: 38px !important;
  }
  svg.fs-38 {
    width: 38px !important;
    height: 38px !important;
  }
  .fs-39 {
    font-size: 39px !important;
  }
  svg.fs-39 {
    width: 39px !important;
    height: 39px !important;
  }
  .fs-40 {
    font-size: 40px !important;
  }
  svg.fs-40 {
    width: 40px !important;
    height: 40px !important;
  }
  .icon-14 {
    width: 14px;
    height: 14px;
  }
  .icon-16 {
    width: 16px;
    height: 16px;
  }
  .icon-24 {
    width: 24px;
    height: 24px;
  }
  .icon-30 {
    width: 30px;
    height: 30px;
  }
  .progress-sm {
    height: 6px;
  }
  .progress-xs {
    height: 2px;
  }
  .progress-md {
    height: 10px;
  }
  .progress-lg {
    height: 18px;
  }
  .avatar-huge {
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
  .fs-11 {
    font-size: 11px !important;
  }
  .w-150px {
    width: 150px !important;
  }
  .h-150px {
    height: 150px !important;
  }
  .w-64px {
    width: 64px !important;
  }
  .h-64px {
    height: 64px !important;
  }
  .min-h-300px {
    min-height: 300px !important;
  }
  .top-n20 {
    top: -20px !important;
  }
  .right-n20 {
    right: -20px !important;
  }
  .main-wrapper {
    display: flex;
    min-height: 100vh;
    width: 100%;
  }
  .content-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    transition: margin-left 0.3s ease;
    margin-inline-start: 260px;
    padding-top: 10px;
  }
  .page-content {
    padding: 0 40px;
    flex-grow: 1;
  }

  .card .card-body {
    padding: 30px;
  }

  .card .card-header {
    padding: 20px 30px;
  }


  @media (max-width: 991.98px) {
    .page-content {
      padding: 0 1rem 1.5rem 1rem;
    }
    .content-wrapper {
      margin-inline-start: 0 !important;
    }
  }
  [data-sidebar-size="collapsed"] .content-wrapper {
    margin-inline-start: 70px !important;
  }
  html[dir="rtl"][data-sidebar-size="collapsed"] .content-wrapper {
    margin-inline-start: 0 !important;
    margin-inline-end: 70px !important;
  }
  html[dir="rtl"][data-sidebar-size="expanded"] .content-wrapper {
    margin-inline-start: 0 !important;
    margin-inline-end: 260px !important;
  }
  html:not([data-layout="horizontal"]) .horizontal-menu {
    display: none !important;
  }
  html[data-layout="horizontal"] .main-wrapper {
    flex-direction: column;
  }
  html[data-layout="horizontal"] .horizontal-menu {
    margin-bottom: 1.5rem;
    position: sticky;
    top: 70px;
    z-index: 1020;
  }
  html[data-layout="horizontal"]
    .horizontal-menu
    .dropdown:hover
    > .dropdown-menu,
  html[data-layout="horizontal"]
    .horizontal-menu
    .dropend:hover
    > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  html[data-layout="horizontal"] .horizontal-menu .dropdown:hover > .nav-link,
  html[data-layout="horizontal"]
    .horizontal-menu
    .dropdown:hover
    > .dropdown-item,
  html[data-layout="horizontal"] .horizontal-menu .dropend:hover > .nav-link,
  html[data-layout="horizontal"]
    .horizontal-menu
    .dropend:hover
    > .dropdown-item {
    background-color: rgba(var(--bs-primary-rgb), 0.08);
    color: var(--bs-primary);
  }
  html[data-layout="horizontal"]
    .horizontal-menu
    .dropdown:hover
    > .nav-link
    .nav-icon,
  html[data-layout="horizontal"]
    .horizontal-menu
    .dropdown:hover
    > .dropdown-item
    .nav-icon,
  html[data-layout="horizontal"]
    .horizontal-menu
    .dropend:hover
    > .nav-link
    .nav-icon,
  html[data-layout="horizontal"]
    .horizontal-menu
    .dropend:hover
    > .dropdown-item
    .nav-icon {
    color: var(--bs-primary);
  }
  html[data-layout="horizontal"] .horizontal-menu .dropend {
    position: relative;
  }
  html[data-layout="horizontal"] .horizontal-menu .dropend > .dropdown-menu {
    top: 0;
    left: 100%;
    right: auto;
    position: absolute;
  }
  html[data-layout="horizontal"] .header {
    margin-bottom: 0 !important;
  }
  html[data-layout="horizontal"] .content-wrapper {
    margin-inline-start: 0 !important;
  }
  html[data-layout="horizontal"] .sidebar {
    display: none !important;
  }
  html[data-layout="horizontal"] .horizontal-menu {
    display: block !important;
  }
  .customizer-toggle {
    bottom: 80px;
    right: 2rem;
    width: 50px !important;
    height: 50px !important;
  }
  .header {
    height: 70px;
    background-color: var(--header);
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    z-index: 1030;
    position: sticky;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e1e9e4;
  }
  .animate-spin {
    animation: spin 2s linear infinite;
  }
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  [data-header-theme="brand"] .header {
    background-color: var(--bs-primary);
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
  [data-header-theme="brand"] .header h5,
  [data-header-theme="brand"] .header .h5 {
    color: var(--bs-white) !important;
  }
  [data-header-theme="brand"] .header .btn-light {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--bs-white);
  }
  [data-header-theme="brand"] .header .btn-light:hover,
  [data-header-theme="brand"] .header .btn-light:focus,
  [data-header-theme="brand"] .header .btn-light:active,
  [data-header-theme="brand"] .header .btn-light.show {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: var(--bs-white) !important;
  }
  [data-header-theme="brand"] .header .text-secondary,
  [data-header-theme="brand"] .header .text-muted,
  [data-header-theme="brand"] .header .text-dark,
  [data-header-theme="brand"] .header .text-body {
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .sidebar {
    width: 260px;
    background-color: var(--bs-white);
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e1e9e4;
    white-space: nowrap;
  }
  .sidebar .sidebar-header {
    height: 70px;
    min-height: 70px;
    padding: 0 1.5rem;
    flex-shrink: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  .sidebar .sidebar-header .logo-icon {
    width: 32px;
    height: 32px;
    margin-inline-end: 0.5rem;
    background-color: var(--bs-primary) !important;
  }
  .sidebar .sidebar-header .sidebar-pin-wrapper {
    display: none !important;
  }
  .sidebar .sidebar-header .logo-text {
    color: var(--bs-primary) !important;
  }
  .sidebar .sidebar-menu {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 1rem;
  }
  .sidebar .sidebar-footer {
    padding: 1rem;
  }
  .sidebar .sidebar-footer .avatar {
    margin-inline-end: 0.5rem;
  }
  .sidebar .nav-item,
  .horizontal-menu .nav-item {
    margin: 0.25rem 0;
  }
  .sidebar .nav-item .nav-link,
  .horizontal-menu .nav-item .nav-link {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    color: #49635B;
    font-weight: 500;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
    position: relative;
    font-size: 15px;
  }
  .sidebar .nav-item .nav-link img {
    width: 20px;
    margin-right: 10px;
  }
  .sidebar .nav-item .nav-link .nav-icon,
  .horizontal-menu .nav-item .nav-link .nav-icon {
    width: 20px;
    height: 20px;
    margin-right: 0.75rem;
    color: var(--bs-secondary);
    transition: color 0.2s ease;
  }
  .sidebar .nav-item .nav-link .dropdown-icon,
  .horizontal-menu .nav-item .nav-link .dropdown-icon {
    width: 16px;
    height: 16px;
    transition: transform 0.3s ease;
    margin-left: auto;
  }
  .sidebar .nav-item .nav-link:hover,
  .sidebar .nav-item .nav-link.active,
  .horizontal-menu .nav-item .nav-link:hover,
  .horizontal-menu .nav-item .nav-link.active {
        background: #e6f2e9!important;
    color: #145d41!important;
  }
  .sidebar .nav-item .nav-link:hover .nav-icon,
  .sidebar .nav-item .nav-link.active .nav-icon,
  .horizontal-menu .nav-item .nav-link:hover .nav-icon,
  .horizontal-menu .nav-item .nav-link.active .nav-icon {
    color: var(--bs-primary);
  }
  .sidebar .nav-item .nav-link[aria-expanded="true"],
  .horizontal-menu .nav-item .nav-link[aria-expanded="true"] {
    color: var(--bs-primary);
  }
  .sidebar .nav-item .nav-link[aria-expanded="true"] .nav-icon,
  .horizontal-menu .nav-item .nav-link[aria-expanded="true"] .nav-icon {
    color: var(--bs-primary);
  }
  .sidebar .nav-item .nav-link[aria-expanded="true"] .dropdown-icon,
  .horizontal-menu .nav-item .nav-link[aria-expanded="true"] .dropdown-icon {
    transform: rotate(-180deg);
  }
  .sidebar .nav-item.nav-category,
  .horizontal-menu .nav-item.nav-category {
    padding: 1rem 1rem 0.5rem;
  }
  .sidebar .nav-item.nav-category small,
  .sidebar .nav-item.nav-category .small,
  .horizontal-menu .nav-item.nav-category small,
  .horizontal-menu .nav-item.nav-category .small {
    font-size: 0.7rem;
    letter-spacing: 0.5px;
  }
  .sidebar .sidebar-submenu .nav-column,
  .horizontal-menu .sidebar-submenu .nav-column {
    padding-left: 2.75rem;
  }
  .sidebar .sidebar-submenu .sub-link,
  .horizontal-menu .sidebar-submenu .sub-link {
    padding: 0.4rem 1rem 0.4rem 2.75rem;
    font-size: 0.875rem;
    color: var(--bs-secondary);
    font-weight: 400;
  }
  .sidebar .sidebar-submenu .sub-link:hover,
  .sidebar .sidebar-submenu .sub-link.active,
  .horizontal-menu .sidebar-submenu .sub-link:hover,
  .horizontal-menu .sidebar-submenu .sub-link.active {
    color: var(--bs-primary);
    background-color: rgba(0, 0, 0, 0);
    font-weight: 500;
  }
  .sidebar .sidebar-submenu .sidebar-hover-title,
  .horizontal-menu .sidebar-submenu .sidebar-hover-title {
    display: none;
  }
  .sidebar .sidebar-hover-menu,
  .horizontal-menu .sidebar-hover-menu {
    display: none;
  }
  @media (max-width: 991.98px) {
    .sidebar {
      left: -100%;
      top: 0;
      height: 100vh;
      border-radius: 0;
      width: 260px;
      z-index: 1070;
    }
    .sidebar.show {
      left: 0;
    }
  }
  .content-wrapper {
    transition: margin-left 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  @media (min-width: 992px) {
    [data-sidebar-size="collapsed"] .sidebar {
      width: 70px;
      overflow-x: hidden !important;
    }
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .sidebar-menu {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .logo-text,
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .nav-text,
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .dropdown-icon,
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .nav-category small,
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .nav-category .small,
    [data-sidebar-size="collapsed"]
      .sidebar:not(:hover)
      .sidebar-footer
      .flex-grow-1,
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .sidebar-footer h6,
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .sidebar-footer .h6,
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .sidebar-footer small,
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .sidebar-footer .small,
    [data-sidebar-size="collapsed"]
      .sidebar:not(:hover)
      .sidebar-footer
      svg.lucide-chevron-up,
    [data-sidebar-size="collapsed"]
      .sidebar:not(:hover)
      .sidebar-footer
      svg.lucide-chevron-down,
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .sidebar-submenu {
      display: none !important;
    }
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .nav-link {
      justify-content: center !important;
      padding: 0.75rem 0 !important;
    }
    [data-sidebar-size="collapsed"]
      .sidebar:not(:hover)
      .nav-link
      .d-flex.align-items-center {
      justify-content: center;
      width: 100%;
    }
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .nav-link .nav-icon {
      margin: 0 !important;
    }
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .sidebar-header {
      padding: 0 !important;
      justify-content: center !important;
    }
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .sidebar-header a {
      justify-content: center;
      width: 100%;
    }
    [data-sidebar-size="collapsed"]
      .sidebar:not(:hover)
      .sidebar-header
      a
      .logo-icon {
      margin: 0 !important;
    }
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .sidebar-footer {
      padding: 1rem 0 !important;
    }
    [data-sidebar-size="collapsed"]
      .sidebar:not(:hover)
      .sidebar-footer
      .dropdown
      > a {
      justify-content: center !important;
      width: 100%;
    }
    [data-sidebar-size="collapsed"]
      .sidebar:not(:hover)
      .sidebar-footer
      .dropdown
      > a
      .avatar {
      margin: 0 !important;
    }
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .nav-category {
      text-align: center;
      padding: 0;
    }
    [data-sidebar-size="collapsed"] .sidebar:not(:hover) .nav-category::after {
      display: none;
      content: "...";
      font-weight: bold;
      color: var(--bs-secondary);
    }
    [data-sidebar-size="collapsed"] .sidebar:hover {
      width: 260px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      z-index: 1060;
    }
    [data-sidebar-size="collapsed"] .sidebar:hover .sidebar-pin-wrapper {
      display: block !important;
    }
  }
  [data-sidebar-theme="brand"] .sidebar {
    background-color: var(--bs-primary);
    border-right-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  [data-sidebar-theme="brand"] .sidebar .logo-icon {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--bs-white) !important;
  }
  [data-sidebar-theme="brand"] .sidebar .logo-text {
    color: var(--bs-white) !important;
  }
  [data-sidebar-theme="brand"] .sidebar .sidebar-header {
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
  [data-sidebar-theme="brand"] .sidebar .nav-category small,
  [data-sidebar-theme="brand"] .sidebar .nav-category .small {
    color: rgba(255, 255, 255, 0.5) !important;
  }
  [data-sidebar-theme="brand"] .sidebar .nav-item .nav-link {
    color: rgba(255, 255, 255, 0.85);
  }
  [data-sidebar-theme="brand"] .sidebar .nav-item .nav-link .nav-icon {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  [data-sidebar-theme="brand"] .sidebar .nav-item .nav-link:hover,
  [data-sidebar-theme="brand"] .sidebar .nav-item .nav-link.active {
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--bs-white);
  }
  [data-sidebar-theme="brand"] .sidebar .nav-item .nav-link:hover .nav-icon,
  [data-sidebar-theme="brand"] .sidebar .nav-item .nav-link.active .nav-icon {
    color: var(--bs-white) !important;
  }
  [data-sidebar-theme="brand"]
    .sidebar
    .nav-item
    .nav-link[aria-expanded="true"] {
    color: var(--bs-white);
    background-color: rgba(255, 255, 255, 0.05);
  }
  [data-sidebar-theme="brand"]
    .sidebar
    .nav-item
    .nav-link[aria-expanded="true"]
    .nav-icon {
    color: var(--bs-white) !important;
  }
  [data-sidebar-theme="brand"] .sidebar .sidebar-submenu .sub-link {
    color: rgba(255, 255, 255, 0.6);
  }
  [data-sidebar-theme="brand"] .sidebar .sidebar-submenu .sub-link:hover,
  [data-sidebar-theme="brand"] .sidebar .sidebar-submenu .sub-link.active {
    color: var(--bs-white);
    background-color: rgba(0, 0, 0, 0);
  }
  [data-sidebar-theme="brand"]
    .sidebar
    .sidebar-submenu
    .nav-column.border-primary {
    border-color: rgba(255, 255, 255, 0.2) !important;
  }
  .footer {
    padding: 1rem 1.5rem;
    background-color: rgba(0, 0, 0, 0);
    color: var(--bs-secondary);
    text-align: center;
    margin-top: auto;
  }
  .btn {
    border-radius: 0.375rem;
  }
  .btn:focus {
    box-shadow: none;
  }
  .btn-primary:not(.btn-outline-primary):not(.btn-soft-primary):not(
      .btn-gradient-primary
    ) {
    box-shadow: 0 4px 6px rgba(17, 112, 135, 0.2);
  }
  .btn-primary:not(.btn-outline-primary):not(.btn-soft-primary):not(
      .btn-gradient-primary
    ):hover,
  .btn-primary:not(.btn-outline-primary):not(.btn-soft-primary):not(
      .btn-gradient-primary
    ):focus,
  .btn-primary:not(.btn-outline-primary):not(.btn-soft-primary):not(
      .btn-gradient-primary
    ):active {
    box-shadow: 0 6px 8px rgba(17, 112, 135, 0.3);
    transform: translateY(-1px);
  }
  .btn-soft-primary {
    background-color: rgba(17, 112, 135, 0.1);
    color: #117087;
    border: none;
    box-shadow: none;
  }
  .btn-soft-primary:hover,
  .btn-soft-primary:focus,
  .btn-soft-primary:active {
    background-color: #117087;
    color: #fff;
    transform: translateY(-1px);
  }
  .btn-ghost-primary {
    background-color: rgba(0, 0, 0, 0);
    color: #117087;
    border: none;
    box-shadow: none;
  }
  .btn-ghost-primary:hover,
  .btn-ghost-primary:focus,
  .btn-ghost-primary:active {
    background-color: rgba(17, 112, 135, 0.1);
    color: #117087;
    transform: translateY(-1px);
  }
  .btn-gradient-primary {
    background: linear-gradient(
      45deg,
      #117087,
      rgb(34.6666666667%, 60.7450980392%, 67.0588235294%)
    );
    color: #fff;
    border: none;
    box-shadow: 0 4px 6px rgba(17, 112, 135, 0.3);
  }
  .btn-gradient-primary:hover {
    background: linear-gradient(
      45deg,
      rgb(6%, 39.5294117647%, 47.6470588235%),
      rgb(44%, 66.3529411765%, 71.7647058824%)
    );
    box-shadow: 0 6px 8px rgba(17, 112, 135, 0.4);
    transform: translateY(-1px);
    color: #fff;
  }
  .btn-border-primary {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #117087;
    color: #117087;
    font-weight: 600;
  }
  .btn-border-primary:hover {
    background: #117087;
    color: #fff;
  }
  .btn-secondary:not(.btn-outline-secondary):not(.btn-soft-secondary):not(
      .btn-gradient-secondary
    ) {
    box-shadow: 0 4px 6px rgba(108, 117, 125, 0.2);
  }
  .btn-secondary:not(.btn-outline-secondary):not(.btn-soft-secondary):not(
      .btn-gradient-secondary
    ):hover,
  .btn-secondary:not(.btn-outline-secondary):not(.btn-soft-secondary):not(
      .btn-gradient-secondary
    ):focus,
  .btn-secondary:not(.btn-outline-secondary):not(.btn-soft-secondary):not(
      .btn-gradient-secondary
    ):active {
    box-shadow: 0 6px 8px rgba(108, 117, 125, 0.3);
    transform: translateY(-1px);
  }
  .btn-soft-secondary {
    background-color: rgba(108, 117, 125, 0.1);
    color: #6c757d;
    border: none;
    box-shadow: none;
  }
  .btn-soft-secondary:hover,
  .btn-soft-secondary:focus,
  .btn-soft-secondary:active {
    background-color: #6c757d;
    color: #fff;
    transform: translateY(-1px);
  }
  .btn-ghost-secondary {
    background-color: rgba(0, 0, 0, 0);
    color: #6c757d;
    border: none;
    box-shadow: none;
  }
  .btn-ghost-secondary:hover,
  .btn-ghost-secondary:focus,
  .btn-ghost-secondary:active {
    background-color: rgba(108, 117, 125, 0.1);
    color: #6c757d;
    transform: translateY(-1px);
  }
  .btn-gradient-secondary {
    background: linear-gradient(
      45deg,
      #6c757d,
      rgb(59.6470588235%, 62.1176470588%, 64.3137254902%)
    );
    color: #fff;
    border: none;
    box-shadow: 0 4px 6px rgba(108, 117, 125, 0.3);
  }
  .btn-gradient-secondary:hover {
    background: linear-gradient(
      45deg,
      rgb(38.1176470588%, 41.2941176471%, 44.1176470588%),
      rgb(65.4117647059%, 67.5294117647%, 69.4117647059%)
    );
    box-shadow: 0 6px 8px rgba(108, 117, 125, 0.4);
    transform: translateY(-1px);
    color: #fff;
  }
  .btn-border-secondary {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #6c757d;
    color: #6c757d;
    font-weight: 600;
  }
  .btn-border-secondary:hover {
    background: #6c757d;
    color: #fff;
  }
  .btn-success:not(.btn-outline-success):not(.btn-soft-success):not(
      .btn-gradient-success
    ) {
    box-shadow: 0 4px 6px rgba(25, 135, 84, 0.2);
  }
  .btn-success:not(.btn-outline-success):not(.btn-soft-success):not(
      .btn-gradient-success
    ):hover,
  .btn-success:not(.btn-outline-success):not(.btn-soft-success):not(
      .btn-gradient-success
    ):focus,
  .btn-success:not(.btn-outline-success):not(.btn-soft-success):not(
      .btn-gradient-success
    ):active {
    box-shadow: 0 6px 8px rgba(25, 135, 84, 0.3);
    transform: translateY(-1px);
  }
  .btn-soft-success {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
    border: none;
    box-shadow: none;
  }
  .btn-soft-success:hover,
  .btn-soft-success:focus,
  .btn-soft-success:active {
    background-color: #198754;
    color: #fff;
    transform: translateY(-1px);
  }
  .btn-ghost-success {
    background-color: rgba(0, 0, 0, 0);
    color: #198754;
    border: none;
    box-shadow: none;
  }
  .btn-ghost-success:hover,
  .btn-ghost-success:focus,
  .btn-ghost-success:active {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
    transform: translateY(-1px);
  }
  .btn-gradient-success {
    background: linear-gradient(
      45deg,
      #198754,
      rgb(36.862745098%, 67.0588235294%, 53.0588235294%)
    );
    color: #fff;
    border: none;
    box-shadow: 0 4px 6px rgba(25, 135, 84, 0.3);
  }
  .btn-gradient-success:hover {
    background: linear-gradient(
      45deg,
      rgb(8.8235294118%, 47.6470588235%, 29.6470588235%),
      rgb(45.8823529412%, 71.7647058824%, 59.7647058824%)
    );
    box-shadow: 0 6px 8px rgba(25, 135, 84, 0.4);
    transform: translateY(-1px);
    color: #fff;
  }
  .btn-border-success {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #198754;
    color: #198754;
    font-weight: 600;
  }
  .btn-border-success:hover {
    background: #198754;
    color: #fff;
  }
  .btn-info:not(.btn-outline-info):not(.btn-soft-info):not(.btn-gradient-info) {
    box-shadow: 0 4px 6px rgba(13, 202, 240, 0.2);
  }
  .btn-info:not(.btn-outline-info):not(.btn-soft-info):not(
      .btn-gradient-info
    ):hover,
  .btn-info:not(.btn-outline-info):not(.btn-soft-info):not(
      .btn-gradient-info
    ):focus,
  .btn-info:not(.btn-outline-info):not(.btn-soft-info):not(
      .btn-gradient-info
    ):active {
    box-shadow: 0 6px 8px rgba(13, 202, 240, 0.3);
    transform: translateY(-1px);
  }
  .btn-soft-info {
    background-color: rgba(13, 202, 240, 0.1);
    color: #0dcaf0;
    border: none;
    box-shadow: none;
  }
  .btn-soft-info:hover,
  .btn-soft-info:focus,
  .btn-soft-info:active {
    background-color: #0dcaf0;
    color: #000;
    transform: translateY(-1px);
  }
  .btn-ghost-info {
    background-color: rgba(0, 0, 0, 0);
    color: #0dcaf0;
    border: none;
    box-shadow: none;
  }
  .btn-ghost-info:hover,
  .btn-ghost-info:focus,
  .btn-ghost-info:active {
    background-color: rgba(13, 202, 240, 0.1);
    color: #0dcaf0;
    transform: translateY(-1px);
  }
  .btn-gradient-info {
    background: linear-gradient(
      45deg,
      #0dcaf0,
      rgb(33.568627451%, 85.4509803922%, 95.8823529412%)
    );
    color: #000;
    border: none;
    box-shadow: 0 4px 6px rgba(13, 202, 240, 0.3);
  }
  .btn-gradient-info:hover {
    background: linear-gradient(
      45deg,
      rgb(4.5882352941%, 71.2941176471%, 84.7058823529%),
      rgb(43.0588235294%, 87.5294117647%, 96.4705882353%)
    );
    box-shadow: 0 6px 8px rgba(13, 202, 240, 0.4);
    transform: translateY(-1px);
    color: #000;
  }
  .btn-border-info {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #0dcaf0;
    color: #0dcaf0;
    font-weight: 600;
  }
  .btn-border-info:hover {
    background: #0dcaf0;
    color: #000;
  }
  .btn-warning:not(.btn-outline-warning):not(.btn-soft-warning):not(
      .btn-gradient-warning
    ) {
    box-shadow: 0 4px 6px rgba(255, 193, 7, 0.2);
  }
  .btn-warning:not(.btn-outline-warning):not(.btn-soft-warning):not(
      .btn-gradient-warning
    ):hover,
  .btn-warning:not(.btn-outline-warning):not(.btn-soft-warning):not(
      .btn-gradient-warning
    ):focus,
  .btn-warning:not(.btn-outline-warning):not(.btn-soft-warning):not(
      .btn-gradient-warning
    ):active {
    box-shadow: 0 6px 8px rgba(255, 193, 7, 0.3);
    transform: translateY(-1px);
  }
  .btn-soft-warning {
    background-color: rgba(255, 193, 7, 0.1);
    color: #ffc107;
    border: none;
    box-shadow: none;
  }
  .btn-soft-warning:hover,
  .btn-soft-warning:focus,
  .btn-soft-warning:active {
    background-color: #ffc107;
    color: #000;
    transform: translateY(-1px);
  }
  .btn-ghost-warning {
    background-color: rgba(0, 0, 0, 0);
    color: #ffc107;
    border: none;
    box-shadow: none;
  }
  .btn-ghost-warning:hover,
  .btn-ghost-warning:focus,
  .btn-ghost-warning:active {
    background-color: rgba(255, 193, 7, 0.1);
    color: #ffc107;
    transform: translateY(-1px);
  }
  .btn-gradient-warning {
    background: linear-gradient(
      45deg,
      #ffc107,
      rgb(100%, 82.9803921569%, 31.9215686275%)
    );
    color: #000;
    border: none;
    box-shadow: 0 4px 6px rgba(255, 193, 7, 0.3);
  }
  .btn-gradient-warning:hover {
    background: linear-gradient(
      45deg,
      rgb(90%, 68.1176470588%, 2.4705882353%),
      rgb(100%, 85.4117647059%, 41.6470588235%)
    );
    box-shadow: 0 6px 8px rgba(255, 193, 7, 0.4);
    transform: translateY(-1px);
    color: #000;
  }
  .btn-border-warning {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #ffc107;
    color: #ffc107;
    font-weight: 600;
  }
  .btn-border-warning:hover {
    background: #ffc107;
    color: #000;
  }
  .btn-danger:not(.btn-outline-danger):not(.btn-soft-danger):not(
      .btn-gradient-danger
    ) {
    box-shadow: 0 4px 6px rgba(220, 53, 69, 0.2);
  }
  .btn-danger:not(.btn-outline-danger):not(.btn-soft-danger):not(
      .btn-gradient-danger
    ):hover,
  .btn-danger:not(.btn-outline-danger):not(.btn-soft-danger):not(
      .btn-gradient-danger
    ):focus,
  .btn-danger:not(.btn-outline-danger):not(.btn-soft-danger):not(
      .btn-gradient-danger
    ):active {
    box-shadow: 0 6px 8px rgba(220, 53, 69, 0.3);
    transform: translateY(-1px);
  }
  .btn-soft-danger {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    border: none;
    box-shadow: none;
  }
  .btn-soft-danger:hover,
  .btn-soft-danger:focus,
  .btn-soft-danger:active {
    background-color: #dc3545;
    color: #fff;
    transform: translateY(-1px);
  }
  .btn-ghost-danger {
    background-color: rgba(0, 0, 0, 0);
    color: #dc3545;
    border: none;
    box-shadow: none;
  }
  .btn-ghost-danger:hover,
  .btn-ghost-danger:focus,
  .btn-ghost-danger:active {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
    transform: translateY(-1px);
  }
  .btn-gradient-danger {
    background: linear-gradient(
      45deg,
      #dc3545,
      rgb(90.3921568627%, 44.5490196078%, 48.9411764706%)
    );
    color: #fff;
    border: none;
    box-shadow: 0 4px 6px rgba(220, 53, 69, 0.3);
  }
  .btn-gradient-danger:hover {
    background: linear-gradient(
      45deg,
      rgb(77.6470588235%, 18.7058823529%, 24.3529411765%),
      rgb(91.7647058824%, 52.4705882353%, 56.2352941176%)
    );
    box-shadow: 0 6px 8px rgba(220, 53, 69, 0.4);
    transform: translateY(-1px);
    color: #fff;
  }
  .btn-border-danger {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #dc3545;
    color: #dc3545;
    font-weight: 600;
  }
  .btn-border-danger:hover {
    background: #dc3545;
    color: #fff;
  }
  .btn-light:not(.btn-outline-light):not(.btn-soft-light):not(
      .btn-gradient-light
    ) {
    box-shadow: 0 4px 6px rgba(248, 249, 250, 0.2);
  }
  .btn-light:not(.btn-outline-light):not(.btn-soft-light):not(
      .btn-gradient-light
    ):hover,
  .btn-light:not(.btn-outline-light):not(.btn-soft-light):not(
      .btn-gradient-light
    ):focus,
  .btn-light:not(.btn-outline-light):not(.btn-soft-light):not(
      .btn-gradient-light
    ):active {
    box-shadow: 0 6px 8px rgba(248, 249, 250, 0.3);
    transform: translateY(-1px);
  }
  .btn-soft-light {
    background-color: rgba(248, 249, 250, 0.1);
    color: #f8f9fa;
    border: none;
    box-shadow: none;
  }
  .btn-soft-light:hover,
  .btn-soft-light:focus,
  .btn-soft-light:active {
    background-color: #f8f9fa;
    color: #000;
    transform: translateY(-1px);
  }
  .btn-ghost-light {
    background-color: rgba(0, 0, 0, 0);
    color: #f8f9fa;
    border: none;
    box-shadow: none;
  }
  .btn-ghost-light:hover,
  .btn-ghost-light:focus,
  .btn-ghost-light:active {
    background-color: rgba(248, 249, 250, 0.1);
    color: #f8f9fa;
    transform: translateY(-1px);
  }
  .btn-gradient-light {
    background: linear-gradient(
      45deg,
      #f8f9fa,
      rgb(98.0784313725%, 98.3529411765%, 98.6274509804%)
    );
    color: #000;
    border: none;
    box-shadow: 0 4px 6px rgba(248, 249, 250, 0.3);
  }
  .btn-gradient-light:hover {
    background: linear-gradient(
      45deg,
      rgb(87.5294117647%, 87.8823529412%, 88.2352941176%),
      rgb(98.3529411765%, 98.5882352941%, 98.8235294118%)
    );
    box-shadow: 0 6px 8px rgba(248, 249, 250, 0.4);
    transform: translateY(-1px);
    color: #000;
  }
  .btn-border-light {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #f8f9fa;
    color: #f8f9fa;
    font-weight: 600;
  }
  .btn-border-light:hover {
    background: #f8f9fa;
    color: #000;
  }
  .btn-dark:not(.btn-outline-dark):not(.btn-soft-dark):not(.btn-gradient-dark) {
    box-shadow: 0 4px 6px rgba(33, 37, 41, 0.2);
  }
  .btn-dark:not(.btn-outline-dark):not(.btn-soft-dark):not(
      .btn-gradient-dark
    ):hover,
  .btn-dark:not(.btn-outline-dark):not(.btn-soft-dark):not(
      .btn-gradient-dark
    ):focus,
  .btn-dark:not(.btn-outline-dark):not(.btn-soft-dark):not(
      .btn-gradient-dark
    ):active {
    box-shadow: 0 6px 8px rgba(33, 37, 41, 0.3);
    transform: translateY(-1px);
  }
  .btn-soft-dark {
    background-color: rgba(33, 37, 41, 0.1);
    color: #212529;
    border: none;
    box-shadow: none;
  }
  .btn-soft-dark:hover,
  .btn-soft-dark:focus,
  .btn-soft-dark:active {
    background-color: #212529;
    color: #fff;
    transform: translateY(-1px);
  }
  .btn-ghost-dark {
    background-color: rgba(0, 0, 0, 0);
    color: #212529;
    border: none;
    box-shadow: none;
  }
  .btn-ghost-dark:hover,
  .btn-ghost-dark:focus,
  .btn-ghost-dark:active {
    background-color: rgba(33, 37, 41, 0.1);
    color: #212529;
    transform: translateY(-1px);
  }
  .btn-gradient-dark {
    background: linear-gradient(
      45deg,
      #212529,
      rgb(39.0588235294%, 40.1568627451%, 41.2549019608%)
    );
    color: #fff;
    border: none;
    box-shadow: 0 4px 6px rgba(33, 37, 41, 0.3);
  }
  .btn-gradient-dark:hover {
    background: linear-gradient(
      45deg,
      rgb(11.6470588235%, 13.0588235294%, 14.4705882353%),
      rgb(47.7647058824%, 48.7058823529%, 49.6470588235%)
    );
    box-shadow: 0 6px 8px rgba(33, 37, 41, 0.4);
    transform: translateY(-1px);
    color: #fff;
  }
  .btn-border-dark {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #212529;
    color: #212529;
    font-weight: 600;
  }
  .btn-border-dark:hover {
    background: #212529;
    color: #fff;
  }
  .btn-rounded {
    border-radius: 50rem !important;
  }
  .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border-radius: 50%;
  }
  .btn-icon.btn-sm,
  .btn-group-sm > .btn-icon.btn {
    width: 2rem;
    height: 2rem;
  }
  .btn-icon.btn-lg,
  .btn-group-lg > .btn-icon.btn {
    width: 3.5rem;
    height: 3.5rem;
  }
  .btn-label {
    position: relative;
    padding-left: 3rem;
  }
  .btn-label .label-icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.15);
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .btn-label.btn-label-right {
    padding-left: 1rem;
    padding-right: 3rem;
  }
  .btn-label.btn-label-right .label-icon {
    left: auto;
    right: 0;
    border-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .btn-label-rounded {
    position: relative;
    padding-left: 3rem;
  }
  .btn-label-rounded .label-icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(62, 60, 60, 0.15);
    border-radius: 50rem !important;
  }
  .btn-label-rounded.btn-label-right {
    padding-left: 1rem;
    padding-right: 3rem;
  }
  .btn-label-rounded.btn-label-right .label-icon {
    left: auto;
    right: 0;
    border-radius: 0;
    border-radius: 50rem !important;
  }
  .btn-animation {
    position: relative;
    overflow: hidden;
  }
  .btn-animation::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    border-radius: 100%;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
  }
  .btn-animation:focus:not(:active)::after {
    animation: ripple 1s ease-out;
  }
  @keyframes ripple {
    0% {
      transform: scale(0, 0);
      opacity: 0.5;
    }
    20% {
      transform: scale(25, 25);
      opacity: 0.3;
    }
    100% {
      opacity: 0;
      transform: scale(40, 40);
    }
  }
  .custom-toggle .btn-check:checked + .btn {
    border-color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  }
  .card {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
    margin-bottom: 0;
    background-color: var(--bs-white);
  }
  .card-header {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid #e1e9e4;
    padding: 1rem 1.25rem;
    font-weight: 600;
  }
  .card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  .card-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
  }
  .card-zoom-img {
    overflow: hidden;
  }
  .card-zoom-img .card-img-top {
    transition: transform 0.5s ease;
  }
  .card-zoom-img:hover .card-img-top {
    transform: scale(1.06);
  }
  .form-control {
    padding: 0.6rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--bs-white);
    color: var(--bs-body-color);
    transition: all 0.2s ease;
    margin-bottom: 15px;
  }
    .mr-1 {
    margin-right: 10px;
  }
     .ml-1 {
    margin-left: 10px;
  }
  .mr-2 {
    margin-right: 20px;
  }
  .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
    border-color: var(--bs-primary);
  }
  .form-select {
    padding: 0.6rem 2.25rem 0.6rem 1rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--bs-white);
    color: var(--bs-body-color);
    transition: all 0.2s ease;
  }
  .form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15);
    border-color: var(--bs-primary);
  }
  .input-group-text {
    background-color: var(--bs-light);
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .form-check-success .form-check-input:checked {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
  }
  .form-check-success .form-check-input:focus {
    border-color: var(--bs-success);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
  }
  .form-check-danger .form-check-input:checked {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
  }
  .form-check-danger .form-check-input:focus {
    border-color: var(--bs-danger);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
  }
  .form-check-warning .form-check-input:checked {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
  }
  .form-check-warning .form-check-input:focus {
    border-color: var(--bs-warning);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.25);
  }
  .form-check-info .form-check-input:checked {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
  }
  .form-check-info .form-check-input:focus {
    border-color: var(--bs-info);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-info-rgb), 0.25);
  }
  .form-check-dark .form-check-input:checked {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark);
  }
  .form-check-dark .form-check-input:focus {
    border-color: var(--bs-dark);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-dark-rgb), 0.25);
  }
  .form-switch.form-switch-md {
    padding-left: 3.5rem;
  }
  .form-switch.form-switch-md .form-check-input {
    width: 3rem;
    height: 1.5rem;
    margin-left: -3.5rem;
  }
  .form-switch.form-switch-lg {
    padding-left: 4.5rem;
  }
  .form-switch.form-switch-lg .form-check-input {
    width: 4rem;
    height: 2rem;
    margin-left: -4.5rem;
  }
  .form-check-card {
    position: relative;
    padding-left: 0;
  }
  .form-check-card .form-check-input {
    position: absolute;
    top: 1rem;
    right: 1rem;
    margin: 0;
    z-index: 1;
  }
  .form-check-card .form-check-label {
    display: block;
    padding: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    width: 100%;
  }
  .form-check-card .form-check-label:hover {
    background-color: var(--bs-light);
  }
  .form-check-card .form-check-input:checked ~ .form-check-label {
    border-color: var(--bs-primary);
    background-color: rgba(0, 66, 118, 0.05);
    box-shadow: 0 0 0 1px var(--bs-primary);
  }
  .filepond--root[id="filepond-profile"] .filepond--panel-root {
    border-radius: 50%;
  }
  .avatar-file {
    height: 170px;
    width: 170px;
  }
  .ts-control {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: 0.5rem 0.75rem;
    box-shadow: none;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .ts-control.focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .ts-control .item {
    background-color: var(--bs-light);
    color: var(--bs-body-color);
    border-radius: 4px;
  }
  .ts-dropdown {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
  }
  .ts-dropdown .option {
    padding: 0.5rem 0.75rem;
  }
  .ts-dropdown .option:hover,
  .ts-dropdown .option.active {
    background-color: var(--bs-light);
    color: var(--bs-body-color);
  }
  .flatpickr-calendar {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    color: var(--bs-body-color);
  }
  .flatpickr-calendar .flatpickr-day {
    color: var(--bs-body-color);
  }
  .flatpickr-calendar .flatpickr-day:hover,
  .flatpickr-calendar .flatpickr-day:focus {
    background: var(--bs-light);
    border-color: var(--bs-light);
  }
  .flatpickr-calendar .flatpickr-day.selected,
  .flatpickr-calendar .flatpickr-day.startRange,
  .flatpickr-calendar .flatpickr-day.endRange,
  .flatpickr-calendar .flatpickr-day.selected.inRange,
  .flatpickr-calendar .flatpickr-day.startRange.inRange,
  .flatpickr-calendar .flatpickr-day.endRange.inRange,
  .flatpickr-calendar .flatpickr-day.selected:focus,
  .flatpickr-calendar .flatpickr-day.startRange:focus,
  .flatpickr-calendar .flatpickr-day.endRange:focus,
  .flatpickr-calendar .flatpickr-day.selected:hover,
  .flatpickr-calendar .flatpickr-day.startRange:hover,
  .flatpickr-calendar .flatpickr-day.endRange:hover,
  .flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
  .flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
  .flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
  .flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
  }
  .flatpickr-calendar .flatpickr-month,
  .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
    color: var(--bs-body-color);
    fill: var(--bs-body-color);
  }
  .flatpickr-calendar .flatpickr-weekday {
    color: var(--bs-secondary);
  }
  [data-bs-theme="dark"] .flatpickr-calendar {
    background: var(--bs-gray-900);
  }
  [data-bs-theme="dark"] .flatpickr-calendar .flatpickr-day {
    color: var(--bs-gray-300);
  }
  [data-bs-theme="dark"] .flatpickr-calendar .flatpickr-day:hover {
    background: var(--bs-gray-800);
  }
  [data-bs-theme="dark"] .flatpickr-calendar .flatpickr-month {
    color: var(--bs-gray-300);
    fill: var(--bs-gray-300);
  }
  [data-bs-theme="dark"]
    .flatpickr-calendar
    .flatpickr-current-month
    .flatpickr-monthDropdown-months {
    background: var(--bs-gray-900);
  }
  [data-bs-theme="dark"] .flatpickr-calendar .flatpickr-time input {
    color: var(--bs-gray-300);
  }
  [data-bs-theme="dark"] .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
    color: var(--bs-gray-300);
  }
  [data-bs-theme="dark"]
    .flatpickr-calendar
    .flatpickr-time
    .flatpickr-time-separator {
    color: var(--bs-gray-300);
  }
  .ql-toolbar.ql-snow {
    border: 1px solid var(--bs-border-color);
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
    background-color: var(--bs-light);
  }
  .ql-container.ql-snow {
    border: 1px solid var(--bs-border-color);
    border-bottom-left-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
  }
  [data-bs-theme="dark"] .ql-snow .ql-stroke {
    stroke: var(--bs-gray-300);
  }
  [data-bs-theme="dark"] .ql-snow .ql-fill {
    fill: var(--bs-gray-300);
  }
  [data-bs-theme="dark"] .ql-snow .ql-picker {
    color: var(--bs-gray-300);
  }
  .filepond--panel-root {
    background-color: var(--bs-light);
    border: 1px dashed var(--bs-border-color);
  }
  .filepond--drop-label {
    color: var(--bs-body-color);
  }
  .filepond--label-action {
    text-decoration-color: var(--bs-primary);
    color: var(--bs-primary);
  }
  [data-bs-theme="dark"] .filepond--panel-root {
    background-color: var(--bs-gray-800);
  }
  .custom-wizard .wizard-step-btn {
    transition: all 0.3s ease;
  }
  .custom-wizard .wizard-step-btn.active {
    transform: scale(1.1);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  }
  .table {
    color: var(--bs-body-color);
    vertical-align: middle;
  }
  .table th {
    font-weight: 800;
    color: #20332c;
    border-bottom-width: 1px;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    padding: 1rem;
    background-color: #e8f0e7 !important;
  }
  .table th .form-check-input {
    font-size: 1rem;
  }
  .table td {
    padding: 1rem;
    border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 0.05);
  }
  .table tbody td {
    background-color: var(--bs-white) !important;
  }
  .table tbody tr {
    transition: background-color 0.2s ease;
  }
  .table tbody tr:hover td {
    background-color: rgba(var(--bs-primary-rgb), 0.05) !important;
  }
  .table-responsive {
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }
  .badge {
    font-weight: 500;
    padding: 0.35em 0.65em;
    border-radius: 0.375rem;
  }
  .badge.bg-primary-subtle {
    background-color: rgba(17, 112, 135, 0.1);
    color: #117087;
  }
  .badge.bg-secondary-soft {
    background-color: rgba(108, 117, 125, 0.1);
    color: #6c757d;
  }
  .badge.bg-success-soft {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
  }
  .badge.bg-warning-soft {
    background-color: rgba(255, 193, 7, 0.1);
    color: #ffc107;
  }
  .badge.bg-danger-soft {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
  }
  .badge.bg-info-soft {
    background-color: rgba(13, 202, 240, 0.1);
    color: #0dcaf0;
  }
  .badge.bg-dark-soft {
    background-color: rgba(33, 37, 41, 0.1);
    color: #212529;
  }
  .badge.bg-light-soft {
    background-color: rgba(248, 249, 250, 0.1);
    color: #f8f9fa;
  }
  .badge.bg-white-soft {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
  }
  .badge-circle {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
  }
  .badge-square {
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 0.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
  }
  .badge-square i {
    font-size: 20px;
    line-height: 1;
  }
  .badge-square svg {
    height: 20px;
    width: 18px;
    line-height: 1;
  }
  .badge-dot {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    font-weight: 500;
    border-radius: 0.375rem;
    color: var(--bs-primary);
  }
  .badge-dot::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
  }
  .dot-primary::before {
    background-color: var(--bs-primary);
  }
  .dot-secondary::before {
    background-color: var(--bs-secondary);
  }
  .dot-success::before {
    background-color: var(--bs-success);
  }
  .dot-danger::before {
    background-color: var(--bs-danger);
  }
  .dot-warning::before {
    background-color: var(--bs-warning);
  }
  .dot-info::before {
    background-color: var(--bs-info);
  }
  .dot-light::before {
    background-color: var(--bs-light);
  }
  .dot-dark::before {
    background-color: var(--bs-dark);
  }
  .badge-dot-pulse {
    position: relative;
  }
  .badge-dot-pulse::before {
    animation: pulseDot 1.5s infinite;
  }
  @keyframes pulseDot {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    70% {
      transform: scale(1.8);
      opacity: 0;
    }
    100% {
      transform: scale(1.8);
      opacity: 0;
    }
  }
  .alert-borderless {
    --bs-alert-border-color: transparent;
    border-width: 0;
  }
  .alert-outline {
    --bs-alert-bg: transparent;
    --bs-alert-border-color: var(--bs-alert-color);
  }
  .alert-outline.alert-light {
    --bs-alert-color: var(--bs-body-color);
    --bs-alert-border-color: var(--bs-border-color);
  }
  .alert-left-border {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 4px solid var(--bs-alert-color);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .alert-left-border.alert-light {
    border-left-color: var(--bs-secondary-color);
  }
  .accordion-bordered {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    overflow: hidden;
  }
  .accordion-bordered .accordion-item {
    border-left: 0;
    border-right: 0;
    border-top: 0;
  }
  .accordion-bordered .accordion-item:last-child {
    border-bottom: 0;
  }
  .accordion-separated .accordion-item {
    margin-bottom: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    overflow: hidden;
  }
  .accordion-separated .accordion-item .accordion-header .accordion-button {
    border-radius: 0.5rem !important;
  }
  .accordion-separated
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-shadow: none;
  }
  .accordion-no-arrow .accordion-button::after {
    display: none !important;
  }
  .accordion-custom-icon .accordion-button::after {
    display: none !important;
  }
  .accordion-custom-icon .accordion-button .accordion-icon-minus {
    display: none;
  }
  .accordion-custom-icon .accordion-button .accordion-icon-plus {
    display: inline-block;
  }
  .accordion-custom-icon .accordion-button:not(.collapsed) .accordion-icon-minus {
    display: inline-block;
  }
  .accordion-custom-icon .accordion-button:not(.collapsed) .accordion-icon-plus {
    display: none;
  }
  .accordion-left-primary {
    border-left: 4px solid var(--bs-primary) !important;
  }
  .accordion-left-secondary {
    border-left: 4px solid var(--bs-secondary) !important;
  }
  .accordion-left-success {
    border-left: 4px solid var(--bs-success) !important;
  }
  .accordion-left-danger {
    border-left: 4px solid var(--bs-danger) !important;
  }
  .accordion-left-warning {
    border-left: 4px solid var(--bs-warning) !important;
  }
  .accordion-left-info {
    border-left: 4px solid var(--bs-info) !important;
  }
  .accordion-left-dark {
    border-left: 4px solid var(--bs-dark) !important;
  }
  .accordion-left-light {
    border-left: 4px solid var(--bs-secondary-color) !important;
  }
  .pagination-square .page-item,
  .pagination-square .page-link {
    border-radius: 0 !important;
  }
  .pagination-rounded {
    gap: 6px;
  }
  .pagination-rounded .page-item .page-link {
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .pagination-primary {
    --bs-pagination-color: var(--bs-primary);
    --bs-pagination-hover-color: var(--bs-primary);
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
  }
  .pagination-secondary {
    --bs-pagination-color: var(--bs-secondary);
    --bs-pagination-hover-color: var(--bs-secondary);
    --bs-pagination-active-bg: var(--bs-secondary);
    --bs-pagination-active-border-color: var(--bs-secondary);
  }
  .pagination-success {
    --bs-pagination-color: var(--bs-success);
    --bs-pagination-hover-color: var(--bs-success);
    --bs-pagination-active-bg: var(--bs-success);
    --bs-pagination-active-border-color: var(--bs-success);
  }
  .pagination-danger {
    --bs-pagination-color: var(--bs-danger);
    --bs-pagination-hover-color: var(--bs-danger);
    --bs-pagination-active-bg: var(--bs-danger);
    --bs-pagination-active-border-color: var(--bs-danger);
  }
  .pagination-warning {
    --bs-pagination-color: var(--bs-warning-text-emphasis);
    --bs-pagination-hover-color: var(--bs-warning-text-emphasis);
    --bs-pagination-active-bg: var(--bs-warning);
    --bs-pagination-active-border-color: var(--bs-warning);
    --bs-pagination-active-color: #212529;
  }
  .pagination-info {
    --bs-pagination-color: var(--bs-info-text-emphasis);
    --bs-pagination-hover-color: var(--bs-info-text-emphasis);
    --bs-pagination-active-bg: var(--bs-info);
    --bs-pagination-active-border-color: var(--bs-info);
    --bs-pagination-active-color: #212529;
  }
  .pagination-dark {
    --bs-pagination-color: var(--bs-dark);
    --bs-pagination-hover-color: var(--bs-dark);
    --bs-pagination-active-bg: var(--bs-dark);
    --bs-pagination-active-border-color: var(--bs-dark);
  }
  .avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 0.375rem;
    background-color: var(--bs-light);
    color: var(--bs-body-color);
  }
  .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
  }
  .avatar-xs {
    width: 24px;
    height: 24px;
    font-size: 0.75rem;
  }
  .avatar-sm {
    width: 32px;
    height: 32px;
    font-size: 0.875rem;
  }
  .avatar-md {
    width: 40px;
    height: 40px;
    font-size: 0.95rem;
  }
  .avatar-lg {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
  }
  .avatar-xl {
    width: 56px;
    height: 56px;
    font-size: 1.25rem;
  }
  .avatar-xxl {
    width: 72px;
    height: 72px;
    font-size: 1.5rem;
  }
  .avatar.bg-primary-subtle {
    background-color: rgba(17, 112, 135, 0.1);
    color: #117087;
  }
  .avatar.bg-secondary-soft {
    background-color: rgba(108, 117, 125, 0.1);
    color: #6c757d;
  }
  .avatar.bg-success-soft {
    background-color: rgba(25, 135, 84, 0.1);
    color: #198754;
  }
  .avatar.bg-warning-soft {
    background-color: rgba(255, 193, 7, 0.1);
    color: #ffc107;
  }
  .avatar.bg-danger-soft {
    background-color: rgba(220, 53, 69, 0.1);
    color: #dc3545;
  }
  .avatar.bg-info-soft {
    background-color: rgba(13, 202, 240, 0.1);
    color: #0dcaf0;
  }
  .avatar.bg-dark-soft {
    background-color: rgba(33, 37, 41, 0.1);
    color: #212529;
  }
  .avatar.bg-light-soft {
    background-color: rgba(248, 249, 250, 0.1);
    color: #f8f9fa;
  }
  .avatar .avatar-status {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid var(--bs-card-bg, #ffffff);
    z-index: 1;
  }
  .avatar .avatar-status-online {
    background-color: var(--bs-success);
  }
  .avatar .avatar-status-offline {
    background-color: var(--bs-secondary);
  }
  .avatar .avatar-status-busy {
    background-color: var(--bs-danger);
  }
  .avatar .avatar-status-away {
    background-color: var(--bs-warning);
  }
  .avatar .avatar-status-pulse {
    background-color: var(--bs-success);
  }
  .avatar .avatar-status-pulse::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid var(--bs-success);
    animation: avatarPulse 1.5s infinite ease-in-out;
    opacity: 0;
  }
  @keyframes avatarPulse {
    0% {
      transform: scale(0.8);
      opacity: 0.8;
    }
    100% {
      transform: scale(2.4);
      opacity: 0;
    }
  }
  .avatar-md .avatar-status {
    width: 11px;
    height: 11px;
  }
  .avatar-lg .avatar-status {
    width: 12px;
    height: 12px;
  }
  .avatar-xl .avatar-status {
    width: 13px;
    height: 13px;
  }
  .avatar-xxl .avatar-status {
    width: 16px;
    height: 16px;
  }
  .avatar-group {
    display: flex;
    align-items: center;
  }
  .avatar-group .avatar {
    margin-left: -0.75rem;
    border: 2px solid var(--bs-card-bg, #ffffff);
    transition: transform 0.2s ease, z-index 0.2s ease;
  }
  .avatar-group .avatar:first-child {
    margin-left: 0;
  }
  .avatar-group .avatar:hover {
    transform: translateY(-4px);
    z-index: 5;
  }
  .avatar-group-xs .avatar {
    margin-left: -0.4rem;
  }
  .avatar-group-sm .avatar {
    margin-left: -0.55rem;
  }
  .avatar-group-lg .avatar {
    margin-left: -1rem;
  }
  .no-caret::after {
    display: none !important;
  }
  .dropdown-hover {
    position: relative;
  }
  .dropdown-hover:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
  .dropdown-menu {
    background-color: #fff !important;
    padding: 0.5rem 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
  }
  .dropdown-item:hover {
    background-color: var(--bs-secondary-bg-subtle) !important;
  }
  .modal-content {
    border: 1px solid rgba(var(--bs-body-color-rgb), 0.08);
    border-radius: 16px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease-out;
  }
  [data-bs-theme="dark"] .modal-content {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
  }
  .modal-header {
    border-bottom: 1px solid rgba(var(--bs-body-color-rgb), 0.06);
    padding: 1.25rem 1.5rem;
  }
  .modal-header .button {
    position: absolute;
    right: 20px;
    border: 0;
    background: none;
    font-size: 28px;
  }
  .modal-footer {
    border-top: 1px solid rgba(var(--bs-body-color-rgb), 0.06);
    padding: 1.25rem 1.5rem;
  }
  .modal-body {
    padding: 1.5rem;
  }
  .modal-backdrop {
    background-color: #000;
  }
  .modal-backdrop.show {
    opacity: 0.55 !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .tooltip-primary {
    --bs-tooltip-bg: var(--bs-primary);
    --bs-tooltip-color: var(--bs-white);
  }
  .tooltip-secondary {
    --bs-tooltip-bg: var(--bs-secondary);
    --bs-tooltip-color: var(--bs-white);
  }
  .tooltip-success {
    --bs-tooltip-bg: var(--bs-success);
    --bs-tooltip-color: var(--bs-white);
  }
  .tooltip-danger {
    --bs-tooltip-bg: var(--bs-danger);
    --bs-tooltip-color: var(--bs-white);
  }
  .tooltip-warning {
    --bs-tooltip-bg: var(--bs-warning);
    --bs-tooltip-color: var(--bs-dark);
  }
  .tooltip-info {
    --bs-tooltip-bg: var(--bs-info);
    --bs-tooltip-color: var(--bs-dark);
  }
  .tooltip-light {
    --bs-tooltip-bg: var(--bs-light);
    --bs-tooltip-color: var(--bs-dark);
  }
  .tooltip-light .tooltip-inner {
    border: 1px solid rgba(var(--bs-dark-rgb), 0.08);
  }
  .tooltip-dark {
    --bs-tooltip-bg: var(--bs-dark);
    --bs-tooltip-color: var(--bs-light);
  }
  .tooltip-sm {
    --bs-tooltip-font-size: 0.75rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-padding-x: 0.5rem;
  }
  .tooltip-lg {
    --bs-tooltip-font-size: 0.95rem;
    --bs-tooltip-padding-y: 0.6rem;
    --bs-tooltip-padding-x: 1.1rem;
  }
  .tooltip-square {
    --bs-tooltip-border-radius: 0px;
  }
  .tooltip-pill {
    --bs-tooltip-border-radius: 50px;
  }
  .tooltip-gradient {
    --bs-tooltip-bg: linear-gradient(
      135deg,
      var(--bs-primary) 0%,
      var(--bs-info) 100%
    );
    --bs-tooltip-color: var(--bs-white);
  }
  .tooltip-gradient.bs-tooltip-top .tooltip-arrow::before,
  .tooltip-gradient.bs-tooltip-auto[data-popper-placement^="top"]
    .tooltip-arrow::before {
    border-top-color: var(--bs-primary) !important;
  }
  .tooltip-gradient.bs-tooltip-end .tooltip-arrow::before,
  .tooltip-gradient.bs-tooltip-auto[data-popper-placement^="right"]
    .tooltip-arrow::before {
    border-right-color: var(--bs-info) !important;
  }
  .tooltip-gradient.bs-tooltip-bottom .tooltip-arrow::before,
  .tooltip-gradient.bs-tooltip-auto[data-popper-placement^="bottom"]
    .tooltip-arrow::before {
    border-bottom-color: var(--bs-info) !important;
  }
  .tooltip-gradient.bs-tooltip-start .tooltip-arrow::before,
  .tooltip-gradient.bs-tooltip-auto[data-popper-placement^="left"]
    .tooltip-arrow::before {
    border-left-color: var(--bs-primary) !important;
  }
  .popover-primary {
    --bs-popover-bg: var(--bs-primary);
    --bs-popover-border-color: var(--bs-primary);
    --bs-popover-header-bg: rgba(0, 0, 0, 0.12);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white);
    --bs-popover-color: var(--bs-white);
  }
  .popover-success {
    --bs-popover-bg: var(--bs-success);
    --bs-popover-border-color: var(--bs-success);
    --bs-popover-header-bg: rgba(0, 0, 0, 0.12);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white);
    --bs-popover-color: var(--bs-white);
  }
  .popover-danger {
    --bs-popover-bg: var(--bs-danger);
    --bs-popover-border-color: var(--bs-danger);
    --bs-popover-header-bg: rgba(0, 0, 0, 0.12);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white);
    --bs-popover-color: var(--bs-white);
  }
  .popover-warning {
    --bs-popover-bg: var(--bs-warning);
    --bs-popover-border-color: var(--bs-warning);
    --bs-popover-header-bg: rgba(0, 0, 0, 0.08);
    --bs-popover-header-color: var(--bs-dark);
    --bs-popover-body-color: var(--bs-dark);
    --bs-popover-color: var(--bs-dark);
  }
  .popover-info {
    --bs-popover-bg: var(--bs-info);
    --bs-popover-border-color: var(--bs-info);
    --bs-popover-header-bg: rgba(0, 0, 0, 0.08);
    --bs-popover-header-color: var(--bs-dark);
    --bs-popover-body-color: var(--bs-dark);
    --bs-popover-color: var(--bs-dark);
  }
  .popover-light {
    --bs-popover-bg: var(--bs-light);
    --bs-popover-border-color: rgba(var(--bs-dark-rgb), 0.08);
    --bs-popover-header-bg: rgba(var(--bs-dark-rgb), 0.04);
    --bs-popover-header-color: var(--bs-dark);
    --bs-popover-body-color: var(--bs-dark);
    --bs-popover-color: var(--bs-dark);
  }
  .popover-sm {
    --bs-popover-max-width: 200px;
    --bs-popover-font-size: 0.75rem;
  }
  .popover-lg {
    --bs-popover-max-width: 380px;
    --bs-popover-font-size: 0.95rem;
  }
  .popover-square {
    --bs-popover-border-radius: 0px;
  }
  .popover-pill {
    --bs-popover-border-radius: 20px;
  }
  .popover-gradient {
    --bs-popover-bg: linear-gradient(
      135deg,
      var(--bs-primary) 0%,
      var(--bs-info) 100%
    );
    --bs-popover-border-color: var(--bs-primary);
    --bs-popover-header-bg: rgba(0, 0, 0, 0.12);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white);
    --bs-popover-color: var(--bs-white);
  }
  .popover-gradient.bs-popover-top .popover-arrow::after,
  .popover-gradient.bs-popover-auto[data-popper-placement^="top"]
    .popover-arrow::after {
    border-top-color: var(--bs-primary) !important;
  }
  .popover-gradient.bs-popover-end .popover-arrow::after,
  .popover-gradient.bs-popover-auto[data-popper-placement^="right"]
    .popover-arrow::after {
    border-right-color: var(--bs-info) !important;
  }
  .popover-gradient.bs-popover-bottom .popover-arrow::after,
  .popover-gradient.bs-popover-auto[data-popper-placement^="bottom"]
    .popover-arrow::after {
    border-bottom-color: var(--bs-info) !important;
  }
  .popover-gradient.bs-popover-start .popover-arrow::after,
  .popover-gradient.bs-popover-auto[data-popper-placement^="left"]
    .popover-arrow::after {
    border-left-color: var(--bs-primary) !important;
  }
  .ribbon-wrapper {
    position: relative;
    overflow: hidden;
  }
  .ribbon {
    position: absolute;
    z-index: 5;
    padding: 0.25rem 0.5rem;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  .ribbon.ribbon-top-right {
    top: 12px;
    right: -28px;
    transform: rotate(45deg);
    width: 100px;
    text-align: center;
  }
  .ribbon.ribbon-top-left {
    top: 12px;
    left: -28px;
    transform: rotate(-45deg);
    width: 100px;
    text-align: center;
  }
  .ribbon.ribbon-bottom-right {
    bottom: 12px;
    right: -28px;
    transform: rotate(-45deg);
    width: 100px;
    text-align: center;
  }
  .ribbon.ribbon-vertical-right {
    top: 0;
    right: 16px;
    padding: 0.75rem 0.4rem;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    border-radius: 0 0 4px 4px;
  }
  .ribbon.ribbon-corner-tag {
    top: 0;
    right: 0;
    border-radius: 0 0 0 8px;
    padding: 0.35rem 0.75rem;
  }
  .ribbon-primary {
    background-color: var(--bs-primary);
  }
  .ribbon-success {
    background-color: var(--bs-success);
  }
  .ribbon-danger {
    background-color: var(--bs-danger);
  }
  .ribbon-warning {
    background-color: var(--bs-warning);
    color: var(--bs-dark);
  }
  .ribbon-info {
    background-color: var(--bs-info);
    color: var(--bs-dark);
  }
  .ribbon-dark {
    background-color: var(--bs-dark);
  }
  .timeline {
    position: relative;
    padding: 1.5rem 0;
  }
  .timeline::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 23px;
    width: 2px;
    background-color: rgba(var(--bs-body-color-rgb), 0.1);
  }
  .timeline-item {
    position: relative;
    padding-left: 56px;
    margin-bottom: 2rem;
  }
  .timeline-item:last-child {
    margin-bottom: 0;
  }
  .timeline-icon {
    position: absolute;
    left: 12px;
    top: 4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--bs-card-bg, #fff);
    border: 2px solid var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  .timeline-icon i,
  .timeline-icon svg {
    width: 12px;
    height: 12px;
  }
  .timeline-icon.timeline-icon-success {
    border-color: var(--bs-success);
    color: var(--bs-success);
  }
  .timeline-icon.timeline-icon-danger {
    border-color: var(--bs-danger);
    color: var(--bs-danger);
  }
  .timeline-icon.timeline-icon-warning {
    border-color: var(--bs-warning);
    color: var(--bs-warning);
  }
  .timeline-icon.timeline-icon-info {
    border-color: var(--bs-info);
    color: var(--bs-info);
  }
  .timeline-icon.timeline-icon-dark {
    border-color: var(--bs-dark);
    color: var(--bs-dark);
  }
  .timeline-content {
    padding: 1rem 1.25rem;
    background-color: rgba(var(--bs-body-color-rgb), 0.02);
    border: 1px solid rgba(var(--bs-body-color-rgb), 0.05);
    border-radius: 8px;
  }
  @media (min-width: 768px) {
    .timeline-alternating::before {
      left: 50%;
      margin-left: -1px;
    }
    .timeline-alternating .timeline-item {
      padding-left: 0;
      width: 50%;
      margin-bottom: 3rem;
    }
    .timeline-alternating .timeline-item .timeline-icon {
      left: 50%;
      margin-left: -12px;
    }
    .timeline-alternating .timeline-item:nth-child(odd) {
      float: left;
      clear: left;
      padding-right: 40px;
    }
    .timeline-alternating .timeline-item:nth-child(odd) .timeline-content {
      text-align: right;
    }
    .timeline-alternating .timeline-item:nth-child(even) {
      float: right;
      clear: right;
      padding-left: 40px;
    }
    .timeline-alternating .timeline-item:nth-child(even) .timeline-content {
      text-align: left;
    }
    .timeline-alternating::after {
      content: "";
      display: table;
      clear: both;
    }
  }

  [data-bs-theme="dark"] .driver-popover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
  }
  .cursor-move {
    cursor: move;
    cursor: -webkit-grabbing;
  }
  .sortable-ghost {
    opacity: 0.4;
  }
  .min-vh-25 {
    min-height: 25vh;
  }
  .cursor-pointer {
    cursor: pointer;
  }



  .icon-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 0.8fr));
    gap: 1rem;
  }
  .icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.8rem;
    border-radius: 0.5rem;
    background-color: var(--bs-card-bg);
    border: 1px solid var(--bs-border-color);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    text-align: center;
  }
  .icon-box i {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: var(--bs-body-color);
    transition: color 0.2s;
  }
  .icon-box svg {
    width: 25px;
    height: 25px;
    margin-bottom: 1rem;
    stroke: var(--bs-body-color);
    transition: stroke 0.2s;
  }
  .icon-box span {
    font-size: 0.6rem;
    color: var(--bs-secondary);
    word-break: break-all;
  }
  .icon-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08);
    border-color: var(--bs-primary);
  }
  .icon-box:hover i {
    color: var(--bs-primary);
  }
  .icon-box:hover svg {
    stroke: var(--bs-primary);
  }
  .icon-box:hover span {
    color: var(--bs-primary);
  }
  [data-bs-theme="dark"] .icon-box:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
  }
  .blog-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    border: none;
    background: var(--bs-card-bg);
  }
  .blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  }
  .blog-card:hover .blog-img-wrapper img {
    transform: scale(1.05);
  }
  .blog-card .blog-img-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
  }
  .blog-card .blog-img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  .blog-card .blog-img-wrapper .category-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
  }
  .blog-card .blog-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .blog-card .blog-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
  }
  .blog-card .blog-title a {
    color: var(--bs-heading-color);
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .blog-card .blog-title a:hover {
    color: var(--bs-primary);
  }
  .blog-card .blog-excerpt {
    color: var(--bs-body-color);
    opacity: 0.8;
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .blog-card .blog-footer {
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .blog-card .blog-footer .author-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .blog-card .blog-footer .author-info img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
  }
  .blog-card .blog-footer .author-info .author-name {
    font-weight: 500;
    font-size: 0.875rem;
    margin-bottom: 0;
  }
  .blog-card .blog-footer .author-info .post-date {
    font-size: 0.75rem;
    color: var(--bs-secondary);
    margin-bottom: 0;
  }
  .blog-card .blog-footer .post-stats {
    display: flex;
    gap: 1rem;
    color: var(--bs-secondary);
    font-size: 0.875rem;
  }
  .blog-card .blog-footer .post-stats span {
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }
  .blog-details-hero {
    position: relative;
    width: 100%;
    height: 400px;
    border-radius: var(--bs-border-radius-lg);
    overflow: hidden;
    margin-bottom: 2.5rem;
  }
  .blog-details-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .blog-details-hero .hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.2) 100%
    );
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 3rem;
  }
  .blog-details-hero .hero-meta {
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1rem;
  }
  .blog-details-hero .hero-meta .author {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #fff;
    font-weight: 500;
  }
  .blog-details-hero .hero-meta .author img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }
  .blog-details-hero .hero-title {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0;
    max-width: 800px;
  }
  .article-content {
    font-size: 1.125rem;
    line-height: 1.8;
    color: var(--bs-body-color);
  }
  .article-content p {
    margin-bottom: 1.5rem;
  }
  .article-content h2,
  .article-content .h2,
  .article-content h3,
  .article-content .h3,
  .article-content h4,
  .article-content .h4 {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
  }
  .article-content blockquote {
    border-left: 4px solid var(--bs-primary);
    padding: 1.5rem 2rem;
    background: var(--bs-primary-bg-subtle);
    border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
    margin: 2rem 0;
    font-style: italic;
    font-size: 1.25rem;
  }
  .article-content img {
    max-width: 100%;
    height: auto;
    border-radius: var(--bs-border-radius);
    margin: 2rem 0;
  }
  .author-bio-box {
    background: var(--bs-light);
    border-radius: var(--bs-border-radius-lg);
    padding: 2rem;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .author-bio-box img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
  }
  .author-bio-box .bio-content h5,
  .author-bio-box .bio-content .h5 {
    margin-bottom: 0.5rem;
    font-weight: 600;
  }
  .author-bio-box .bio-content p {
    margin-bottom: 0;
    color: var(--bs-secondary);
  }
  .comments-thread .comment-item {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
  }
  .comments-thread .comment-item .comment-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
  }
  .comments-thread .comment-item .comment-body {
    flex-grow: 1;
    background: var(--bs-gray-100);
    padding: 1.5rem;
    border-radius: var(--bs-border-radius-lg);
  }
  [data-bs-theme="dark"] .comments-thread .comment-item .comment-body {
    background: rgba(255, 255, 255, 0.05);
  }
  .comments-thread .comment-item .comment-body .comment-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
  }
  .comments-thread .comment-item .comment-body .comment-meta h6,
  .comments-thread .comment-item .comment-body .comment-meta .h6 {
    margin-bottom: 0;
    font-weight: 600;
  }
  .comments-thread .comment-item .comment-body .comment-meta .comment-time {
    font-size: 0.75rem;
    color: var(--bs-secondary);
  }
  .comments-thread .comment-item .comment-body p {
    margin-bottom: 0;
    font-size: 0.9375rem;
  }
  .comments-thread .comment-reply {
    margin-left: 4rem;
  }
  @media (max-width: 768px) {
    .blog-details-hero {
      height: 300px;
    }
    .blog-details-hero .hero-overlay {
      padding: 2rem;
    }
    .blog-details-hero .hero-title {
      font-size: 1.75rem;
    }
    .author-bio-box {
      flex-direction: column;
      text-align: center;
    }
  }
  .artical {
    height: 300px;
  }
  .blog-list-stacked-card {
    overflow: hidden;
    border-radius: var(--bs-border-radius-lg);
  }
  .blog-list-stacked-card .blog-img-wrapper {
    position: relative;
    width: 100%;
    height: 350px;
  }
  .blog-list-stacked-card .blog-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .blog-list-stacked-card .blog-img-wrapper .category-badge {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 1;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
  }
  .blog-list-stacked-card .blog-content {
    padding: 2.5rem;
  }
  .blog-list-stacked-card .blog-content .blog-title {
    font-size: 1.75rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  .blog-list-stacked-card .blog-content .blog-title a {
    color: var(--bs-heading-color);
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .blog-list-stacked-card .blog-content .blog-title a:hover {
    color: var(--bs-primary);
  }
  .blog-list-stacked-card .blog-content .blog-meta {
    font-size: 0.9375rem;
  }
  .blog-list-stacked-card .blog-content .blog-meta span {
    display: inline-flex;
    align-items: center;
  }
  .blog-list-stacked-card .blog-content .blog-excerpt {
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--bs-body-color);
    margin-bottom: 1.5rem;
  }
  .blog-sidebar-widget {
    border-radius: var(--bs-border-radius-lg);
  }
  .blog-sidebar-widget .widget-title {
    font-weight: 700;
    font-size: 1.25rem;
    position: relative;
    padding-bottom: 1rem;
  }
  .blog-sidebar-widget .widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: var(--bs-primary);
    border-radius: 3px;
  }
  .blog-sidebar-widget .category-list li {
    margin-bottom: 0.75rem;
  }
  .blog-sidebar-widget .category-list li:last-child {
    margin-bottom: 0;
  }
  .blog-sidebar-widget .category-list li a {
    color: var(--bs-body-color);
    text-decoration: none;
    padding: 0.5rem 0;
    border-bottom: 1px dashed var(--bs-border-color);
    transition: all 0.2s ease;
  }
  .blog-sidebar-widget .category-list li a:hover {
    color: var(--bs-primary);
    padding-left: 0.5rem;
  }
  .blog-sidebar-widget .recent-post-item {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px dashed var(--bs-border-color);
  }
  .blog-sidebar-widget .recent-post-item img {
    width: 70px;
    height: 70px;
    border-radius: var(--bs-border-radius);
    object-fit: cover;
  }
  .blog-sidebar-widget .recent-post-item .recent-post-content h6,
  .blog-sidebar-widget .recent-post-item .recent-post-content .h6 {
    font-size: 0.9375rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
  }
  .blog-sidebar-widget .recent-post-item .recent-post-content h6 a,
  .blog-sidebar-widget .recent-post-item .recent-post-content .h6 a {
    color: var(--bs-heading-color);
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .blog-sidebar-widget .recent-post-item .recent-post-content h6 a:hover,
  .blog-sidebar-widget .recent-post-item .recent-post-content .h6 a:hover {
    color: var(--bs-primary);
  }
  .blog-sidebar-widget .recent-post-item .recent-post-content .post-date {
    font-size: 0.8125rem;
    color: var(--bs-secondary);
  }
  .blog-sidebar-widget .tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .blog-sidebar-widget .tag-cloud .tag-item {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    background: var(--bs-light);
    color: var(--bs-body-color);
    text-decoration: none;
    border-radius: 2rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
  }
  .blog-sidebar-widget .tag-cloud .tag-item:hover {
    background: var(--bs-primary);
    color: #fff;
  }
  [data-bs-theme="dark"] .blog-sidebar-widget .tag-cloud .tag-item {
    background: rgba(255, 255, 255, 0.05);
  }
  .notes-app {
    display: flex;
    gap: 1.5rem;
  }
  .notes-app .notes-sidebar {
    width: 280px;
    flex-shrink: 0;
  }
  .notes-app .notes-sidebar .card {
    height: 100%;
  }
  .notes-app .notes-sidebar .nav-pills .nav-link {
    color: var(--bs-body-color);
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
    border-radius: var(--bs-border-radius);
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
  }
  .notes-app .notes-sidebar .nav-pills .nav-link i {
    color: var(--bs-secondary);
    transition: all 0.2s ease;
  }
  .notes-app .notes-sidebar .nav-pills .nav-link:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
    color: var(--bs-primary);
  }
  .notes-app .notes-sidebar .nav-pills .nav-link:hover i {
    color: var(--bs-primary);
  }
  .notes-app .notes-sidebar .nav-pills .nav-link.active {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
    font-weight: 600;
  }
  .notes-app .notes-sidebar .nav-pills .nav-link.active i {
    color: var(--bs-primary);
  }
  .notes-app .notes-content {
    flex-grow: 1;
  }
  .notes-app .notes-content .note-card {
    border: none;
    border-radius: var(--bs-border-radius-lg);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }
  .notes-app .notes-content .note-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--bs-box-shadow-lg);
  }
  .notes-app .notes-content .note-card:hover .note-actions {
    opacity: 1;
  }
  .notes-app .notes-content .note-card .note-body {
    padding: 1.5rem;
  }
  .notes-app .notes-content .note-card .note-title {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
    color: var(--bs-heading-color);
  }
  .notes-app .notes-content .note-card .note-desc {
    color: rgba(var(--bs-body-color-rgb), 0.8);
    font-size: 0.95rem;
    line-height: 1.5;
  }
  .notes-app .notes-content .note-card .note-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    color: var(--bs-secondary);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    padding-top: 1rem;
    margin-top: auto;
  }
  .notes-app .notes-content .note-card .note-actions {
    position: absolute;
    top: 1rem;
    right: 1rem;
    opacity: 0;
    transition: opacity 0.2s ease;
    display: flex;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.3rem;
    border-radius: 0.5rem;
    backdrop-filter: blur(4px);
  }
  .notes-app .notes-content .note-card .note-actions button {
    background: none;
    border: none;
    color: var(--bs-secondary);
    padding: 0.2rem;
    transition: color 0.2s ease;
  }
  .notes-app .notes-content .note-card .note-actions button:hover {
    color: var(--bs-primary);
  }
  .notes-app .notes-content .note-card.bg-primary-subtle {
    background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
  }
  .notes-app .notes-content .note-card.bg-success-subtle {
    background-color: rgba(var(--bs-success-rgb), 0.1) !important;
  }
  .notes-app .notes-content .note-card.bg-warning-subtle {
    background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
  }
  .notes-app .notes-content .note-card.bg-info-subtle {
    background-color: rgba(var(--bs-info-rgb), 0.1) !important;
  }
  .notes-app .notes-content .note-card.bg-danger-subtle {
    background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
  }
  .notes-app .notes-content .note-card.bg-light-subtle {
    background-color: rgba(var(--bs-light-rgb), 0.5) !important;
  }
  @media (max-width: 991.98px) {
    .notes-app {
      flex-direction: column;
    }
    .notes-app .notes-sidebar {
      width: 100%;
    }
  }
  .gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: var(--bs-border-radius-lg);
    display: block;
  }
  .gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  .gallery-item .gallery-overlay {
    position: absolute;
    inset: 0;
    background: rgba(var(--bs-primary-rgb), 0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.3s ease;
    color: #fff;
    padding: 2rem;
    text-align: center;
  }
  .gallery-item .gallery-overlay i {
    transform: scale(0.5);
    transition: transform 0.3s ease;
    margin-bottom: 1rem;
  }
  .gallery-item .gallery-overlay .gallery-title {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.25rem;
    transform: translateY(20px);
    transition: transform 0.3s ease;
  }
  .gallery-item .gallery-overlay .gallery-desc {
    font-size: 0.875rem;
    opacity: 0.8;
    transform: translateY(20px);
    transition: transform 0.3s ease 0.1s;
  }
  .gallery-item:hover img {
    transform: scale(1.1);
  }
  .gallery-item:hover .gallery-overlay {
    opacity: 1;
  }
  .gallery-item:hover .gallery-overlay i {
    transform: scale(1);
  }
  .gallery-item:hover .gallery-overlay .gallery-title,
  .gallery-item:hover .gallery-overlay .gallery-desc {
    transform: translateY(0);
  }
  .profile-cover {
    position: relative;
    height: 250px;
    border-radius: var(--bs-border-radius-lg);
    margin-bottom: 4rem;
  }
  .profile-cover > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--bs-border-radius-lg);
  }
  .profile-avatar-container {
    position: absolute;
    bottom: -3rem;
    left: 2rem;
    display: flex;
    align-items: flex-end;
    gap: 1.5rem;
  }
  .profile-avatar-container .profile-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid var(--bs-body-bg);
    box-shadow: var(--bs-box-shadow-sm);
    object-fit: cover;
    background: #fff;
  }
  .profile-avatar-container .profile-name-badge {
    margin-bottom: 3.5rem;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  }
  .profile-avatar-container .profile-name-badge h3,
  .profile-avatar-container .profile-name-badge .h3 {
    margin: 0;
    font-weight: 700;
  }
  .profile-avatar-container .profile-name-badge p {
    margin: 0;
    opacity: 0.9;
  }
  @media (max-width: 767.98px) {
    .profile-cover {
      height: 200px;
      margin-bottom: 5rem;
    }
    .profile-avatar-container {
      left: 50%;
      transform: translateX(-50%);
      flex-direction: column;
      align-items: center;
      text-align: center;
      bottom: -4.5rem;
      gap: 0.5rem;
    }
    .profile-avatar-container .profile-name-badge {
      margin-bottom: 0;
      color: var(--bs-heading-color);
      text-shadow: none;
    }
  }
  .h-100vh {
    height: 100vh;
  }
  .pricing-card {
    position: relative;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-xl);
    transition: all 0.3s ease;
    background: var(--bs-body-bg);
    height: 100%;
  }
  .pricing-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--bs-box-shadow-lg);
    border-color: var(--bs-primary);
  }
  .pricing-card.popular {
    border-color: var(--bs-primary);
    box-shadow: var(--bs-box-shadow);
  }
  .pricing-card.popular .popular-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bs-primary);
    color: #fff;
    padding: 0.25rem 1rem;
    border-radius: 2rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .pricing-card .pricing-header {
    padding: 2.5rem 2rem 1.5rem;
    text-align: center;
    border-bottom: 1px dashed var(--bs-border-color);
  }
  .pricing-card .pricing-header .pricing-icon {
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 1.5rem;
    background: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
  }
  .pricing-card .pricing-header .pricing-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
  }
  .pricing-card .pricing-header .pricing-price {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pricing-card .pricing-header .pricing-price .currency {
    font-size: 1.5rem;
    font-weight: 500;
    align-self: flex-start;
    margin-top: 0.5rem;
    color: var(--bs-heading-color);
  }
  .pricing-card .pricing-header .pricing-price .amount {
    font-size: 3.5rem;
    font-weight: 800;
    color: var(--bs-heading-color);
    line-height: 1;
  }
  .pricing-card .pricing-header .pricing-price .period {
    color: var(--bs-secondary);
    font-weight: 500;
    margin-left: 0.25rem;
    align-self: flex-end;
    margin-bottom: 0.5rem;
  }
  .pricing-card .pricing-body {
    padding: 2rem;
  }
  .pricing-card .pricing-body .pricing-features {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
  }
  .pricing-card .pricing-body .pricing-features li {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    color: var(--bs-body-color);
  }
  .pricing-card .pricing-body .pricing-features li i {
    color: var(--bs-success);
    margin-right: 0.75rem;
  }
  .pricing-card .pricing-body .pricing-features li.disabled {
    color: var(--bs-secondary);
    opacity: 0.6;
  }
  .pricing-card .pricing-body .pricing-features li.disabled i {
    color: var(--bs-secondary);
  }
  .pricing-switch-wrapper {
    display: inline-flex;
    align-items: center;
    background: var(--bs-light);
    padding: 0.5rem;
    border-radius: 2rem;
    gap: 1rem;
  }
  .pricing-switch-wrapper .switch-label {
    font-weight: 600;
    color: var(--bs-secondary);
    transition: color 0.2s ease;
    cursor: pointer;
  }
  .pricing-switch-wrapper .switch-label.active {
    color: var(--bs-primary);
  }
  .pricing-switch-wrapper .form-switch {
    margin: 0;
    padding-left: 3rem;
  }
  .pricing-switch-wrapper .form-switch .form-check-input {
    width: 3rem;
    height: 1.5rem;
    cursor: pointer;
    margin-left: -3rem;
  }
  .pricing-switch-wrapper .form-switch .form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
  }
  .chat-app {
    display: flex;
    gap: 1.5rem;
    height: calc(100vh - 160px);
    min-height: 600px;
  }
  .chat-sidebar {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
  }
  .chat-window {
    flex-grow: 1;
    min-width: 0;
  }
  .chat-sidebar-right {
    width: 320px;
    flex-shrink: 0;
  }
  .chat-contact {
    transition: all 0.2s ease-in-out;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .chat-contact:hover,
  .chat-contact.active {
    background-color: var(--bs-primary-bg-subtle);
    border-color: rgba(var(--bs-primary-rgb), 0.1);
  }
  .chat-message .message-content {
    max-width: 85%;
  }
  .chat-message .message-bubble {
    display: inline-block;
  }
  .chat-message.sent .message-bubble {
    background-color: var(--bs-primary-bg-subtle) !important;
    color: var(--bs-body-color) !important;
    border-bottom-right-radius: 4px !important;
  }
  .chat-message.received .message-bubble {
    background-color: var(--bs-info-bg-subtle) !important;
    color: var(--bs-body-color) !important;
    border-bottom-left-radius: 4px !important;
  }
  .avatar-status-ring {
    border: 3px solid var(--bs-primary);
    padding: 3px;
    border-radius: 50%;
  }
  .btn-chat-toggle {
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    color: var(--bs-secondary-color);
  }
  .btn-chat-toggle.active {
    background-color: var(--bs-primary);
    color: var(--bs-white, #fff);
    border-color: var(--bs-primary);
  }
  .audio-player-ui {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--bs-info-bg-subtle);
    border-radius: 20px;
    padding: 8px 16px;
  }
  .audio-player-ui .play-btn {
    color: var(--bs-success);
    cursor: pointer;
  }
  .audio-player-ui .waveform {
    height: 20px;
    opacity: 0.5;
  }
  .audio-player-ui .time {
    font-size: 12px;
    color: var(--bs-secondary-color);
  }
  @media (max-width: 1399.98px) {
    .chat-sidebar-right {
      display: none;
    }
  }
  @media (max-width: 991.98px) {
    .chat-app {
      flex-direction: column;
      height: auto;
    }
    .chat-sidebar {
      width: 100%;
      height: 400px;
    }
    .chat-window {
      height: 500px;
    }
  }
  .fc .fc-toolbar {
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem !important;
  }
  .fc .fc-toolbar-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--bs-heading-color);
  }
  .fc .fc-button-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    text-transform: capitalize;
    font-weight: 500;
    padding: 0.4rem 1rem;
  }
  .fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    background-color: rgb(0%, 20.2891326022%, 36.2745098039%);
    border-color: rgb(0%, 20.2891326022%, 36.2745098039%);
  }
  .fc .fc-button-primary:hover {
    background-color: rgb(0%, 20.2891326022%, 36.2745098039%);
    border-color: rgb(0%, 20.2891326022%, 36.2745098039%);
  }
  .fc .fc-theme-standard td,
  .fc .fc-theme-standard th {
    border-color: var(--bs-border-color);
  }
  .fc .fc-col-header-cell {
    padding: 0.75rem 0;
    background-color: var(--bs-light);
  }
  .fc .fc-col-header-cell .fc-col-header-cell-cushion {
    color: var(--bs-body-color);
    font-weight: 600;
    text-decoration: none;
  }
  .fc .fc-daygrid-day-number {
    color: var(--bs-body-color);
    text-decoration: none;
    font-weight: 500;
    padding: 0.5rem;
  }
  .fc .fc-event {
    border: none;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 0.75rem;
    cursor: pointer;
  }
  .fc .fc-daygrid-event-harness {
    margin-bottom: 2px;
  }
  .fc .fc-h-event {
    background-color: var(--bs-primary);
    border: 1px solid var(--bs-primary);
  }
  .fc .fc-h-event .fc-event-title {
    font-weight: 500;
  }
  .fc .fc-day-today {
    background-color: rgba(var(--bs-primary-rgb), 0.05) !important;
  }
  #external-events .external-event {
    font-size: 0.875rem;
    font-weight: 500;
  }
  #external-events .external-event:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.15) !important;
  }
  .kanban-wrapper {
    min-height: calc(100vh - 250px);
  }
  .kanban-wrapper::-webkit-scrollbar {
    height: 8px;
  }
  .kanban-wrapper::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
  }
  .kanban-wrapper::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
  .kanban-column {
    width: 320px;
    min-width: 320px;
    max-height: 100%;
  }
  .kanban-indicator {
    width: 8px;
    height: 8px;
  }
  .kanban-progress {
    height: 6px;
  }
  .kanban-tasks {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.25rem;
    margin: -0.25rem;
  }
  .kanban-tasks::-webkit-scrollbar {
    width: 6px;
  }
  .kanban-tasks::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
  }
  .kanban-tasks::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
  .kanban-item {
    border: 1px solid rgba(0, 0, 0, 0);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  .kanban-item:hover {
    border-color: rgba(var(--bs-primary-rgb), 0.2);
  }
  .kanban-item.sortable-ghost {
    opacity: 0.5;
    background-color: var(--bs-light);
    border: 2px dashed rgba(var(--bs-primary-rgb), 0.5);
  }
  .kanban-item.sortable-drag {
    cursor: grabbing !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
  }
  .email-app {
    display: flex;
    gap: 1.5rem;
    min-height: calc(100vh - 160px);
  }
  .email-app .email-sidebar {
    width: 260px;
    flex-shrink: 0;
  }
  .email-app .email-sidebar .nav-link {
    color: var(--bs-body-color);
    padding: 0.6rem 1rem;
    border-radius: 0.375rem;
    margin-bottom: 0.25rem;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
  }
  .email-app .email-sidebar .nav-link:hover {
    background-color: var(--bs-light);
  }
  .email-app .email-sidebar .nav-link.active {
    background-color: #e6f2e9;
    color: var(--bs-primary);
    font-weight: 600;
  }
  .email-app .email-sidebar .nav-link i {
    color: var(--bs-secondary-color);
  }
  .email-app .email-sidebar .nav-link.active i {
    color: var(--bs-primary);
  }
  .email-app .email-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .email-app .email-content .email-list .email-item {
    transition: all 0.2s ease-in-out;
    border-bottom: 1px solid var(--bs-border-color);
  }
  .email-app .email-content .email-list .email-item:last-child {
    border-bottom: none;
  }
  .email-app .email-content .email-list .email-item:hover {
    background-color: var(--bs-light);
  }
  .email-app .email-content .email-list .email-item.unread {
    background-color: var(--bs-white);
  }
  .email-app .email-content .email-list .email-item.unread .email-sender,
  .email-app .email-content .email-list .email-item.unread .email-subject {
    font-weight: 700;
    color: var(--bs-dark);
  }
  .email-app .email-content .email-list .email-item .email-checkbox {
    width: 40px;
    flex-shrink: 0;
  }
  .email-app .email-content .email-list .email-item .email-sender {
    width: 160px;
    flex-shrink: 0;
    color: var(--bs-body-color);
    font-weight: 500;
  }
  .email-app .email-content .email-list .email-item .email-subject-wrapper {
    flex-grow: 1;
    min-width: 0;
  }
  .email-app
    .email-content
    .email-list
    .email-item
    .email-subject-wrapper
    .email-subject {
    color: var(--bs-body-color);
    margin-right: 0.5rem;
  }
  .email-app
    .email-content
    .email-list
    .email-item
    .email-subject-wrapper
    .email-snippet {
    color: var(--bs-secondary-color);
  }
  .email-app .email-content .email-list .email-item .email-time {
    width: 80px;
    flex-shrink: 0;
    text-align: right;
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
  }
  @media (max-width: 991.98px) {
    .email-app {
      flex-direction: column;
    }
    .email-app .email-sidebar {
      width: 100%;
    }
  }
  .academy-course-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 0;
  }
  .academy-course-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  }
  .academy-course-card .course-thumbnail {
    position: relative;
    overflow: hidden;
    height: 180px;
    background-color: var(--bs-light);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .academy-course-card .course-thumbnail .course-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
  }
  .academy-course-card .course-instructor {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .academy-review-star {
    color: var(--bs-warning);
    width: 14px;
    height: 14px;
    fill: currentColor;
  }
  .academy-video-player {
    position: relative;
    background: var(--bs-black);
    border-radius: var(--bs-border-radius);
    overflow: hidden;
  }
  .academy-video-player .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .academy-video-player .play-btn:hover {
    background-color: var(--bs-primary);
    color: var(--bs-white);
    transform: translate(-50%, -50%) scale(1.1);
  }
  .hospital-stats-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 0;
  }
  .hospital-stats-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08) !important;
  }
  .bed-status {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
  }
  .bed-status.occupied {
    background-color: var(--bs-danger);
  }
  .bed-status.available {
    background-color: var(--bs-success);
  }
  .bed-status.maintenance {
    background-color: var(--bs-warning);
  }
  .department-card {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .department-card .dept-icon-bg {
    position: absolute;
    right: -20px;
    bottom: -20px;
    font-size: 120px;
    opacity: 0.05;
    z-index: 0;
  }
  .department-card .card-body {
    position: relative;
    z-index: 1;
  }
  .timeline-appointment {
    position: relative;
    padding-left: 20px;
    border-left: 2px solid var(--bs-light);
    margin-bottom: 20px;
  }
  .timeline-appointment::before {
    content: "";
    position: absolute;
    left: -6px;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--bs-primary);
  }
  .timeline-appointment.completed::before {
    background-color: var(--bs-success);
  }
  .timeline-appointment.pending::before {
    background-color: var(--bs-warning);
  }
  .timeline-appointment.cancelled::before {
    background-color: var(--bs-danger);
  }
  .contact-map {
    height: 100%;
    min-height: 400px;
    border-radius: var(--bs-border-radius);
  }
  .chart {
    position: relative;
    height: 350px;
    width: 100%;
  }
  .chart-container {
    position: relative;
    height: 350px;
    width: 100%;
  }
  .ecommerce-product-card {
    transition: all 0.2s ease-in-out;
    margin-bottom: 0;
  }
  .ecommerce-product-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--bs-box-shadow) !important;
  }
  .ecommerce-product-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }
  .ecommerce-product-img-sm {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 0.375rem;
  }
  .ecommerce-review-star {
    color: var(--bs-warning);
    fill: var(--bs-warning);
  }
  .ecommerce-cart-table {
    vertical-align: middle;
  }
  .ecommerce-details-img-container {
    min-height: 400px;
  }
  .ecommerce-details-main-img {
    max-height: 300px;
    object-fit: contain;
  }
  .ecommerce-details-thumb-img {
    max-height: 40px;
    object-fit: contain;
  }
  .ecommerce-details-thumb-img-grayscale {
    max-height: 40px;
    object-fit: contain;
    filter: grayscale(100%);
  }
  .crm-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .crm-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  }
  .kanban-board {
    display: flex;
    overflow-x: auto;
    gap: 1.5rem;
    padding-bottom: 1rem;
    min-height: calc(100vh - 200px);
  }
  .kanban-board .kanban-column {
    min-width: 320px;
    max-width: 320px;
    background-color: rgba(var(--bs-body-color-rgb), 0.02);
    border-radius: 0.5rem;
    padding: 1rem;
  }
  .coin-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
  }
  .coin-icon-btc {
    background-color: #f7931a;
    color: #fff;
  }
  .coin-icon-eth {
    background-color: #627eea;
    color: #fff;
  }
  .coin-icon-ltc {
    background-color: #bfbbbb;
    color: #fff;
  }
  .coin-icon-usdt {
    background-color: #26a17b;
    color: #fff;
  }
  .coin-icon-sol {
    background-color: #14f195;
    color: #fff;
  }
  .exchange-card {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    background-color: var(--bs-gray-100);
    padding: 1rem;
    position: relative;
  }
  .exchange-card .exchange-swap-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  .wallet-card {
    background: linear-gradient(
      135deg,
      var(--bs-primary) 0%,
      rgb(0.6091288975%, 30.1518804243%, 73.7045965927%) 100%
    );
    color: #fff;
    border: none;
  }
  .wallet-card .text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
  }
  .order-row-sell {
    background: linear-gradient(
      to left,
      rgba(var(--bs-danger-rgb), 0.1) var(--depth, 0%),
      transparent var(--depth, 0%)
    );
  }
  .order-row-buy {
    background: linear-gradient(
      to left,
      rgba(var(--bs-success-rgb), 0.1) var(--depth, 0%),
      transparent var(--depth, 0%)
    );
  }
  .metric-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
  }
  .crypto-table-compact th,
  .crypto-table-compact td {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    vertical-align: middle;
  }
  .news-thumbnail {
    width: 48px;
    height: 48px;
    border-radius: 0.5rem;
    object-fit: cover;
  }
  .fear-greed-gauge-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .crypto-icon {
    width: 24px;
    height: 24px;
    font-size: 10px;
  }
  .job-category-card {
    transition: all 0.3s ease;
    margin-bottom: 0;
  }
  .job-category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  }
  .company-logo-container {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-light);
    overflow: hidden;
  }
  .company-logo-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .company-logo-lg {
    width: 80px;
    height: 80px;
  }
  .job-badge {
    padding: 0.35rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 0.25rem;
  }
  .job-badge-full-time {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    color: var(--bs-primary);
  }
  .job-badge-part-time {
    background-color: rgba(var(--bs-warning-rgb), 0.1);
    color: var(--bs-warning);
  }
  .job-badge-contract {
    background-color: rgba(var(--bs-info-rgb), 0.1);
    color: var(--bs-info);
  }
  .job-badge-remote {
    background-color: rgba(var(--bs-success-rgb), 0.1);
    color: var(--bs-success);
  }
  .job-list-item {
    border: 1px solid var(--bs-border-color);
    border-radius: 0.5rem;
    transition: border-color 0.2s ease;
  }
  .job-list-item:hover {
    border-color: var(--bs-primary);
  }
  .candidate-header-bg {
    height: 140px;
    background: linear-gradient(
      135deg,
      var(--bs-primary) 0%,
      rgba(var(--bs-primary-rgb), 0.7) 100%
    );
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .candidate-avatar {
    margin-top: -50px;
    border: 4px solid var(--bs-body-bg);
  }
  .pos-page {
    height: calc(100vh - var(--header-height, 70px));
    overflow: hidden;
  }
  .pos-page .pos-products-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .pos-page .pos-products-panel .pos-categories {
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .pos-page .pos-products-panel .pos-categories::-webkit-scrollbar {
    display: none;
  }
  .pos-page .pos-products-panel .pos-categories .btn-category {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1.25rem;
    border-radius: 50rem;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
  }
  .pos-page .pos-products-panel .pos-categories .btn-category:hover {
    background: var(--bs-light);
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  }
  .pos-page .pos-products-panel .pos-categories .btn-category.active {
    background: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary);
  }
  .pos-page .pos-products-panel .pos-product-grid {
    overflow-y: auto;
    height: 100%;
    align-content: flex-start;
    padding-bottom: 1rem;
    padding-right: 0.5rem;
  }
  .pos-page .pos-products-panel .pos-product-grid::-webkit-scrollbar {
    width: 6px;
  }
  .pos-page .pos-products-panel .pos-product-grid::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
  }
  .pos-page .pos-products-panel .pos-product-grid::-webkit-scrollbar-thumb {
    background: var(--bs-secondary-bg);
    border-radius: 10px;
  }
  .pos-page .pos-products-panel .pos-product-grid:hover::-webkit-scrollbar-thumb {
    background: var(--bs-border-color);
  }
  .pos-page .pos-product-card {
    transition: all 0.3s ease;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    overflow: hidden;
    background: var(--bs-card-bg);
    cursor: pointer;
    position: relative;
  }
  .pos-page .pos-product-card .card-img-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 1rem 1rem 0 0;
  }
  .pos-page .pos-product-card .card-img-wrapper img {
    height: 160px;
    width: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  .pos-page .pos-product-card .card-img-wrapper .add-to-cart-overlay {
    position: absolute;
    bottom: -40px;
    right: 10px;
    background: var(--bs-primary);
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0;
    box-shadow: 0 4px 8px rgba(var(--bs-primary-rgb), 0.4);
  }
  .pos-page .pos-product-card .card-body {
    padding: 1.25rem;
  }
  .pos-page .pos-product-card .card-body .product-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
  }
  .pos-page .pos-product-card .card-body .product-price {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--bs-primary);
  }
  .pos-page .pos-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    border-color: rgba(var(--bs-primary-rgb), 0.2);
  }
  .pos-page .pos-product-card:hover .card-img-wrapper img {
    transform: scale(1.08);
  }
  .pos-page .pos-product-card:hover .add-to-cart-overlay {
    bottom: 10px;
    opacity: 1;
  }
  .pos-page .pos-cart-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
  }
  .pos-page .pos-cart-panel .cart-header {
    padding: 1.25rem;
    background: var(--bs-body-bg);
    border-bottom: 1px dashed var(--bs-border-color);
  }
  .pos-page .pos-cart-panel .cart-items {
    flex-grow: 1;
    overflow-y: auto;
    padding: 1rem;
  }
  .pos-page .pos-cart-panel .cart-items::-webkit-scrollbar {
    width: 4px;
  }
  .pos-page .pos-cart-panel .cart-items::-webkit-scrollbar-thumb {
    background: var(--bs-border-color);
    border-radius: 10px;
  }
  .pos-page .pos-cart-panel .cart-items .cart-item {
    display: flex;
    align-items: stretch;
    gap: 1rem;
    padding: 1rem;
    border-radius: 0.75rem;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    margin-bottom: 0.75rem;
    transition: all 0.2s ease;
  }
  .pos-page .pos-cart-panel .cart-items .cart-item:hover {
    border-color: rgba(var(--bs-primary-rgb), 0.3);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
  }
  .pos-page .pos-cart-panel .cart-items .cart-item .item-img {
    width: 60px;
    height: 60px;
    border-radius: 0.5rem;
    object-fit: cover;
  }
  .pos-page .pos-cart-panel .cart-items .cart-item .item-details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .pos-page .pos-cart-panel .cart-items .cart-item .item-details .item-title {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.2;
  }
  .pos-page .pos-cart-panel .cart-items .cart-item .item-details .item-price {
    font-weight: 700;
    color: var(--bs-primary);
    font-size: 0.9rem;
  }
  .pos-page .pos-cart-panel .cart-items .cart-item .qty-controls {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--bs-light);
    padding: 0.25rem;
    border-radius: 50rem;
  }
  .pos-page .pos-cart-panel .cart-items .cart-item .qty-controls .btn-qty {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #fff;
    color: var(--bs-body-color);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
  }
  .pos-page .pos-cart-panel .cart-items .cart-item .qty-controls .btn-qty:hover {
    background: var(--bs-primary);
    color: #fff;
  }
  .pos-page .pos-cart-panel .cart-items .cart-item .qty-controls .qty-input {
    width: 24px;
    text-align: center;
    border: none;
    background: rgba(0, 0, 0, 0);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0;
  }
  .pos-page
    .pos-cart-panel
    .cart-items
    .cart-item
    .qty-controls
    .qty-input:focus {
    outline: none;
  }
  .pos-page .pos-cart-panel .cart-footer {
    background: var(--bs-body-bg);
    border-top: 1px dashed var(--bs-border-color);
    padding: 1.25rem;
  }
  .pos-page .pos-cart-panel .cart-footer .totals-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
  }
  .pos-page .pos-cart-panel .cart-footer .totals-row .label {
    color: var(--bs-secondary-color);
    font-weight: 500;
  }
  .pos-page .pos-cart-panel .cart-footer .totals-row .value {
    font-weight: 600;
  }
  .pos-page .pos-cart-panel .cart-footer .totals-row.grand-total {
    margin-top: 1rem;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
  }
  .pos-page .pos-cart-panel .cart-footer .totals-row.grand-total .label {
    color: var(--bs-heading-color);
    font-weight: 700;
  }
  .pos-page .pos-cart-panel .cart-footer .totals-row.grand-total .value {
    color: var(--bs-primary);
    font-weight: 800;
  }
  .ai-dashboard-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
  }
  .ai-dashboard-header h4,
  .ai-dashboard-header .h4 {
    font-weight: 700;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .ai-banner {
    border-radius: 1rem;
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    background: linear-gradient(
      90deg,
      rgb(230, 235, 255) 0%,
      rgb(245, 235, 255) 100%
    );
    border: 1px solid rgba(13, 110, 253, 0.1);
    color: var(--bs-dark);
  }
  [data-bs-theme="dark"] .ai-banner {
    background: linear-gradient(90deg, #131525 0%, #17142b 100%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #fff;
  }
  .ai-banner .banner-content {
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
  .ai-banner .banner-content .banner-icon {
    width: 64px;
    height: 64px;
  }
  .ai-banner .banner-content h5,
  .ai-banner .banner-content .h5 {
    font-weight: 700;
    margin-bottom: 0.25rem;
  }
  .ai-banner .banner-content p {
    margin-bottom: 0;
    font-size: 0.875rem;
    color: var(--bs-secondary);
  }
  .ai-credit-usage {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ai-credit-usage .credit-stats {
    width: 100%;
    margin-top: 1.5rem;
  }
  .ai-credit-usage .credit-stats .stat-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
  }
  .ai-credit-usage .credit-stats .stat-row span:first-child {
    color: var(--bs-secondary);
  }
  .ai-credit-usage .credit-stats .stat-row span:last-child {
    font-weight: 600;
    color: var(--bs-body-color);
  }
  .lms-hero-banner {
    position: relative;
    border-radius: 1.25rem;
    padding: 2rem;
    overflow: hidden;
    background: linear-gradient(
      135deg,
      rgba(var(--bs-primary-rgb), 0.9) 0%,
      rgba(99, 102, 241, 0.95) 50%,
      rgba(168, 85, 247, 0.9) 100%
    );
    color: #fff;
    box-shadow: 0 10px 30px -10px rgba(var(--bs-primary-rgb), 0.4);
  }
  .lms-hero-banner .banner-overlay-pattern {
    position: absolute;
    right: -30px;
    bottom: -30px;
    font-size: 180px;
    opacity: 0.12;
    pointer-events: none;
  }
  .lms-hero-banner .streak-badge {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 0.4rem 0.9rem;
    border-radius: 50rem;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
  }
  .lms-hero-banner .xp-badge {
    background: rgba(255, 215, 0, 0.25);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 215, 0, 0.5);
    color: #ffea79;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 0.4rem 0.9rem;
    border-radius: 50rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
  }
  .lms-stat-widget {
    position: relative;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
      box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    border: 1px solid var(--bs-border-color-translucent);
    overflow: hidden;
  }
  .lms-stat-widget:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.08);
  }
  .lms-stat-widget .stat-sparkline {
    margin-bottom: -10px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .lms-spotlight-card {
    background: linear-gradient(
      135deg,
      rgba(var(--bs-primary-rgb), 0.05) 0%,
      rgba(var(--bs-info-rgb), 0.05) 100%
    );
    border: 1px solid rgba(var(--bs-primary-rgb), 0.15);
  }
  [data-bs-theme="dark"] .lms-spotlight-card {
    background: linear-gradient(
      135deg,
      rgba(15, 23, 42, 0.95) 0%,
      rgba(30, 41, 59, 0.95) 100%
    );
    border: 1px solid rgba(255, 255, 255, 0.08);
  }
  .lms-spotlight-card .spotlight-thumb {
    position: relative;
    border-radius: 0.875rem;
    overflow: hidden;
  }
  .lms-spotlight-card .spotlight-thumb img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    transition: transform 0.3s ease;
  }
  .lms-spotlight-card .spotlight-thumb:hover img {
    transform: scale(1.05);
  }
  .lms-spotlight-card .spotlight-thumb .play-btn-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: var(--bs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease, background 0.2s ease;
  }
  .lms-spotlight-card .spotlight-thumb .play-btn-overlay:hover {
    transform: translate(-50%, -50%) scale(1.1);
    background: #fff;
  }
  .leaderboard-item {
    transition: background-color 0.2s ease;
  }
  .leaderboard-item:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.03);
  }
  .leaderboard-item .rank-badge {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    flex-shrink: 0;
  }
  .leaderboard-item .rank-badge.rank-1 {
    background: linear-gradient(135deg, #ffe066 0%, #f59f00 100%);
    color: #5c3c00;
    box-shadow: 0 2px 8px rgba(245, 159, 0, 0.4);
  }
  .leaderboard-item .rank-badge.rank-2 {
    background: linear-gradient(135deg, #e9ecef 0%, #adb5bd 100%);
    color: #343a40;
  }
  .leaderboard-item .rank-badge.rank-3 {
    background: linear-gradient(135deg, #ffc9c9 0%, #e03131 100%);
    color: #fff;
  }
  .leaderboard-item .rank-badge.rank-other {
    background: var(--bs-light);
    color: var(--bs-secondary);
  }
  .live-room-card {
    border-left: 4px solid var(--bs-danger);
  }
  .live-room-card .live-pulse-ring {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--bs-danger);
    box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.7);
    animation: pulse-ring 1.5s infinite;
  }
  @keyframes pulse-ring {
    0% {
      box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0.7);
    }
    70% {
      box-shadow: 0 0 0 8px rgba(var(--bs-danger-rgb), 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0);
    }
  }
  .forum-qa-item {
    transition: background-color 0.2s ease;
  }
  .forum-qa-item:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.02);
  }
  .forum-qa-item .upvote-badge {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.65rem;
    border-radius: 0.5rem;
    background-color: var(--bs-light);
    color: var(--bs-body-color);
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 42px;
  }
  .hospital-command-banner {
    position: relative;
    border-radius: 1.25rem;
    padding: 2rem;
    overflow: hidden;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #334155 100%);
    color: #fff;
    box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.5);
  }
  .hospital-command-banner .command-overlay-pattern {
    position: absolute;
    right: -30px;
    bottom: -30px;
    font-size: 180px;
    opacity: 0.08;
    pointer-events: none;
  }
  .hospital-command-banner .emergency-status-pill {
    background: rgba(220, 53, 69, 0.2);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(220, 53, 69, 0.4);
    color: #ff8787;
    padding: 0.4rem 0.9rem;
    border-radius: 50rem;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
  }
  .hospital-command-banner .response-time-pill {
    background: rgba(13, 202, 240, 0.2);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(13, 202, 240, 0.4);
    color: #6edff6;
    padding: 0.4rem 0.9rem;
    border-radius: 50rem;
    font-weight: 700;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
  }
  .bed-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 0.75rem;
  }
  .bed-grid-container .bed-grid-item {
    border-radius: 0.75rem;
    padding: 0.75rem 0.5rem;
    text-align: center;
    border: 1px solid var(--bs-border-color-translucent);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .bed-grid-container .bed-grid-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  }
  .bed-grid-container .bed-grid-item.available {
    background-color: rgba(var(--bs-success-rgb), 0.06);
    border-color: rgba(var(--bs-success-rgb), 0.2);
    color: var(--bs-success);
  }
  .bed-grid-container .bed-grid-item.occupied {
    background-color: rgba(var(--bs-danger-rgb), 0.06);
    border-color: rgba(var(--bs-danger-rgb), 0.2);
    color: var(--bs-danger);
  }
  .bed-grid-container .bed-grid-item.icu {
    background-color: rgba(var(--bs-warning-rgb), 0.08);
    border-color: rgba(var(--bs-warning-rgb), 0.3);
    color: var(--bs-warning);
  }
  .bed-grid-container .bed-grid-item.sanitizing {
    background-color: rgba(var(--bs-info-rgb), 0.06);
    border-color: rgba(var(--bs-info-rgb), 0.2);
    color: var(--bs-info);
  }
  .triage-badge {
    padding: 0.25rem 0.6rem;
    border-radius: 50rem;
    font-size: 0.75rem;
    font-weight: 600;
  }
  .triage-badge.triage-critical {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
  }
  .triage-badge.triage-moderate {
    background-color: rgba(255, 193, 7, 0.18);
    color: #b48600;
  }
  .triage-badge.triage-stable {
    background-color: rgba(25, 135, 84, 0.15);
    color: #198754;
  }
  .blood-group-card {
    border-radius: 0.75rem;
    padding: 1rem 0.75rem;
    text-align: center;
    border: 1px solid var(--bs-border-color-translucent);
    background-color: var(--bs-body-bg);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  .blood-group-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
  }
  .blood-group-card .blood-type-title {
    font-weight: 800;
    font-size: 1.25rem;
    color: var(--bs-danger);
  }
  .blood-group-card.low-supply {
    border-color: rgba(220, 53, 69, 0.4);
    background-color: rgba(220, 53, 69, 0.04);
  }
  .ot-card {
    border-left: 4px solid var(--bs-primary);
  }
  .ot-card.in-surgery {
    border-left-color: var(--bs-danger);
  }
  .ot-card.cleaning {
    border-left-color: var(--bs-warning);
  }
  .ot-card.ready {
    border-left-color: var(--bs-success);
  }

  @keyframes float {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-15px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  .stats-banner {
    background-color: #1a1641;
    color: #fff;
    padding: 4rem 0;
    border-radius: 16px;
    margin: 4rem 0;
    position: relative;
    overflow: hidden;
  }
  .stats-banner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(
      circle at top right,
      rgba(var(--bs-primary-rgb), 0.2),
      transparent 50%
    );
    pointer-events: none;
  }
  .stats-banner .stat-item {
    text-align: center;
    padding: 1rem;
  }
  .stats-banner .stat-item .stat-icon {
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 1rem;
  }
  .stats-banner .stat-item .stat-value {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
  }
  .stats-banner .stat-item .stat-label {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
  }
  .pop-category-card {
    background: #fff;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
  }
  .pop-category-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
    transform: translateY(-5px);
  }
  .pop-category-card .icon-wrapper {
    width: 60px;
    height: 60px;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 1.5rem;
  }
  .cta-banner {
    background: linear-gradient(135deg, var(--bs-primary) 0%, #4f46e5 100%);
    border-radius: 20px;
    padding: 4rem;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: -5rem;
    z-index: 10;
  }
  .cta-banner .cta-content {
    max-width: 500px;
  }
  .cta-banner .cta-form {
    max-width: 450px;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.5rem;
    border-radius: 50px;
    display: flex;
    align-items: center;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
  }
  .cta-banner .cta-form .form-control {
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #000;
    padding-left: 1.5rem;
  }
  .cta-banner .cta-form .form-control::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
  .cta-banner .cta-form .form-control:focus {
    box-shadow: none;
  }
  .cta-banner .cta-form .btn {
    border-radius: 50px;
    padding: 0.75rem 2rem;
    background: #1a1641;
    color: #fff;
    border: none;
    margin-left: 10px;
  }
  .cta-banner .cta-form .btn:hover {
    background: rgb(7.2075726842%, 6.0987153482%, 18.0189317106%);
  }
  .cta-banner .cta-illustration {
    position: absolute;
    right: 2rem;
    bottom: -2rem;
    width: 250px;
    height: 250px;
    object-fit: cover;
    pointer-events: none;
  }



.sticky-footer {
  bottom: 0px;
  position: fixed;
  padding: 20px;
  z-index: 999;
  background-color: #fff;
      margin-bottom: 20px;
    width: 85%;
    border-radius: 8px;
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06), 0 -1px 3px rgba(0, 0, 0, 0.04);
}

.sticky-footer .form-group {
	margin: 0;
}

.sidebar-menu .nav {
  margin-top: 10px;
}


.card .card-header {
    background-color: #fff;
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
}

#sidebar-toggler {
  border: none!important;
  background-color: transparent!important;
}

#sidebar-toggler i {
  font-size: 22px!important;
}

  .sidebar-logo {
      height: 34px;
      object-fit: contain;
      display: block;
      margin-right: 70px;
  }

  .breadcrumbs {
    margin-bottom: 20px;
  }

  .breadcrumbs h1,
  .card .card-header h5 {
    font-family: var(--font-bold);
  }

  .breadcrumbs p {
    color: var(--bs-secondary-color) !important;
    font-size: 15px;
  }

  .form-control {
    padding: 15px;
  }

  .header h5 {
    font-family: var(--font-bold);
  }

  .card .card-footer {
    padding: 30px;
     border-top: 1px solid var(--border);
  }




.tab h3 {
	font-size: 18px;
	margin: 5px 0;
} 
  
  /* Change background color of buttons on hover */
  .tab button:hover {
	color: #17b3f2;
  }
  
  /* Create an active/current "tab button" class */
  .tab button.active {
	color: var(--bs-body-color);
  }

li:has(button.active) {
	border-left: 2px solid #17b3f2;
}
/* =========================
   TAB NAVIGATION LINKS
   ========================= */

ul.tab {
    float: left;
    width: 20%;
    min-height: 400px;

    margin: 0;
    padding: 8px;

    list-style: none;

    background: #ffffff;
    border: 1px solid var(--bs-border-color);
    border-radius: 10px;

    box-sizing: border-box;
}


/* einzelne Tabs */
ul.tab li {
    position: relative;

    margin: 3px 0;
    padding: 0;

    border: 0;
}


/* Header z.B. "E-Mail Inhalte" */
ul.tab li.tabs_header {
    margin: -8px -8px 8px;
    margin-bottom: 15px;
    padding: 20px 30px;

    background: #fff;

    border: 0 !important;
   border-bottom: 1px solid #e1e9e4!important;

    border-radius: 10px 10px 0 0;

    font-weight: 600;
    font-size: 15px;
    color: #40464d;
}


/* Button */
.tab button {
    display: flex;
    align-items: center;

    width: 100%;

    padding: 11px 14px;

    border: 0;
    border-radius: 7px;

    outline: none;

    background: transparent;

    color: #4d555d;

    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;

    text-align: left;

    cursor: pointer;

    transition:
        background-color 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease;
}


/* Hover */
.tab button:hover, .tab .tablinks.active  {
    background: #E6F2E9;
    color: #08788d;
}


/* optional: ganz leichter Bewegungseffekt */
.tab button:hover {
    transform: translateX(2px);
}


/* Active Tab
   funktioniert bei <li class="active"> */
ul.tab li.active button {
    background: #edf7f8;
    color: #08788d;

    font-weight: 600;
}


/* Türkiser Balken links */
ul.tab li.active::before {
    content: "";

    position: absolute;

    left: -8px;
    top: 7px;
    bottom: 7px;

    width: 3px;

    background: #08a4c2;
    border-radius: 0 4px 4px 0;
}


/* Tastatur-Navigation */
.tab button:focus-visible {
    box-shadow: 0 0 0 3px rgba(8, 164, 194, 0.18);
}


/* =========================
   TAB CONTENT
   ========================= */

.tabcontent {
    float: left;

    width: 80%;

    padding: 0 12px 0 32px;

    border-left: none;

    box-sizing: border-box;
}


.tabcontent h3 {
    margin-top: 0;
    margin-bottom: 20px;

    padding-bottom: 12px;

    border-bottom: 1px solid #e1e5e8;

    color: #394047;
    font-size: 18px;
}


/* bestehende Styles */
.js_table_leihartikel tr[data-zurueckgegeben="nein"] {
    opacity: 0.6;
}


.tabs.ui-widget.ui-widget-content {
    border: none !important;
}

.js_submit_dialog {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    width: min(520px, calc(100% - 32px));
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 10px;
    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.10),
        0 2px 6px rgba(0, 0, 0, 0.05);

    
}

.js_submit_dialog.dialog_success {
  background: #f8fcf9;
  border: 1px solid #d8eadc;
  color: #263238;
}
.js_submit_dialog.dialog_success .js_submit_dialog_content strong,
.js_submit_dialog.dialog_success .js_submit_dialog_content span  {
  color: #205c30;
}

.js_submit_dialog.dialog_success .js_submit_dialog__icon {
  background: #35a853;
}

    
    

.js_submit_dialog.dialog_error {
    background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
}

.js_submit_dialog.dialog_error .js_submit_dialog_content strong,
.js_submit_dialog.dialog_error .js_submit_dialog_content span  {
  color: #721c24;
}

.js_submit_dialog.dialog_error .js_submit_dialog__icon {
  background: #dc3545;
}


.js_submit_dialog__icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 16px;
}

/* Text */
.js_submit_dialog_content {
    flex: 1;
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: 3px;
}

.js_submit_dialog_content strong {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
}

.js_submit_dialog_content span {
    font-size: 13px;
    line-height: 1.4;
}

/* Schließen */
.js_submit_dialog__close {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #7a847d;
    font-size: 16px;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        color 0.15s ease;
}

.js_submit_dialog__close:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #263238;
}

.js_submit_dialog {
    animation: submitSuccessIn 0.25s ease-out;
}

@keyframes submitSuccessIn {
    from {
        opacity: 0;
        transform: translate(-50%, -10px);
    }

    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}


.js_submit_dialog__timer {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;

    font-size: 12px;
    color: #66736a;
    white-space: nowrap;
}

.js_submit_dialog__progress {
    width: 70px;
    height: 3px;

    overflow: hidden;
    background: #dce9df;
    border-radius: 10px;
}

.js_submit_dialog_progress_bar {
    width: 100%;
    height: 100%;

    background: #35a853;
    border-radius: inherit;

    transform-origin: left;
    animation: submitSuccessProgress 8s linear forwards;
}

@keyframes submitSuccessProgress {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}


.button-row {
  margin-bottom: 20px;
}

.button-row button, .button-row a { 
  margin-right: 15px;
}


.breadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;

    margin-bottom: 18px;

    font-size: 13px;
    line-height: 1.4;
}

.breadcrumbs a {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    color: #6b7280;
    text-decoration: none;

    transition: color 0.15s ease;
}

.breadcrumbs a:hover {
    color: #2b8f8a;
}

.breadcrumbs__separator {
    display: inline-flex;
    align-items: center;

    color: #c4c9ce;
    font-size: 11px;
}

.breadcrumbs__current {
    color: #263238;
    font-weight: 600;
}

.tabs.ui-widget.ui-widget-content {
  background-color: transparent!important;
}

.tabs.ui-tabs .ui-tabs-panel {
  padding: 0px;
}


.box-auswahl-option {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 130px;

    padding: 22px 24px;

    background: #ffffff;

    border: 1px solid #dfe3e8;
    border-radius: 10px;

    cursor: pointer;

    transition: all 0.2s ease;
}

.box-auswahl-option:hover {
    border-color: #0f7b8d;

    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.06);

    transform: translateY(-1px);
}


/* Aktive Auswahl */

.box-auswahl-option.active {
    border: 2px solid #0f7b8d;

    background:
        linear-gradient(
            90deg,
            rgba(15, 123, 141, 0.05),
            #ffffff
        );

    box-shadow:
        0 3px 12px rgba(15, 123, 141, 0.10);
}


/* ICON */

.box-auswahl-icon {
    width: 72px;
    height: 72px;

    min-width: 72px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 24px;

    border-radius: 50%;

    font-size: 30px;
}


/* Bestand Icon */

.box-auswahl-icon.icon-gruen {
    color: #159467;
    background: #e6f7f0;
}


/* Preise Icon */

.box-auswahl-icon.icon-blau {
    color: #0d78d4;
    background: #e9f3ff;
}


/* TEXT */

.box-auswahl-content {
    padding-right: 35px;
}


.box-auswahl-title {
    margin-bottom: 6px;

    color: #343a40;

    font-size: 18px;
    font-weight: 600;
}


.box-auswahl-description {
    max-width: 520px;

    color: #6c757d;

    font-size: 14px;
    line-height: 1.55;
}


/* CHECK KREIS */

.box-auswahl-check {
    position: absolute;

    top: 20px;
    right: 20px;

    width: 26px;
    height: 26px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border: 2px solid #adb5bd;
    border-radius: 50%;

    color: transparent;

    font-size: 12px;

    transition: all 0.2s ease;
}


/* Aktiver Check */

.box-auswahl-option.active .box-auswahl-check {
    background: #0f7b8d;
    border-color: #0f7b8d;

    color: #ffffff;
}


.custom-alert {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 18px 20px;
    border-radius: 10px;
}


/* Icon */

.custom-alert-icon {
    width: 34px;
    height: 34px;

    min-width: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 14px;

    border-radius: 50%;

    color: #ffffff;

    font-size: 15px;
}


/* Content */

.custom-alert-content {
    flex: 1;
}


.custom-alert-title {
    margin-bottom: 2px;

    color: #27313d;

    font-size: 16px;
    font-weight: 600;
}


.custom-alert-text {
    color: #5e6875;

    font-size: 14px;
    line-height: 1.5;
}


/* INFO */

.custom-alert-info {
    background: #eaf4ff;
}

.custom-alert-info .custom-alert-icon {
    background: #1683e2;
}


/* SUCCESS */

.custom-alert-success {
    background: #e9f8f0;
}

.custom-alert-success .custom-alert-icon {
    background: #159467;
}


/* DANGER */

.custom-alert-danger {
    background: #fdecee;
}

.custom-alert-danger .custom-alert-icon {
    background: #dc3545;
}


/* WARNING */

.custom-alert-warning {
    background: #fff5df;
}

.custom-alert-warning .custom-alert-icon {
    background: #e9a11b;
}

.select2-container--default .select2-results>.select2-results__options {
  background-color: #F7FAF8;
}


.select2-container .select2-selection--single {
	height: 56px;
  background-color: #F7FAF8 !important;
      border: 1px solid rgba(0, 0, 0, 0.1)
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 48px;
	right: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-style: solid;
	border-width: 6px 6px 0;
	height: 0;
	left: 50%;
	margin-left: -10px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-width: 0 6px 6px;
}


.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 30px;
	padding-left: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 15px;
	font-weight: normal;
	line-height: 54px;
	border-radius: 8px !important;

}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #F7FAF8;  
}

.form-group {
  margin-bottom: 20px;
}

.table-cache .form-group {
  margin-bottom: 0px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-20 {
  margin-bottom: 20px;
}



/* =====================================
   RESPONSIVE
===================================== */

@media (max-width: 767px) {

    .partner-action {
        min-height: auto;
    }

}

@media (max-width: 767px) {

    .partner-export-option {
        min-height: auto;

        padding: 18px;
    }


    .partner-export-icon {
        width: 58px;
        height: 58px;

        min-width: 58px;

        margin-right: 16px;

        font-size: 24px;
    }


    .partner-export-title {
        font-size: 16px;
    }

}

.info_angelegt_zuletzt_bearbeitet {
  margin-bottom: 20px;
}

.info_angelegt_zuletzt_bearbeitet .page-title {
  margin: 0 0 10px;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 600;
  color: #343a40;
}

/* Metadata */
.info_angelegt_zuletzt_bearbeitet .record-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;

  font-size: 13px;
  line-height: 1.4;
  color: #8b949e;
}

.info_angelegt_zuletzt_bearbeitet .record-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.info_angelegt_zuletzt_bearbeitet .record-meta__item strong {
  font-weight: 500;
  color: #6c757d;
}

.info_angelegt_zuletzt_bearbeitet .record-meta__author {
  color: #8b949e;
}

.info_angelegt_zuletzt_bearbeitet .record-meta__icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #a5adb5;
}

.info_angelegt_zuletzt_bearbeitet .record-meta__icon svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.info_angelegt_zuletzt_bearbeitet .record-meta__divider {
  width: 1px;
  height: 16px;
  background: #d6dadd;
}



/* Tablet / Mobile */
@media (max-width: 768px) {
  .info_angelegt_zuletzt_bearbeitet .page-title {
    font-size: 22px;
  }

  .info_angelegt_zuletzt_bearbeitet .record-meta {
    align-items: flex-start;
    gap: 7px;
  }

  .info_angelegt_zuletzt_bearbeitet .record-meta__item {
    width: 100%;
  }

  .info_angelegt_zuletzt_bearbeitet .record-meta__divider {
    display: none;
  }

  .info_angelegt_zuletzt_bearbeitet .record-meta__author {
    display: inline;
  }
}


/* Sehr kleine Displays */
@media (max-width: 480px) {
  .info_angelegt_zuletzt_bearbeitet .record-meta {
    font-size: 12px;
  }

  .info_angelegt_zuletzt_bearbeitet .record-meta__item {
    align-items: flex-start;
  }

  .info_angelegt_zuletzt_bearbeitet .record-meta__icon {
    margin-top: 1px;
  }
}

/* Lager Bestellung anlegen */

.js_lager_bestellung_anlegen_wrapper .custom-alert {
  height: 100%;
  text-align: center;
}

.lagerbestellung-steps {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 25px 70px 35px 70px;
}


.lagerbestellung-step {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}


.lagerbestellung-step-number {
    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #dfe4e7;
    color: #53616c;

    font-size: 14px;
    font-weight: 600;

    margin-right: 14px;
}

.lagerbestellung-step-title {
    color: #66727d;
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
}


.lagerbestellung-step-line {
    height: 1px;
    background: #ccd3d7;

    flex: 1;

    margin: 0 22px;
}


.lagerbestellung-step.active .lagerbestellung-step-number {
    background: #006b54;
    color: #fff;
}


.lagerbestellung-step.active .lagerbestellung-step-title {
    color: #006b54;
    font-weight: 600;
}

.js_wholesale_partner_dropdown {
  display: none;
}

.report-stat-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    width: 100%;
}

.report-stat-box {
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    padding: 20px 22px;
    min-height: 115px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.2s ease;
}

.report-stat-box.highlighted {
    background: linear-gradient(120deg, #0d5139, #167349);
    border-color: transparent!important;
}

.report-stat-box:hover {
    border-color: #d5d5d5;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
}

.report-stat-box-title {
    font-size: 14px;
    color: #49635B;
    margin-bottom: 7px;
}

.report-stat-box.highlighted .report-stat-box-title,
.report-stat-box.highlighted .report-stat-box-value span,
.report-stat-box.highlighted .report-stat-box-subline {
    color: #fff!important;
}

.report-stat-box-value {
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    color: #252525;
}

.report-stat-box-subline {
    font-size: 12px;
    color: #999999;
    margin-top: 7px;
}


/* Tablet */
@media (max-width: 991px) {

    .report-stat-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* Mobile */
@media (max-width: 575px) {

    .report-stat-wrapper {
        grid-template-columns: 1fr;
    }

    .report-stat-box {
        padding: 18px;
    }

    .report-stat-box-value {
        font-size: 23px;
    }

}

.toggle-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}



.toggle-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    cursor: pointer;
}

.toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider {
    position: absolute;
    inset: 0;
    background: #d0d5dd;
    border-radius: 50px;
    transition: 0.2s ease;
}

.toggle-slider::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 3px;
    top: 3px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: 0.2s ease;
}

.toggle-switch input:checked + .toggle-slider {
    background: #28a745;
}

.toggle-switch input:checked + .toggle-slider::before {
    transform: translateX(20px);
}

.standort-details-kopf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    padding: 20px 0 24px 0;
}


/* --------------------------------
   Standort links
-------------------------------- */

.standort-details-kopf-standort {
    display: flex;
    align-items: center;
    gap: 20px;
    min-width: 0;
}


.standort-details-kopf-bild {
    width: 240px;
    height: 160px;

    flex-shrink: 0;

    border-radius: 7px;
    overflow: hidden;

    background: #f3f4f5;

    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
}


.standort-details-kopf-bild img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;
}


.standort-details-kopf-info {
    min-width: 0;
}


.standort-details-kopf-name {
    font-size: 21px;
    line-height: 1.3;

    font-weight: 700;
    color: #202124;

    margin-bottom: 10px;
}


.standort-details-kopf-adresse {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    font-size: 14px;
    line-height: 1.6;

    color: #647184;
}


.standort-details-kopf-adresse i {
    color: #52677b;
    font-size: 15px;

    margin-top: 3px;
}


/* --------------------------------
   Zeitraum rechts
-------------------------------- */

.standort-details-kopf-zeitraum {
    display: flex;
    align-items: center;
    gap: 16px;

    flex-shrink: 0;

    padding-right: 10px;
}


.standort-details-kopf-kalender-icon {
    width: 52px;
    height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border-radius: 10px;

    background: #f1f4f7;
    color: #53697d;

    font-size: 20px;
}


.standort-details-kopf-zeitraum-info {
    min-width: 150px;
}


.standort-details-kopf-kw {
    font-size: 16px;
    font-weight: 700;

    color: #202124;

    margin-bottom: 5px;
}


.standort-details-kopf-datum {
    font-size: 13px;
    color: #68778a;
}


/* --------------------------------
   Responsive
-------------------------------- */

@media (max-width: 768px) {

    .standort-details-kopf {
        flex-direction: column;
        align-items: stretch;
    }

    .standort-details-kopf-zeitraum {
        padding-top: 15px;

        border-top: 1px solid #eeeeee;
    }

}


@media (max-width: 500px) {

    .standort-details-kopf-standort {
        align-items: flex-start;
    }

    .standort-details-kopf-bild {
        width: 90px;
        height: 75px;
    }

    .standort-details-kopf-name {
        font-size: 17px;
    }

}

.btn-warning-light {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.btn-danger-light {
  color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.btn-secondary-light {
 color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.btn-success-light {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.btn-primary-light {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.btn-info-light {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}