.qr-client-v2 #page-topbar.qr-v2-topbar {
    left: 0;
    right: 0;
    height: var(--qr-topbar-height);
    background: var(--qr-surface);
    border-bottom: 1px solid var(--qr-border);
    box-shadow: var(--qr-shadow-sm);
    z-index: 1003;
}

.qr-client-v2 #page-topbar .qr-v2-topbar-inner {
    min-height: var(--qr-topbar-height);
    padding: 0 24px 0 0;
}

.qr-client-v2 #page-topbar .qr-v2-topbar-brand,
.qr-client-v2 #page-topbar .qr-v2-topbar-actions {
    min-width: 0;
    align-items: center;
}

.qr-client-v2 #page-topbar .qr-v2-brand {
    width: var(--qr-sidebar-width);
    min-width: var(--qr-sidebar-width);
    height: var(--qr-topbar-height) !important;
    padding: 0 24px;
    background: var(--qr-surface);
    border-right: 1px solid var(--qr-border);
}

.qr-client-v2 #page-topbar .qr-v2-brand .logo {
    height: 100%;
    align-items: center;
    justify-content: flex-start;
}

.qr-client-v2 #page-topbar .qr-v2-brand .logo-lg img {
    max-width: 160px;
    max-height: 38px;
    height: auto !important;
}

.qr-client-v2 #page-topbar .qr-v2-menu-toggle {
    width: 42px;
    height: 42px;
    margin-left: 16px;
    padding: 0 !important;
    color: var(--qr-text-secondary);
    background: var(--qr-surface-soft);
    border: 1px solid var(--qr-border);
    border-radius: var(--qr-radius-sm);
}

.qr-client-v2 #page-topbar .qr-v2-menu-toggle:hover {
    color: var(--qr-primary);
    background: var(--qr-primary-soft);
    border-color: #cfe0fb;
}

.qr-client-v2 #page-topbar .qr-v2-overview-link {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
}

.qr-client-v2 #page-topbar .qr-v2-overview-link .header-item {
    min-height: 42px;
    margin-left: 0 !important;
    border-radius: var(--qr-radius-sm);
}

.qr-client-v2 #page-topbar .qr-v2-topbar-actions > .dropdown > a {
    display: inline-flex;
    min-height: var(--qr-topbar-height);
    align-items: center;
    color: var(--qr-text-secondary);
    gap: 2px;
}

.qr-client-v2 #page-topbar .header-item {
    color: var(--qr-text-secondary);
}

.qr-client-v2 #page-topbar .header-item:hover,
.qr-client-v2 #page-topbar .dropdown.show .header-item {
    color: var(--qr-primary);
    background: var(--qr-primary-soft);
}

.qr-client-v2 #page-topbar .qr-v2-user-trigger {
    min-height: 46px;
    margin-left: 8px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: var(--qr-radius);
}

.qr-client-v2 #page-topbar .qr-v2-user-trigger:hover,
.qr-client-v2 #page-topbar .qr-v2-user-menu.show .qr-v2-user-trigger {
    border-color: var(--qr-border);
}

.qr-client-v2 #page-topbar .header-profile-user {
    width: 34px;
    height: 34px;
    object-fit: cover;
    border: 2px solid var(--qr-surface);
    box-shadow: 0 0 0 1px var(--qr-border-strong);
}

.qr-client-v2 .vertical-menu.qr-v2-sidebar {
    top: var(--qr-topbar-height);
    bottom: 0;
    width: var(--qr-sidebar-width);
    background: var(--qr-surface);
    border-right: 1px solid var(--qr-border);
    box-shadow: none;
    z-index: 1002;
}

.qr-client-v2 .qr-v2-sidebar-scroll {
    padding: 18px 14px 24px;
}

.qr-client-v2 #sidebar-menu.qr-v2-sidebar-menu {
    padding: 0;
}

.qr-client-v2 #side-menu.qr-v2-nav > li {
    margin: 4px 0;
}

.qr-client-v2 #side-menu.qr-v2-nav > li > a {
    min-height: 46px;
    display: flex;
    align-items: center;
    padding: 11px 14px;
    color: var(--qr-text-secondary);
    border-radius: var(--qr-radius-sm);
}

.qr-client-v2 #side-menu.qr-v2-nav > li > a i {
    min-width: 24px;
    color: var(--qr-text-muted);
    font-size: 19px;
}

.qr-client-v2 #side-menu.qr-v2-nav > li > a:hover,
.qr-client-v2 #side-menu.qr-v2-nav > li.mm-active > a,
.qr-client-v2 #side-menu.qr-v2-nav > li > a.active {
    color: var(--qr-primary);
    background: var(--qr-primary-soft);
}

.qr-client-v2 #side-menu.qr-v2-nav > li > a:hover i,
.qr-client-v2 #side-menu.qr-v2-nav > li.mm-active > a i,
.qr-client-v2 #side-menu.qr-v2-nav > li > a.active i {
    color: var(--qr-primary);
}

.qr-client-v2 #side-menu .sub-menu {
    padding: 5px 0 5px 12px;
}

.qr-client-v2 #side-menu .sub-menu a {
    margin: 2px 0;
    padding-top: 9px;
    padding-bottom: 9px;
    color: var(--qr-text-muted);
    border-radius: var(--qr-radius-sm);
}

.qr-client-v2 #side-menu .sub-menu a:hover,
.qr-client-v2 #side-menu .sub-menu a.active {
    color: var(--qr-primary);
    background: var(--qr-primary-soft);
}

.qr-client-v2 .main-content.qr-v2-main {
    min-height: 100vh;
    margin-left: 0;
    background: var(--qr-canvas);
}

.qr-client-v2 .page-content.qr-v2-page-content {
    min-height: 100vh;
    padding: 0;
}

.qr-client-v2 .vertical-menu + .main-content.qr-v2-main {
    margin-left: var(--qr-sidebar-width);
}

.qr-client-v2 .vertical-menu + .main-content.qr-v2-main > .page-content.qr-v2-page-content {
    min-height: calc(100vh - var(--qr-topbar-height));
    padding: calc(var(--qr-topbar-height) + 24px) 24px 32px;
}

.qr-client-v2 .qr-v2-content-container,
.qr-client-v2 .qr-v2-page-header-wrap {
    max-width: var(--qr-content-max);
    margin-right: auto;
    margin-left: auto;
}

.qr-client-v2 .footer.qr-v2-footer {
    right: 0;
    left: var(--qr-sidebar-width);
    padding: 18px 24px;
    color: var(--qr-text-muted);
    background: var(--qr-canvas);
    border-top: 1px solid var(--qr-border);
}

.qr-client-v2 .qr-v2-footer-container {
    max-width: var(--qr-content-max);
    margin: 0 auto;
}

.qr-client-v2.vertical-collpsed .vertical-menu,
.qr-client-v2.vertical-collapsed .vertical-menu {
    width: var(--qr-sidebar-collapsed-width);
}

.qr-client-v2.vertical-collpsed .main-content,
.qr-client-v2.vertical-collapsed .main-content {
    margin-left: var(--qr-sidebar-collapsed-width);
}

.qr-client-v2.vertical-collpsed .footer,
.qr-client-v2.vertical-collapsed .footer {
    left: var(--qr-sidebar-collapsed-width);
}

.qr-client-v2.vertical-collpsed .navbar-brand-box,
.qr-client-v2.vertical-collapsed .navbar-brand-box {
    width: var(--qr-sidebar-collapsed-width) !important;
    min-width: var(--qr-sidebar-collapsed-width) !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
}