@charset "UTF-8";
:root,
[data-color-theme="light"] {
  --body-font-size-lg: 1rem;
  --body-font-size-sm: 0.75rem;
  --body-font-size-xs: 0.625rem;
  --body-line-height-computed: calc(1375rem / 1000);
  --body-line-height-lg: 1.375;
  --body-line-height-sm: 1.8334;
  --body-line-height-xs: 2.2;
  --component-active-bg: #0c83ff;
  --component-active-bg-rgb: 12, 131, 255;
  --component-active-color: #fff;
  --focus-ring-box-shadow: 0 0 0 0.125rem rgba(12, 131, 255, 0.25);
  --spacer-1: 0.3125rem;
  --spacer-2: 0.625rem;
  --spacer: 1.25rem;
  --spacer-4: 1.875rem;
  --spacer-5: 3.75rem;
  --icon-font-family: Phosphor;
  --icon-font-size: 1.25rem;
  --icon-font-size-lg: 1.5rem;
  --icon-font-size-sm: 1rem;
  --box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.125);
  --box-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --box-shadow-lg: 0 6px 12px rgba(0, 0, 0, 0.15);
  --transition-base-timer: 0.15s;
  --transition-collapse-timer: 0.3s;
  --gray-100: #f9fafb;
  --gray-200: #f3f4f6;
  --gray-300: #e5e7eb;
  --gray-400: #d1d5db;
  --gray-500: #9ca3af;
  --gray-600: #6b7280;
  --gray-700: #4b5563;
  --gray-800: #374151;
  --gray-900: #1f2937;
  --indigo: #5c6bc0;
  --purple: #8e70c1;
  --pink: #f35c86;
  --teal: #26a69a;
  --yellow: #ffd648;
  --primary: #0c83ff;
  --secondary: #247297;
  --success: #059669;
  --info: #049aad;
  --warning: #f58646;
  --danger: #ef4444;
  --light: #f3f4f6;
  --dark: #252b36;
  --black: #000;
  --white: #fff;
  --indigo-rgb: 92, 107, 192;
  --purple-rgb: 142, 112, 193;
  --pink-rgb: 243, 92, 134;
  --teal-rgb: 38, 166, 154;
  --yellow-rgb: 255, 214, 72;
  --primary-rgb: 12, 131, 255;
  --secondary-rgb: 36, 114, 151;
  --success-rgb: 5, 150, 105;
  --info-rgb: 4, 154, 173;
  --warning-rgb: 245, 134, 70;
  --danger-rgb: 239, 68, 68;
  --light-rgb: 243, 244, 246;
  --dark-rgb: 37, 43, 54;
  --black-rgb: 0, 0, 0;
  --white-rgb: 255, 255, 255;
  --body-color-rgb: 31, 41, 55;
  --body-bg-rgb: 241, 244, 249;
  --font-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --body-font-family: var(--font-sans-serif);
  --body-font-size: 0.875rem;
  --body-font-weight: 400;
  --body-line-height: 1.5715;
  --body-color: #1f2937;
  --body-bg: #f1f4f9;
  --border-width: 1px;
  --border-style: solid;
  --border-color: #d1d5db;
  --border-color-translucent: rgba(0, 0, 0, 0.125);
  --border-radius: 0.375rem;
  --border-radius-sm: 0.25rem;
  --border-radius-lg: 0.5rem;
  --border-radius-xl: 1rem;
  --border-radius-2xl: 2rem;
  --border-radius-pill: 50rem;
  --link-color: #0c83ff;
  --link-hover-color: #0962bf;
  --code-color: #f35c86;
  --highlight-bg: rgba(0, 0, 0, 0.15);
}
@charset "UTF-8";
[data-color-theme="dark"],
html[data-color-theme="dark"] [data-color-theme] {
  color-scheme: dark;
  --gray-100: #39393d;
  --gray-200: #3f4044;
  --gray-300: #46474a;
  --gray-400: #4d4d51;
  --gray-500: #6e6f71;
  --gray-600: #909092;
  --gray-700: #b1b1b3;
  --gray-800: #d2d3d3;
  --gray-900: #f4f4f4;
  --dark: #08090a;
  --dark-rgb: 8, 9, 10;
  --light: #383940;
  --light-rgb: 56, 57, 64;
  --body-bg: #202125;
  --body-color: #fff;
  --body-color-rgb: 255, 255, 255;
  --border-color: #4d4d51;
  --border-color-translucent: rgba(255, 255, 255, 0.125);
  --box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  --link-color: #6db5ff;
  --link-rgb-color: 109, 181, 255;
  --link-hover-color: #a0cfff;
  --highlight-bg: rgba(255, 255, 255, 0.3);
  --code-color: #f57d9e;
}
[data-color-theme="dark"] .text-indigo,
html[data-color-theme="dark"] [data-color-theme] .text-indigo {
  --indigo-rgb: 157, 166, 217;
}
[data-color-theme="dark"] .link-indigo,
html[data-color-theme="dark"] [data-color-theme] .link-indigo {
  --indigo-rgb: 157, 166, 217;
}
[data-color-theme="dark"] .text-purple,
html[data-color-theme="dark"] [data-color-theme] .text-purple {
  --purple-rgb: 187, 169, 218;
}
[data-color-theme="dark"] .link-purple,
html[data-color-theme="dark"] [data-color-theme] .link-purple {
  --purple-rgb: 187, 169, 218;
}
[data-color-theme="dark"] .text-pink,
html[data-color-theme="dark"] [data-color-theme] .text-pink {
  --pink-rgb: 248, 157, 182;
}
[data-color-theme="dark"] .link-pink,
html[data-color-theme="dark"] [data-color-theme] .link-pink {
  --pink-rgb: 248, 157, 182;
}
[data-color-theme="dark"] .text-teal,
html[data-color-theme="dark"] [data-color-theme] .text-teal {
  --teal-rgb: 125, 202, 194;
}
[data-color-theme="dark"] .link-teal,
html[data-color-theme="dark"] [data-color-theme] .link-teal {
  --teal-rgb: 125, 202, 194;
}
[data-color-theme="dark"] .text-yellow,
html[data-color-theme="dark"] [data-color-theme] .text-yellow {
  --yellow-rgb: 255, 230, 145;
}
[data-color-theme="dark"] .link-yellow,
html[data-color-theme="dark"] [data-color-theme] .link-yellow {
  --yellow-rgb: 255, 230, 145;
}
[data-color-theme="dark"] .text-primary,
html[data-color-theme="dark"] [data-color-theme] .text-primary {
  --primary-rgb: 109, 181, 255;
}
[data-color-theme="dark"] .link-primary,
html[data-color-theme="dark"] [data-color-theme] .link-primary {
  --primary-rgb: 109, 181, 255;
}
[data-color-theme="dark"] .text-secondary,
html[data-color-theme="dark"] [data-color-theme] .text-secondary {
  --secondary-rgb: 124, 170, 193;
}
[data-color-theme="dark"] .link-secondary,
html[data-color-theme="dark"] [data-color-theme] .link-secondary {
  --secondary-rgb: 124, 170, 193;
}
[data-color-theme="dark"] .text-success,
html[data-color-theme="dark"] [data-color-theme] .text-success {
  --success-rgb: 105, 192, 165;
}
[data-color-theme="dark"] .link-success,
html[data-color-theme="dark"] [data-color-theme] .link-success {
  --success-rgb: 105, 192, 165;
}
[data-color-theme="dark"] .text-info,
html[data-color-theme="dark"] [data-color-theme] .text-info {
  --info-rgb: 104, 194, 206;
}
[data-color-theme="dark"] .link-info,
html[data-color-theme="dark"] [data-color-theme] .link-info {
  --info-rgb: 104, 194, 206;
}
[data-color-theme="dark"] .text-warning,
html[data-color-theme="dark"] [data-color-theme] .text-warning {
  --warning-rgb: 249, 182, 144;
}
[data-color-theme="dark"] .link-warning,
html[data-color-theme="dark"] [data-color-theme] .link-warning {
  --warning-rgb: 249, 182, 144;
}
[data-color-theme="dark"] .text-danger,
html[data-color-theme="dark"] [data-color-theme] .text-danger {
  --danger-rgb: 245, 143, 143;
}
[data-color-theme="dark"] .link-danger,
html[data-color-theme="dark"] [data-color-theme] .link-danger {
  --danger-rgb: 245, 143, 143;
}
[data-color-theme="dark"] .text-light,
html[data-color-theme="dark"] [data-color-theme] .text-light {
  --light-rgb: 156, 163, 175;
}
[data-color-theme="dark"] .link-light,
html[data-color-theme="dark"] [data-color-theme] .link-light {
  --light-rgb: 156, 163, 175;
}
[data-color-theme="dark"] .text-dark,
html[data-color-theme="dark"] [data-color-theme] .text-dark {
  --dark-rgb: 249, 250, 251;
}
[data-color-theme="dark"] .link-dark,
html[data-color-theme="dark"] [data-color-theme] .link-dark {
  --dark-rgb: 249, 250, 251;
}


::after,
::before {
  box-sizing: border-box;
}

.nav-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #efefef !important;
}
.nav-link.active {
  color: var(--nav-link-active-color);
}
.nav-link.show {
  color: var(--nav-link-hover-color);
}

/* Start Side Bar */
.sidebar-main,
.sidebar-secondary {
  left: calc(var(--sidebar-width) * 1.1 * -1);
  border-right: var(--sidebar-border-width) solid var(--sidebar-border-color);
}
.sidebar {
  --sidebar-width: 18.75rem;
  --sidebar-bg: #fff;
  --sidebar-color: var(--body-color);
  --sidebar-border-color: var(--border-color);
  --sidebar-border-width: var(--border-width);
  --sidebar-box-shadow: 0.25rem 0 1rem rgba(var(--black-rgb), 0.35);
  --sidebar-section-padding-y: 1.25rem;
  --sidebar-section-padding-x: 1.25rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: var(--sidebar-width);
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: var(--sidebar-bg);
  color: var(--sidebar-color);
  box-shadow: var(--sidebar-box-shadow);
}
.sidebar[data-color-theme="dark"],
[data-color-theme="dark"] .sidebar:not([data-color-theme]),
html[data-color-theme="dark"] .sidebar {
  color-scheme: dark;
  --sidebar-bg: #2c2d33;
}

.sidebar-content {
  position: relative;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.sidebar-section {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.sidebar
  .nav-tabs:not(.nav-tabs-underline):not(.nav-tabs-overline)
  .nav-link.active {
  background-color: var(--sidebar-bg);
  border-bottom-color: var(--sidebar-bg);
}

.sidebar-mobile-expanded.sidebar-main,
.sidebar-mobile-expanded.sidebar-secondary {
  left: 0;
}
.sidebar-mobile-expanded.sidebar-end {
  right: 0;
}
.sidebar-mobile-expanded.sidebar-component {
  display: block;
}

.sidebar-dark {
  --sidebar-bg: #252b36;
  --sidebar-color: #fff;
  --sidebar-border-color: transparent;
  color-scheme: dark;
}
.sidebar-dark[data-color-theme="dark"],
[data-color-theme="dark"] .sidebar-dark:not([data-color-theme]),
html[data-color-theme="dark"] .sidebar-dark {
  color-scheme: dark;
  --sidebar-bg: #141517;
}
.sidebar-dark .nav-sidebar {
  --nav-sidebar-divider-color: rgba(255, 255, 255, 0.125);
  --nav-link-color: rgba(255, 255, 255, 0.85);
  --nav-link-hover-color: #fff;
  --nav-link-hover-bg: rgba(var(--white-rgb), 0.1);
  --nav-link-hover-active-bg: rgba(var(--white-rgb), 0.15);
  --nav-link-active-color: var(--white);
  --nav-link-active-bg: rgba(var(--white-rgb), 0.15);
  --nav-link-disabled-color: rgba(var(--white-rgb), 0.5);
}
.sidebar-dark .btn-sidebar-expand {
  --btn-bg: #252b36;
  --btn-hover-bg: #2f3745;
  --btn-active-bg: #353d4d;
}
.sidebar-dark .btn-sidebar-expand[data-color-theme="dark"],
[data-color-theme="dark"]
  .sidebar-dark
  .btn-sidebar-expand:not([data-color-theme]),
html[data-color-theme="dark"] .sidebar-dark .btn-sidebar-expand {
  color-scheme: dark;
  --btn-bg: #141517;
  --btn-hover-bg: #202125;
  --btn-active-bg: #26272c;
}


@media (max-width: 991.98px) {
  .sidebar-expand-lg {
    --sidebar-border-width: 0;
    z-index: 1040;
    transition: left ease-in-out var(--transition-base-timer),
      right ease-in-out var(--transition-base-timer);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .sidebar-expand-lg {
    transition: none;
  }
}


.nav-sidebar {
  --nav-sidebar-padding-y: 0.5rem;
  --nav-sidebar-divider-color: var(--border-color);
  --nav-link-spacer-y: 1px;
  --nav-link-padding-y: 0.625rem;
  --nav-link-padding-x: 1.25rem;
  --nav-link-color: var(--body-color);
  --nav-link-hover-bg: var(--gray-200);
  --nav-link-hover-active-bg: var(--gray-300);
  --nav-link-hover-color: var(--body-color);
  --nav-link-active-bg: rgba(var(--primary-rgb), 0.1);
  --nav-link-active-color: var(--link-color);
  --nav-link-font-weight: 500;
  -ms-flex-direction: column;
  flex-direction: column;
}
.nav-sidebar .nav-item:not(.nav-item-header):first-child {
  padding-top: var(--nav-sidebar-padding-y);
}
.nav-sidebar .nav-item:not(.nav-item-header):last-child {
  padding-bottom: var(--nav-sidebar-padding-y);
}
.nav-sidebar .nav-item:not(.nav-item-divider):not(:last-child) {
  margin-bottom: var(--nav-link-spacer-y);
}
.nav-sidebar .nav-link {
  position: relative;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: transparent;
}
.nav-sidebar .nav-link:focus,
.nav-sidebar .nav-link:hover {
  background-color: var(--nav-link-hover-bg);
}
.nav-sidebar .nav-link:active {
  background-color: var(--nav-link-hover-active-bg);
}
.nav-sidebar .nav-link.active {
  background-color: var(--nav-link-active-bg);
}
.nav-sidebar .nav-link i {
  margin-right: var(--nav-link-padding-x);
  margin-top: calc(
    (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5
  );
  margin-bottom: calc(
    (var(--body-line-height-computed) - var(--icon-font-size)) * 0.5
  );
}
.nav-sidebar .nav-item-open > .nav-link:not(.disabled):not(:active),
.nav-sidebar > .nav-item-expanded > .nav-link:not(:active) {
  background-color: var(--nav-link-hover-bg);
}
.nav-sidebar .nav-item-header {
  padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
}
.nav-sidebar .nav-item-divider {
  background-color: var(--nav-sidebar-divider-color);
  margin: var(--nav-sidebar-padding-y) 0;
  height: var(--border-width);
}
.nav-item-submenu > .nav-link {
  padding-right: calc(var(--nav-link-padding-x) + var(--body-font-size) * 1.5);
}
.nav-item-submenu > .nav-link:after {
  content: "\f31c";
  font-family: var(--icon-font-family);
  display: inline-block;
  font-size: var(--body-font-size);
  vertical-align: middle;
  line-height: 1;
  position: absolute;
  top: var(--nav-link-padding-y);
  margin-top: calc(
    (var(--body-line-height-computed) - var(--body-font-size)) * 0.5
  );
  right: var(--nav-link-padding-x);
  transition: -webkit-transform ease-in-out var(--transition-collapse-timer);
  transition: transform ease-in-out var(--transition-collapse-timer);
  transition: transform ease-in-out var(--transition-collapse-timer),
    -webkit-transform ease-in-out var(--transition-collapse-timer);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}