.main__navbar[data-v-7ca4387a]{align-items:center;background-color:#fff;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;min-height:var(--navbar-height);padding:0 16px;position:relative;width:100%;z-index:999}.nav__logo[data-v-7ca4387a]{display:inline-block;line-height:1em}.nav__actions[data-v-7ca4387a]{align-items:center;display:flex;justify-content:flex-end}.main__sidebar[data-v-6bc30afd]{background-color:#fff;border-right:1px solid var(--border-color);height:calc(100vh - var(--navbar-height));position:relative;z-index:2}.nav__menu[data-v-6bc30afd]{display:flex;flex-direction:column;height:100%;list-style:none;margin:0;max-height:calc(100vh - 80px);overflow-y:scroll;padding:0}.nav__menu li[data-v-6bc30afd]{border-bottom:1px solid #ececec}.nav__menu li .nav__link[data-v-6bc30afd]{align-items:center;background:none;border:none;color:var(--text-color);display:flex;font-weight:500;padding:12px 15px;width:100%}.nav__menu li .nav__link>i[data-v-6bc30afd]{margin-left:auto}.nav__menu li:hover>.nav__link[data-v-6bc30afd],.nav__menu li>.nav__link.active[data-v-6bc30afd]{color:var(--primary-color)}.nav__menu li .nav__link .nav_icon[data-v-6bc30afd]{display:block;margin-right:12px;min-width:22px;text-align:center;width:22px}.nav__menu li ul[data-v-6bc30afd]{margin-left:49px;margin-top:-12px}.nav__menu li li .nav__link[data-v-6bc30afd]{padding-left:0}.nav__menu li ul li[data-v-6bc30afd]:last-child{border-bottom:none}.page__wrapper{display:flex;flex-direction:column;height:100vh;width:100%}.page__navbar{height:var(--navbar-height)}.page__body{display:flex;flex:1;overflow:hidden}.page__sidebar{transition:all .3s ease;width:250px}.page__wrapper:not(.sidebar-open) .page__sidebar{overflow:hidden;width:0}.page__content{background:#fff;flex:1;overflow-y:auto;padding:32px}@media (max-width:992px){.page__sidebar{position:relative;transform:none;width:250px}.page__wrapper:not(.sidebar-open) .page__sidebar{overflow:hidden;width:0}.page__content{padding:16px;width:100%}}