body {
    font-family: var(--ps-font-sans);
    background: var(--ps-bg);
    color: var(--ps-ink);
    font-size: var(--ps-font-size-body);
    min-height: 100vh;
    overflow-y: auto;
}

body.abp-application-layout {
    background: var(--ps-bg);
    color: var(--ps-ink);
}

#ApplicationContainer {
    min-height: 100vh;
}

.lpx-layout,
.lpx-layout-body,
.lpx-layout-content {
    background: transparent !important;
}

.lpx-layout-content {
    padding: var(--ps-space-5) var(--ps-space-5) var(--ps-space-7);
    min-height: calc(100vh - var(--ps-size-topbar-height));
}

@media (max-width: 991.98px) {
    .lpx-layout-content {
        padding: var(--ps-space-4);
    }
}

.lpx-topbar,
.lpx-mobile-topbar,
.lpx-layout-topbar,
.lpx-topbar-container,
.lpx-topbar-content,
.lpx-topbar-inner,
.lpx-mobile-topbar-container,
.lpx-mobile-topbar-content,
.lpx-mobile-topbar-inner,
.lpx-toolbar,
.lpx-layout > header {
    background: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-image: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-color: #5633ff !important;
    color: #ffffff !important;
    min-height: var(--ps-size-topbar-height);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);
}

.lpx-topbar a,
.lpx-mobile-topbar a,
.lpx-topbar button,
.lpx-mobile-topbar button,
.lpx-topbar i,
.lpx-mobile-topbar i,
.lpx-topbar svg,
.lpx-mobile-topbar svg,
.lpx-topbar [class*="fa-"],
.lpx-mobile-topbar [class*="fa-"],
.lpx-topbar [class*="icon"],
.lpx-mobile-topbar [class*="icon"],
.lpx-topbar [class*="menu"],
.lpx-mobile-topbar [class*="menu"] {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.lpx-topbar button,
.lpx-mobile-topbar button {
    background-color: transparent !important;
}

.lpx-topbar .dropdown-menu,
.lpx-mobile-topbar .dropdown-menu,
.lpx-layout-topbar .dropdown-menu,
.lpx-topbar .dropdown-menu.show,
.lpx-mobile-topbar .dropdown-menu.show,
.lpx-layout-topbar .dropdown-menu.show {
    background: var(--ps-surface) !important;
    background-image: none !important;
    color: var(--ps-ink) !important;
    border: 1px solid var(--ps-border) !important;
    box-shadow: var(--ps-shadow-md) !important;
}

.lpx-topbar .dropdown-menu *,
.lpx-mobile-topbar .dropdown-menu *,
.lpx-layout-topbar .dropdown-menu * {
    color: var(--ps-ink) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.lpx-topbar .dropdown-item,
.lpx-mobile-topbar .dropdown-item,
.lpx-layout-topbar .dropdown-item,
.lpx-topbar .dropdown-item-text,
.lpx-mobile-topbar .dropdown-item-text,
.lpx-layout-topbar .dropdown-item-text {
    color: var(--ps-ink) !important;
    background: transparent !important;
}

.lpx-topbar .dropdown-item:hover,
.lpx-topbar .dropdown-item:focus,
.lpx-mobile-topbar .dropdown-item:hover,
.lpx-mobile-topbar .dropdown-item:focus,
.lpx-layout-topbar .dropdown-item:hover,
.lpx-layout-topbar .dropdown-item:focus {
    background: var(--ps-surface-2) !important;
    color: var(--ps-ink) !important;
}

.lpx-topbar .dropdown-divider,
.lpx-mobile-topbar .dropdown-divider,
.lpx-layout-topbar .dropdown-divider {
    border-color: var(--ps-border) !important;
    opacity: 1 !important;
}

.lpx-sidebar,
.lpx-mobile-sidebar,
.lpx-sidebar-header,
.lpx-sidebar-body,
.lpx-mobile-sidebar .lpx-sidebar-header,
.lpx-mobile-sidebar .lpx-sidebar-body,
.lpx-mobile-navbar,
.lpx-mobile-menu,
.lpx-layout > aside,
.lpx-layout > aside > div,
.lpx-layout > aside > nav {
    background: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-image: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-color: #5633ff !important;
    color: #ffffff !important;
}

.lpx-sidebar-header,
.lpx-mobile-sidebar .lpx-sidebar-header,
.lpx-mobile-sidebar .navbar,
.lpx-mobile-sidebar .navbar-dark,
.lpx-mobile-sidebar .bg-dark,
.lpx-mobile-sidebar .text-bg-dark,
.lpx-mobile-sidebar .bg-black,
.lpx-mobile-sidebar .text-bg-black {
    background: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-image: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-color: #7455ff !important;
    color: #ffffff !important;
}

.lpx-sidebar-header::before,
.lpx-sidebar-header::after,
.lpx-mobile-sidebar .lpx-sidebar-header::before,
.lpx-mobile-sidebar .lpx-sidebar-header::after {
    background: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-image: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-color: #5633ff !important;
    opacity: 1 !important;
}

.lpx-sidebar-header > *,
.lpx-mobile-sidebar .lpx-sidebar-header > * {
    background-color: transparent !important;
}

.lpx-sidebar::before,
.lpx-mobile-sidebar::before,
.lpx-layout > aside::before {
    background: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-image: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-color: #5633ff !important;
}

.lpx-layout > aside {
    width: var(--ps-size-sidebar-width);
    box-shadow: 8px 0 30px rgba(15, 23, 42, 0.22);
}

.lpx-sidebar .lpx-menu,
.lpx-sidebar .lpx-nav,
.lpx-sidebar .lpx-menu-group,
.lpx-sidebar .lpx-menu-item-group,
.lpx-sidebar .lpx-nav-menu {
    background: transparent !important;
    padding: var(--ps-space-3) var(--ps-space-2);
}

.lpx-sidebar-body,
.lpx-mobile-sidebar .lpx-sidebar-body {
    padding-top: var(--ps-space-2);
}

.lpx-sidebar .lpx-menu,
.lpx-mobile-sidebar .lpx-menu,
.lpx-sidebar .lpx-nav,
.lpx-mobile-sidebar .lpx-nav {
    margin-top: var(--ps-space-2);
}

.lpx-sidebar .lpx-menu-item,
.lpx-sidebar .lpx-nav-item {
    margin: 0.15rem var(--ps-space-2);
    border-radius: var(--ps-radius-md);
    overflow: hidden;
}

.lpx-sidebar .lpx-menu-item a,
.lpx-sidebar .lpx-nav-item a,
.lpx-sidebar .lpx-menu-link,
.lpx-sidebar .lpx-menu-link-text,
.lpx-sidebar .lpx-menu-title,
.lpx-sidebar .lpx-menu-item i,
.lpx-sidebar .lpx-nav-item i,
.lpx-sidebar .lpx-menu-item svg,
.lpx-sidebar .lpx-nav-item svg,
.lpx-sidebar .lpx-menu-item [class*="fa-"],
.lpx-sidebar .lpx-nav-item [class*="fa-"],
.lpx-sidebar [class*="menu"],
.lpx-sidebar [class*="nav"] {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    font-weight: 600;
    letter-spacing: 0.01em;
    opacity: 1 !important;
}

.lpx-sidebar .lpx-menu-item.active,
.lpx-sidebar .lpx-nav-item.active {
    background: rgba(255, 255, 255, 0.2) !important;
    border-left: 3px solid rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.lpx-sidebar .lpx-menu-item:hover,
.lpx-sidebar .lpx-nav-item:hover {
    background: rgba(255, 255, 255, 0.16) !important;
}

.lpx-sidebar .lpx-menu-item a:focus-visible,
.lpx-sidebar .lpx-nav-item a:focus-visible,
.lpx-topbar a:focus-visible,
.lpx-topbar button:focus-visible,
.lpx-mobile-topbar a:focus-visible,
.lpx-mobile-topbar button:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.65);
    outline-offset: 2px;
    box-shadow: none;
}

.lpx-menu-item,
.lpx-menu-item *,
.lpx-nav-item,
.lpx-nav-item * {
    background-color: transparent !important;
}

.lpx-brand-logo {
    --lpx-logo: none;
    --lpx-logo-icon: none;
}

.lpx-brand-logo,
.lpx-brand-logo img,
.lpx-brand-logo svg {
    background-image: none !important;
    display: none !important;
}

.lpx-logo-container.lpx-logo-container {
    background-color: transparent !important;
    background-image: none !important;
}

.lpx-brand-name,
.lpx-brand-title,
.lpx-brand-text {
    color: #f8fafc !important;
    font-weight: 700;
    letter-spacing: 0.04em;
    font-size: 1.05rem;
    text-transform: none;
}

body.abp-application-layout .navbar,
body.abp-application-layout .navbar.bg-dark,
body.abp-application-layout .navbar-dark {
    background: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-image: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-color: #5633ff !important;
    border: none !important;
}

body.abp-application-layout .navbar-toggler,
body.abp-application-layout .navbar-toggler * {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    pointer-events: auto !important;
}

body.abp-application-layout .navbar-toggler-icon {
    filter: invert(1) !important;
}

body.abp-application-layout .bg-dark,
body.abp-application-layout .text-bg-dark,
body.abp-application-layout .bg-black,
body.abp-application-layout .text-bg-black {
    background: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-image: var(--ps-login-gradient, radial-gradient(circle at top right, #5633ff, #19004a 60%)) !important;
    background-color: #5633ff !important;
    color: #ffffff !important;
}

.navbar-toggler,
.navbar-toggler-icon,
.navbar-toggler span,
.lpx-menu-toggle,
.lpx-menu-toggle i,
.lpx-menu-toggle svg,
.lpx-menu-toggle svg path,
.lpx-menu-toggle svg line,
.lpx-menu-toggle svg rect {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
}

@media (max-width: 991.98px) {
    .lpx-mobile-sidebar {
        width: min(86vw, var(--ps-size-sidebar-width));
    }
}