@import url("/assets/fonts/inter/inter.css");
@import url("/assets/fonts/tabler-icons.min.css");
:root{--tblr-body-font-family:"InterVariable",Inter,-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;--bs-body-font-family:"InterVariable",Inter,-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif}
:root{--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--pc-active-background:#f3f5f7;--pc-sidebar-background:transparent;--pc-sidebar-color:#5b6b79;--pc-sidebar-active-color:#0d6efd;--pc-sidebar-shadow:none;--pc-sidebar-caption-color:#3e4853;--pc-sidebar-border:1px dashed #bec8d0;--pc-sidebar-user-background:#f3f5f7;--pc-header-background:#f8f9fb;--pc-header-color:#5b6b79;--pc-header-shadow:0 1px 0 rgba(29,38,48,.08);--bs-card-box-shadow:none;--bs-primary:#5879f5;--tblr-primary:#5879f5;--tblr-primary-rgb:88,121,245}html,body{min-height:100%;font-family:"InterVariable",Inter,-apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;background:var(--bs-body-bg)}a,a:hover,a:focus{text-decoration:none}.app-shell{min-height:100vh}.sidebar-balance-link{display:block;color:inherit}.sidebar-balance-link:hover,.sidebar-balance-link:focus{color:inherit}.logo-theme-light{display:block;height:45px;width:auto}.user-avatar-placeholder,.header-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#8da5ff;color:#fff;font-weight:700;text-transform:uppercase}.user-avatar-placeholder{width:45px;height:45px}.header-avatar-placeholder{width:44px;height:44px;margin:0 8px}.pc-sidebar .navbar-content{overflow-y:auto}.pc-sidebar .pc-link{display:flex;align-items:center}.pc-sidebar .pc-mtext{flex:1}.pc-sidebar .pc-arrow{float:none}.pc-sidebar .pc-hasmenu.pc-trigger>.pc-link>.pc-arrow{transform:rotate(90deg)}.pc-sidebar .pc-navbar>.pc-item.active>.pc-link{font-weight:500;color:var(--pc-sidebar-active-color)}.pc-sidebar .pc-navbar>.pc-item.active>.pc-link:after{background:var(--pc-sidebar-active-color)}.pc-sidebar .pc-hasmenu:not(.pc-trigger)>.pc-submenu{display:none}.pc-sidebar .pc-hasmenu.pc-trigger>.pc-submenu{display:block}.pc-header button.pc-head-link{border:0;background:transparent}.pc-header .header-user-profile{min-height:74px;display:flex;align-items:center}.pc-sidebar~.page{min-width:0;margin-left:280px;padding-top:74px}.pc-sidebar~.page .page-wrapper{min-height:calc(100vh - 74px)}.text-pink{color:#e83e8c!important}.text-teal{color:#008080!important}.text-orange{color:#fd7e14!important}@media(max-width:1024px){.pc-sidebar~.page{margin-left:0}.pc-header{left:0}.pc-sidebar.mob-sidebar-active~.pc-header{left:280px}.pc-sidebar.mob-sidebar-active~.page{margin-left:0}}
.pc-sidebar {
  background: var(--pc-sidebar-background);
  width: 280px;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1026;
  overflow: hidden;
  box-shadow: var(--pc-sidebar-shadow);
  border-right: var(--pc-sidebar-border);
}
.pc-sidebar .navbar-wrapper {
  width: 280px;
  background: inherit;
}
.pc-sidebar ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.pc-sidebar .pc-caption {
  color: var(--pc-sidebar-caption-color);
  display: block;
  padding: 24px 23px 8px !important;
  text-transform: uppercase;
  position: relative;
  line-height: 1.66;
  font-size: 11px;
  font-weight: 600;
}
.pc-sidebar .pc-caption svg,
.pc-sidebar .pc-caption i {
  display: none;
}
.pc-sidebar .pc-caption label {
  margin-bottom: 0;
}
.pc-sidebar .pc-caption span:not(.badge) {
  display: block;
  color: #67758a;
  font-size: 14px;
  font-weight: 500;
}
.pc-sidebar .pc-micon {
  margin-right: 15px;
  height: 24px;
  width: 24px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.pc-sidebar .pc-micon i {
  font-size: 18px;
  vertical-align: super;
}
.pc-sidebar .pc-micon i.material-icons-two-tone {
  font-size: 22px;
  display: inline-block;
}
.pc-sidebar .pc-micon > svg {
  width: 22px;
  height: 22px;
  display: inline-block;
}
.pc-sidebar .pc-link {
  display: block;
  padding: 12px 18px;
  color: var(--pc-sidebar-color);
  position: relative;
  font-size: 14px;
  font-weight: 400;
}
.pc-sidebar .pc-link:focus, .pc-sidebar .pc-link.active, .pc-sidebar .pc-link:hover {
  text-decoration: none;
}
.pc-sidebar .pc-navbar > .pc-item {
  margin: 0 10px;
}
.pc-sidebar .pc-navbar > .pc-item > .pc-link::after {
  content: "";
  border-radius: var(--bs-border-radius);
  position: absolute;
  top: 2px;
  right: 2px;
  left: 2px;
  bottom: 2px;
  opacity: 0.1;
}
.pc-sidebar .pc-navbar > .pc-item.active > .pc-link {
  font-weight: 500;
  color: var(--pc-sidebar-active-color);
}
.pc-sidebar .pc-navbar > .pc-item.active > .pc-link:after {
  background: var(--pc-sidebar-active-color);
}
.pc-sidebar .pc-navbar > .pc-item:hover:not(.active) > .pc-link:after {
  background: var(--pc-sidebar-color);
}
.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item > .pc-link:after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 20px;
  width: 5px;
  height: 5px;
  background: var(--pc-sidebar-color);
  opacity: 0.5;
  transition: all 0.08s cubic-bezier(0.37, 0.24, 0.53, 0.99);
}
.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.pc-trigger > .pc-link, .pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link {
  font-weight: 500;
}
.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.pc-trigger > .pc-link:after, .pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link:after {
  background: var(--pc-sidebar-active-color);
}
.pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.pc-trigger > .pc-link:after, .pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item.active > .pc-link:after, .pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item:focus > .pc-link:after, .pc-sidebar .pc-navbar > .pc-item .pc-submenu .pc-item:hover > .pc-link:after {
  opacity: 1;
  transform: scale(1.2);
  background: var(--pc-sidebar-active-color);
}
.pc-sidebar .pc-item.disabled a {
  cursor: not-allowed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.pc-sidebar .pc-arrow {
  float: right;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.pc-sidebar .pc-arrow > svg {
  width: 14px;
  height: 14px;
}
.pc-sidebar .pc-badge {
  margin-right: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 10px;
  line-height: 1;
  float: right;
  background: var(--bs-primary);
}
.pc-sidebar .m-header {
  height: 74px;
  display: flex;
  align-items: center;
  padding: 16px 24px;
}
.pc-sidebar .m-header .logo-sm {
  display: none;
}
.pc-sidebar .navbar-content {
  position: relative;
  height: calc(100vh - 74px);
  padding: 10px 0;
}
.pc-sidebar .pc-submenu .pc-link {
  padding: 12px 30px 12px 63px;
}
.pc-sidebar .pc-submenu .pc-link:after {
  left: 28px;
}
.pc-sidebar .pc-submenu .pc-submenu .pc-link {
  padding: 12px 30px 12px 80px;
}
.pc-sidebar .pc-submenu .pc-submenu .pc-link:after {
  left: 48px;
}
.pc-sidebar .pc-submenu .pc-submenu .pc-submenu .pc-link {
  padding: 12px 30px 12px 100px;
}
.pc-sidebar .pc-submenu .pc-submenu .pc-submenu .pc-link:after {
  left: 68px;
}
.pc-sidebar .card {
  box-shadow: var(--bs-card-box-shadow);
  margin: 15px;
}
.pc-sidebar .card.pc-user-card {
  margin: 0 15px 15px;
  box-shadow: none;
  background: var(--pc-sidebar-user-background);
}
.pc-sidebar .card.pc-user-card .card-body {
  padding: 20px;
}
.pc-sidebar .card.pc-user-card .pc-user-links a {
  display: flex;
  align-items: center;
  color: var(--pc-sidebar-color);
  padding: 8px 0px;
}
.pc-sidebar .card.pc-user-card .pc-user-links a i {
  font-size: 18px;
  margin-right: 10px;
}
.pc-sidebar .card.pc-user-card .pc-user-links a:focus, .pc-sidebar .card.pc-user-card .pc-user-links a:hover {
  color: var(--pc-sidebar-active-color);
}
.pc-sidebar .pc-hasmenu:not(.pc-trigger) > .pc-submenu {
  display: none;
}
.pc-sidebar .pc-hasmenu.pc-trigger > .pc-submenu {
  display: block;
}
.pc-sidebar .pc-hasmenu.pc-trigger > .pc-link > .pc-arrow {
  transform: rotate(90deg);
}

.pc-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  background: rgba(0, 0, 0, 0.15);
}

[data-pc-sidebar-caption=false] .pc-sidebar .pc-caption {
  display: none;
}

@media (min-width: 1025px) {
  .navbar-overlay .pc-sidebar.pc-over-menu-active .navbar-wrapper {
    position: relative;
    z-index: 5;
  }
  .navbar-overlay .pc-sidebar:not(.pc-over-menu-active) {
    left: -280px;
    box-shadow: none;
  }
  .pc-sidebar {
    transition: width 0.2s ease;
  }
  .pc-sidebar ~ .pc-header {
    transition: left 0.2s ease;
  }
  .pc-sidebar ~ .pc-footer,
  .pc-sidebar ~ .pc-container {
    transition: margin-left 0.2s ease;
  }
  .pc-sidebar.pc-sidebar-hide {
    width: 0;
    --pc-sidebar-border: none;
  }
  .pc-sidebar.pc-sidebar-hide ~ .pc-header {
    left: 0;
  }
  .pc-sidebar.pc-sidebar-hide ~ .pc-footer,
  .pc-sidebar.pc-sidebar-hide ~ .pc-container {
    margin-left: 0px;
  }
  .pc-header .pc-h-item.pc-sidebar-popup {
    display: none;
  }
}
@media (max-width: 1024px) {
  .pc-header .pc-h-item.pc-sidebar-collapse {
    display: none;
  }
  .pc-sidebar {
    left: -280px;
    box-shadow: none;
    background: var(--bs-body-bg);
    top: 0;
    transition: all 0.2s ease-in-out;
  }
  .pc-sidebar.mob-sidebar-active {
    left: 0;
  }
  .pc-sidebar.mob-sidebar-active .navbar-wrapper {
    position: relative;
    z-index: 5;
    background: inherit;
  }
}
.pc-header {
  background: var(--pc-header-background);
  color: var(--pc-header-color);
  min-height: 74px;
  box-shadow: var(--pc-header-shadow);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  position: fixed;
  left: 280px;
  right: 0;
  z-index: 1025;
  display: flex;
}
.pc-header ul {
  margin-bottom: 0;
  display: inline-flex;
}
.pc-header .m-header {
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 280px;
  padding: 16px 10px 16px 24px;
}
.pc-header .header-wrapper {
  display: flex;
  padding: 0 25px;
  flex-grow: 1;
}
.pc-header .header-search {
  position: relative;
}
.pc-header .header-search .form-control, .pc-header .header-search .custom-select,
.pc-header .header-search .dataTable-selector,
.pc-header .header-search .dataTable-input {
  border-radius: 8px;
  padding: 0.344rem 1.8rem;
  width: 200px;
  max-width: 100%;
}
@media (max-width: 1024px) {
  .pc-header .header-search .form-control, .pc-header .header-search .custom-select,
  .pc-header .header-search .dataTable-selector,
  .pc-header .header-search .dataTable-input {
    width: 100%;
  }
}
.pc-header .header-search .icon-search {
  position: absolute;
  top: 11px;
  left: 11px;
  width: 12px;
  height: 12px;
}
.pc-header .header-search .btn-search {
  position: absolute;
  top: 7px;
  right: 9px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
}
.pc-header .pc-h-item {
  min-height: 74px;
  display: flex;
  align-items: center;
  position: relative;
}
.pc-header .pc-head-link {
  margin: 0 4px;
  position: relative;
  font-weight: 500;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  color: var(--pc-header-color);
  overflow: hidden;
}
.pc-header .pc-head-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: var(--pc-active-background);
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.08s cubic-bezier(0.37, 0.24, 0.53, 0.99);
}
.pc-header .pc-head-link > svg,
.pc-header .pc-head-link > i {
  position: relative;
  z-index: 5;
  color: var(--pc-header-color);
  transition: all 0.08s cubic-bezier(0.37, 0.24, 0.53, 0.99);
}
.pc-header .pc-head-link > i {
  font-size: 24px;
}
.pc-header .pc-head-link > svg {
  width: 24px;
  height: 24px;
}
.pc-header .pc-head-link.active, .pc-header .pc-head-link:active, .pc-header .pc-head-link:focus, .pc-header .pc-head-link:hover {
  text-decoration: none;
  color: var(--pc-header-color);
}
.pc-header .pc-head-link.active > svg,
.pc-header .pc-head-link.active > i, .pc-header .pc-head-link:active > svg,
.pc-header .pc-head-link:active > i, .pc-header .pc-head-link:focus > svg,
.pc-header .pc-head-link:focus > i, .pc-header .pc-head-link:hover > svg,
.pc-header .pc-head-link:hover > i {
  color: var(--pc-header-color);
  transform: scale(1.08);
}
.pc-header .pc-head-link.active::before, .pc-header .pc-head-link:active::before, .pc-header .pc-head-link:focus::before, .pc-header .pc-head-link:hover::before {
  border-radius: 0;
  transform: scale(1);
}
.pc-header .pc-head-link.active .hamburger .hamburger-inner, .pc-header .pc-head-link:active .hamburger .hamburger-inner, .pc-header .pc-head-link:focus .hamburger .hamburger-inner, .pc-header .pc-head-link:hover .hamburger .hamburger-inner {
  background-color: #5b6b79;
}
.pc-header .pc-head-link.active .hamburger .hamburger-inner::after, .pc-header .pc-head-link.active .hamburger .hamburger-inner::before, .pc-header .pc-head-link:active .hamburger .hamburger-inner::after, .pc-header .pc-head-link:active .hamburger .hamburger-inner::before, .pc-header .pc-head-link:focus .hamburger .hamburger-inner::after, .pc-header .pc-head-link:focus .hamburger .hamburger-inner::before, .pc-header .pc-head-link:hover .hamburger .hamburger-inner::after, .pc-header .pc-head-link:hover .hamburger .hamburger-inner::before {
  background-color: #5b6b79;
}
.pc-header .pc-head-link.active i.material-icons-two-tone, .pc-header .pc-head-link:active i.material-icons-two-tone, .pc-header .pc-head-link:focus i.material-icons-two-tone, .pc-header .pc-head-link:hover i.material-icons-two-tone {
  background-color: #5b6b79;
}
.pc-header .pc-head-link .pc-h-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  border-radius: 50%;
  font-size: 9px;
  z-index: 9;
}
.pc-header .pc-head-link .pc-h-badge.dots {
  width: 9px;
  height: 9px;
  top: 7px;
  right: 16px;
  padding: 0;
}
.pc-header .pc-head-link .user-desc,
.pc-header .pc-head-link .user-name {
  display: block;
  line-height: 1;
}
.pc-header .pc-head-link .user-name {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600;
}
.pc-header .pc-head-link .user-desc {
  font-size: 12px;
  font-weight: 400;
  color: var(--pc-header-color);
}
.pc-header .pc-h-dropdown {
  transform: none !important;
  top: 100% !important;
}
.pc-header .pc-h-dropdown .ti-circle {
  font-size: 7px;
  vertical-align: middle;
}
.pc-header .pc-h-dropdown.dropdown-menu-end {
  right: 0 !important;
  left: auto !important;
}
.pc-header .pc-level-menu {
  position: relative;
}
.pc-sidebar .pc-user-card .user-avtar,
.pc-sidebar .pc-user-card .user-avatar-placeholder {
  width: 45px;
  height: 45px;
  min-width: 45px;
  max-width: 45px;
  min-height: 45px;
  max-height: 45px;
  object-fit: cover;
  overflow: hidden;
  flex: 0 0 45px;
}

.pc-header {
  height: 74px;
  max-height: 74px;
}

.pc-header .header-wrapper {
  min-height: 74px;
  align-items: center;
}

.pc-header .header-user-profile {
  width: 60px;
  height: 74px;
  min-width: 60px;
  overflow: hidden;
}

.pc-header .header-user-profile .user-avtar {
  display: block;
  width: 44px;
  height: 44px;
  min-width: 44px;
  max-width: 44px;
  min-height: 44px;
  max-height: 44px;
  margin: 0 8px;
  border-radius: 50%;
  object-fit: cover;
  overflow: hidden;
}

.pc-header .header-avatar-placeholder {
  width: 44px;
  height: 44px;
  min-width: 44px;
  max-width: 44px;
  min-height: 44px;
  max-height: 44px;
  margin: 0 8px;
}

.pc-header .header-wrapper > .ms-auto {
  height: 74px;
}

.pc-header .header-wrapper > .ms-auto > ul {
  height: 74px;
  align-items: center;
}
@media (max-width: 1024px) {
  .pc-header {
    top: 0;
    left: 0;
    transition: all 0.15s ease-in-out;
  }
  .pc-header .m-header {
    display: none;
  }
  .pc-header .pc-head-link .user-desc,
  .pc-header .pc-head-link .user-name {
    display: none;
  }
  .pc-header .pcm-logo {
    margin-left: 30px;
  }
  .pc-header .pcm-logo img {
    max-width: 160px;
  }
  .pc-header.mob-header-active {
    top: 74px;
  }
  .pc-header.mob-header-active .header-wrapper {
    background: var(pc-header-background);
    position: relative;
    z-index: 5;
  }
  .pc-header .pc-md-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background: rgba(0, 0, 0, 0.2);
  }
  .pc-header .pc-level-menu .dropdown-menu {
    left: 0;
    display: block;
    padding-left: 30px;
  }
  .pc-header .pc-mob-drp.mob-drp-active .pc-h-item {
    display: block;
    min-height: auto;
    position: relative;
  }
  .pc-header .pc-mob-drp.mob-drp-active .pc-h-item .pc-head-link {
    display: block;
    margin: 5px 10px !important;
  }
  .pc-header .pc-mob-drp.mob-drp-active .pc-h-item .dropdown-menu {
    position: relative !important;
    width: 100%;
    float: none;
    box-shadow: none;
  }
  .pc-header .pc-mob-drp.mob-drp-active ul {
    display: block;
  }
  .minimenu .pc-header {
    left: 0;
  }
}


.zaobeta-brand{display:inline-flex;align-items:center;gap:10px;color:#0b1930;font-size:20px;font-weight:800;letter-spacing:-.04em;white-space:nowrap;text-decoration:none}.zaobeta-brand:hover,.zaobeta-brand:focus{color:#0b1930}.zaobeta-brand-mark{display:inline-flex;width:34px;height:34px;flex:none;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#5879f5,#8f45f5);border-radius:12px;box-shadow:0 8px 18px rgba(90,66,232,.22)}.zaobeta-brand-mark i{font-size:19px}[data-pc-theme="dark"] .pc-sidebar .zaobeta-brand,[data-pc-theme="dark"] .pc-sidebar .zaobeta-brand:hover,[data-pc-theme="dark"] .pc-sidebar .zaobeta-brand:focus{color:#f5f7ff}

.pc-sidebar .zaobeta-brand{gap:12px;font-size:27px;line-height:1}.pc-sidebar .zaobeta-brand-mark{width:45px;height:45px;border-radius:15px}.pc-sidebar .zaobeta-brand-mark i{font-size:25px}

.zaobeta-brand,.pc-sidebar .zaobeta-brand { display:inline-flex; align-items:center; gap:10px; color:#0d1210; font-size:22px; font-weight:800; letter-spacing:-.045em; line-height:1; white-space:nowrap; }
.zaobeta-brand .zaobeta-logo-icon { width:34px; height:34px; flex:none; transition:transform .3s; }
.zaobeta-brand:hover .zaobeta-logo-icon { transform:rotate(-6deg) scale(1.04); }
.zaobeta-brand .zaobeta-wordmark b { color:#137a46; font-weight:800; }

/* Member area footer. */
.pc-sidebar ~ main.page:has(> .account-copyright) { display:flex; flex-direction:column; min-height:100vh; }
.pc-sidebar ~ main.page > .page-wrapper { flex:1 0 auto; }
.pc-sidebar ~ main.page > .account-copyright { margin-top:auto; padding:20px 24px; color:#77848b; font-size:12px; line-height:1.5; text-align:center; }