.custom-small-btn {
  padding: 3px 0;
  font-size: 10px;
  height: 25px;
  width: auto;
  margin-top: 19px;
}

pre {
  background-color: #0d1428;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  overflow-x: auto;
  font-size: 14px;
}

.hljs {
  background: #0d1428;
  color: #dcdcdc;
  padding: 15px;
  border-radius: 8px;
  overflow-x: auto;
}
    #payment_info {
    background-color: #0d1428;
    padding: 15px;
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff;
}

#payment_info p {
    margin: 5px 0;
}

#payment_info strong {
    color: #00ff0a;
}
#preloader {
    position: fixed;
    top: 0; left: 0;
    width: 100vw;
    height: 100vh;
    background: #070d19;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.sidebar-brand {
    font-weight: bold;
    font-size: 22px;
    position: relative;
}
.text-api {
    margin-left: 5px;
    color: #00d1ff;
    text-shadow: 0 0 5px #00d1ff;
}
        
.anime-character {
    width: 32px;
    height: 32px;
    margin-left: 10px;
    animation: floatUpDown 2.5s ease-in-out infinite;
}
        
@keyframes floatUpDown {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
}

.grid-margin {
    margin-bottom: 1.5rem;
}

.dashboard-page .font-extrabold {
    white-space: nowrap;
}

.dashboard-page .card .text-muted.font-semibold {
    line-height: 1;
    margin: 0;
}

.dashboard-page .stats-icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    flex-shrink: 0;
}

.dashboard-page .card .font-extrabold {
    line-height: 1.1;
    margin: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dashboard-page .card .text-muted.font-semibold + .font-extrabold {
    margin-top: 0.6rem;
}

.stretch-card {
    display: flex;
    align-items: stretch;
}

.stretch-card > .card {
    width: 100%;
}

.btn-block {
    display: block;
    width: 100%;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.app-navbar-modern {
  margin: 1rem 1.25rem 0;
  min-height: 74px;
  border: 1px solid #e7ecf3;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 36px rgba(16, 24, 40, 0.07);
  backdrop-filter: blur(16px);
}

.app-navbar-modern .container-fluid {
  gap: 1rem;
  align-items: center;
}

.app-navbar-modern .nav-icon-button {
  width: 46px;
  height: 46px;
  min-width: 46px;
  flex: 0 0 46px;
  border-radius: 11px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  border: 1px solid #d9e3f0;
  color: #1570ef;
  text-decoration: none;
  line-height: 1;
  padding: 0;
  vertical-align: middle;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.app-navbar-modern .nav-icon-button:hover {
  background: #eef4ff;
  border-color: #d9e8ff;
}

.app-navbar-modern .nav-icon-button i {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.85rem;
  line-height: 1;
}

.app-navbar-modern .hamburger-lines,
.app-navbar-modern .hamburger-lines::before,
.app-navbar-modern .hamburger-lines::after {
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
}

.app-navbar-modern .hamburger-lines {
  position: relative;
}

.app-navbar-modern .hamburger-lines::before,
.app-navbar-modern .hamburger-lines::after {
  content: "";
  position: absolute;
  left: 0;
}

.app-navbar-modern .hamburger-lines::before {
  top: -8px;
}

.app-navbar-modern .hamburger-lines::after {
  top: 8px;
}

.app-navbar-modern .nav-icon-button i:before {
  display: block;
  line-height: 1;
  margin: 0;
}

.app-navbar-modern .nav-page-context {
  align-items: center;
  padding-left: .25rem;
}

.app-navbar-modern .nav-page-label {
  color: #98a2b3;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1;
}

.app-navbar-modern .nav-page-title {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 900;
  margin-top: .28rem;
}

.app-navbar-modern .nav-announcement {
  min-width: 0;
  max-width: 560px;
  height: 42px;
  gap: .65rem;
  padding: 0 .85rem;
  border: 1px solid #e7ecf3;
  border-radius: 999px;
  background: #f8fafc;
  color: #667085;
}

.app-navbar-modern .nav-announcement i {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1570ef;
  flex: 0 0 auto;
  font-size: 1.2rem;
  line-height: 1;
}

.app-navbar-modern .nav-announcement i::before {
  display: block;
  line-height: 1;
  margin: 0;
}

.app-navbar-modern .nav-announcement-text {
  position: relative;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: .86rem;
  font-weight: 700;
  flex: 1 1 auto;
}

.app-navbar-modern .nav-announcement-text span {
  display: inline-block;
  min-width: max-content;
  padding-left: 100%;
  animation: announcement-scroll 18s linear infinite;
}

.app-navbar-modern .nav-announcement:hover .nav-announcement-text span {
  animation-play-state: paused;
}

@keyframes announcement-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.app-navbar-modern .user-menu-modern {
  display: block;
  padding: .35rem;
  border-radius: 999px;
  color: inherit;
  text-decoration: none;
}

.app-navbar-modern .user-menu-modern:hover {
  background: #f8fafc;
}

.app-navbar-modern .user-name h6 {
  color: #1f2937;
  font-size: .9rem;
  font-weight: 900;
}

.app-navbar-modern .user-name p {
  color: #667085;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
}

.app-navbar-modern .nav-avatar,
.app-sidebar-modern .sidebar-agent-avatar,
.app-sidebar-modern .sidebar-logo-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #1570ef;
  color: #fff;
  font-weight: 900;
  line-height: 1;
  padding: 0;
}

.app-navbar-modern .nav-avatar {
  width: 42px;
  height: 42px;
}

.app-navbar-modern .nav-avatar i,
.app-sidebar-modern .sidebar-agent-avatar i {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  line-height: 1;
}

.app-navbar-modern .nav-avatar i::before,
.app-sidebar-modern .sidebar-agent-avatar i::before {
  display: block;
  line-height: 1;
  margin: 0;
}

.app-navbar-modern .nav-profile-menu {
  min-width: 13rem;
  border: 1px solid #e7ecf3;
  border-radius: 10px;
  box-shadow: 0 18px 38px rgba(16, 24, 40, .12);
}

.app-sidebar-modern {
  background: #ffffff;
  border-right: 1px solid #e7ecf3;
}

.app-sidebar-modern .sidebar-header {
  padding: 1.35rem 1.25rem 1rem;
}

.app-sidebar-modern .sidebar-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
}

.app-sidebar-modern .sidebar-logo {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  color: inherit;
}

.app-sidebar-modern .sidebar-logo-mark {
  width: 42px;
  height: 42px;
  box-shadow: 0 10px 20px rgba(21, 112, 239, .22);
}

.app-sidebar-modern .sidebar-logo-image {
  overflow: hidden;
  padding: 6px;
}

.app-sidebar-modern .sidebar-logo-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.app-sidebar-modern .sidebar-logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.app-sidebar-modern .sidebar-logo-text span {
  color: #1f2937;
  font-size: 1rem;
  font-weight: 900;
}

.app-sidebar-modern .sidebar-logo-text small {
  color: #667085;
  font-size: .73rem;
  font-weight: 800;
  margin-top: .25rem;
}

.app-sidebar-modern .sidebar-agent-card {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-top: 1rem;
  padding: .85rem;
  border: 1px solid #e7ecf3;
  border-radius: 12px;
  background: #f8fafc;
}

.app-sidebar-modern .sidebar-agent-avatar {
  width: 38px;
  height: 38px;
  background: #e8f4ff;
  color: #1570ef;
  flex: 0 0 auto;
}

.app-sidebar-modern .sidebar-agent-meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.app-sidebar-modern .sidebar-agent-meta strong {
  color: #1f2937;
  font-size: .86rem;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-sidebar-modern .sidebar-agent-meta span {
  color: #667085;
  font-size: .72rem;
  font-weight: 800;
  margin-top: .2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.app-sidebar-modern .sidebar-menu {
  padding: .25rem .9rem 1.25rem;
}

.app-sidebar-modern .sidebar-title {
  color: #98a2b3;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin: 1.1rem .65rem .45rem;
}

.app-sidebar-modern .sidebar-link {
  margin: .18rem 0;
  border-radius: 10px;
  color: #526176;
  font-weight: 800;
}

.app-sidebar-modern .sidebar-link i {
  color: #8a96a8;
}

.app-sidebar-modern .sidebar-item.active > .sidebar-link,
.app-sidebar-modern .sidebar-link:hover {
  background: #eef4ff;
  color: #1570ef;
}

.app-sidebar-modern .sidebar-item.active > .sidebar-link i,
.app-sidebar-modern .sidebar-link:hover i {
  color: #1570ef;
}

html[data-bs-theme="dark"] .app-navbar-modern,
html[data-bs-theme=dark] .app-navbar-modern {
  background: rgba(31, 34, 48, 0.94);
  border-color: #32384a;
  box-shadow: 0 18px 36px rgba(0, 0, 0, .24);
}

html[data-bs-theme="dark"] .app-navbar-modern .nav-icon-button,
html[data-bs-theme=dark] .app-navbar-modern .nav-icon-button,
html[data-bs-theme="dark"] .app-navbar-modern .nav-announcement,
html[data-bs-theme=dark] .app-navbar-modern .nav-announcement,
html[data-bs-theme="dark"] .app-navbar-modern .user-menu-modern:hover,
html[data-bs-theme=dark] .app-navbar-modern .user-menu-modern:hover {
  background: #282d3d;
  border-color: #3a4155;
}

html[data-bs-theme="dark"] .app-navbar-modern .nav-icon-button,
html[data-bs-theme=dark] .app-navbar-modern .nav-icon-button {
  background: #282d3d;
  border-color: #3a4155;
  color: #8ab4ff;
}

html[data-bs-theme="dark"] .app-navbar-modern .nav-icon-button:hover,
html[data-bs-theme=dark] .app-navbar-modern .nav-icon-button:hover {
  background: #263654;
  border-color: #33415c;
}

html[data-bs-theme="dark"] .app-navbar-modern .nav-page-title,
html[data-bs-theme=dark] .app-navbar-modern .nav-page-title,
html[data-bs-theme="dark"] .app-navbar-modern .user-name h6,
html[data-bs-theme=dark] .app-navbar-modern .user-name h6 {
  color: #eef2f7;
}

html[data-bs-theme="dark"] .app-navbar-modern .nav-page-label,
html[data-bs-theme=dark] .app-navbar-modern .nav-page-label,
html[data-bs-theme="dark"] .app-navbar-modern .nav-announcement,
html[data-bs-theme=dark] .app-navbar-modern .nav-announcement,
html[data-bs-theme="dark"] .app-navbar-modern .user-name p,
html[data-bs-theme=dark] .app-navbar-modern .user-name p {
  color: #a9b4c4;
}

html[data-bs-theme="dark"] .app-navbar-modern .nav-profile-menu,
html[data-bs-theme=dark] .app-navbar-modern .nav-profile-menu {
  background: #1f2230;
  border-color: #32384a;
}

html[data-bs-theme="dark"] .app-sidebar-modern,
html[data-bs-theme=dark] .app-sidebar-modern {
  background: #1f2230;
  border-right-color: #32384a;
}

html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-logo-text span,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-logo-text span,
html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-agent-meta strong,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-agent-meta strong {
  color: #eef2f7;
}

html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-logo-text small,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-logo-text small,
html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-agent-meta span,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-agent-meta span,
html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-title,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-title {
  color: #a9b4c4;
}

html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-agent-card,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-agent-card {
  background: #282d3d;
  border-color: #3a4155;
}

html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-link,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-link {
  color: #b8c4d6;
}

html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-link i,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-link i {
  color: #8f9bad;
}

html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-item.active > .sidebar-link,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-item.active > .sidebar-link,
html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-link:hover,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-link:hover {
  background: #263654;
  color: #8ab4ff;
}

html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-item.active > .sidebar-link i,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-item.active > .sidebar-link i,
html[data-bs-theme="dark"] .app-sidebar-modern .sidebar-link:hover i,
html[data-bs-theme=dark] .app-sidebar-modern .sidebar-link:hover i {
  color: #8ab4ff;
}

.app-sidebar-modern.sidebar-simple .sidebar-header {
  padding: 1rem 1rem .5rem;
}

.app-sidebar-modern.sidebar-simple .sidebar-agent-card {
  display: none;
}

.app-sidebar-modern.sidebar-simple .sidebar-menu {
  padding: .35rem .85rem 1.15rem;
}

.app-sidebar-modern.sidebar-simple .menu {
  margin-top: .25rem !important;
  padding: 0 !important;
}

.app-sidebar-modern.sidebar-simple .sidebar-title {
  display: none !important;
}

.app-sidebar-modern.sidebar-simple .sidebar-item {
  margin: .18rem 0 !important;
  list-style: none;
}

.app-sidebar-modern.sidebar-simple .sidebar-link {
  min-height: 44px;
  padding: .6rem .78rem !important;
  border-radius: 8px;
  color: #c7cde0;
  font-size: .92rem !important;
  font-weight: 800;
  position: relative;
}

.app-sidebar-modern.sidebar-simple .sidebar-link i {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  color: #aeb7d1;
  font-size: 1.06rem;
}

.app-sidebar-modern.sidebar-simple .sidebar-link span {
  margin-left: .78rem !important;
}

.app-sidebar-modern.sidebar-simple .sidebar-item.active > .sidebar-link {
  background: #6965ff;
  color: #fff;
  box-shadow: none;
}

.app-sidebar-modern.sidebar-simple .sidebar-item.active > .sidebar-link::after {
  content: "";
  position: absolute;
  right: -12px;
  top: 9px;
  bottom: 9px;
  width: 4px;
  border-radius: 999px 0 0 999px;
  background: #6965ff;
}

.app-sidebar-modern.sidebar-simple .sidebar-item.active > .sidebar-link i {
  color: #fff;
}

.app-sidebar-modern.sidebar-simple .sidebar-link:hover {
  background: rgba(105, 101, 255, .12);
  color: #fff;
}

.app-sidebar-modern.sidebar-simple .sidebar-link:hover i {
  color: #fff;
}

.app-sidebar-modern.sidebar-simple .sidebar-logo-mark {
  width: 38px;
  height: 38px;
  border-radius: 9px;
}

.app-sidebar-modern.sidebar-simple .theme-toggle {
  transform: scale(.92);
  transform-origin: right center;
}

html[data-bs-theme="dark"] .app-sidebar-modern.sidebar-simple .sidebar-link,
html[data-bs-theme=dark] .app-sidebar-modern.sidebar-simple .sidebar-link {
  color: #c7cde0;
}

html[data-bs-theme="dark"] .app-sidebar-modern.sidebar-simple .sidebar-link i,
html[data-bs-theme=dark] .app-sidebar-modern.sidebar-simple .sidebar-link i {
  color: #aeb7d1;
}

html[data-bs-theme="dark"] .app-sidebar-modern.sidebar-simple .sidebar-item.active > .sidebar-link,
html[data-bs-theme=dark] .app-sidebar-modern.sidebar-simple .sidebar-item.active > .sidebar-link {
  background: #6965ff;
  color: #fff;
}

html[data-bs-theme="dark"] .app-sidebar-modern.sidebar-simple .sidebar-item.active > .sidebar-link i,
html[data-bs-theme=dark] .app-sidebar-modern.sidebar-simple .sidebar-item.active > .sidebar-link i {
  color: #fff;
}

#sidebar .app-sidebar-modern.sidebar-wrapper {
  width: 280px;
}

@media screen and (min-width: 1200px) {
  #sidebar ~ #main {
    margin-left: 280px;
  }
}

#main.layout-navbar {
  --navbar-height: 74px;
}

#main #main-content {
  padding: 1.5rem 1.9rem 2rem;
}

.modern-page-heading {
  margin: 0 0 1.15rem;
}

.modern-page-heading h3 {
  font-size: 1.25rem;
  font-weight: 900;
  margin-bottom: 0;
}

.modern-page-heading .breadcrumb {
  margin-bottom: 0;
  padding: .55rem .75rem;
  border: 1px solid #e7ecf3;
  border-radius: 999px;
  background: #f8fafc;
}

.modern-page-heading .breadcrumb-item,
.modern-page-heading .breadcrumb-item a {
  font-size: .82rem;
  font-weight: 800;
}

html[data-bs-theme="dark"] .modern-page-heading .breadcrumb,
html[data-bs-theme=dark] .modern-page-heading .breadcrumb {
  background: #282d3d;
  border-color: #3a4155;
}

.app-navbar-modern {
  margin: .75rem 1rem 0;
  min-height: 62px;
  padding: .7rem 1rem;
  border-radius: 10px;
}

.app-navbar-modern .nav-icon-button {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 11px;
}

.app-navbar-modern .nav-page-label {
  font-size: .66rem;
}

.app-navbar-modern .nav-page-title {
  font-size: .92rem;
  margin-top: .18rem;
}

.app-navbar-modern .nav-announcement {
  height: 38px;
  max-width: 520px;
  padding: 0 .75rem;
}

.app-navbar-modern .nav-announcement-text {
  font-size: .8rem;
}

.app-navbar-modern .nav-avatar {
  width: 38px;
  height: 38px;
  border-radius: 9px;
}

.app-navbar-modern .user-name h6 {
  font-size: .84rem;
}

.app-navbar-modern .user-name p {
  font-size: .66rem;
}

.app-sidebar-modern .sidebar-header {
  padding: .9rem .95rem .25rem;
}

.app-sidebar-modern .sidebar-logo-mark {
  width: 38px;
  height: 38px;
  border-radius: 9px;
}

.app-sidebar-modern .sidebar-logo {
  gap: .65rem;
}

.app-sidebar-modern .sidebar-logo-text span {
  font-size: .92rem;
}

.app-sidebar-modern .sidebar-logo-text small {
  font-size: .68rem;
}

.app-sidebar-modern .theme-toggle svg {
  width: 15px;
  height: 15px;
}

.app-sidebar-modern .theme-toggle .form-switch {
  padding-left: 2.1em;
}

.app-sidebar-modern .theme-toggle .form-check-input {
  width: 2.1em;
  height: 1.08em;
}

.app-sidebar-modern .sidebar-agent-card {
  margin-top: .72rem;
  margin-bottom: .15rem;
  padding: .6rem;
  border-radius: 10px;
}

.app-sidebar-modern .sidebar-agent-avatar {
  width: 34px;
  height: 34px;
  border-radius: 9px;
}

.app-sidebar-modern .sidebar-agent-meta strong {
  font-size: .82rem;
}

.app-sidebar-modern .sidebar-agent-meta span {
  font-size: .66rem;
}

.app-sidebar-modern .sidebar-menu {
  padding: 0 .68rem .9rem;
}

.app-sidebar-modern .sidebar-wrapper .menu,
.app-sidebar-modern .menu {
  margin-top: .15rem;
  padding: 0 .28rem;
}

.app-sidebar-modern .sidebar-title {
  font-size: .66rem;
  margin: .35rem .62rem .25rem;
  line-height: 1.1;
}

.app-sidebar-modern.sidebar-wrapper .menu {
  margin-top: .15rem !important;
}

.app-sidebar-modern.sidebar-wrapper .menu .sidebar-title {
  margin: .35rem .62rem .25rem !important;
  padding: 0 !important;
}

.app-sidebar-modern .sidebar-link {
  min-height: 38px;
  padding: .48rem .7rem !important;
  font-size: .88rem !important;
  border-radius: 9px;
  gap: 0;
}

.app-sidebar-modern .sidebar-link span {
  margin-left: .62rem !important;
}

.app-sidebar-modern .sidebar-link i {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.08rem;
  line-height: 1;
  flex: 0 0 22px;
}

.app-sidebar-modern .sidebar-link i::before {
  display: block;
  line-height: 1;
}

.app-sidebar-modern .sidebar-item {
  margin-top: .1rem !important;
}

@media screen and (max-width: 1199px) {
  #sidebar .app-sidebar-modern.sidebar-wrapper {
    width: min(320px, 84vw);
    left: calc(-1 * min(320px, 84vw));
  }

  #sidebar.active .app-sidebar-modern.sidebar-wrapper {
    left: 0;
  }

  .app-navbar-modern {
    margin: .65rem .75rem 0;
  }

  #main #main-content {
    padding: 1.15rem;
  }
}

@media (max-width: 575.98px) {
  #sidebar .app-sidebar-modern.sidebar-wrapper {
    width: min(292px, 86vw);
    left: calc(-1 * min(292px, 86vw));
  }

  #sidebar.active .app-sidebar-modern.sidebar-wrapper {
    left: 0;
  }

  .app-sidebar-modern .sidebar-header {
    padding: .9rem .85rem .65rem;
  }

  .app-sidebar-modern .sidebar-agent-card {
    margin-top: .7rem;
  }

  .app-navbar-modern .nav-page-context {
    display: none !important;
  }
}

@font-face {
  font-family: 'Iconly---Bold';
  src: url('/assets/compiled/fonts/Iconly---Bold.woff') format('woff'),
       url('/assets/compiled/fonts/Iconly---Bold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@media (max-width: 575.98px) {
  .dashboard-page .font-extrabold {
    white-space: nowrap;
    font-size: 1.05rem;
  }

  .dashboard-page .card-body.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .dashboard-page .card-body.py-4-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .dashboard-page .stats-icon {
    width: 3.5rem;
    height: 3.5rem;
  }

  .dashboard-page .stats-icon i {
    font-size: 1.9rem;
  }

  .dashboard-page .card .row {
    align-items: center;
  }

  .dashboard-page .card .col-4 {
    flex: 0 0 60px;
    max-width: 60px;
  }

  .dashboard-page .card .col-8 {
    flex: 1 1 auto;
    max-width: calc(100% - 60px);
  }

  .dashboard-page .card-header {
    padding: 0.9rem 1.1rem;
  }

  .dashboard-page .card-title {
    font-size: 1rem;
  }

  .dashboard-page .text-subtitle {
    font-size: 0.9rem;
  }

  .dashboard-page #apexChart1,
  .dashboard-page #apexChart2,
  .dashboard-page #apexChart3 {
    min-height: 220px;
  }

  .dashboard-page #chartjsDoughnut,
  .dashboard-page #chartjsArea {
    height: 240px !important;
  }
}

@media (max-width: 767.98px) {
  .dashboard-page .row.g-4 > .col-6 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 992px) {
  .dashboard-page .card .row {
    align-items: center;
    flex-wrap: nowrap;
  }

  .dashboard-page .card .col-4 {
    flex: 0 0 60px;
    max-width: 60px;
  }

  .dashboard-page .card .col-8 {
    flex: 1 1 0;
    min-width: 0;
    max-width: calc(100% - 60px);
  }

  .dashboard-page .stats-icon {
    margin-bottom: 0;
  }
}

/* Global modern UI refresh */
:root {
  --ui-bg: #f6f8fb;
  --ui-panel: #ffffff;
  --ui-panel-soft: #f8fafc;
  --ui-line: #e7ecf3;
  --ui-text: #1f2937;
  --ui-muted: #667085;
  --ui-primary: #1570ef;
  --ui-primary-soft: #eef4ff;
  --ui-success: #079455;
  --ui-warning: #dc6803;
  --ui-danger: #e31b54;
  --ui-shadow: 0 18px 40px rgba(16, 24, 40, .07);
}

body {
  background: var(--ui-bg);
}

#main #main-content {
  background:
    radial-gradient(900px 420px at 70% -12%, rgba(21, 112, 239, .08), transparent 62%),
    var(--ui-bg);
}

.page-content .section {
  max-width: 100%;
}

.card {
  border: 1px solid var(--ui-line) !important;
  border-radius: 12px !important;
  background: var(--ui-panel) !important;
  box-shadow: var(--ui-shadow) !important;
  overflow: hidden;
}

.card .card-header {
  background: var(--ui-panel) !important;
  border-bottom: 1px solid var(--ui-line) !important;
  padding: 1.05rem 1.15rem !important;
}

.card .card-title {
  color: var(--ui-text);
  font-weight: 900;
  letter-spacing: 0;
}

.card .card-body {
  padding: 1.15rem !important;
}

.text-muted,
.text-gray-600,
.card .card-subtitle,
.card .card-description {
  color: var(--ui-muted) !important;
}

.form-label {
  color: #344054;
  font-size: .85rem;
  font-weight: 800;
  margin-bottom: .45rem;
}

.form-control,
.form-select,
.dataTable-input,
.dataTable-selector {
  min-height: 42px;
  border: 1px solid #d8e0ec !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  color: var(--ui-text) !important;
  box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
.dataTable-input:focus {
  border-color: #9cc2ff !important;
  box-shadow: 0 0 0 4px rgba(21, 112, 239, .12) !important;
}

textarea.form-control {
  min-height: 112px;
}

.btn {
  border-radius: 10px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.btn-sm {
  border-radius: 8px !important;
}

.btn-primary {
  background: var(--ui-primary) !important;
  border-color: var(--ui-primary) !important;
}

.btn-outline-primary {
  color: var(--ui-primary) !important;
  border-color: #b8d2ff !important;
  background: #fff !important;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background: var(--ui-primary) !important;
  border-color: var(--ui-primary) !important;
}

.btn-outline-warning {
  color: var(--ui-warning) !important;
  border-color: #fedf89 !important;
}

.btn-outline-danger {
  color: var(--ui-danger) !important;
  border-color: #fecdd6 !important;
}

.table-responsive {
  border-radius: 10px;
}

.table,
.dataTable-table {
  color: var(--ui-text);
  margin-bottom: 0;
}

.table thead th,
.dataTable-table thead th {
  background: var(--ui-panel-soft) !important;
  border-bottom: 1px solid var(--ui-line) !important;
  color: #475467 !important;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.table tbody td,
.dataTable-table tbody td {
  border-color: #eef2f7 !important;
  color: #344054;
}

.table-striped > tbody > tr:nth-of-type(odd) > *,
.dataTable-table > tbody > tr:nth-of-type(odd) > * {
  background: rgba(248, 250, 252, .65) !important;
}

.table-hover > tbody > tr:hover > *,
.dataTable-table > tbody > tr:hover > * {
  background: #eef4ff !important;
}

.badge {
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: 0;
  padding: .42rem .58rem;
}

.alert {
  border-radius: 12px !important;
  border: 1px solid var(--ui-line) !important;
}

.modal-content {
  border: 1px solid var(--ui-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 26px 80px rgba(16, 24, 40, .18) !important;
  overflow: hidden;
}

.modal-header,
.modal-footer {
  border-color: var(--ui-line) !important;
  background: var(--ui-panel) !important;
}

.modal-title {
  color: var(--ui-text);
  font-weight: 900;
}

.dropdown-menu {
  border: 1px solid var(--ui-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 46px rgba(16, 24, 40, .12) !important;
}

.dropdown-item {
  border-radius: 8px;
  font-weight: 700;
}

.dropdown-menu li {
  padding-left: .35rem;
  padding-right: .35rem;
}

.pagination .page-link,
.dataTable-pagination a {
  border-radius: 8px !important;
  border-color: var(--ui-line) !important;
  color: var(--ui-primary) !important;
  font-weight: 800;
}

.pagination .page-item.active .page-link,
.dataTable-pagination .active a {
  background: var(--ui-primary) !important;
  border-color: var(--ui-primary) !important;
  color: #fff !important;
}

.dataTable-top,
.dataTable-bottom {
  padding: .25rem 0;
}

.swal2-popup {
  border-radius: 14px !important;
}

html[data-bs-theme="dark"],
html[data-bs-theme=dark] {
  --ui-bg: #151521;
  --ui-panel: #1f2230;
  --ui-panel-soft: #282d3d;
  --ui-line: #32384a;
  --ui-text: #eef2f7;
  --ui-muted: #a9b4c4;
  --ui-primary: #8ab4ff;
  --ui-primary-soft: #263654;
  --ui-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

html[data-bs-theme="dark"] body,
html[data-bs-theme=dark] body {
  background: var(--ui-bg);
}

html[data-bs-theme="dark"] #main #main-content,
html[data-bs-theme=dark] #main #main-content {
  background:
    radial-gradient(900px 420px at 70% -12%, rgba(138, 180, 255, .08), transparent 62%),
    var(--ui-bg);
}

html[data-bs-theme="dark"] .card,
html[data-bs-theme=dark] .card,
html[data-bs-theme="dark"] .modal-content,
html[data-bs-theme=dark] .modal-content,
html[data-bs-theme="dark"] .dropdown-menu,
html[data-bs-theme=dark] .dropdown-menu {
  background: var(--ui-panel) !important;
  border-color: var(--ui-line) !important;
}

html[data-bs-theme="dark"] .card .card-header,
html[data-bs-theme=dark] .card .card-header,
html[data-bs-theme="dark"] .modal-header,
html[data-bs-theme=dark] .modal-header,
html[data-bs-theme="dark"] .modal-footer,
html[data-bs-theme=dark] .modal-footer {
  background: var(--ui-panel) !important;
  border-color: var(--ui-line) !important;
}

html[data-bs-theme="dark"] .card .card-title,
html[data-bs-theme=dark] .card .card-title,
html[data-bs-theme="dark"] .modal-title,
html[data-bs-theme=dark] .modal-title,
html[data-bs-theme="dark"] .table,
html[data-bs-theme=dark] .table,
html[data-bs-theme="dark"] .dataTable-table,
html[data-bs-theme=dark] .dataTable-table {
  color: var(--ui-text) !important;
}

html[data-bs-theme="dark"] .form-label,
html[data-bs-theme=dark] .form-label {
  color: #d5dbea;
}

html[data-bs-theme="dark"] .form-control,
html[data-bs-theme=dark] .form-control,
html[data-bs-theme="dark"] .form-select,
html[data-bs-theme=dark] .form-select,
html[data-bs-theme="dark"] .dataTable-input,
html[data-bs-theme=dark] .dataTable-input,
html[data-bs-theme="dark"] .dataTable-selector,
html[data-bs-theme=dark] .dataTable-selector {
  background-color: #282d3d !important;
  border-color: #3a4155 !important;
  color: var(--ui-text) !important;
}

html[data-bs-theme="dark"] .table thead th,
html[data-bs-theme=dark] .table thead th,
html[data-bs-theme="dark"] .dataTable-table thead th,
html[data-bs-theme=dark] .dataTable-table thead th {
  background: var(--ui-panel-soft) !important;
  color: #c5cede !important;
  border-color: var(--ui-line) !important;
}

html[data-bs-theme="dark"] .table tbody td,
html[data-bs-theme=dark] .table tbody td,
html[data-bs-theme="dark"] .dataTable-table tbody td,
html[data-bs-theme=dark] .dataTable-table tbody td {
  color: #d7deeb;
  border-color: #2d3445 !important;
}

html[data-bs-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > *,
html[data-bs-theme=dark] .table-striped > tbody > tr:nth-of-type(odd) > *,
html[data-bs-theme="dark"] .dataTable-table > tbody > tr:nth-of-type(odd) > *,
html[data-bs-theme=dark] .dataTable-table > tbody > tr:nth-of-type(odd) > * {
  background: rgba(40, 45, 61, .62) !important;
}

html[data-bs-theme="dark"] .table-hover > tbody > tr:hover > *,
html[data-bs-theme=dark] .table-hover > tbody > tr:hover > *,
html[data-bs-theme="dark"] .dataTable-table > tbody > tr:hover > *,
html[data-bs-theme=dark] .dataTable-table > tbody > tr:hover > * {
  background: #263654 !important;
}

html[data-bs-theme="dark"] .btn-outline-primary,
html[data-bs-theme=dark] .btn-outline-primary {
  background: transparent !important;
  color: #8ab4ff !important;
  border-color: #415b86 !important;
}

@media (max-width: 767.98px) {
  .card .card-header,
  .card .card-body {
    padding: 1rem !important;
  }

  .table thead th,
  .dataTable-table thead th {
    font-size: .72rem;
  }
}

.app-page-shell {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.app-page-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--ui-line);
  border-radius: 14px;
  background: var(--ui-panel);
  box-shadow: var(--ui-shadow);
}

.app-page-kicker {
  color: var(--ui-primary);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .35rem;
}

.app-page-title {
  color: var(--ui-text);
  font-size: 1.35rem;
  font-weight: 900;
  margin: 0;
}

.app-page-copy {
  color: var(--ui-muted);
  margin: .35rem 0 0;
}

.app-page-icon {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--ui-primary-soft);
  color: var(--ui-primary);
  flex: 0 0 auto;
}

.app-page-icon i {
  font-size: 1.55rem;
  line-height: 1;
}

.app-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.app-mini-stat {
  padding: 1rem;
  border: 1px solid var(--ui-line);
  border-radius: 12px;
  background: var(--ui-panel);
  box-shadow: var(--ui-shadow);
}

.app-mini-stat span {
  display: block;
  color: var(--ui-muted);
  font-size: .78rem;
  font-weight: 800;
}

.app-mini-stat strong {
  display: block;
  color: var(--ui-text);
  font-size: 1.35rem;
  font-weight: 900;
  margin-top: .35rem;
}

.app-form-panel,
.app-side-panel {
  height: 100%;
}

.app-side-panel {
  padding: 1.15rem;
  border: 1px solid var(--ui-line);
  border-radius: 14px;
  background: linear-gradient(180deg, var(--ui-primary-soft), var(--ui-panel));
  box-shadow: var(--ui-shadow);
}

.app-side-panel h5 {
  color: var(--ui-text);
  font-weight: 900;
}

.app-check-list {
  display: grid;
  gap: .75rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.app-check-list li {
  display: flex;
  gap: .65rem;
  color: var(--ui-muted);
  font-weight: 700;
}

.app-check-list i {
  color: var(--ui-success);
}

.provider-logo-cell {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  object-fit: cover;
  background: var(--ui-panel-soft);
  border: 1px solid var(--ui-line);
}

@media (max-width: 991.98px) {
  .app-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  .app-page-hero {
    align-items: flex-start;
  }

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