[data-vertical-style="closed"][data-toggled="close-menu-close"] .app-sidebar {
    display: none;
}
@media (min-width: 992px) {
    [data-vertical-style="closed"][data-toggled="close-menu-close"] .app-content {
        margin-inline-start: 0;
    }
    [data-vertical-style="closed"][data-toggled="close-menu-close"] .app-header {
        padding-inline-start: 0;
    }
}
[data-vertical-style="closed"][data-toggled="close-menu-open"] .app-sidebar {
    display: block;
}
@media (min-width: 992px) {
    [data-vertical-style="closed"][data-toggled="close-menu-open"] .app-content {
        margin-inline-start: 15rem;
    }
    [data-vertical-style="closed"][data-toggled="close-menu-open"] .app-header {
        padding-inline-start: 15rem;
    }
}
@media (min-width: 992px) {
    [data-vertical-style="detached"] .page {
        width: 95%;
        margin: 0 auto;
        padding-inline-start: 1.25rem;
    }
    [data-vertical-style="detached"] .app-sidebar {
        inset-block-start: calc(64px + 1.5rem);
        inset-block-end: 1.5rem;
        inset-inline-start: inherit;
        border-radius: var(--default-radius);
        border: 1px solid var(--menu-border-color);
        height: auto;
        overflow: hidden;
    }
    [data-vertical-style="detached"] .app-sidebar .main-sidebar-header {
        display: none;
    }
    [data-vertical-style="detached"] .main-sidebar {
        height: 100%;
        margin-block-start: 0;
        box-shadow: none !important;
    }
    [data-vertical-style="detached"] .app-content {
        margin-inline-start: 15rem;
        position: relative;
    }
    [data-vertical-style="detached"][data-page-style="classic"] .app-sidebar {
        border: 1px solid var(--menu-border-color);
    }
    [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"] .horizontal-logo .header-logo .desktop-logo,
    [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"] .horizontal-logo .header-logo .toggle-logo,
    [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"] .horizontal-logo .header-logo .toggle-dark,
    [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"] .horizontal-logo .header-logo .desktop-white,
    [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"] .horizontal-logo .header-logo .toggle-white {
        display: none;
    }
    [data-vertical-style="detached"][data-theme-mode="light"][data-header-styles="dark"] .horizontal-logo .header-logo .desktop-dark {
        display: block;
    }
    [data-vertical-style="detached"][data-theme-mode="dark"] .horizontal-logo .header-logo .desktop-logo,
    [data-vertical-style="detached"][data-theme-mode="dark"] .horizontal-logo .header-logo .toggle-logo,
    [data-vertical-style="detached"][data-theme-mode="dark"] .horizontal-logo .header-logo .toggle-dark,
    [data-vertical-style="detached"][data-theme-mode="dark"] .horizontal-logo .header-logo .desktop-white,
    [data-vertical-style="detached"][data-theme-mode="dark"] .horizontal-logo .header-logo .toggle-white {
        display: none;
    }
    [data-vertical-style="detached"][data-theme-mode="dark"] .horizontal-logo .header-logo .desktop-dark {
        display: block;
    }
    [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar {
        width: 5rem;
    }
    [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__label,
    [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__angle,
    [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .category-name,
    [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .slide-menu,
    [data-vertical-style="detached"][data-toggled="detached-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__item .badge {
        display: none !important;
    }
    [data-vertical-style="detached"] .app-header {
        padding-inline-start: 0;
    }
    [data-vertical-style="detached"] .app-header .main-header-container {
        width: 94%;
    }
    [data-vertical-style="detached"] .footer {
        box-shadow: none;
        background-color: transparent !important;
    }
    [data-vertical-style="detached"][data-menu-styles="dark"][data-bg-img="bgimg3"] .app-sidebar:before,
    [data-vertical-style="detached"][data-menu-styles="dark"][data-bg-img="bgimg1"] .app-sidebar:before,
    [data-vertical-style="detached"][data-menu-styles="dark"][data-bg-img="bgimg2"] .app-sidebar:before,
    [data-vertical-style="detached"][data-menu-styles="dark"][data-bg-img="bgimg4"] .app-sidebar:before,
    [data-vertical-style="detached"][data-menu-styles="dark"][data-bg-img="bgimg5"] .app-sidebar:before {
        border-radius: 0.5rem;
    }
}
[data-vertical-style="doublemenu"] {
    @media (min-width: 992px) {
      .app-sidebar {
        width: 5rem;
      }
      .app-sidebar .side-menu__item {
        justify-content: center;
        border-radius: 0.5rem;
        margin: 0.25rem 0 0.25rem 0 !important;
      }
      .app-sidebar .side-menu__item:last-child {
        margin: 0.25rem 0 0.25rem 0 !important;
      }
      .app-sidebar .slide-menu .side-menu__item {
        justify-content: start;
      }
      .app-sidebar .main-sidebar {
        overflow: visible;
        height: 100%;
        box-shadow: none;
        margin-block-start: 0;
      }
      .app-sidebar .main-sidebar-header {
        width: 5rem;
        backdrop-filter: blur(30px);
      }
      .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
        display: block !important;
      }
      .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
      .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
      .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
      .app-sidebar .main-sidebar-header .header-logo .desktop-white,
      .app-sidebar .main-sidebar-header .header-logo .toggle-white {
        display: none !important;
      }
      .app-sidebar .main-menu-container {
        margin-block-start: 3.75rem;
      }
      .app-sidebar .main-menu > .slide {
        padding: 0 1rem;
      }
      .app-sidebar .category-name,
      .app-sidebar .side-menu__label,
      .app-sidebar .side-menu__angle {
        display: none;
      }
      .app-sidebar .side-menu__icon {
        margin-inline-end: 0;
      }
      .app-sidebar .slide__category {
        display: none;
      }
      .app-sidebar .simplebar-content-wrapper {
        position: initial;
        overflow: auto !important;
      }
      .app-sidebar .simplebar-mask {
        position: inherit;
      }
      .app-sidebar .simplebar-placeholder {
        height: auto !important;
      }
      .app-header {
        padding-inline-start: 17rem;
      }
      .app-content {
        margin-inline-start: 17rem;
      }
      .slide.has-sub .slide-menu {
        position: absolute !important;
        inset-inline-start: 5rem !important;
        background: var(--menu-bg);
        box-shadow: none;
        transition: none !important;
        height: 100% !important;
        inset-inline-end: 0;
        border-inline-end: 1px solid var(--menu-border-color);
      }
      .slide.has-sub .slide-menu.child2,
      .slide.has-sub .slide-menu.child3 {
        inset-inline-start: 0 !important;
        position: relative !important;
        height: auto !important;
        inset-block-start: 0 !important;
      }
      .slide-menu.child1 {
        min-width: 12rem;
      }
      .side-menu__label1 {
        display: block !important;
        font-size: 0.938rem;
        font-weight: 500;
        color: var(--menu-prime-color);
        border-block-end: 1px solid var(--menu-border-color);
        padding: 1.25rem 0.75rem !important;
        width: 12rem;
        height: 3.75rem;
      }
      .slide-menu {
        display: none;
      }
      .slide-menu.double-menu-active {
        visibility: visible !important;
        display: block !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        border-radius: 0 !important;
        border-block-start: 0;
        overflow: hidden scroll;
      }
      [data-toggled="double-menu-close"] .app-header {
        padding-inline-start: 5rem;
      }
      [data-toggled="double-menu-close"] .app-content {
        margin-inline-start: 5rem;
      }
      [data-toggled="double-menu-close"] .app-sidebar .slide.has-sub .slide-menu {
        display: none !important;
      }
      [data-toggled="double-menu-open"] .app-sidebar .main-sidebar .slide.side-menu__label1 {
        border-inline-end: 1px solid var(--menu-border-color);
      }
    }
  }
  [data-nav-layout="horizontal"] {
    @media (min-width: 992px) {
      .sidemenu-layout-styles {
        display: none;
      }
      .main-menu-container {
        display: inline-flex;
      }
      .main-menu {
        display: flex !important;
        transition: all 0.5s ease;
      }
      .side-menu__label .badge {
        display: none;
      }
      .mega-menu {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
      }
      .app-header {
        padding-inline-start: 0 !important;
        z-index: 104;
        box-shadow: none;
      }
      .app-content {
        min-height: calc(100vh - 10.5rem);
        margin-block-start: 7rem;
        margin-inline-start: 0rem !important;
      }
      .app-content > .container-fluid {
        width: 94%;
        margin-inline-start: auto;
        margin-inline-end: auto;
      }
      .app-sidebar .main-sidebar,
      .app-sidebar .simplebar-mask {
        overflow: visible;
      }
      .app-sidebar .main-menu > .slide {
        margin: 0 0.1875rem;
      }
      .app-sidebar .main-sidebar {
        box-shadow: none;
      }
      .main-sidebar .simplebar-vertical {
        visibility: hidden !important;
      }
      .main-sidebar,
      .main-header-container {
        width: 94%;
        margin: 0 auto;
      }
      .horizontal-logo {
        padding: 0.85rem 0;
        display: block;
      }
      .main-header-container .sidemenu-toggle {
        display: none;
      }
      .app-sidebar {
        width: 100% !important;
        height: 3rem;
        border-block-end: 1px solid var(--menu-border-color);
        border-inline-end: 0 !important;
        inset-block-start: 3.75rem;
      }
      .main-sidebar-header {
        display: none !important;
      }
      .main-sidebar {
        margin-block-start: 0;
        padding-block-end: 3rem;
      }
      .slide__category {
        display: none;
      }
      .main-menu-container .slide-left {
        inset-inline-start: 1.438rem;
      }
      .main-menu-container .slide-left,
      .main-menu-container .slide-right {
        position: absolute;
        top: 0.563rem;
        padding: 0.375rem;
        color: var(--custom-white);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        cursor: pointer;
        border: 1px solid var(--default-border);
        border-radius: 3.125rem;
        background: var(--custom-white);
      }
      .main-menu-container .slide-right {
        inset-inline-end: -2%;
      }
      .main-menu-container .slide-left {
        inset-inline-start: -2%;
      }
      [data-page-style="classic"] .app-sidebar {
        border-block-end: 1px solid var(--default-border);
      }
      [dir="rtl"] .main-menu-container .slide-right,
      [dir="rtl"] .main-menu-container .slide-left {
        transform: rotate(180deg);
      }
      [data-menu-styles="transparent"][data-theme-mode="dark"][data-icon-overlay="open"] .app-sidebar:hover {
        backdrop-filter: blur(0px);
      }
      [data-menu-styles="light"] .main-menu-container .slide-right,
      [data-menu-styles="light"] .main-menu-container .slide-left {
        --custom-white: #fff;
        --default-border: #f3f3f3;
      }
      [data-page-style="modern"] .app-sidebar {
        border-block-end: 1px solid var(--header-border-color);
      }
      [data-menu-styles="transparent"][data-theme-mode="dark"] .app-sidebar {
        backdrop-filter: blur(30px);
      }
    }
  }
  @media (max-width: 991.98px) {
    [data-nav-layout="horizontal"] .slide.has-sub > .side-menu__item {
      margin-block: 0.25rem;
    }
  }
  [data-nav-style="icon-click"][data-nav-layout="horizontal"],
[data-nav-style="icon-click"][data-toggled="icon-click-closed"] {
    display: block;
}

@media (min-width: 992px) {
    .icon-click .app-sidebar {
        width: 5rem;
    }
    .icon-click .app-sidebar .main-sidebar {
        overflow: visible;
        height: 90%;
    }
    .icon-click .app-sidebar .main-sidebar-header {
        width: 5rem;
    }
    .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
        display: block;
    }
    .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
    .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
    .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
    .icon-click .app-sidebar .main-sidebar-header .header-logo .desktop-white,
    .icon-click .app-sidebar .main-sidebar-header .header-logo .toggle-white {
        display: none;
    }
    .icon-click .app-sidebar .category-name,
    .icon-click .app-sidebar .side-menu__label,
    .icon-click .app-sidebar .side-menu__angle {
        display: none;
    }
    .icon-click .app-sidebar .side-menu__icon {
        margin-inline-end: 0;
    }
    .icon-click .app-sidebar .slide__category {
        padding: 1.2rem 1.65rem;
        position: relative;
    }
    .icon-click .app-sidebar .slide__category:before {
        content: "";
        position: absolute;
        inset-inline-start: 2.25rem;
        inset-inline-end: 0;
        inset-block-start: 1.25rem;
        inset-block-end: 0;
        width: 0.35rem;
        border-radius: 3.125rem;
        height: 0.35rem;
        opacity: 1;
    }
    .icon-click .app-header {
        padding-inline-start: 5rem;
    }
    .icon-click .app-content {
        margin-inline-start: 5rem;
    }
    .icon-click .slide.has-sub .slide-menu {
        position: absolute !important;
        inset-inline-start: 5rem !important;
        inset-block-start: auto !important;
        transition: none !important;
    }
    .icon-click .slide.has-sub .slide-menu.child2,
    .icon-click .slide.has-sub .slide-menu.child3 {
        inset-inline-start: 12rem !important;
    }
}

[data-nav-layout="horizontal"][data-nav-style="icon-click"] .mega-menu {
    columns: 1;
}

@media (min-width: 992px) {
    [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-sidebar .main-menu > .slide {
        padding: 0 0.5rem;
    }
    [data-nav-layout="vertical"][data-nav-style="icon-click"][data-toggled="icon-click-closed"] .app-sidebar .main-menu > .slide > .side-menu__item {
        justify-content: center;
    }
}
[data-nav-layout="horizontal"][data-nav-style="icon-hover"],
[data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] {
    /* Extend icon-hover styles */
}

@media (min-width: 992px) {
    .icon-hover .app-sidebar {
        width: 5rem;
    }
    .icon-hover .app-sidebar .main-sidebar {
        overflow: visible;
        height: 90%;
    }
    .icon-hover .app-sidebar .main-sidebar-header {
        width: 5rem;
    }
    .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
        display: block;
    }
    .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
    .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
    .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
    .icon-hover .app-sidebar .main-sidebar-header .header-logo .desktop-white,
    .icon-hover .app-sidebar .main-sidebar-header .header-logo .toggle-white {
        display: none;
    }
    .icon-hover .app-sidebar .category-name,
    .icon-hover .app-sidebar .side-menu__label,
    .icon-hover .app-sidebar .side-menu__angle {
        display: none;
    }
    .icon-hover .app-sidebar .side-menu__icon {
        margin-inline-end: 0;
    }
    .icon-hover .app-sidebar .slide__category {
        padding: 1.2rem 1.65rem;
        position: relative;
    }
    .icon-hover .app-sidebar .slide__category:before {
        content: "";
        position: absolute;
        inset-inline-start: 2.25rem;
        inset-inline-end: 0;
        inset-block-start: 1.25rem;
        inset-block-end: 0;
        width: 0.35rem;
        border-radius: 3.125rem;
        height: 0.35rem;
        border: 1px solid var(--menu-prime-color);
        opacity: 1;
    }
    .icon-hover .app-sidebar .simplebar-content-wrapper,
    .icon-hover .app-sidebar .simplebar-mask {
        position: initial;
    }
    .icon-hover .app-header {
        padding-inline-start: 5rem;
    }
    .icon-hover .app-content {
        margin-inline-start: 5rem;
    }
    .icon-hover .slide.side-menu__label1 {
        display: block;
        padding: 0.5rem 1rem !important;
        border-block-end: 1px solid var(--default-border);
    }
    .icon-hover .slide.has-sub .slide-menu {
        position: absolute !important;
        inset-inline-start: 5rem !important;
        background: var(--menu-bg);
        inset-block-start: auto !important;
        box-shadow: 0.125rem 0.063rem 0.5rem var(--black-1);
        transition: none !important;
    }
    .icon-hover .slide.has-sub .slide-menu.child2,
    .icon-hover .slide.has-sub .slide-menu.child3 {
        inset-inline-start: 11.81rem !important;
    }
    .icon-hover .slide.has-sub:hover > .slide-menu.child1 {
        display: block !important;
    }
    .icon-hover .slide.has-sub:hover > .slide-menu.child1 .slide.has-sub:hover > .slide-menu.child2 {
        display: block !important;
    }
    .icon-hover .slide.has-sub:hover > .slide-menu.child1 .slide.has-sub:hover > .slide-menu.child2 .slide.has-sub:hover > .slide-menu.child3 {
        display: block !important;
    }
}

[data-nav-layout="horizontal"][data-nav-style="icon-hover"] .mega-menu {
    columns: 1;
}

@media (min-width: 992px) {
    [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .main-menu > .slide {
        padding: 0 0.5rem;
    }
    [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .main-menu > .slide > .side-menu__item {
        justify-content: center;
    }
    [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .slide .slide-menu.child1,
    [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .slide .slide-menu.child2,
    [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .slide .slide-menu.child3 {
        border-radius: 0 0.5rem 0.5rem 0;
    }
    [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child1,
    [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child2,
    [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child3 {
        border-radius: 0.5rem 0 0 0.5rem;
    }
    [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .side-menu__item {
        border-radius: 0.5rem;
        margin: 0.25rem 0.25rem 0 0.25rem !important;
    }
    [data-nav-layout="vertical"][data-nav-style="icon-hover"][data-toggled="icon-hover-closed"] .app-sidebar .side-menu__item:last-child {
        margin: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar {
        width: 5rem;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .main-sidebar-header {
        width: 5rem;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .main-sidebar-header .header-logo .toggle-logo {
        display: block;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .main-sidebar-header .header-logo .desktop-logo,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .main-sidebar-header .header-logo .desktop-white,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .main-sidebar-header .header-logo .toggle-white {
        display: none;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .category-name,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__label,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__angle {
        display: none;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .slide.has-sub.open .slide-menu {
        display: none !important;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__icon {
        margin-inline-end: 0;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .slide__category {
        padding: 1.2rem 1.65rem;
        position: relative;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .slide__category::before {
        content: "";
        position: absolute;
        inset-inline-start: 2.25rem;
        inset-inline-end: 0;
        inset-block-start: 1.25rem;
        inset-block-end: 0;
        width: 0.35rem;
        border-radius: 3.125rem;
        height: 0.35rem;
        border: 1px solid #007bff; /* Thay thế $menu-prime-color */
        opacity: 1;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .app-sidebar .side-menu__item .badge {
        display: none;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"]:not([data-icon-overlay="open"]) .side-menu__item {
        justify-content: center;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"] .app-header {
        padding-inline-start: 5rem;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"] .app-content {
        margin-inline-start: 5rem;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar {
        width: 15rem;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .main-sidebar-header {
        width: 15rem;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .main-sidebar-header .header-logo .desktop-logo {
        display: block;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .main-sidebar-header .header-logo .desktop-dark,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .main-sidebar-header .header-logo .toggle-logo,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .main-sidebar-header .header-logo .toggle-dark,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .main-sidebar-header .header-logo .desktop-white,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .main-sidebar-header .header-logo .toggle-white {
        display: none;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .side-menu__item {
        justify-content: flex-start;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .side-menu__icon {
        margin-inline-end: 0.625rem;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .slide__category {
        padding: 0.75rem 1.65rem;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-icon-overlay="open"] .app-sidebar .slide__category::before {
        display: none;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"] .main-sidebar-header .header-logo .toggle-dark {
        display: block;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"] .main-sidebar-header .header-logo .desktop-dark,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"] .main-sidebar-header .header-logo .desktop-logo,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"] .main-sidebar-header .header-logo .toggle-logo,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"] .main-sidebar-header .header-logo .desktop-white,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"] .main-sidebar-header .header-logo .toggle-white {
        display: none;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"] .main-sidebar-header .header-logo .desktop-dark {
        display: block;
    }

    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"] .main-sidebar-header .header-logo .toggle-dark,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"] .main-sidebar-header .header-logo .desktop-logo,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"] .main-sidebar-header .header-logo .toggle-logo,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"] .main-sidebar-header .header-logo .desktop-white,
    [data-vertical-style="overlay"][data-toggled="icon-overlay-close"][data-theme-mode="dark"][data-icon-overlay="open"] .main-sidebar-header .header-logo .toggle-white {
        display: none;
    }
}
@media (min-width: 992px) {
    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar {
        position: absolute;
        width: 9rem;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .main-sidebar {
        overflow: visible;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .main-sidebar-header {
        width: 9rem;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .side-menu__icon {
        margin-inline-end: 0;
        margin-block-end: 0.5rem;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .slide {
        padding: 0;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .slide__category,
    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .side-menu__angle {
        display: none;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .slide.has-sub.open .slide-menu {
        display: none !important;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .side-menu__item {
        border-radius: 0;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .side-menu__item,
    [data-vertical-style="icontext"][data-toggled="icon-text-close"]:not([data-icon-text="open"]) .app-sidebar .side-menu__label {
        display: block;
        text-align: center;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-menu-position="fixed"] .app-sidebar {
        position: fixed;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"] .app-header {
        padding-inline-start: 9rem;
    }

    .app-content {
        margin-inline-start: 9rem;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"] .app-sidebar {
        width: 15rem;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"] .app-sidebar .main-sidebar-header {
        width: 15rem;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"] .app-sidebar .side-menu__icon {
        margin-block-end: 0;
        margin-inline-end: 0.625rem;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"] .app-sidebar .slide {
        padding: 0rem 0.625rem;
    }

    [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"] .app-sidebar .slide-menu.child1 li,
    [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"] .app-sidebar .slide-menu.child2 li,
    [data-vertical-style="icontext"][data-toggled="icon-text-close"][data-icon-text="open"] .app-sidebar .slide-menu.child3 li {
        padding: 0;
        padding-inline-start: 1.5rem;
    }
}
/* Style cho menu-click với nav layout horizontal */
[data-nav-style="menu-click"][data-nav-layout="horizontal"] {
    @media (min-width: 992px) {
        .app-sidebar .side-menu__item {
            display: flex !important;
            padding-top: 0.93rem;
            padding-inline-end: 1.75rem;
            padding-bottom: 0.93rem;
            padding-inline-start: 0.75rem;
        }

        .app-sidebar .side-menu__icon {
            margin-block-end: 0 !important;
            margin-inline-end: 0.35rem !important;
        }

        .app-sidebar .side-menu__angle {
            display: block !important;
        }

        .app-sidebar .slide.has-sub .slide-menu {
            inset-inline-start: auto !important;
        }

        .app-sidebar .slide.has-sub .slide-menu.active {
            inset-inline-start: auto !important;
            inset-inline-end: auto !important;
        }

        .app-sidebar .slide.has-sub .slide-menu.child1 {
            inset-block-start: 100% !important;
        }

        .app-header {
            padding-inline-start: 9.5rem;
        }
    }
}

/* Style cho menu-click khi bị đóng */
[data-nav-style="menu-click"][data-toggled="menu-click-closed"] .app-header {
    padding-inline-start: 9.5rem;
}

/* Style cho menu-click với nav layout vertical */
[data-nav-style="menu-click"][data-nav-layout="vertical"] {
    @media (min-width: 992px) {
        &[data-toggled="menu-click-closed"] .app-sidebar {
            position: absolute;
        }

        &[data-toggled="menu-click-closed"] .app-sidebar .slide .slide-menu.child1,
        &[data-toggled="menu-click-closed"] .app-sidebar .slide .slide-menu.child2,
        &[data-toggled="menu-click-closed"] .app-sidebar .slide .slide-menu.child3 {
            border-radius: 0 0.5rem 0.5rem 0;
        }

        &[data-toggled="menu-click-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child1,
        &[data-toggled="menu-click-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child2,
        &[data-toggled="menu-click-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child3 {
            border-radius: 0.5rem 0 0 0.5rem;
        }

        .app-sidebar .side-menu__item {
            border-radius: 0.5rem;
            margin: 0.25rem 0.25rem 0 0.25rem !important;
        }

        .app-sidebar .side-menu__item:last-child {
            margin: 0.25rem !important;
        }
    }
}

/* Style chung cho menu-click */
@media (min-width: 992px) {
    .menu-click .app-sidebar {
        width: 9.5rem;
    }

    .menu-click .app-sidebar .main-sidebar {
        overflow: visible;
        height: 90%;
    }

    .menu-click .app-sidebar .main-sidebar-header {
        width: 9.5rem;
    }

    .menu-click .app-sidebar .side-menu__icon {
        margin-inline-end: 0;
        margin-block-end: 0.5rem;
    }

    .menu-click .app-sidebar .slide {
        padding: 0;
    }

    .menu-click .app-sidebar .slide-menu.child1,
    .menu-click .app-sidebar .slide-menu.child2,
    .menu-click .app-sidebar .slide-menu.child3 {
        min-width: 12rem;
    }

    .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item,
    .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item,
    .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item {
        text-align: start;
    }

    .menu-click .app-sidebar .slide-menu.child1 .slide .side-menu__item:before,
    .menu-click .app-sidebar .slide-menu.child2 .slide .side-menu__item:before,
    .menu-click .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
        inset-block-start: 0.938rem;
        inset-inline-start: 0.75rem;
    }

    .menu-click .app-sidebar .slide-menu.child1 .side-menu__angle,
    .menu-click .app-sidebar .slide-menu.child2 .side-menu__angle,
    .menu-click .app-sidebar .slide-menu.child3 .side-menu__angle {
        display: block;
        inset-inline-end: 0.5rem;
        inset-block-start: 0.65rem;
    }

    .menu-click .app-sidebar .slide.has-sub.side-menu__label1 {
        display: none;
    }

    .menu-click .app-sidebar .slide__category,
    .menu-click .app-sidebar .side-menu__angle {
        display: none;
    }

    .menu-click .app-sidebar .side-menu__item,
    .menu-click .app-sidebar .side-menu__label {
        display: block;
        text-align: center;
    }

    .menu-click .app-sidebar .slide.has-sub .slide-menu {
        position: absolute !important;
        inset-inline-start: 9.5rem !important;
        background: var(--menu-bg);
        inset-block-start: auto !important;
        box-shadow: 0.125rem 0.063rem 0.5rem rgba(0, 0, 0, 0.1);
        transition: none !important;
    }

    .menu-click .app-sidebar .slide.has-sub .slide-menu.child2,
    .menu-click .app-sidebar .slide.has-sub .slide-menu.child3 {
        inset-inline-start: 12rem !important;
    }

    .menu-click .app-sidebar .simplebar-content-wrapper {
        position: initial;
    }

    .menu-click .app-sidebar .simplebar-mask {
        position: inherit;
    }

    .menu-click .app-sidebar .simplebar-placeholder {
        height: auto !important;
    }

    .menu-click .app-content {
        margin-inline-start: 9.5rem;
    }
}

@media (max-width: 991.98px) {
    .menu-click .app-sidebar {
        width: 15rem;
    }
}
/* Style cho menu-hover với nav layout horizontal */
[data-nav-style="menu-hover"][data-nav-layout="horizontal"] {
    @media (min-width: 992px) {
        .app-sidebar .side-menu__item {
            display: flex !important;
            padding-top: 0.93rem;
            padding-inline-end: 1.75rem;
            padding-bottom: 0.93rem;
            padding-inline-start: 0.75rem;
        }

        .app-sidebar .side-menu__icon {
            margin-block-end: 0 !important;
            margin-inline-end: 0.35rem !important;
        }

        .app-sidebar .side-menu__angle {
            display: block !important;
        }

        .app-sidebar .slide.has-sub .slide-menu.active {
            inset-inline-start: auto !important;
            inset-inline-end: auto !important;
        }

        .app-sidebar .slide.has-sub .slide-menu.child1 {
            inset-block-start: 100% !important;
        }
    }
}

/* Style cho menu-hover khi bị đóng */
[data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] {}

/* Style cho menu-hover với nav layout vertical */
[data-nav-style="menu-hover"][data-nav-layout="vertical"] {
    @media (min-width: 992px) {
        [data-toggled="menu-hover-closed"] .app-sidebar {
            position: absolute;
        }

        [data-toggled="menu-hover-closed"] .app-sidebar .side-menu__item {
            border-radius: 0.5rem;
            margin: 0.25rem 0.25rem 0 0.25rem !important;
        }

        [data-toggled="menu-hover-closed"] .app-sidebar .side-menu__item:last-child {
            margin: 0.25rem !important;
        }

        [data-toggled="menu-hover-closed"] .app-sidebar .slide .slide-menu.child1,
        [data-toggled="menu-hover-closed"] .app-sidebar .slide .slide-menu.child2,
        [data-toggled="menu-hover-closed"] .app-sidebar .slide .slide-menu.child3 {
            border-radius: 0 0.5rem 0.5rem 0;
        }

        [data-toggled="menu-hover-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child1,
        [data-toggled="menu-hover-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child2,
        [data-toggled="menu-hover-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child3 {
            border-radius: 0.5rem 0 0 0.5rem;
        }

        .app-sidebar .side-menu__item {
            border-radius: 0.5rem;
            margin: 0.25rem 0.25rem 0 0.25rem !important;
        }

        .app-sidebar .side-menu__item:last-child {
            margin: 0.25rem !important;
        }
    }
}

/* Style chung cho menu-hover */
@media (min-width: 992px) {
    .menu-hover .app-sidebar {
        width: 9.5rem;
    }

    .menu-hover .app-sidebar .main-sidebar {
        overflow: visible;
        height: 90%;
    }

    .menu-hover .app-sidebar .main-sidebar-header {
        width: 9.5rem;
    }

    .menu-hover .app-sidebar .side-menu__icon {
        margin-inline-end: 0;
        margin-block-end: 0.5rem;
    }

    .menu-hover .app-sidebar .slide {
        padding: 0;
    }

    .menu-hover .app-sidebar .slide-menu.child1,
    .menu-hover .app-sidebar .slide-menu.child2,
    .menu-hover .app-sidebar .slide-menu.child3 {
        min-width: 12rem;
        display: none !important;
    }

    .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item,
    .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item,
    .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item {
        text-align: start;
    }

    .menu-hover .app-sidebar .slide-menu.child1 .slide .side-menu__item:before,
    .menu-hover .app-sidebar .slide-menu.child2 .slide .side-menu__item:before,
    .menu-hover .app-sidebar .slide-menu.child3 .slide .side-menu__item:before {
        inset-block-start: 0.938rem;
        inset-inline-start: 0.75rem;
    }

    .menu-hover .app-sidebar .slide.has-sub.side-menu__label1 {
        display: none;
    }

    .menu-hover .app-sidebar .slide.has-sub:hover > .slide-menu.child1 {
        display: block !important;
    }

    .menu-hover .app-sidebar .slide.has-sub:hover > .slide-menu.child1 .slide.has-sub:hover > .slide-menu.child2 {
        display: block !important;
    }

    .menu-hover .app-sidebar .slide.has-sub:hover > .slide-menu.child1 .slide.has-sub:hover > .slide-menu.child2 .slide.has-sub:hover > .slide-menu.child3 {
        display: block !important;
    }

    .menu-hover .app-sidebar .slide__category,
    .menu-hover .app-sidebar .side-menu__angle {
        display: none;
    }

    .menu-hover .app-sidebar .slide-menu.child1 .side-menu__angle,
    .menu-hover .app-sidebar .slide-menu.child2 .side-menu__angle,
    .menu-hover .app-sidebar .slide-menu.child3 .side-menu__angle {
        display: block;
        inset-inline-end: 0.5rem;
        inset-block-start: 0.65rem;
    }

    .menu-hover .app-sidebar .side-menu__item,
    .menu-hover .app-sidebar .side-menu__label {
        display: block;
        text-align: center;
    }

    .menu-hover .app-sidebar .slide.has-sub .slide-menu {
        position: absolute !important;
        inset-inline-start: 9.5rem !important;
        background: var(--menu-bg);
        inset-block-start: auto !important;
        box-shadow: 0.125rem 0.063rem 0.5rem rgba(0, 0, 0, 0.1);
        transition: none !important;
    }

    .menu-hover .app-sidebar .slide.has-sub .slide-menu.child2,
    .menu-hover .app-sidebar .slide.has-sub .slide-menu.child3 {
        inset-inline-start: 12rem !important;
    }

    .menu-hover .app-sidebar .simplebar-content-wrapper {
        position: initial;
    }

    .menu-hover .app-sidebar .simplebar-mask {
        position: inherit;
    }

    .menu-hover .app-sidebar .simplebar-placeholder {
        height: auto !important;
    }

    .menu-hover .app-header {
        padding-inline-start: 9.5rem;
    }

    .menu-hover .app-content {
        margin-inline-start: 9.5rem;
    }
}
.main-sidebar {
    margin-block-start: 3.72rem;
    padding-block-start: 0.5rem;
    padding-block-end: 5rem;
    height: 100vh;
    position: relative;
  }
  
  [dir="rtl"] .app-sidebar .fe-chevron-right {
    transform: rotate(180deg);
  }
  
  [dir="rtl"] .sidemenu-toggle .header-link .header-link-icon {
    transform: rotate(180deg);
  }
  
  .app-sidebar {
    width: 15rem;
    height: 100%;
    background: var(--menu-bg);
    border-inline-end: 1px solid var(--menu-border-color);
    inset-block-start: 0;
    inset-inline-start: 0;
    font-family: "Montserrat", sans-serif;
    z-index: 103;
    transition: all 0.05s ease;
  }
  
  .app-sidebar .main-sidebar-header {
    height: 3.75rem;
    width: 15rem;
    position: fixed;
    display: flex;
    background: var(--menu-bg);
    z-index: 9;
    align-items: center;
    justify-content: center;
    padding: 0.813rem 1.25rem;
    border-inline-end: 1px solid var(--menu-border-color);
    border-block-end: 1px solid var(--menu-border-color);
    transition: all 0.05s ease;
  }
  
  .app-sidebar .slide__category {
    color: var(--menu-prime-color);
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.065rem;
    text-transform: uppercase;
    padding: 0.75rem 1.65rem;
    white-space: nowrap;
    opacity: 0.5;
    position: relative;
  }
  
  .app-sidebar .slide {
    margin: 0;
    padding: 0rem 0.75rem;
  }
  
  .app-sidebar .side-menu__item {
    padding: 0.75rem;
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 0.78rem;
    color: var(--menu-prime-color);
    font-weight: 500;
    border-radius: var(--default-radius);
  }
  
  .app-sidebar .side-menu__item.active,
  .app-sidebar .side-menu__item:hover {
    color: var(--menu-prime-color);
    background-color: rgba(var(--light-rgb), 0.5);
  }
  
  .app-sidebar .side-menu__item.active {
    font-weight: 600;
  }
  
  .app-sidebar .side-menu__icon {
    margin-inline-end: 0.625rem;
    width: 1.15rem;
    height: 1.15rem;
    font-size: 1.15rem;
    text-align: center;
    color: var(--menu-prime-color);
    fill: var(--menu-prime-color);
    border-radius: var(--default-radius);
  }
  
  .app-sidebar .side-menu__angle {
    transform-origin: center;
    position: absolute;
    inset-inline-end: 0.75rem;
    font-size: 0.85rem;
    color: var(--menu-prime-color);
    transition: all 0.05s ease;
  }
  
  .app-sidebar .slide.has-sub .slide-menu {
    transform: translate(0, 0) !important;
    visibility: visible !important;
  }
  
  .nav ul li {
    list-style-type: none;
  }
  
  .nav > ul {
    padding-inline-start: 0px;
  }
  
  .slide-menu {
    display: none;
  }
  
  .slide.has-sub {
    display: grid;
  }
  
  .slide.has-sub.open > .side-menu__item .side-menu__angle {
    transform: rotate(90deg);
  }
  
  @media (min-width: 992px) {
    [data-toggled="open"] .page {
      position: absolute;
    }
  }
  
  @media (max-width: 991.98px) {
    .main-content {
      padding-block-start: 3.75rem;
    }
    .main-sidebar-header {
      display: none !important;
    }
    .main-sidebar {
      margin-block-start: 0;
    }
    .app-sidebar {
      inset-block-start: 0;
    }
  }
  
  #responsive-overlay {
    visibility: hidden;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 101;
    background-color: rgba(15, 23, 42, 0.5);
    transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  #responsive-overlay.active {
    visibility: visible;
  }