/* Scoped glassmorphism overrides for the base ERP shell. */

.glass-theme-background {
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    z-index: 0;
}

body.glass-layout-body {
    --glass-sidebar-width: 300px;
    --glass-sidebar-collapsed: 96px;
    --glass-spacing: 24px;
    --glass-header-height: 88px;
    --glass-surface: rgba(15, 23, 42, 0.62);
    --glass-surface-strong: rgba(15, 23, 42, 0.82);
    --glass-surface-soft: rgba(255, 255, 255, 0.12);
    --glass-border: rgba(255, 255, 255, 0.16);
    --glass-border-strong: rgba(255, 255, 255, 0.26);
    --glass-text-primary: #f8fafc;
    --glass-text-secondary: rgba(248, 250, 252, 0.82);
    --glass-text-muted: rgba(226, 232, 240, 0.62);
    --glass-accent: #34d399;
    --glass-accent-strong: #059669;
    --glass-gold: #d4a574;
    --glass-danger: #f87171;
    --glass-warning: #fbbf24;
    --glass-input-group-divider: rgba(255, 255, 255, 0.12);
    --glass-shadow: 0 24px 60px rgba(2, 6, 23, 0.38);
    --glass-card-shadow: 0 18px 40px rgba(15, 23, 42, 0.26);
    background: #08110e;
    color: var(--glass-text-primary);
    font-family: "Outfit", sans-serif;
}

body.glass-layout-body:not(.glass-theme) {
    --glass-surface: rgba(255, 255, 255, 0.58);
    --glass-surface-strong: rgba(255, 255, 255, 0.76);
    --glass-surface-soft: rgba(255, 255, 255, 0.24);
    --glass-border: rgba(255, 255, 255, 0.42);
    --glass-border-strong: rgba(255, 255, 255, 0.62);
    --glass-text-primary: #10213a;
    --glass-text-secondary: rgba(15, 23, 42, 0.82);
    --glass-text-muted: rgba(51, 65, 85, 0.7);
    --glass-accent: #059669;
    --glass-accent-strong: #047857;
    --glass-input-group-divider: rgba(148, 163, 184, 0.24);
    --glass-shadow: 0 22px 46px rgba(148, 163, 184, 0.18);
    --glass-card-shadow: 0 18px 34px rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, #f8fbff 0%, #eef4fb 52%, #e8f0f8 100%);
}

body.glass-layout-body .glass-theme-background__gradient {
    background:
        radial-gradient(circle at 14% 18%, rgba(52, 211, 153, 0.14), transparent 28%),
        radial-gradient(circle at 82% 16%, rgba(212, 165, 116, 0.16), transparent 24%),
        radial-gradient(circle at 48% 78%, rgba(59, 130, 246, 0.12), transparent 24%),
        linear-gradient(180deg, #f8fbff 0%, #eef4fb 52%, #e8f0f8 100%);
    inset: 0;
    position: absolute;
}

body.glass-layout-body .glass-theme-background__orb {
    border-radius: 999px;
    filter: blur(80px);
    opacity: 0.3;
    position: absolute;
}

body.glass-layout-body .glass-theme-background__orb--emerald {
    background: rgba(52, 211, 153, 0.22);
    height: 340px;
    left: 4%;
    top: 8%;
    width: 340px;
}

body.glass-layout-body .glass-theme-background__orb--gold {
    background: rgba(212, 165, 116, 0.24);
    height: 300px;
    right: 8%;
    top: 10%;
    width: 300px;
}

body.glass-layout-body .glass-theme-background__orb--coral {
    background: rgba(59, 130, 246, 0.18);
    bottom: 4%;
    height: 260px;
    left: 28%;
    width: 260px;
}

body.glass-layout-body.glass-theme .glass-theme-background__gradient {
    background:
        radial-gradient(circle at 15% 20%, rgba(52, 211, 153, 0.2), transparent 28%),
        radial-gradient(circle at 80% 18%, rgba(212, 165, 116, 0.16), transparent 24%),
        radial-gradient(circle at 50% 78%, rgba(14, 165, 233, 0.12), transparent 24%),
        linear-gradient(135deg, #08110e 0%, #0d1714 46%, #15231c 100%);
}

body.glass-layout-body.glass-theme .glass-theme-background__orb {
    opacity: 0.42;
}

body.glass-layout-body.glass-theme .glass-theme-background__orb--emerald {
    background: rgba(52, 211, 153, 0.42);
}

body.glass-layout-body.glass-theme .glass-theme-background__orb--gold {
    background: rgba(212, 165, 116, 0.36);
}

body.glass-layout-body.glass-theme .glass-theme-background__orb--coral {
    background: rgba(251, 146, 60, 0.26);
}

body.glass-layout-body .wrapper,
body.glass-layout-body .content-wrapper,
body.glass-layout-body .main-footer {
    background: transparent;
}

body.glass-auth-body {
    min-height: 100vh;
}

body.glass-auth-body .glass-auth-shell {
    min-height: 100vh;
    padding: 32px 24px;
    position: relative;
    z-index: 1;
}

body.glass-auth-body .login-area,
body.glass-auth-body .abc {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 64px);
}

body.glass-auth-body .login-box {
    margin: 0 auto;
    max-width: 460px;
    width: 100%;
}

body.glass-auth-body .login-logo {
    margin: 0 0 20px;
    text-align: center;
}

body.glass-auth-body .login-logo a {
    display: inline-flex;
    justify-content: center;
}

body.glass-auth-body .login-logo img {
    max-width: 220px;
    width: 100%;
}

body.glass-auth-body .login-box-body {
    background: var(--glass-surface);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: 28px;
    box-shadow: var(--glass-shadow);
    color: var(--glass-text-primary);
    padding: 30px 32px;
}

body.glass-auth-body:not(.glass-theme) .login-box-body {
    backdrop-filter: blur(28px) saturate(150%);
    -webkit-backdrop-filter: blur(28px) saturate(150%);
}

body.glass-auth-body .login-box-msg {
    color: var(--glass-text-primary);
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 20px;
    text-align: center;
}

body.glass-auth-body .login-box-body .form-group {
    margin-bottom: 18px;
    position: relative;
}

body.glass-auth-body .login-box-body .form-control {
    padding-right: 52px;
}

body.glass-auth-body .form-control-feedback {
    color: var(--glass-text-muted);
    pointer-events: none;
    right: 16px;
    top: 13px;
}

body.glass-auth-body .glass-password-toggle {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--glass-text-muted);
    display: inline-flex;
    height: 44px;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 1px;
    width: 44px;
}

body.glass-auth-body .glass-password-toggle:hover {
    color: var(--glass-text-primary);
}

body.glass-auth-body .social-auth-links,
body.glass-auth-body .text-center.mt-3 {
    margin-top: 18px;
}

body.glass-auth-body .social-auth-links p,
body.glass-auth-body .text-center a,
body.glass-auth-body .login-box-body > a {
    color: var(--glass-text-secondary);
}

body.glass-auth-body .help-block {
    color: #fecaca;
    margin-bottom: 0;
}

body.glass-auth-body:not(.glass-theme) .help-block {
    color: #b91c1c;
}

body.glass-auth-body .alert {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    color: var(--glass-text-primary);
}

body.glass-auth-body:not(.glass-theme) .alert {
    background: #fff;
    border-color: rgba(148, 163, 184, 0.24);
    color: var(--glass-text-primary);
}

body.glass-auth-body .glass-auth-toggle {
    position: fixed;
    right: 24px;
    top: 24px;
    z-index: 1030;
}

body.glass-layout-body .wrapper {
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

body.glass-layout-body .main-sidebar {
    background: transparent;
    bottom: var(--glass-spacing);
    height: calc(100vh - (var(--glass-spacing) * 2));
    left: var(--glass-spacing);
    overflow: hidden;
    padding-top: 0;
    position: fixed;
    top: var(--glass-spacing);
    transform: none;
    transition: width 0.3s ease, transform 0.3s ease;
    width: var(--glass-sidebar-width);
    z-index: 1010;
}

body.glass-layout-body.sidebar-collapse .main-sidebar {
    width: var(--glass-sidebar-collapsed);
}

body.glass-layout-body .main-sidebar > .sidebar {
    background: transparent;
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
}

body.glass-layout-body .glass-sidebar-panel,
body.glass-layout-body .glass-topbar,
body.glass-layout-body .main-footer,
body.glass-layout-body .box,
body.glass-layout-body .info-box,
body.glass-layout-body .small-box,
body.glass-layout-body .nav-tabs-custom,
body.glass-layout-body .modal-content,
body.glass-layout-body .dropdown-menu,
body.glass-layout-body .select2-dropdown,
body.glass-layout-body .content-header,
body.glass-layout-body .callout,
body.glass-layout-body .well,
body.glass-layout-body .glass-toolbar-item {
    background: var(--glass-surface);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    box-shadow: var(--glass-shadow);
    color: var(--glass-text-primary);
}

body.glass-layout-body:not(.glass-theme) .glass-sidebar-panel,
body.glass-layout-body:not(.glass-theme) .glass-topbar,
body.glass-layout-body:not(.glass-theme) .main-footer,
body.glass-layout-body:not(.glass-theme) .box,
body.glass-layout-body:not(.glass-theme) .info-box,
body.glass-layout-body:not(.glass-theme) .small-box,
body.glass-layout-body:not(.glass-theme) .nav-tabs-custom,
body.glass-layout-body:not(.glass-theme) .modal-content,
body.glass-layout-body:not(.glass-theme) .dropdown-menu,
body.glass-layout-body:not(.glass-theme) .select2-dropdown,
body.glass-layout-body:not(.glass-theme) .content-header,
body.glass-layout-body:not(.glass-theme) .callout,
body.glass-layout-body:not(.glass-theme) .well,
body.glass-layout-body:not(.glass-theme) .glass-toolbar-item {
    backdrop-filter: blur(30px) saturate(160%);
    -webkit-backdrop-filter: blur(30px) saturate(160%);
}

body.glass-layout-body .glass-sidebar-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 22px 18px;
}

body.glass-layout-body .glass-sidebar-head {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 18px;
    padding-bottom: 18px;
}

body.glass-layout-body .glass-brand {
    align-items: center;
    background: transparent;
    display: flex;
    gap: 14px;
    margin-bottom: 12px;
    min-height: 0;
    padding: 0;
    width: 100%;
}

body.glass-layout-body .glass-brand-mark,
body.glass-layout-body .glass-sidebar-profile__avatar,
body.glass-layout-body .glass-user-chip__avatar {
    align-items: center;
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-gold));
    border-radius: 18px;
    box-shadow: 0 14px 32px rgba(5, 150, 105, 0.25);
    color: #fff;
    display: inline-flex;
    font-family: "Space Mono", monospace;
    font-size: 18px;
    font-weight: 700;
    height: 48px;
    justify-content: center;
    min-width: 48px;
    text-transform: uppercase;
}

body.glass-layout-body .glass-brand-text {
    color: var(--glass-text-primary);
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    white-space: normal;
}

body.glass-layout-body .glass-sidebar-caption {
    color: var(--glass-text-muted);
    font-size: 12px;
    letter-spacing: 0.08em;
    margin: 0;
    text-transform: uppercase;
}

body.glass-layout-body .glass-sidebar-profile {
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding: 12px;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body.glass-layout-body .glass-sidebar-profile:hover,
body.glass-layout-body .glass-user-chip__profile:hover,
body.glass-layout-body .glass-icon-button:hover,
body.glass-layout-body .glass-theme-toggle:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: var(--glass-border-strong);
    transform: translateY(-1px);
}

body.glass-layout-body .glass-sidebar-profile__avatar img,
body.glass-layout-body .glass-user-chip__avatar img {
    border-radius: 16px;
    height: 48px;
    object-fit: cover;
    width: 48px;
}

body.glass-layout-body .glass-sidebar-profile__content,
body.glass-layout-body .glass-user-chip__content {
    min-width: 0;
}

body.glass-layout-body .glass-sidebar-profile__name,
body.glass-layout-body .glass-user-chip__name {
    color: var(--glass-text-primary);
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

body.glass-layout-body .glass-sidebar-profile__meta,
body.glass-layout-body .glass-user-chip__meta {
    color: var(--glass-text-muted);
    display: block;
    font-size: 12px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.glass-layout-body .glass-sidebar-body {
    flex: 1 1 auto;
    margin-right: -8px;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 8px;
}

body.glass-layout-body .glass-sidebar-body::-webkit-scrollbar {
    width: 6px;
}

body.glass-layout-body .glass-sidebar-body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.16);
    border-radius: 999px;
}

body.glass-layout-body .glass-sidebar-footer {
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--glass-text-muted);
    display: flex;
    font-size: 12px;
    gap: 12px;
    justify-content: space-between;
    margin-top: 16px;
    padding-top: 16px;
}

body.glass-layout-body .glass-sidebar-footer__link {
    color: var(--glass-accent);
    font-weight: 600;
}

body.glass-layout-body .sidebar-menu,
body.glass-layout-body .sidebar-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.glass-layout-body .sidebar-menu > li {
    margin-bottom: 6px;
}

body.glass-layout-body .sidebar-menu > li.header {
    color: var(--glass-text-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin: 18px 0 8px;
    padding: 8px 14px 0;
    text-transform: uppercase;
}

body.glass-layout-body .sidebar-menu li > a {
    align-items: center;
    border-radius: 16px;
    color: var(--glass-text-secondary);
    display: flex;
    gap: 14px;
    margin: 0;
    min-height: 46px;
    overflow: hidden;
    padding: 12px 14px;
    position: relative;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
    white-space: nowrap;
}

body.glass-layout-body .sidebar-menu li > a:hover,
body.glass-layout-body .sidebar-menu li.active > a,
body.glass-layout-body .sidebar-menu li.menu-open > a {
    background: rgba(255, 255, 255, 0.1);
    color: var(--glass-text-primary);
}

body.glass-layout-body .sidebar-menu li > a > i:first-child {
    font-size: 18px;
    text-align: center;
    width: 20px;
}

body.glass-layout-body .sidebar-menu .treeview-menu {
    background: transparent;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    margin: 8px 0 8px 18px;
    padding-left: 12px;
}

body.glass-layout-body .sidebar-menu .treeview-menu > li > a {
    color: var(--glass-text-secondary);
    display: flex;
    font-size: 13px;
    min-height: 40px;
    padding: 10px 12px;
}

body.glass-layout-body:not(.glass-theme) .sidebar-menu .treeview-menu {
    border-left-color: rgba(148, 163, 184, 0.2);
}

body.glass-layout-body:not(.glass-theme) .sidebar-menu .treeview-menu > li > a {
    color: rgba(15, 23, 42, 0.84);
}

body.glass-layout-body .sidebar-menu li.menu-open > .treeview-menu > li > a {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid transparent;
}

body.glass-layout-body:not(.glass-theme) .sidebar-menu li.menu-open > .treeview-menu > li > a {
    background: rgba(255, 255, 255, 0.62);
}

body.glass-layout-body .sidebar-menu .pull-right-container {
    margin-left: auto;
    position: static;
}

body.glass-layout-body .sidebar-menu .pull-right-container .fa-angle-left {
    transition: transform 0.2s ease;
}

body.glass-layout-body .sidebar-menu .menu-open > a .fa-angle-left {
    transform: rotate(-90deg);
}

body.glass-layout-body .main-header {
    background: transparent;
    left: calc(var(--glass-sidebar-width) + var(--glass-spacing));
    margin-left: 0;
    padding: 0;
    position: fixed;
    right: var(--glass-spacing);
    top: var(--glass-spacing);
    transition: left 0.3s ease;
    z-index: 1020;
}

body.glass-layout-body .main-header .navbar-static-top,
body.glass-layout-body .main-header .navbar.navbar-static-top {
    margin-left: 24px !important;
}

body.glass-layout-body.sidebar-collapse .main-header {
    left: calc(var(--glass-sidebar-collapsed) + var(--glass-spacing));
}

body.glass-layout-body .glass-topbar {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    min-height: var(--glass-header-height);
    padding: 18px 22px;
}

body.glass-layout-body .glass-topbar-left,
body.glass-layout-body .glass-topbar-right {
    align-items: center;
    display: flex;
    gap: 14px;
}

body.glass-layout-body .glass-topbar-right {
    flex-wrap: wrap;
    justify-content: flex-end;
}

body.glass-layout-body .glass-page-heading {
    min-width: 0;
}

body.glass-layout-body .glass-page-kicker {
    color: var(--glass-text-muted);
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

body.glass-layout-body .page-title {
    color: var(--glass-text-primary);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

body.glass-layout-body .header-content {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: flex-end;
    margin-left: auto;
}

body.glass-layout-body .glass-icon-button,
body.glass-layout-body .glass-theme-toggle,
body.glass-layout-body .glass-toolbar-nav > li > a,
body.glass-layout-body .floating-btn,
body.glass-layout-body .menu-item {
    align-items: center;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    color: var(--glass-text-primary);
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    padding: 0 14px;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body.glass-layout-body:not(.glass-theme) .glass-icon-button,
body.glass-layout-body:not(.glass-theme) .glass-theme-toggle,
body.glass-layout-body:not(.glass-theme) .glass-toolbar-nav > li > a,
body.glass-layout-body:not(.glass-theme) .floating-btn,
body.glass-layout-body:not(.glass-theme) .menu-item {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(148, 163, 184, 0.22);
}

body.glass-layout-body .sidebar-toggle {
    color: var(--glass-text-primary);
    margin: 0;
    padding: 0 14px;
}

body.glass-layout-body .glass-theme-toggle {
    font-weight: 600;
    padding-right: 16px;
}

body.glass-layout-body .glass-theme-toggle__icon--off {
    display: none;
}

body.glass-layout-body .glass-theme-toggle[aria-pressed="false"] .glass-theme-toggle__icon--on {
    display: none;
}

body.glass-layout-body .glass-theme-toggle[aria-pressed="false"] .glass-theme-toggle__icon--off {
    display: inline-flex;
}

body.glass-layout-body .glass-theme-toggle__label {
    font-size: 13px;
}

body.glass-layout-body .glass-toolbar-item {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 14px;
}

body.glass-layout-body .glass-toolbar-nav {
    align-items: center;
    display: flex;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

body.glass-layout-body .glass-toolbar-nav > li {
    list-style: none;
}

body.glass-layout-body .glass-toolbar-nav > li > a {
    font-size: 16px;
    padding: 0 14px;
}

body.glass-layout-body .glass-toolbar-nav .dropdown-menu {
    margin-top: 10px;
    min-width: 280px;
    padding: 8px;
}

body.glass-layout-body .glass-toolbar-nav .dropdown-menu .menu {
    list-style: none;
    margin: 0;
    max-height: 320px;
    overflow-y: auto;
    padding: 0;
}

body.glass-layout-body .glass-toolbar-nav .dropdown-menu > li > a,
body.glass-layout-body .glass-toolbar-nav .dropdown-menu .menu > li > a {
    border-radius: 12px;
    color: var(--glass-text-secondary);
    display: block;
    padding: 10px 12px;
}

body.glass-layout-body .glass-toolbar-nav .dropdown-menu > li > a:hover,
body.glass-layout-body .glass-toolbar-nav .dropdown-menu .menu > li > a:hover {
    background: rgba(255, 255, 255, 0.08);
    color: var(--glass-text-primary);
}

body.glass-layout-body .notifications_count,
body.glass-layout-body .label-warning,
body.glass-layout-body .badge,
body.glass-layout-body .label {
    background: linear-gradient(135deg, var(--glass-gold), #f59e0b);
    border-radius: 999px;
    color: #0f172a;
    font-weight: 700;
}

body.glass-layout-body .glass-online-users {
    align-items: center;
    display: flex;
}

body.glass-layout-body .glass-avatar-stack,
body.glass-layout-body .avatar-stack {
    align-items: center;
    display: flex;
}

body.glass-layout-body .glass-avatar-item,
body.glass-layout-body .avatar-item {
    margin-left: -10px;
}

body.glass-layout-body .glass-avatar-item:first-child,
body.glass-layout-body .avatar-item:first-child {
    margin-left: 0;
}

body.glass-layout-body .glass-avatar,
body.glass-layout-body .avatar {
    border: 2px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.16);
    height: 40px;
    object-fit: cover;
    transition: transform 0.2s ease;
    width: 40px;
}

body.glass-layout-body .glass-avatar-item:hover .glass-avatar,
body.glass-layout-body .avatar-item:hover .avatar {
    transform: translateY(-2px) scale(1.04);
}

body.glass-layout-body .glass-avatar-more,
body.glass-layout-body .avatar-more {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: var(--glass-text-primary);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    align-items: center;
    width: 40px;
}

body.glass-layout-body .glass-user-chip {
    align-items: center;
    display: flex;
    gap: 10px;
}

body.glass-layout-body .glass-user-chip__profile {
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    display: inline-flex;
    gap: 10px;
    min-height: 44px;
    padding: 6px 10px 6px 6px;
}

body.glass-layout-body .content-wrapper {
    margin-left: calc(var(--glass-sidebar-width) + var(--glass-spacing));
    margin-top: 0;
    min-height: 100vh !important;
    padding: calc(var(--glass-header-height) + 44px) var(--glass-spacing) 32px;
    transition: margin-left 0.3s ease;
}

body.glass-layout-body.sidebar-collapse .content-wrapper,
body.glass-layout-body.sidebar-collapse .main-footer {
    margin-left: calc(var(--glass-sidebar-collapsed) + var(--glass-spacing));
}

body.glass-layout-body .glass-main-content {
    min-height: calc(100vh - var(--glass-header-height) - 76px);
}

body.glass-layout-body .content {
    min-height: auto;
    padding: 0;
}

body.glass-layout-body .dashboard-filter-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    row-gap: 14px;
}

body.glass-layout-body .dashboard-welcome-column h3 {
    color: var(--glass-text-primary);
    line-height: 1.35;
}

body.glass-layout-body .dashboard-filter-column {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}

body.glass-layout-body .dashboard-right-locationNdate {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    float: none !important;
    gap: 10px;
    justify-content: flex-end;
    margin: 0;
    max-width: 100%;
}

body.glass-layout-body .dashboard-filter-control {
    flex: 0 0 auto;
    min-width: 0;
}

body.glass-layout-body .dashboard-location-filter {
    width: 220px;
}

body.glass-layout-body .dashboard-location-filter .select2-container {
    width: 100% !important;
}

body.glass-layout-body .dashboard-location-filter .select2-container--default .select2-selection--single,
body.glass-layout-body .dashboard-date-filter-btn {
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    backdrop-filter: blur(24px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 16px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    color: var(--glass-text-primary) !important;
    height: 46px;
    min-height: 46px;
}

body.glass-layout-body .dashboard-location-filter .select2-container--default .select2-selection--single {
    background: rgba(15, 23, 42, 0.62) !important;
}

body.glass-layout-body:not(.glass-theme) .dashboard-location-filter .select2-container--default .select2-selection--single {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    box-shadow: 0 14px 28px rgba(148, 163, 184, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.glass-layout-body .dashboard-location-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--glass-text-primary) !important;
    font-weight: 700;
    line-height: 44px;
    padding-left: 16px;
    padding-right: 36px;
}

body.glass-layout-body .dashboard-location-filter .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    right: 10px;
}

body.glass-layout-body .dashboard-date-filter-btn {
    align-items: center;
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-accent)) !important;
    border-color: rgba(52, 211, 153, 0.38) !important;
    box-shadow: 0 14px 28px rgba(5, 150, 105, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.16);
    color: #ffffff !important;
    display: inline-flex;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    padding: 0 17px;
    white-space: nowrap;
}

body.glass-layout-body .dashboard-date-filter-btn:hover,
body.glass-layout-body .dashboard-date-filter-btn:focus {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.95), rgba(52, 211, 153, 0.74)) !important;
    border-color: rgba(52, 211, 153, 0.45) !important;
    box-shadow: 0 14px 28px rgba(5, 150, 105, 0.2), 0 0 0 3px rgba(52, 211, 153, 0.12);
    color: #ffffff !important;
}

body.glass-layout-body:not(.glass-theme) .dashboard-date-filter-btn:hover,
body.glass-layout-body:not(.glass-theme) .dashboard-date-filter-btn:focus {
    color: #ffffff !important;
}

@media (max-width: 767px) {
    body.glass-layout-body .dashboard-filter-column {
        justify-content: flex-start;
    }

    body.glass-layout-body .dashboard-right-locationNdate {
        justify-content: flex-start;
        width: 100%;
    }

    body.glass-layout-body .dashboard-location-filter {
        flex: 1 1 180px;
        width: auto;
    }

    body.glass-layout-body .dashboard-date-filter {
        flex: 0 0 auto;
    }
}

@media (max-width: 479px) {
    body.glass-layout-body .dashboard-right-locationNdate {
        flex-wrap: wrap;
    }

    body.glass-layout-body .dashboard-location-filter,
    body.glass-layout-body .dashboard-date-filter,
    body.glass-layout-body .dashboard-date-filter-btn {
        width: 100%;
    }
}

body.glass-layout-body .content-header {
    margin-bottom: 24px;
    padding: 22px 24px;
}

body.glass-layout-body .content-header > h1 {
    color: var(--glass-text-primary);
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}

body.glass-layout-body .content-header > h1 > small,
body.glass-layout-body .breadcrumb,
body.glass-layout-body .breadcrumb > li > a {
    color: var(--glass-text-muted);
}

body.glass-layout-body .breadcrumb {
    background: transparent;
    margin-bottom: 0;
    margin-top: 8px;
    padding: 0;
}

body.glass-layout-body .box,
body.glass-layout-body .info-box,
body.glass-layout-body .small-box,
body.glass-layout-body .nav-tabs-custom,
body.glass-layout-body .well,
body.glass-layout-body .callout {
    border-top: 0;
    margin-bottom: 24px;
    overflow: hidden;
}

body.glass-layout-body .box-header,
body.glass-layout-body .small-box > .inner {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 22px 16px;
}

body.glass-layout-body .box-header.with-border {
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.glass-layout-body .box-title,
body.glass-layout-body .box-header > .fa,
body.glass-layout-body .box-header > .glyphicon,
body.glass-layout-body .box-header > .ion,
body.glass-layout-body .info-box-text,
body.glass-layout-body .small-box h3 {
    color: var(--glass-text-primary);
}

body.glass-layout-body .box-body,
body.glass-layout-body .box-footer,
body.glass-layout-body .nav-tabs-custom > .tab-content {
    padding: 22px;
}

body.glass-layout-body .info-box {
    align-items: center;
    box-shadow: var(--glass-card-shadow);
}

body.glass-layout-body .info-box-icon {
    align-items: center;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.2), rgba(212, 165, 116, 0.12));
    border-radius: 22px;
    display: flex;
    height: 76px;
    justify-content: center;
    width: 76px;
}

body.glass-layout-body .dashboard-3d-icon {
    --icon-start: #34d399;
    --icon-end: #0ea5e9;
    --icon-shadow: rgba(14, 165, 233, 0.32);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.04)),
        linear-gradient(135deg, var(--icon-start), var(--icon-end));
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -14px 22px rgba(2, 6, 23, 0.16),
        0 18px 30px var(--icon-shadow);
    color: #fff;
    overflow: visible;
    perspective: 500px;
    position: relative;
}

body.glass-layout-body .dashboard-3d-icon::after {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), transparent 58%);
    border-radius: 18px;
    content: "";
    height: 42%;
    left: 15%;
    pointer-events: none;
    position: absolute;
    top: 12%;
    width: 46%;
}

body.glass-layout-body .dashboard-3d-icon i {
    font-size: 30px;
    line-height: 1;
    position: relative;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.34),
        0 10px 18px rgba(2, 6, 23, 0.28);
    transform: rotateX(12deg) rotateY(-10deg) translateY(-1px);
    z-index: 1;
}

body.glass-layout-body .dashboard-3d-icon--sales,
body.glass-layout-body .dashboard-3d-icon--purchase {
    --icon-start: #34d399;
    --icon-end: #0ea5e9;
    --icon-shadow: rgba(14, 165, 233, 0.28);
}

body.glass-layout-body .dashboard-3d-icon--net,
body.glass-layout-body .dashboard-3d-icon--purchase-return {
    --icon-start: #a78bfa;
    --icon-end: #22c55e;
    --icon-shadow: rgba(167, 139, 250, 0.28);
}

body.glass-layout-body .dashboard-3d-icon--invoice,
body.glass-layout-body .dashboard-3d-icon--due {
    --icon-start: #fbbf24;
    --icon-end: #f97316;
    --icon-shadow: rgba(251, 191, 36, 0.28);
}

body.glass-layout-body .dashboard-3d-icon--return,
body.glass-layout-body .dashboard-3d-icon--expense {
    --icon-start: #fb7185;
    --icon-end: #8b5cf6;
    --icon-shadow: rgba(251, 113, 133, 0.28);
}

body.glass-layout-body:not(.glass-theme) .dashboard-3d-icon {
    border-color: rgba(255, 255, 255, 0.68);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.84),
        inset 0 -14px 22px rgba(15, 23, 42, 0.08),
        0 16px 26px rgba(148, 163, 184, 0.22);
}

body.glass-layout-body .info-box-content,
body.glass-layout-body .small-box > .inner {
    color: var(--glass-text-secondary);
}

body.glass-layout-body .info-box-number,
body.glass-layout-body .small-box h3,
body.glass-layout-body .stat-value {
    color: var(--glass-text-primary);
    font-family: "Space Mono", monospace;
}

body.glass-layout-body .small-box {
    position: relative;
}

body.glass-layout-body .small-box .icon {
    color: rgba(255, 255, 255, 0.16);
}

body.glass-layout-body .small-box-footer {
    background: rgba(255, 255, 255, 0.04);
    color: var(--glass-text-secondary);
    padding: 14px 18px;
}

body.glass-layout-body .inventory-sales-chart-row {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
}

body.glass-layout-body .inventory-sales-chart-row > [class*="col-"] {
    display: flex;
}

body.glass-layout-body .inventory-sales-chart-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)),
        var(--glass-surface);
    backdrop-filter: blur(28px) saturate(145%);
    -webkit-backdrop-filter: blur(28px) saturate(145%);
    border-color: var(--glass-border);
    box-shadow: var(--glass-card-shadow);
    width: 100%;
}

body.glass-layout-body:not(.glass-theme) .inventory-sales-chart-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.58)),
        var(--glass-surface);
    border-color: rgba(148, 163, 184, 0.22);
}

body.glass-layout-body .inventory-sales-chart-card .box-body {
    min-height: 380px;
}

body.glass-layout-body .inventory-sales-chart-card .highcharts-container,
body.glass-layout-body .inventory-sales-chart-card .highcharts-root {
    width: 100% !important;
}

body.glass-layout-body .inventory-sales-chart-card .highcharts-background,
body.glass-layout-body .inventory-sales-chart-card .highcharts-plot-background {
    fill: transparent !important;
}

body.glass-layout-body .inventory-sales-chart-card .highcharts-title,
body.glass-layout-body .inventory-sales-chart-card .highcharts-axis-title,
body.glass-layout-body .inventory-sales-chart-card .highcharts-axis-labels text,
body.glass-layout-body .inventory-sales-chart-card .highcharts-legend-item text {
    color: var(--glass-text-secondary) !important;
    fill: var(--glass-text-secondary) !important;
}

body.glass-layout-body .inventory-sales-chart-card .highcharts-grid-line {
    stroke: rgba(255, 255, 255, 0.08) !important;
}

body.glass-layout-body:not(.glass-theme) .inventory-sales-chart-card .highcharts-grid-line {
    stroke: rgba(148, 163, 184, 0.18) !important;
}

body.glass-layout-body .nav-tabs-custom > .nav-tabs {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin: 0;
    padding: 0 18px;
}

body.glass-layout-body .nav-tabs-custom > .nav-tabs > li > a {
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--glass-text-secondary);
    font-weight: 600;
    padding: 16px 14px;
}

body.glass-layout-body .nav-tabs-custom > .nav-tabs > li.active > a,
body.glass-layout-body .nav-tabs-custom > .nav-tabs > li > a:hover {
    background: transparent;
    border-bottom-color: var(--glass-accent);
    color: var(--glass-text-primary);
}

body.glass-layout-body .form-control,
body.glass-layout-body textarea.form-control,
body.glass-layout-body select.form-control,
body.glass-layout-body .input-group-addon,
body.glass-layout-body .select2-container--default .select2-selection--single,
body.glass-layout-body .select2-container--default .select2-selection--multiple,
body.glass-layout-body .select2-dropdown,
body.glass-layout-body .dropdown-menu,
body.glass-layout-body .bootstrap-datetimepicker-widget,
body.glass-layout-body .datepicker-dropdown {
    background: rgba(15, 23, 42, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    box-shadow: none;
    color: var(--glass-text-primary);
}

body.glass-layout-body:not(.glass-theme) .form-control,
body.glass-layout-body:not(.glass-theme) textarea.form-control,
body.glass-layout-body:not(.glass-theme) select.form-control,
body.glass-layout-body:not(.glass-theme) .input-group-addon,
body.glass-layout-body:not(.glass-theme) .select2-container--default .select2-selection--single,
body.glass-layout-body:not(.glass-theme) .select2-container--default .select2-selection--multiple,
body.glass-layout-body:not(.glass-theme) .select2-dropdown,
body.glass-layout-body:not(.glass-theme) .dropdown-menu,
body.glass-layout-body:not(.glass-theme) .bootstrap-datetimepicker-widget,
body.glass-layout-body:not(.glass-theme) .datepicker-dropdown {
    background: #fff;
    border-color: rgba(148, 163, 184, 0.24);
}

body.glass-layout-body .form-control {
    height: 46px;
    padding: 10px 14px;
}

body.glass-layout-body textarea.form-control {
    height: auto;
    min-height: 120px;
}

body.glass-layout-body .form-control:focus,
body.glass-layout-body .select2-container--default.select2-container--focus .select2-selection--single,
body.glass-layout-body .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: rgba(52, 211, 153, 0.45);
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.12);
}

body.glass-layout-body .form-control::placeholder {
    color: var(--glass-text-muted);
}


body.glass-layout-body select.form-control {
    color-scheme: dark;
}

body.glass-layout-body select.form-control option,
body.glass-layout-body select.form-control optgroup,
body.glass-layout-body .modal-content select option,
body.glass-layout-body .modal-content select optgroup {
    background-color: #0f172a !important;
    color: #f8fafc !important;
}

body.glass-layout-body select.form-control option:checked,
body.glass-layout-body .modal-content select option:checked {
    background-color: #14532d !important;
    color: #ffffff !important;
}

body.glass-layout-body select.form-control option:disabled,
body.glass-layout-body .modal-content select option:disabled {
    color: rgba(226, 232, 240, 0.58) !important;
}

body.glass-layout-body:not(.glass-theme) select.form-control {
    color-scheme: light;
}

body.glass-layout-body:not(.glass-theme) select.form-control option,
body.glass-layout-body:not(.glass-theme) select.form-control optgroup,
body.glass-layout-body:not(.glass-theme) .modal-content select option,
body.glass-layout-body:not(.glass-theme) .modal-content select optgroup {
    background-color: #ffffff !important;
    color: #10213a !important;
}

body.glass-layout-body:not(.glass-theme) select.form-control option:checked,
body.glass-layout-body:not(.glass-theme) .modal-content select option:checked {
    background-color: #dff7eb !important;
    color: #065f46 !important;
}

body.glass-layout-body:not(.glass-theme) select.form-control option:disabled,
body.glass-layout-body:not(.glass-theme) .modal-content select option:disabled {
    color: rgba(71, 85, 105, 0.58) !important;
}

body.glass-layout-body .v-select,
body.glass-layout-body .vs__dropdown-toggle {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .v-select {
    position: relative;
}

body.glass-layout-body .v-select.vs--open {
    z-index: 30045;
}

body.glass-layout-body .vs__dropdown-toggle {
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    backdrop-filter: blur(20px) saturate(140%);
    background: rgba(15, 23, 42, 0.62) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    min-height: 46px;
    padding: 5px 10px;
}

body.glass-layout-body .vs__dropdown-toggle:hover,
body.glass-layout-body .vs--open .vs__dropdown-toggle,
body.glass-layout-body .vs--searching .vs__dropdown-toggle {
    border-color: rgba(52, 211, 153, 0.5) !important;
    box-shadow:
        0 0 0 3px rgba(52, 211, 153, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.glass-layout-body .vs__selected-options {
    align-items: center;
    min-width: 0;
}

body.glass-layout-body .vs__selected,
body.glass-layout-body .vs__search,
body.glass-layout-body .vs__search:focus,
body.glass-layout-body .vs__no-options {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .vs__selected {
    line-height: 1.3;
    margin: 3px 2px;
}

body.glass-layout-body .vs__search {
    caret-color: var(--glass-accent);
    margin: 3px 2px;
    min-height: 30px;
    padding: 0 !important;
}

body.glass-layout-body .vs__search::placeholder {
    -webkit-text-fill-color: var(--glass-text-muted) !important;
    color: var(--glass-text-muted) !important;
    opacity: 1;
}

body.glass-layout-body .vs__actions {
    padding: 4px 0 0 6px;
}

body.glass-layout-body .vs__open-indicator,
body.glass-layout-body .vs__clear {
    color: var(--glass-text-secondary) !important;
    fill: currentColor !important;
    opacity: 1 !important;
}

body.glass-layout-body .vs__open-indicator:hover,
body.glass-layout-body .vs__clear:hover {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .vs__dropdown-menu {
    -webkit-backdrop-filter: blur(30px) saturate(170%) !important;
    backdrop-filter: blur(30px) saturate(170%) !important;
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.96), rgba(15, 23, 42, 0.94)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 48px rgba(2, 6, 23, 0.48) !important;
    color: var(--glass-text-primary) !important;
    margin-top: 8px !important;
    max-height: 280px !important;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 6px !important;
    z-index: 30050 !important;
}

body.glass-layout-body .vs__dropdown-option,
body.glass-layout-body .vs__dropdown-option span {
    -webkit-text-fill-color: var(--glass-text-secondary) !important;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .vs__dropdown-option {
    border-radius: 10px;
    line-height: 1.35;
    padding: 9px 11px !important;
    white-space: normal;
}

body.glass-layout-body .vs__dropdown-option--highlight,
body.glass-layout-body .vs__dropdown-option--selected {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    background: rgba(52, 211, 153, 0.16) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .vs__dropdown-option--highlight span,
body.glass-layout-body .vs__dropdown-option--selected span {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .vs__dropdown-option--disabled {
    -webkit-text-fill-color: var(--glass-text-muted) !important;
    color: var(--glass-text-muted) !important;
    opacity: 0.72;
}

body.glass-layout-body:not(.glass-theme) .vs__dropdown-toggle {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.glass-layout-body:not(.glass-theme) .vs__selected,
body.glass-layout-body:not(.glass-theme) .vs__search,
body.glass-layout-body:not(.glass-theme) .vs__search:focus,
body.glass-layout-body:not(.glass-theme) .vs__no-options {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.9) !important;
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body:not(.glass-theme) .vs__open-indicator,
body.glass-layout-body:not(.glass-theme) .vs__clear {
    color: rgba(15, 23, 42, 0.62) !important;
}

body.glass-layout-body:not(.glass-theme) .vs__dropdown-menu {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)) !important;
    border-color: rgba(148, 163, 184, 0.32) !important;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18) !important;
}

body.glass-layout-body:not(.glass-theme) .vs__dropdown-option,
body.glass-layout-body:not(.glass-theme) .vs__dropdown-option span {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.78) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .vs__dropdown-option--highlight,
body.glass-layout-body:not(.glass-theme) .vs__dropdown-option--selected {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.94) !important;
    background: rgba(5, 150, 105, 0.12) !important;
    color: rgba(15, 23, 42, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .vs__dropdown-option--highlight span,
body.glass-layout-body:not(.glass-theme) .vs__dropdown-option--selected span {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.94) !important;
    color: rgba(15, 23, 42, 0.94) !important;
}

body.glass-layout-body input[type="date"].form-control,
body.glass-layout-body input[type="datetime-local"].form-control,
body.glass-layout-body input[type="month"].form-control,
body.glass-layout-body input[type="time"].form-control,
body.glass-layout-body input[type="week"].form-control {
    color-scheme: dark;
}

body.glass-layout-body:not(.glass-theme) input[type="date"].form-control,
body.glass-layout-body:not(.glass-theme) input[type="datetime-local"].form-control,
body.glass-layout-body:not(.glass-theme) input[type="month"].form-control,
body.glass-layout-body:not(.glass-theme) input[type="time"].form-control,
body.glass-layout-body:not(.glass-theme) input[type="week"].form-control {
    color-scheme: light;
}

body.glass-layout-body input[type="date"].form-control::-webkit-calendar-picker-indicator,
body.glass-layout-body input[type="datetime-local"].form-control::-webkit-calendar-picker-indicator,
body.glass-layout-body input[type="month"].form-control::-webkit-calendar-picker-indicator,
body.glass-layout-body input[type="time"].form-control::-webkit-calendar-picker-indicator,
body.glass-layout-body input[type="week"].form-control::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: invert(1) brightness(1.2);
    opacity: 0.78;
}

body.glass-layout-body input[type="date"].form-control::-webkit-calendar-picker-indicator:hover,
body.glass-layout-body input[type="datetime-local"].form-control::-webkit-calendar-picker-indicator:hover,
body.glass-layout-body input[type="month"].form-control::-webkit-calendar-picker-indicator:hover,
body.glass-layout-body input[type="time"].form-control::-webkit-calendar-picker-indicator:hover,
body.glass-layout-body input[type="week"].form-control::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

body.glass-layout-body:not(.glass-theme) input[type="date"].form-control::-webkit-calendar-picker-indicator,
body.glass-layout-body:not(.glass-theme) input[type="datetime-local"].form-control::-webkit-calendar-picker-indicator,
body.glass-layout-body:not(.glass-theme) input[type="month"].form-control::-webkit-calendar-picker-indicator,
body.glass-layout-body:not(.glass-theme) input[type="time"].form-control::-webkit-calendar-picker-indicator,
body.glass-layout-body:not(.glass-theme) input[type="week"].form-control::-webkit-calendar-picker-indicator {
    filter: none;
    opacity: 0.66;
}

body.glass-layout-body .glass-native-date-field {
    position: relative;
}

body.glass-layout-body .glass-native-date-field .glass-native-date-input {
    padding-right: 46px !important;
}

body.glass-layout-body .glass-native-date-field .glass-native-date-input::-webkit-calendar-picker-indicator {
    height: 100%;
    margin: 0;
    opacity: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
}

body.glass-layout-body .glass-native-date-icon {
    align-items: center;
    color: var(--glass-text-primary);
    display: inline-flex;
    height: 46px;
    justify-content: center;
    opacity: 0.9;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    z-index: 2;
}

body.glass-layout-body .glass-native-date-field:focus-within .glass-native-date-icon {
    color: var(--glass-accent);
    opacity: 1;
}

body.glass-layout-body:not(.glass-theme) .glass-native-date-icon {
    color: rgba(15, 23, 42, 0.72);
}

body.glass-layout-body:not(.glass-theme) .glass-native-date-field:focus-within .glass-native-date-icon {
    color: var(--glass-accent-strong);
}

body.glass-layout-body .input-group-addon {
    color: var(--glass-text-secondary);
    padding: 0 14px;
}

body.glass-layout-body .input-group {
    align-items: stretch;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    background: var(--glass-surface);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    box-shadow: none;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
}

body.glass-layout-body .datetimepicker-input-group {
    overflow: visible;
}

body.glass-layout-body .input-group.glass-datetimepicker-open,
body.glass-layout-body .datetimepicker-input-group:focus-within {
    overflow: visible;
    z-index: 30040;
}

body.glass-layout-body .glass-datetimepicker-layer-scope {
    overflow: visible !important;
    position: relative;
    z-index: 30020;
}

body.glass-layout-body:not(.glass-theme) .input-group {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(148, 163, 184, 0.24);
}

body.glass-layout-body .input-group:focus-within {
    border-color: rgba(52, 211, 153, 0.45);
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.12);
}

body.glass-layout-body .input-group > * + * {
    border-inline-start: 1px solid var(--glass-input-group-divider);
}

body.glass-layout-body .datetimepicker-input-group > .bootstrap-datetimepicker-widget,
body.glass-layout-body .input-group.glass-datetimepicker-open > .bootstrap-datetimepicker-widget {
    border-inline-start: 0 !important;
    margin-top: 8px;
    z-index: 30050 !important;
}

body.glass-layout-body .input-group > .form-control,
body.glass-layout-body .input-group > .input-group-addon,
body.glass-layout-body .input-group > .input-group-btn,
body.glass-layout-body .input-group > .select2-container,
body.glass-layout-body .input-group > .bootstrap-timepicker {
    min-height: 46px;
}

body.glass-layout-body .input-group > .form-control,
body.glass-layout-body .input-group > .select2-container,
body.glass-layout-body .input-group > .bootstrap-timepicker {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
}

body.glass-layout-body .input-group > .form-control,
body.glass-layout-body .input-group > .input-group-addon,
body.glass-layout-body .input-group > .input-group-btn > .btn,
body.glass-layout-body .input-group > .input-group-btn > .btn-group > .btn,
body.glass-layout-body .input-group > .select2-container .select2-selection--single,
body.glass-layout-body .input-group > .select2-container .select2-selection--multiple,
body.glass-layout-body .input-group > .bootstrap-timepicker > .form-control {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

body.glass-layout-body .input-group > .form-control:focus,
body.glass-layout-body .input-group > .select2-container--default.select2-container--focus .select2-selection--single,
body.glass-layout-body .input-group > .select2-container--default.select2-container--focus .select2-selection--multiple,
body.glass-layout-body .input-group > .bootstrap-timepicker > .form-control:focus {
    box-shadow: none !important;
}

body.glass-layout-body .input-group > .input-group-addon {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    padding: 0 14px;
    width: auto !important;
    white-space: nowrap;
}

body.glass-layout-body .input-group > .input-group-addon > .btn,
body.glass-layout-body .input-group > .input-group-addon > button {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
    margin: 0 !important;
}

body.glass-layout-body .custom_label_product_div .input-group > .input-group-addon {
    padding: 0 8px;
}

body.glass-layout-body .essentials-employee-payroll-widget .essentials-salary-percent-control {
    background: var(--glass-surface) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 14px !important;
    min-height: 46px;
}

body.glass-layout-body:not(.glass-theme) .essentials-employee-payroll-widget .essentials-salary-percent-control {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

body.glass-layout-body .essentials-employee-payroll-widget .essentials-salary-percent-control:focus-within {
    border-color: rgba(52, 211, 153, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.12);
}

body.glass-layout-body .essentials-employee-payroll-widget #salary_percentage {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--glass-text-primary) !important;
    height: 44px;
    min-height: 44px;
    padding: 10px 12px;
}

body.glass-layout-body:not(.glass-theme) .essentials-employee-payroll-widget #salary_percentage {
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body .essentials-employee-payroll-widget .essentials-salary-percent-addon {
    align-items: center;
    align-self: stretch;
    background: rgba(255, 255, 255, 0.08) !important;
    border-left: 1px solid var(--glass-input-group-divider) !important;
    color: var(--glass-text-secondary) !important;
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    min-width: 34px;
}

body.glass-layout-body:not(.glass-theme) .essentials-employee-payroll-widget .essentials-salary-percent-addon {
    background: rgba(226, 232, 240, 0.6) !important;
    border-left-color: rgba(148, 163, 184, 0.24) !important;
    color: rgba(15, 23, 42, 0.72) !important;
}

body.glass-layout-body select.glass-custom-label-select {
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    color: var(--glass-text-primary);
    color-scheme: dark;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 30px;
    min-width: 112px;
    outline: 0;
    padding: 4px 8px;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

body.glass-layout-body select.glass-custom-label-select:hover,
body.glass-layout-body select.glass-custom-label-select:focus {
    background: rgba(15, 23, 42, 0.86);
    border-color: rgba(52, 211, 153, 0.42);
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.1);
}

body.glass-layout-body select.glass-custom-label-select option {
    background: #0f172a;
    color: #f8fafc;
}

body.glass-layout-body select.glass-custom-label-select option:checked {
    background: #14532d;
    color: #ffffff;
}

body.glass-layout-body:not(.glass-theme) select.glass-custom-label-select {
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(148, 163, 184, 0.3);
    color: rgba(15, 23, 42, 0.88);
    color-scheme: light;
}

body.glass-layout-body:not(.glass-theme) select.glass-custom-label-select:hover,
body.glass-layout-body:not(.glass-theme) select.glass-custom-label-select:focus {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(5, 150, 105, 0.38);
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);
}

body.glass-layout-body:not(.glass-theme) select.glass-custom-label-select option {
    background: #ffffff;
    color: #10213a;
}

body.glass-layout-body:not(.glass-theme) select.glass-custom-label-select option:checked {
    background: #dff7eb;
    color: #065f46;
}

body.glass-layout-body .glass-custom-label-dropdown-options {
    margin-top: 8px;
    min-height: 66px;
    resize: vertical;
}

body.glass-layout-body .hidden-price-code-list {
    display: grid;
    gap: 12px 14px;
    grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
    margin-bottom: 14px;
}

body.glass-layout-body .hidden-price-code-col {
    min-width: 0;
}

body.glass-layout-body .hidden-price-code-col .form-group {
    margin-bottom: 0;
}

body.glass-layout-body .hidden-price-code-input-group {
    min-width: 0;
    width: 100%;
}

body.glass-layout-body .hidden-price-code-input-group > .hidden-price-code-digit,
body.glass-layout-body .hidden-price-code-input-group > .hidden-price-code-symbol {
    height: 40px;
    min-height: 40px;
}

body.glass-layout-body .hidden-price-code-input-group > .hidden-price-code-digit {
    flex: 0 0 30px;
    font-size: 12px;
    font-weight: 800;
    min-width: 30px;
    padding: 0;
}

body.glass-layout-body .hidden-price-code-input-group > .hidden-price-code-symbol {
    flex: 1 1 0;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    min-width: 0;
    padding: 0 8px !important;
    text-align: center;
}

body.glass-layout-body .hidden-price-code-abandon {
    clear: both;
}

@media (max-width: 1199px) {
    body.glass-layout-body .hidden-price-code-list {
        grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
    }

    body.glass-layout-body .hidden-price-code-input-group > .hidden-price-code-digit {
        flex-basis: 28px;
        min-width: 28px;
    }

    body.glass-layout-body .hidden-price-code-input-group > .hidden-price-code-symbol {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

@media (max-width: 767px) {
    body.glass-layout-body .hidden-price-code-list {
        grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    }

    body.glass-layout-body .hidden-price-code-abandon .input-group {
        flex-wrap: wrap;
    }

    body.glass-layout-body .hidden-price-code-abandon .input-group > .input-group-addon,
    body.glass-layout-body .hidden-price-code-abandon .input-group > .form-control {
        flex: 0 0 100%;
        width: 100% !important;
    }

    body.glass-layout-body .hidden-price-code-abandon .input-group > .input-group-addon {
        border-bottom: 1px solid var(--glass-input-group-divider) !important;
        border-inline-start: 0 !important;
        justify-content: flex-start;
        min-height: 38px;
    }
}

body.glass-layout-body .input-group > .input-group-btn {
    display: flex;
    flex: 0 0 auto;
    width: auto !important;
}

body.glass-layout-body .input-group > .input-group-btn > .btn,
body.glass-layout-body .input-group > .input-group-btn > .btn-group {
    display: flex;
    flex: 0 0 auto;
    width: auto !important;
}

body.glass-layout-body .input-group > .input-group-btn > .btn,
body.glass-layout-body .input-group > .input-group-btn > .btn-group > .btn {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 46px;
}

body.glass-layout-body .input-group > .input-group-btn > .btn + .btn,
body.glass-layout-body .input-group > .input-group-btn > .btn-group + .btn-group,
body.glass-layout-body .input-group > .input-group-btn > .btn-group > .btn + .btn {
    border-inline-start: 1px solid var(--glass-input-group-divider) !important;
}

body.glass-layout-body .input-group > .select2-container .select2-selection--single {
    height: 100%;
    min-height: 44px;
}

body.glass-layout-body .input-group > .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    padding-inline-end: 34px;
    padding-inline-start: 14px;
}

body.glass-layout-body .input-group > .select2-container .select2-selection--single .select2-selection__arrow {
    height: 44px;
    right: 10px;
}

body.glass-layout-body .input-group > .select2-container .select2-selection--multiple {
    min-height: 44px;
    padding: 8px 12px;
}

body.glass-layout-body .input-group.input-group-sm {
    border-radius: 14px;
}

body.glass-layout-body .input-group.input-group-sm > .form-control,
body.glass-layout-body .input-group.input-group-sm > .input-group-addon,
body.glass-layout-body .input-group.input-group-sm > .input-group-btn,
body.glass-layout-body .input-group.input-group-sm > .select2-container,
body.glass-layout-body .input-group.input-group-sm > .bootstrap-timepicker {
    min-height: 40px;
}

body.glass-layout-body .input-group.input-group-sm > .input-group-btn > .btn,
body.glass-layout-body .input-group.input-group-sm > .input-group-btn > .btn-group > .btn {
    min-height: 40px;
}

body.glass-layout-body .input-group.input-group-sm > .select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

body.glass-layout-body .file-caption-main {
    min-height: 48px;
}

body.glass-layout-body .file-caption-main .file-caption {
    align-items: center;
    display: flex;
    min-height: 46px;
}

body.glass-layout-body .file-caption-main .file-caption-name {
    color: var(--glass-text-muted);
    display: block;
    height: auto;
    line-height: 1.35;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
}

body.glass-layout-body .file-caption-main .input-group-btn {
    align-items: stretch;
}

body.glass-layout-body .file-caption-main .input-group-btn > .btn,
body.glass-layout-body .file-caption-main .input-group-btn > .btn-file {
    gap: 7px;
    min-width: 104px;
    padding: 0 16px;
    white-space: nowrap;
}

body.glass-layout-body .file-caption-main .fileinput-remove-button,
body.glass-layout-body .file-caption-main .fileinput-cancel-button {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .input-group.file-caption-main > .input-group-btn > .btn-file {
    background: rgba(52, 211, 153, 0.14) !important;
    color: var(--glass-accent) !important;
}

body.glass-layout-body:not(.glass-theme) .input-group.file-caption-main > .input-group-btn > .btn-file {
    background: rgba(5, 150, 105, 0.1) !important;
    color: var(--glass-accent-strong) !important;
}

body.glass-layout-body .file-input:not(.file-input-new) .input-group.file-caption-main > .input-group-btn > .btn-file {
    border-inline-start: 1px solid var(--glass-input-group-divider) !important;
}

body.glass-layout-body .file-caption-main .fileinput-remove-button:hover,
body.glass-layout-body .file-caption-main .fileinput-cancel-button:hover {
    background: rgba(248, 113, 113, 0.12) !important;
    color: var(--glass-danger) !important;
}

body.glass-layout-body .input-group.file-caption-main > .input-group-btn > .btn-file:hover {
    background: rgba(52, 211, 153, 0.22) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .input-group.file-caption-main > .input-group-btn > .btn-file:hover {
    background: rgba(5, 150, 105, 0.16) !important;
    color: var(--glass-accent-strong) !important;
}

body.glass-layout-body .file-caption-main .glyphicon,
body.glass-layout-body .file-caption-main .fa,
body.glass-layout-body .file-caption-main .fas {
    flex: 0 0 auto;
    margin-right: 0;
}

body.glass-layout-body #product_add_form .file-input,
body.glass-layout-body #product_add_form .file-preview,
body.glass-layout-body #product_add_form .file-drop-zone,
body.glass-layout-body #product_add_form .file-preview-thumbnails,
body.glass-layout-body #product_add_form .file-preview-frame,
body.glass-layout-body #product_add_form .kv-file-content {
    box-sizing: border-box;
    max-width: 100% !important;
    min-width: 0 !important;
}

body.glass-layout-body #product_add_form .file-input {
    width: 100%;
}

body.glass-layout-body #product_add_form .file-preview {
    background: rgba(15, 23, 42, 0.54) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 16px !important;
    margin-bottom: 10px;
    overflow: hidden !important;
    padding: 10px !important;
    width: 100% !important;
}

body.glass-layout-body:not(.glass-theme) #product_add_form .file-preview {
    background: rgba(255, 255, 255, 0.74) !important;
    border-color: rgba(148, 163, 184, 0.26) !important;
}

body.glass-layout-body #product_add_form .file-drop-zone {
    align-items: center;
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px dashed rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px !important;
    display: flex;
    justify-content: center;
    margin: 0 !important;
    min-height: 230px;
    overflow: hidden !important;
    padding: 8px !important;
}

body.glass-layout-body:not(.glass-theme) #product_add_form .file-drop-zone {
    background: rgba(248, 250, 252, 0.66) !important;
    border-color: rgba(148, 163, 184, 0.26) !important;
}

body.glass-layout-body #product_add_form .file-preview-thumbnails,
body.glass-layout-body #product_add_form .file-preview-frame,
body.glass-layout-body #product_add_form .kv-file-content {
    align-items: center;
    display: flex !important;
    justify-content: center;
    width: 100% !important;
}

body.glass-layout-body #product_add_form .file-preview-frame {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.glass-layout-body #product_add_form .kv-file-content,
body.glass-layout-body #product_add_form .file-preview-image {
    height: auto !important;
    max-height: 220px !important;
}

body.glass-layout-body #product_add_form .file-preview-image {
    border-radius: 10px;
    display: block;
    max-width: 100% !important;
    object-fit: contain;
    width: auto !important;
}

body.glass-layout-body #product_add_form .file-footer-caption {
    color: var(--glass-text-muted) !important;
    max-width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.glass-layout-body #product_add_form .input-group.file-caption-main {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    width: 100%;
}

body.glass-layout-body #product_add_form .input-group.file-caption-main > .file-caption {
    flex: 1 1 210px;
    min-width: 0;
}

body.glass-layout-body #product_add_form .input-group.file-caption-main > .input-group-btn {
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
}

body.glass-layout-body #product_add_form .file-caption-main .input-group-btn > .btn,
body.glass-layout-body #product_add_form .file-caption-main .input-group-btn > .btn-file {
    flex: 1 1 auto;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
}

body.glass-layout-body #product_add_form .kv-fileinput-caption {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

body.glass-layout-body #product_add_form .tox-tinymce,
body.glass-layout-body #product_add_form .mce-tinymce,
body.glass-layout-body #product_add_form .mce-panel {
    background: rgba(15, 23, 42, 0.58) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    border-radius: 16px !important;
    color: var(--glass-text-primary) !important;
    overflow: hidden;
}

body.glass-layout-body #product_add_form .tox .tox-menubar,
body.glass-layout-body #product_add_form .tox .tox-toolbar,
body.glass-layout-body #product_add_form .tox .tox-toolbar__primary,
body.glass-layout-body #product_add_form .tox .tox-statusbar,
body.glass-layout-body #product_add_form .mce-menubar,
body.glass-layout-body #product_add_form .mce-toolbar-grp,
body.glass-layout-body #product_add_form .mce-statusbar {
    background: rgba(15, 23, 42, 0.78) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body #product_add_form .tox .tox-edit-area,
body.glass-layout-body #product_add_form .tox .tox-edit-area__iframe,
body.glass-layout-body #product_add_form .mce-edit-area,
body.glass-layout-body #product_add_form .mce-edit-area iframe {
    background: rgba(15, 23, 42, 0.42) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body #product_add_form .tox .tox-mbtn,
body.glass-layout-body #product_add_form .tox .tox-tbtn,
body.glass-layout-body #product_add_form .tox .tox-statusbar__wordcount,
body.glass-layout-body #product_add_form .tox .tox-statusbar__path-item,
body.glass-layout-body #product_add_form .mce-btn button,
body.glass-layout-body #product_add_form .mce-menubtn button {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body #product_add_form .tox .tox-tbtn svg {
    fill: var(--glass-text-secondary) !important;
}

body.glass-layout-body #product_add_form .tox .tox-mbtn:hover,
body.glass-layout-body #product_add_form .tox .tox-mbtn--active,
body.glass-layout-body #product_add_form .tox .tox-tbtn:hover,
body.glass-layout-body #product_add_form .tox .tox-tbtn--enabled,
body.glass-layout-body #product_add_form .mce-btn:hover,
body.glass-layout-body #product_add_form .mce-btn.mce-active {
    background: rgba(52, 211, 153, 0.16) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) #product_add_form .tox-tinymce,
body.glass-layout-body:not(.glass-theme) #product_add_form .mce-tinymce,
body.glass-layout-body:not(.glass-theme) #product_add_form .mce-panel {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(148, 163, 184, 0.26) !important;
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-menubar,
body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-toolbar,
body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-toolbar__primary,
body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-statusbar,
body.glass-layout-body:not(.glass-theme) #product_add_form .mce-menubar,
body.glass-layout-body:not(.glass-theme) #product_add_form .mce-toolbar-grp,
body.glass-layout-body:not(.glass-theme) #product_add_form .mce-statusbar {
    background: rgba(248, 250, 252, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: rgba(15, 23, 42, 0.84) !important;
}

body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-edit-area,
body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-edit-area__iframe,
body.glass-layout-body:not(.glass-theme) #product_add_form .mce-edit-area,
body.glass-layout-body:not(.glass-theme) #product_add_form .mce-edit-area iframe {
    background: rgba(255, 255, 255, 0.74) !important;
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-mbtn,
body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-tbtn,
body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-statusbar__wordcount,
body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-statusbar__path-item,
body.glass-layout-body:not(.glass-theme) #product_add_form .mce-btn button,
body.glass-layout-body:not(.glass-theme) #product_add_form .mce-menubtn button {
    color: rgba(15, 23, 42, 0.74) !important;
}

body.glass-layout-body:not(.glass-theme) #product_add_form .tox .tox-tbtn svg {
    fill: rgba(15, 23, 42, 0.74) !important;
}

body.glass-layout-body .modal-content .dropzone,
body.glass-layout-body #shipping_documents_dropzone {
    background: rgba(15, 23, 42, 0.46) !important;
    border: 1px dashed rgba(255, 255, 255, 0.2) !important;
    border-radius: 14px !important;
    color: var(--glass-text-secondary) !important;
    min-height: 156px;
    padding: 20px !important;
}

body.glass-layout-body .modal-content .dropzone:hover,
body.glass-layout-body #shipping_documents_dropzone:hover {
    background: rgba(15, 23, 42, 0.58) !important;
    border-color: rgba(52, 211, 153, 0.42) !important;
}

body.glass-layout-body .dropzone .dz-message,
body.glass-layout-body .dropzone .dz-message *,
body.glass-layout-body .dropzone .dz-preview,
body.glass-layout-body .dropzone .dz-preview .dz-details,
body.glass-layout-body .dropzone .dz-preview .dz-details .dz-size,
body.glass-layout-body .dropzone .dz-preview .dz-details .dz-filename,
body.glass-layout-body .dropzone .dz-preview .dz-details .dz-filename span,
body.glass-layout-body .dropzone .dz-preview .dz-details .dz-size span {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .dropzone .dz-preview .dz-image,
body.glass-layout-body .dropzone .dz-preview .dz-details,
body.glass-layout-body .dropzone .dz-preview .dz-details .dz-filename span,
body.glass-layout-body .dropzone .dz-preview .dz-details .dz-size span {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.glass-layout-body .dropzone .dz-preview .dz-remove {
    color: #38bdf8 !important;
    font-weight: 600;
}

body.glass-layout-body .dropzone .dz-preview .dz-remove:hover,
body.glass-layout-body .dropzone .dz-preview .dz-remove:focus {
    color: var(--glass-accent) !important;
    text-decoration: none;
}

body.glass-layout-body .dropzone .dz-preview .dz-error-message {
    background: rgba(127, 29, 29, 0.92) !important;
    border: 1px solid rgba(248, 113, 113, 0.35) !important;
    color: #fee2e2 !important;
}

body.glass-layout-body:not(.glass-theme) .modal-content .dropzone,
body.glass-layout-body:not(.glass-theme) #shipping_documents_dropzone {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.34) !important;
    color: rgba(15, 23, 42, 0.74) !important;
}

body.glass-layout-body:not(.glass-theme) .modal-content .dropzone:hover,
body.glass-layout-body:not(.glass-theme) #shipping_documents_dropzone:hover {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(5, 150, 105, 0.36) !important;
}

body.glass-layout-body:not(.glass-theme) .dropzone .dz-message,
body.glass-layout-body:not(.glass-theme) .dropzone .dz-message *,
body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview,
body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview .dz-details,
body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview .dz-details .dz-size,
body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview .dz-details .dz-filename,
body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview .dz-details .dz-filename span,
body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview .dz-details .dz-size span {
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview .dz-image,
body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview .dz-details,
body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview .dz-details .dz-filename span,
body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview .dz-details .dz-size span {
    background: rgba(248, 250, 252, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

body.glass-layout-body:not(.glass-theme) .dropzone .dz-preview .dz-remove {
    color: #0369a1 !important;
}

body.glass-layout-body .select2-container .select2-selection--single {
    height: 46px;
}

body.glass-layout-body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--glass-text-primary);
    line-height: 44px;
    padding-left: 14px;
}

body.glass-layout-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    right: 10px;
}

body.glass-layout-body .select2-container--default .select2-selection--multiple {
    min-height: 46px;
    padding: 6px 10px;
}

body.glass-layout-body .select2-results__option {
    color: var(--glass-text-secondary);
}

body.glass-layout-body .select2-results__option--highlighted[aria-selected] {
    background: rgba(52, 211, 153, 0.18);
    color: var(--glass-text-primary);
}

body.glass-layout-body label,
body.glass-layout-body .control-label,
body.glass-layout-body .help-block,
body.glass-layout-body .checkbox label,
body.glass-layout-body .radio label {
    color: var(--glass-text-secondary);
}

body.glass-layout-body .btn {
    border-radius: 14px;
    border-width: 1px;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

body.glass-layout-body .btn:hover {
    transform: translateY(-1px);
}

body.glass-layout-body .btn-primary,
body.glass-layout-body .btn-success,
body.glass-layout-body .btn-warning,
body.glass-layout-body .btn-info {
    border-color: transparent;
    color: #fff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.18);
}

body.glass-layout-body .btn-primary,
body.glass-layout-body .btn-success {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-accent));
}

body.glass-layout-body .btn-warning {
    background: linear-gradient(135deg, #d97706, var(--glass-warning));
}

body.glass-layout-body .btn-info {
    background: linear-gradient(135deg, #0284c7, #38bdf8);
}

body.glass-layout-body .btn-danger {
    background: linear-gradient(135deg, #dc2626, var(--glass-danger));
    border-color: transparent;
    color: #fff;
}

body.glass-layout-body .btn-default,
body.glass-layout-body .btn-flat,
body.glass-layout-body .btn-secondary {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--glass-text-primary);
}

body.glass-layout-body:not(.glass-theme) .btn-default,
body.glass-layout-body:not(.glass-theme) .btn-flat,
body.glass-layout-body:not(.glass-theme) .btn-secondary {
    background: #fff;
    border-color: rgba(148, 163, 184, 0.22);
}

body.glass-layout-body .table-responsive {
    border: 0;
}

body.glass-layout-body .table {
    color: var(--glass-text-secondary);
}

body.glass-layout-body .table > thead > tr,
body.glass-layout-body .dataTable > thead > tr,
body.glass-layout-body table.dataTable thead tr {
    background: rgba(255, 255, 255, 0.06) !important;
}

body.glass-layout-body:not(.glass-theme) .table > thead > tr,
body.glass-layout-body:not(.glass-theme) .dataTable > thead > tr,
body.glass-layout-body:not(.glass-theme) table.dataTable thead tr {
    background: rgba(226, 232, 240, 0.72) !important;
}

body.glass-layout-body .table-bordered,
body.glass-layout-body .table-bordered > thead > tr > th,
body.glass-layout-body .table-bordered > tbody > tr > td,
body.glass-layout-body .table-bordered > tfoot > tr > td {
    border-color: rgba(255, 255, 255, 0.05);
}

body.glass-layout-body .table > thead > tr > th,
body.glass-layout-body .table > tbody > tr > td,
body.glass-layout-body .table > tbody > tr > th,
body.glass-layout-body .table > tfoot > tr > td,
body.glass-layout-body table.dataTable thead th,
body.glass-layout-body table.dataTable tbody td {
    border-width: 1px;
}

body.glass-layout-body .table > thead > tr > th {
    background: transparent !important;
    border-bottom-color: rgba(255, 255, 255, 0.12);
    color: var(--glass-text-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.glass-layout-body:not(.glass-theme) .table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) table.dataTable thead th {
    border-bottom-color: rgba(148, 163, 184, 0.22);
}

body.glass-layout-body .table > tbody > tr > td,
body.glass-layout-body .table > tfoot > tr > td,
body.glass-layout-body table.dataTable tbody td {
    border-top-color: rgba(255, 255, 255, 0.05);
}

body.glass-layout-body:not(.glass-theme) .table-bordered,
body.glass-layout-body:not(.glass-theme) .table-bordered > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .table-bordered > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .table-bordered > tfoot > tr > td,
body.glass-layout-body:not(.glass-theme) .table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .table > tfoot > tr > td,
body.glass-layout-body:not(.glass-theme) table.dataTable tbody td {
    border-color: rgba(148, 163, 184, 0.14);
}

body.glass-layout-body .table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.03);
}

body.glass-layout-body .table-hover > tbody > tr:hover {
    background: rgba(255, 255, 255, 0.06);
}

body.glass-layout-body .dataTables_wrapper .dataTables_filter input,
body.glass-layout-body .dataTables_wrapper .dataTables_length select {
    background: rgba(15, 23, 42, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    color: var(--glass-text-primary);
    padding: 8px 12px;
}

body.glass-layout-body .dataTables_wrapper .dataTables_info,
body.glass-layout-body .dataTables_wrapper .dataTables_paginate {
    color: var(--glass-text-secondary);
    margin-top: 12px;
}

body.glass-layout-body:not(.glass-theme) .dataTables_wrapper .dataTables_filter input,
body.glass-layout-body:not(.glass-theme) .dataTables_wrapper .dataTables_length select {
    background: #fff;
    border-color: rgba(148, 163, 184, 0.24);
    color: var(--glass-text-primary);
}

body.glass-layout-body .pagination > li > a,
body.glass-layout-body .pagination > li > span {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--glass-text-secondary);
}

body.glass-layout-body:not(.glass-theme) .pagination > li > a,
body.glass-layout-body:not(.glass-theme) .pagination > li > span {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(148, 163, 184, 0.22);
    color: var(--glass-text-secondary);
}

body.glass-layout-body .pagination > .active > a,
body.glass-layout-body .pagination > .active > span,
body.glass-layout-body .pagination > li > a:hover,
body.glass-layout-body .pagination > li > span:hover {
    background: rgba(52, 211, 153, 0.16);
    border-color: rgba(52, 211, 153, 0.32);
    color: var(--glass-text-primary);
}

body.glass-layout-body.modal-open .wrapper {
    z-index: auto;
}

body.glass-layout-body .modal-backdrop {
    backdrop-filter: blur(12px) saturate(135%);
    -webkit-backdrop-filter: blur(12px) saturate(135%);
    background:
        radial-gradient(circle at 22% 12%, rgba(52, 211, 153, 0.16), transparent 34%),
        radial-gradient(circle at 78% 18%, rgba(212, 165, 116, 0.12), transparent 30%),
        rgba(2, 6, 23, 0.58) !important;
    z-index: 1040 !important;
}

body.glass-layout-body:not(.glass-theme) .modal-backdrop {
    background:
        radial-gradient(circle at 18% 12%, rgba(5, 150, 105, 0.12), transparent 34%),
        radial-gradient(circle at 80% 16%, rgba(212, 165, 116, 0.14), transparent 30%),
        rgba(15, 23, 42, 0.34) !important;
}

body.glass-layout-body .modal-backdrop.in,
body.glass-layout-body .modal-backdrop.show {
    opacity: 1 !important;
}

body.glass-layout-body .modal {
    z-index: 1060 !important;
}

body.glass-layout-body .modal-dialog {
    position: relative;
    z-index: 1061;
}

body.glass-layout-body #calculatorModal {
    z-index: 1070 !important;
}

body.glass-layout-body #calculatorModal .modal-dialog {
    z-index: 1071;
}

body.glass-layout-body #calculatorModal #snaptecCalculator {
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(8, 17, 30, 0.82)),
        rgba(15, 23, 42, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 18px !important;
    box-shadow: 0 20px 44px rgba(2, 6, 23, 0.32);
}

body.glass-layout-body #calculatorModal #snaptecCalculator .calculator-title,
body.glass-layout-body #calculatorModal #snaptecCalculator-wrapper .log-container h3,
body.glass-layout-body #calculatorModal #calc-log,
body.glass-layout-body #calculatorModal #calc-log .list-group-item {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body #calculatorModal #calc-display,
body.glass-layout-body #calculator .screen {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body #calculatorModal #snaptecCalculator-wrapper .log-container {
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.74), rgba(8, 17, 30, 0.64)),
        rgba(15, 23, 42, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body #calculatorModal #calc-log .list-group-item {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.glass-layout-body #calculatorModal #snaptecCalculator-wrapper button,
body.glass-layout-body #calculator button {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body #calculatorModal #snaptecCalculator-wrapper button:hover,
body.glass-layout-body #calculatorModal #snaptecCalculator-wrapper button:focus,
body.glass-layout-body #calculator button:hover,
body.glass-layout-body #calculator button:focus {
    background: rgba(52, 211, 153, 0.16) !important;
    border-color: rgba(52, 211, 153, 0.3) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body #calculatorModal #snaptecCalculator-wrapper .btn-warning {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.32), rgba(212, 165, 116, 0.2)) !important;
    border-color: rgba(251, 191, 36, 0.28) !important;
}

body.glass-layout-body #calculatorModal #snaptecCalculator-wrapper .btn-danger,
body.glass-layout-body #calculator #allClear,
body.glass-layout-body #calculator #clear {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.34), rgba(239, 68, 68, 0.2)) !important;
    border-color: rgba(248, 113, 113, 0.28) !important;
}

body.glass-layout-body #calculatorModal #snaptecCalculator-wrapper .btn-success,
body.glass-layout-body #calculator #equals {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.34), rgba(5, 150, 105, 0.22)) !important;
    border-color: rgba(52, 211, 153, 0.3) !important;
}

body.glass-layout-body #calculatorModal #snaptecCalculator-wrapper .btn-primary {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.34), rgba(59, 130, 246, 0.22)) !important;
    border-color: rgba(14, 165, 233, 0.3) !important;
}

body.glass-layout-body #calculatorModal #snaptecCalculator-wrapper .btn-light {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

body.glass-layout-body:not(.glass-theme) #calculatorModal #snaptecCalculator {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.82)),
        rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(148, 163, 184, 0.24);
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.14);
}

body.glass-layout-body:not(.glass-theme) #calculatorModal #snaptecCalculator .calculator-title,
body.glass-layout-body:not(.glass-theme) #calculatorModal #snaptecCalculator-wrapper .log-container h3,
body.glass-layout-body:not(.glass-theme) #calculatorModal #calc-log,
body.glass-layout-body:not(.glass-theme) #calculatorModal #calc-log .list-group-item {
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body:not(.glass-theme) #calculatorModal #calc-display,
body.glass-layout-body:not(.glass-theme) #calculator .screen {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.9) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body:not(.glass-theme) #calculatorModal #snaptecCalculator-wrapper .log-container,
body.glass-layout-body:not(.glass-theme) #calculatorModal #calc-log .list-group-item {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) #calculatorModal #snaptecCalculator-wrapper button,
body.glass-layout-body:not(.glass-theme) #calculator button {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.88) !important;
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: rgba(15, 23, 42, 0.88) !important;
}

body.glass-layout-body:not(.glass-theme) #calculatorModal #snaptecCalculator-wrapper button:hover,
body.glass-layout-body:not(.glass-theme) #calculatorModal #snaptecCalculator-wrapper button:focus,
body.glass-layout-body:not(.glass-theme) #calculator button:hover,
body.glass-layout-body:not(.glass-theme) #calculator button:focus {
    background: rgba(5, 150, 105, 0.1) !important;
    border-color: rgba(5, 150, 105, 0.22) !important;
}

body.glass-layout-body .modal .modal-content {
    backdrop-filter: blur(34px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(34px) saturate(155%) !important;
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.76), rgba(15, 23, 42, 0.62)),
        rgba(15, 23, 42, 0.68) !important;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(2, 6, 23, 0.42);
    color: var(--glass-text-primary);
    overflow: hidden;
}

body.glass-layout-body:not(.glass-theme) .modal .modal-content {
    backdrop-filter: blur(34px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(34px) saturate(170%) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(248, 250, 252, 0.72)),
        rgba(255, 255, 255, 0.76) !important;
    border-color: rgba(148, 163, 184, 0.26);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.18);
}

body.glass-layout-body .modal-header,
body.glass-layout-body .modal-footer {
    border-color: rgba(255, 255, 255, 0.08);
    padding: 18px 22px;
}

body.glass-layout-body:not(.glass-theme) .modal-header,
body.glass-layout-body:not(.glass-theme) .modal-footer {
    border-color: rgba(148, 163, 184, 0.18);
}

body.glass-layout-body .modal-body {
    padding: 22px;
}

body.glass-layout-body .modal-title,
body.glass-layout-body .close {
    color: var(--glass-text-primary);
    opacity: 1;
}

body.glass-layout-body .docus_note_modal {
    z-index: 30060 !important;
}

body.glass-layout-body .docus_note_modal .modal-dialog,
body.glass-layout-body .view_modal .glass-docs-note-modal {
    z-index: 30061 !important;
}

body.glass-layout-body .document_note_body,
body.glass-layout-body .glass-docs-note-modal,
body.glass-layout-body .glass-docs-note-modal .modal-body {
    color: var(--glass-text-secondary);
}

body.glass-layout-body .document_note_body .table-responsive {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
    padding: 12px;
}

body.glass-layout-body:not(.glass-theme) .document_note_body .table-responsive {
    background: rgba(255, 255, 255, 0.66);
    border-color: rgba(148, 163, 184, 0.18);
}

body.glass-layout-body .document_note_body .table-responsive,
body.glass-layout-body .document_note_body .dataTables_wrapper,
body.glass-layout-body .document_note_body .dataTables_scroll,
body.glass-layout-body .document_note_body .dataTables_scrollBody {
    overflow: visible !important;
}

body.glass-layout-body .document_note_body .table,
body.glass-layout-body .glass-docs-note-modal .table {
    background: transparent !important;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .document_note_body .table > thead > tr > th,
body.glass-layout-body .glass-docs-note-modal .table > thead > tr > th {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.94), rgba(52, 211, 153, 0.7)) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

body.glass-layout-body .document_note_body .table > tbody > tr,
body.glass-layout-body .glass-docs-note-modal .table > tbody > tr {
    background: rgba(255, 255, 255, 0.045) !important;
}

body.glass-layout-body .document_note_body .table-striped > tbody > tr:nth-of-type(odd),
body.glass-layout-body .glass-docs-note-modal .table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.075) !important;
}

body.glass-layout-body .document_note_body .table > tbody > tr > td,
body.glass-layout-body .document_note_body .table > tbody > tr > th,
body.glass-layout-body .glass-docs-note-modal .table > tbody > tr > td,
body.glass-layout-body .glass-docs-note-modal .table > tbody > tr > th {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body .table > tbody > tr,
body.glass-layout-body:not(.glass-theme) .glass-docs-note-modal .table > tbody > tr {
    background: rgba(248, 250, 252, 0.84) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body .table-striped > tbody > tr:nth-of-type(odd),
body.glass-layout-body:not(.glass-theme) .glass-docs-note-modal .table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(226, 232, 240, 0.5) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body .table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .document_note_body .table > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) .glass-docs-note-modal .table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .glass-docs-note-modal .table > tbody > tr > th {
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body .document_note_body .dataTables_wrapper {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .document_note_body #documents_and_notes_table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: visible;
}

body.glass-layout-body .document_note_body #documents_and_notes_table > thead > tr > th,
body.glass-layout-body .document_note_body #documents_and_notes_table.dataTable > thead > tr > th {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.96), rgba(52, 211, 153, 0.78)) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    padding: 12px 10px;
}

body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table.dataTable > thead > tr > th {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(226, 232, 240, 0.84)) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body .document_note_body #documents_and_notes_table > tbody > tr,
body.glass-layout-body .document_note_body #documents_and_notes_table.dataTable > tbody > tr {
    background: rgba(15, 23, 42, 0.5) !important;
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

body.glass-layout-body .document_note_body #documents_and_notes_table.table-striped > tbody > tr:nth-of-type(odd),
body.glass-layout-body .document_note_body #documents_and_notes_table.dataTable.stripe > tbody > tr.odd,
body.glass-layout-body .document_note_body #documents_and_notes_table.dataTable.display > tbody > tr.odd {
    background: rgba(255, 255, 255, 0.055) !important;
}

body.glass-layout-body .document_note_body #documents_and_notes_table > tbody > tr:hover,
body.glass-layout-body .document_note_body #documents_and_notes_table.dataTable > tbody > tr:hover {
    background: linear-gradient(90deg, rgba(52, 211, 153, 0.14), rgba(212, 165, 116, 0.08)) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table > tbody > tr,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table.dataTable > tbody > tr {
    background: rgba(255, 255, 255, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table.table-striped > tbody > tr:nth-of-type(odd),
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table.dataTable.stripe > tbody > tr.odd,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table.dataTable.display > tbody > tr.odd {
    background: rgba(241, 245, 249, 0.72) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table > tbody > tr:hover,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table.dataTable > tbody > tr:hover {
    background: linear-gradient(90deg, rgba(5, 150, 105, 0.1), rgba(212, 165, 116, 0.12)) !important;
}

body.glass-layout-body .document_note_body #documents_and_notes_table > tbody > tr > td,
body.glass-layout-body .document_note_body #documents_and_notes_table.dataTable > tbody > tr > td,
body.glass-layout-body .document_note_body #documents_and_notes_table.dataTable.display > tbody > tr > .sorting_1,
body.glass-layout-body .document_note_body #documents_and_notes_table.dataTable.order-column > tbody > tr > .sorting_1 {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-secondary) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    padding: 11px 10px;
    vertical-align: middle;
}

body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table.dataTable > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table.dataTable.display > tbody > tr > .sorting_1,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table.dataTable.order-column > tbody > tr > .sorting_1 {
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body .document_note_body #documents_and_notes_table a,
body.glass-layout-body .document_note_body #documents_and_notes_table a.text-black,
body.glass-layout-body .document_note_body #documents_and_notes_table .view_a_docs_note {
    color: var(--glass-text-primary) !important;
    font-weight: 650;
}

body.glass-layout-body .document_note_body #documents_and_notes_table a:hover,
body.glass-layout-body .document_note_body #documents_and_notes_table .view_a_docs_note:hover {
    color: var(--glass-accent) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table a,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table a.text-black,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table .view_a_docs_note {
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table a:hover,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table .view_a_docs_note:hover {
    color: var(--glass-accent-strong) !important;
}

body.glass-layout-body .document_note_body #documents_and_notes_table .fa-file,
body.glass-layout-body .document_note_body #documents_and_notes_table .fa-file-alt,
body.glass-layout-body .document_note_body #documents_and_notes_table .fa-lock {
    color: var(--glass-accent) !important;
}

body.glass-layout-body .document_note_body .docs_and_notes_btn {
    border-radius: 999px !important;
    box-shadow: 0 14px 26px rgba(5, 150, 105, 0.2);
    font-weight: 700;
    padding: 7px 13px;
}

body.glass-layout-body .document_note_body #documents_and_notes_table .btn-group,
body.glass-layout-body .document_note_body #documents_and_notes_table .dropdown,
body.glass-layout-body .document_note_body #documents_and_notes_table .btn-group.open {
    position: relative;
    z-index: 30070;
}

body.glass-layout-body .document_note_body #documents_and_notes_table .dropdown-menu {
    left: 0;
    max-width: calc(100vw - 32px);
    min-width: 150px;
    overflow: hidden;
    right: auto;
    white-space: nowrap;
    z-index: 30080 !important;
}

body.glass-layout-body .document_note_body #documents_and_notes_table .dropdown-menu > li > a {
    color: var(--glass-text-secondary) !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.glass-layout-body .document_note_body #documents_and_notes_table .dropdown-menu > li > a:hover,
body.glass-layout-body .document_note_body #documents_and_notes_table .dropdown-menu > li > a:focus {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table .dropdown-menu > li > a {
    color: rgba(15, 23, 42, 0.74) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table .dropdown-menu > li > a:hover,
body.glass-layout-body:not(.glass-theme) .document_note_body #documents_and_notes_table .dropdown-menu > li > a:focus {
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body .document_note_body .dataTables_wrapper .dt-buttons .btn,
body.glass-layout-body .document_note_body .dataTables_wrapper .dt-button,
body.glass-layout-body .document_note_body .dataTables_wrapper .buttons-html5,
body.glass-layout-body .document_note_body .dataTables_wrapper .buttons-print,
body.glass-layout-body .document_note_body .dataTables_wrapper .buttons-colvis {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: var(--glass-text-primary) !important;
    font-weight: 700;
}

body.glass-layout-body .document_note_body .dataTables_wrapper .dt-buttons .btn:hover,
body.glass-layout-body .document_note_body .dataTables_wrapper .dt-button:hover,
body.glass-layout-body .document_note_body .dataTables_wrapper .buttons-html5:hover,
body.glass-layout-body .document_note_body .dataTables_wrapper .buttons-print:hover,
body.glass-layout-body .document_note_body .dataTables_wrapper .buttons-colvis:hover {
    background: rgba(52, 211, 153, 0.14) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body .dataTables_wrapper .dt-buttons .btn,
body.glass-layout-body:not(.glass-theme) .document_note_body .dataTables_wrapper .dt-button,
body.glass-layout-body:not(.glass-theme) .document_note_body .dataTables_wrapper .buttons-html5,
body.glass-layout-body:not(.glass-theme) .document_note_body .dataTables_wrapper .buttons-print,
body.glass-layout-body:not(.glass-theme) .document_note_body .dataTables_wrapper .buttons-colvis {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: rgba(15, 23, 42, 0.82) !important;
}

body.glass-layout-body .document_note_body .dataTables_wrapper .dataTables_filter input,
body.glass-layout-body .document_note_body .dataTables_wrapper .dataTables_length select {
    min-height: 38px;
}

body.glass-layout-body .document_note_body .dataTables_wrapper .dataTables_info,
body.glass-layout-body .document_note_body .dataTables_wrapper .dataTables_paginate {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body:not(.glass-theme) .document_note_body .dataTables_wrapper .dataTables_info,
body.glass-layout-body:not(.glass-theme) .document_note_body .dataTables_wrapper .dataTables_paginate {
    color: rgba(15, 23, 42, 0.7) !important;
}

body.glass-layout-body .glass-docs-note-modal label,
body.glass-layout-body .glass-docs-note-modal .checkbox label,
body.glass-layout-body .glass-docs-note-modal h4,
body.glass-layout-body .glass-docs-note-modal strong,
body.glass-layout-body .glass-docs-note-modal b {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .glass-docs-note-modal a {
    color: var(--glass-accent) !important;
}

body.glass-layout-body:not(.glass-theme) .glass-docs-note-modal label,
body.glass-layout-body:not(.glass-theme) .glass-docs-note-modal .checkbox label,
body.glass-layout-body:not(.glass-theme) .glass-docs-note-modal h4,
body.glass-layout-body:not(.glass-theme) .glass-docs-note-modal strong,
body.glass-layout-body:not(.glass-theme) .glass-docs-note-modal b {
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body .glass-docs-note-modal .dropzone {
    background: rgba(15, 23, 42, 0.52) !important;
    border: 1px dashed rgba(52, 211, 153, 0.42) !important;
    border-radius: 16px;
    color: var(--glass-text-secondary) !important;
    min-height: 128px;
}

body.glass-layout-body:not(.glass-theme) .glass-docs-note-modal .dropzone {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(5, 150, 105, 0.34) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body .glass-docs-note-modal .dropzone .dz-message,
body.glass-layout-body .glass-docs-note-modal .dropzone .dz-preview,
body.glass-layout-body .glass-docs-note-modal .dropzone .dz-details,
body.glass-layout-body .glass-docs-note-modal .dropzone .dz-filename,
body.glass-layout-body .glass-docs-note-modal .dropzone .dz-size {
    color: inherit !important;
}

body.glass-layout-body .docus_note_modal .tox-tinymce,
body.glass-layout-body .docus_note_modal .tox .tox-edit-area__iframe,
body.glass-layout-body .docus_note_modal .mce-panel,
body.glass-layout-body .docus_note_modal .mce-tinymce {
    background: rgba(15, 23, 42, 0.58) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .docus_note_modal .tox .tox-toolbar,
body.glass-layout-body .docus_note_modal .tox .tox-toolbar__primary,
body.glass-layout-body .docus_note_modal .tox .tox-menubar,
body.glass-layout-body .docus_note_modal .tox .tox-statusbar,
body.glass-layout-body .docus_note_modal .mce-toolbar-grp,
body.glass-layout-body .docus_note_modal .mce-statusbar {
    background: rgba(15, 23, 42, 0.72) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .docus_note_modal .tox .tox-tbtn,
body.glass-layout-body .docus_note_modal .tox .tox-mbtn,
body.glass-layout-body .docus_note_modal .tox .tox-statusbar__path-item,
body.glass-layout-body .docus_note_modal .mce-btn button {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .docus_note_modal .tox .tox-tbtn svg {
    fill: var(--glass-text-secondary) !important;
}

body.glass-layout-body .docus_note_modal .tox .tox-tbtn:hover,
body.glass-layout-body .docus_note_modal .tox .tox-mbtn:hover,
body.glass-layout-body .docus_note_modal .mce-btn:hover {
    background: rgba(52, 211, 153, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .tox-tinymce-aux {
    z-index: 30070 !important;
}

body.glass-layout-body .tox .tox-menu,
body.glass-layout-body .tox .tox-collection--list {
    background: rgba(15, 23, 42, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .tox .tox-collection__item {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .tox .tox-collection__item--active,
body.glass-layout-body .tox .tox-collection__item:hover {
    background: rgba(52, 211, 153, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .docus_note_modal .tox-tinymce,
body.glass-layout-body:not(.glass-theme) .docus_note_modal .tox .tox-edit-area__iframe,
body.glass-layout-body:not(.glass-theme) .docus_note_modal .mce-panel,
body.glass-layout-body:not(.glass-theme) .docus_note_modal .mce-tinymce {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body:not(.glass-theme) .docus_note_modal .tox .tox-toolbar,
body.glass-layout-body:not(.glass-theme) .docus_note_modal .tox .tox-toolbar__primary,
body.glass-layout-body:not(.glass-theme) .docus_note_modal .tox .tox-menubar,
body.glass-layout-body:not(.glass-theme) .docus_note_modal .tox .tox-statusbar,
body.glass-layout-body:not(.glass-theme) .docus_note_modal .mce-toolbar-grp,
body.glass-layout-body:not(.glass-theme) .docus_note_modal .mce-statusbar {
    background: rgba(248, 250, 252, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: rgba(15, 23, 42, 0.84) !important;
}

body.glass-layout-body:not(.glass-theme) .tox .tox-menu,
body.glass-layout-body:not(.glass-theme) .tox .tox-collection--list {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body:not(.glass-theme) .tox .tox-collection__item {
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body .dropdown-menu {
    padding: 8px;
}

body.glass-layout-body .dropdown-menu > li > a {
    border-radius: 12px;
    color: var(--glass-text-secondary);
    padding: 10px 12px;
}

body.glass-layout-body .dropdown-menu > li > a:hover {
    background: rgba(255, 255, 255, 0.08);
    color: var(--glass-text-primary);
}

body.glass-layout-body .main-footer {
    margin-left: calc(var(--glass-sidebar-width) + var(--glass-spacing));
    margin-right: var(--glass-spacing);
    margin-top: 0;
    padding: 18px 22px;
    transition: margin-left 0.3s ease;
}

body.glass-layout-body .main-footer small {
    color: var(--glass-text-secondary);
}

body.glass-layout-body .scrolltop {
    bottom: 28px;
    right: 28px;
}

body.glass-layout-body .scrolltop .icon,
body.glass-layout-body .floating-btn {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-gold));
    border: 0;
    box-shadow: 0 16px 30px rgba(5, 150, 105, 0.32);
    color: #fff;
}

body.glass-layout-body:not(.glass-theme) .floating-btn {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.98)) !important;
    border: 1px solid rgba(148, 163, 184, 0.22);
    box-shadow: 0 14px 28px rgba(148, 163, 184, 0.18);
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .floating-btn i {
    color: inherit !important;
}

body.glass-layout-body #menuItems.menu {
    background: rgba(15, 23, 42, 0.82);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    box-shadow: var(--glass-shadow);
    gap: 10px;
    padding: 12px;
}

body.glass-layout-body:not(.glass-theme) #menuItems.menu {
    background: #fff;
    border-color: rgba(148, 163, 184, 0.22);
}

body.glass-layout-body #menuItems a,
body.glass-layout-body #menuItems button {
    background: rgba(15, 23, 42, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: var(--glass-text-primary) !important;
    height: 44px;
    width: 44px;
}

body.glass-layout-body:not(.glass-theme) #menuItems a,
body.glass-layout-body:not(.glass-theme) #menuItems button {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body #menuItems a:hover,
body.glass-layout-body #menuItems button:hover {
    background: rgba(52, 211, 153, 0.16) !important;
    border-color: rgba(52, 211, 153, 0.24) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body #menuItems .menu-item .title {
    background: rgba(15, 23, 42, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: var(--glass-shadow);
    color: var(--glass-text-primary);
    padding: 6px 10px;
}

body.glass-layout-body:not(.glass-theme) #menuItems .menu-item .title {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(148, 163, 184, 0.2);
}

body.glass-layout-body .menu-item {
    height: 44px;
    padding: 0 14px;
}

body.glass-layout-body .swal2-popup {
    background: rgba(15, 23, 42, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .swal2-popup {
    background: #fff !important;
    border-color: rgba(148, 163, 184, 0.22);
}

body.glass-layout-body .swal2-title,
body.glass-layout-body .swal2-html-container {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body.sidebar-collapse .glass-brand-text,
body.glass-layout-body.sidebar-collapse .glass-sidebar-caption,
body.glass-layout-body.sidebar-collapse .glass-sidebar-profile__content,
body.glass-layout-body.sidebar-collapse .glass-sidebar-footer span,
body.glass-layout-body.sidebar-collapse .glass-sidebar-footer__link,
body.glass-layout-body.sidebar-collapse .sidebar-menu li > a > span,
body.glass-layout-body.sidebar-collapse .sidebar-menu .pull-right-container,
body.glass-layout-body.sidebar-collapse .sidebar-menu > li.header {
    display: none;
}

body.glass-layout-body.sidebar-collapse .glass-brand {
    justify-content: center;
}

body.glass-layout-body.sidebar-collapse .glass-sidebar-profile {
    justify-content: center;
    padding: 8px;
}

body.glass-layout-body.sidebar-collapse .sidebar-menu li > a {
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
}

body.glass-layout-body.sidebar-collapse .sidebar-menu .treeview-menu {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

body.glass-layout-body.sidebar-collapse .glass-sidebar-footer {
    justify-content: center;
}

body.glass-layout-body .content.content-custom {
    margin-top: 0 !important;
}

body.glass-layout-body .main-header .glass-topbar {
    background: rgba(15, 23, 42, 0.56);
    background-image: none !important;
    backdrop-filter: blur(30px) saturate(140%);
    -webkit-backdrop-filter: blur(30px) saturate(140%);
}

body.glass-layout-body:not(.glass-theme) .main-header .glass-topbar {
    background: rgba(255, 255, 255, 0.76);
}

body.glass-layout-body .content-wrapper,
body.glass-layout-body .right-side,
body.glass-layout-body .content-wrapper .content-custom,
body.glass-layout-body .content-wrapper .content-header-custom {
    background: transparent !important;
    background-image: none !important;
}

body.glass-layout-body.skin-snaptec .sidebar-menu > li:hover,
body.glass-layout-body.skin-snaptec .sidebar-menu > li.active,
body.glass-layout-body.skin-snaptec .sidebar-menu > li.menu-open,
body.glass-layout-body.skin-snaptec .sidebar-menu > li:hover > ul,
body.glass-layout-body.skin-snaptec .sidebar-menu > li.active > ul,
body.glass-layout-body.skin-snaptec .sidebar-menu > li.menu-open > ul {
    background: transparent !important;
    background-image: none !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

body.glass-layout-body.skin-snaptec .sidebar-menu li:hover,
body.glass-layout-body.skin-snaptec .sidebar-menu li.active,
body.glass-layout-body.skin-snaptec .sidebar-menu li.menu-open,
body.glass-layout-body.skin-snaptec .sidebar-menu li:hover > ul,
body.glass-layout-body.skin-snaptec .sidebar-menu li.active > ul,
body.glass-layout-body.skin-snaptec .sidebar-menu li.menu-open > ul {
    background: transparent !important;
    background-image: none !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

body.glass-layout-body .sidebar-menu li > a:hover,
body.glass-layout-body .sidebar-menu li.active > a,
body.glass-layout-body .sidebar-menu li.menu-open > a {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.22), rgba(212, 165, 116, 0.14)) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 14px 28px rgba(2, 6, 23, 0.16);
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .sidebar-menu li > a:hover,
body.glass-layout-body:not(.glass-theme) .sidebar-menu li.active > a,
body.glass-layout-body:not(.glass-theme) .sidebar-menu li.menu-open > a {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.14), rgba(212, 165, 116, 0.18)) !important;
    border-color: rgba(5, 150, 105, 0.16);
    box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08);
}

body.glass-layout-body .sidebar-menu .treeview-menu > li > a:hover,
body.glass-layout-body .sidebar-menu .treeview-menu > li.active > a {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.2), rgba(212, 165, 116, 0.18)) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .sidebar-menu .treeview-menu > li > a:hover,
body.glass-layout-body:not(.glass-theme) .sidebar-menu .treeview-menu > li.active > a {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.12), rgba(212, 165, 116, 0.16)) !important;
    border-color: rgba(5, 150, 105, 0.15);
}

body.glass-layout-body .box.box-primary,
body.glass-layout-body .box.box-info,
body.glass-layout-body .box.box-success,
body.glass-layout-body .box.box-warning,
body.glass-layout-body .box.box-danger,
body.glass-layout-body .nav-tabs-custom {
    border-top: 1px solid var(--glass-border) !important;
}

body.glass-layout-body .nav-tabs-custom .nav-tabs li.active {
    border-top-color: transparent !important;
}

body.glass-layout-body .nav-tabs-custom > .tab-content,
body.glass-layout-body .tab-content,
body.glass-layout-body .tab-pane {
    background: transparent !important;
    color: var(--glass-text-primary);
}

body.glass-layout-body .box-body,
body.glass-layout-body .tab-content p,
body.glass-layout-body .tab-content li,
body.glass-layout-body .tab-content td,
body.glass-layout-body .tab-content th,
body.glass-layout-body .content p,
body.glass-layout-body .content li,
body.glass-layout-body .content td,
body.glass-layout-body .content th,
body.glass-layout-body .content label,
body.glass-layout-body .content small {
    color: var(--glass-text-secondary);
}

body.glass-layout-body .content h1,
body.glass-layout-body .content h2,
body.glass-layout-body .content h3,
body.glass-layout-body .content h4,
body.glass-layout-body .content h5,
body.glass-layout-body .content h6,
body.glass-layout-body .content strong,
body.glass-layout-body .content b,
body.glass-layout-body .profile-username,
body.glass-layout-body .modal-title {
    color: var(--glass-text-primary);
}

body.glass-layout-body .text-muted {
    color: rgba(226, 232, 240, 0.76) !important;
}

body.glass-layout-body:not(.glass-theme) .text-muted {
    color: rgba(71, 85, 105, 0.82) !important;
}

body.glass-layout-body .text-light-blue,
body.glass-layout-body .text-primary {
    color: var(--glass-accent) !important;
}

body.glass-layout-body:not(.glass-theme) .text-light-blue,
body.glass-layout-body:not(.glass-theme) .text-primary {
    color: var(--glass-accent-strong) !important;
}

body.glass-layout-body .glass-sidebar-panel,
body.glass-layout-body .glass-topbar,
body.glass-layout-body .main-footer,
body.glass-layout-body .box,
body.glass-layout-body .info-box,
body.glass-layout-body .small-box,
body.glass-layout-body .nav-tabs-custom,
body.glass-layout-body .modal-content,
body.glass-layout-body .dropdown-menu,
body.glass-layout-body .select2-dropdown,
body.glass-layout-body .content-header,
body.glass-layout-body .callout,
body.glass-layout-body .well,
body.glass-layout-body .glass-toolbar-item {
    backdrop-filter: blur(24px) saturate(135%);
    -webkit-backdrop-filter: blur(24px) saturate(135%);
}

body.glass-layout-body .box,
body.glass-layout-body .info-box,
body.glass-layout-body .small-box,
body.glass-layout-body .nav-tabs-custom,
body.glass-layout-body .content-header,
body.glass-layout-body .callout,
body.glass-layout-body .well {
    background: rgba(15, 23, 42, 0.58);
}

body.glass-layout-body:not(.glass-theme) .glass-sidebar-panel,
body.glass-layout-body:not(.glass-theme) .glass-topbar,
body.glass-layout-body:not(.glass-theme) .main-footer,
body.glass-layout-body:not(.glass-theme) .box,
body.glass-layout-body:not(.glass-theme) .info-box,
body.glass-layout-body:not(.glass-theme) .small-box,
body.glass-layout-body:not(.glass-theme) .nav-tabs-custom,
body.glass-layout-body:not(.glass-theme) .modal-content,
body.glass-layout-body:not(.glass-theme) .dropdown-menu,
body.glass-layout-body:not(.glass-theme) .select2-dropdown,
body.glass-layout-body:not(.glass-theme) .content-header,
body.glass-layout-body:not(.glass-theme) .callout,
body.glass-layout-body:not(.glass-theme) .well,
body.glass-layout-body:not(.glass-theme) .glass-toolbar-item {
    backdrop-filter: blur(24px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
}

body.glass-layout-body:not(.glass-theme) .box,
body.glass-layout-body:not(.glass-theme) .info-box,
body.glass-layout-body:not(.glass-theme) .small-box,
body.glass-layout-body:not(.glass-theme) .nav-tabs-custom,
body.glass-layout-body:not(.glass-theme) .content-header,
body.glass-layout-body:not(.glass-theme) .callout,
body.glass-layout-body:not(.glass-theme) .well {
    background: rgba(255, 255, 255, 0.74);
}

body.glass-layout-body .box-body a:not(.btn):not(.label):not(.badge),
body.glass-layout-body .tab-content a:not(.btn):not(.label):not(.badge),
body.glass-layout-body .list-group-item a:not(.btn):not(.label):not(.badge) {
    color: var(--glass-accent);
}

body.glass-layout-body:not(.glass-theme) .box-body a:not(.btn):not(.label):not(.badge),
body.glass-layout-body:not(.glass-theme) .tab-content a:not(.btn):not(.label):not(.badge),
body.glass-layout-body:not(.glass-theme) .list-group-item a:not(.btn):not(.label):not(.badge) {
    color: var(--glass-accent-strong);
}

body.glass-layout-body .list-group-item {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--glass-text-secondary);
}

body.glass-layout-body:not(.glass-theme) .list-group-item {
    border-color: rgba(148, 163, 184, 0.2);
}

body.glass-layout-body .list-group-unbordered > .list-group-item {
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    padding-right: 0;
}

body.glass-layout-body .list-group-unbordered > .list-group-item:first-child {
    border-top: 0;
}

body.glass-layout-body .list-group-unbordered > .list-group-item:last-child {
    border-bottom: 0;
}

body.glass-layout-body .box-profile .profile-user-img {
    border: 3px solid rgba(255, 255, 255, 0.24);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.22);
    padding: 4px;
}

body.glass-layout-body:not(.glass-theme) .box-profile .profile-user-img {
    border-color: rgba(15, 23, 42, 0.14);
}

body.glass-layout-body .select2-hidden-accessible,
body.glass-layout-body select.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

body.glass-layout-body .form-control,
body.glass-layout-body textarea.form-control,
body.glass-layout-body select.form-control,
body.glass-layout-body .input-group-addon,
body.glass-layout-body .select2-container--default .select2-selection--single,
body.glass-layout-body .select2-container--default .select2-selection--multiple,
body.glass-layout-body .select2-dropdown,
body.glass-layout-body .dropdown-menu,
body.glass-layout-body .bootstrap-datetimepicker-widget,
body.glass-layout-body .datepicker-dropdown {
    background-image: none !important;
    border-radius: 14px !important;
}

body.glass-layout-body .select2-container--default .select2-selection--single,
body.glass-layout-body .select2-container--default .select2-selection--multiple {
    background: rgba(15, 23, 42, 0.62) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
}

body.glass-layout-body:not(.glass-theme) .select2-container--default .select2-selection--single,
body.glass-layout-body:not(.glass-theme) .select2-container--default .select2-selection--multiple {
    background: #fff !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

body.glass-layout-body .select2-container--default .select2-selection--single .select2-selection__rendered,
body.glass-layout-body .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.glass-layout-body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .select2-container--default .select2-selection--single,
body.glass-layout-body .select2-container--default .select2-selection--multiple {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--glass-text-primary) transparent transparent transparent !important;
}

body.glass-layout-body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--glass-text-primary) transparent !important;
}

body.glass-auth-body .glass-auth-toolbar {
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}

body.glass-auth-body #change_lang {
    max-width: 180px;
}

body.glass-auth-body .text-white,
body.glass-auth-body .text-white a {
    color: var(--glass-text-secondary) !important;
}

body.glass-auth-body .bg-maroon.btn-flat,
body.glass-auth-body .btn.bg-maroon {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-gold));
    border: 0;
    border-radius: 14px;
    box-shadow: 0 16px 30px rgba(5, 150, 105, 0.24);
    color: #fff !important;
}

body.glass-auth-body .box,
body.glass-auth-body .box.box-solid {
    background: var(--glass-surface);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
    border-radius: 28px;
    box-shadow: var(--glass-shadow);
    color: var(--glass-text-primary);
    overflow: hidden;
}

body.glass-auth-body:not(.glass-theme) .box,
body.glass-auth-body:not(.glass-theme) .box.box-solid {
    backdrop-filter: blur(28px) saturate(150%);
    -webkit-backdrop-filter: blur(28px) saturate(150%);
}

body.glass-auth-body .box-header,
body.glass-auth-body .box-body,
body.glass-auth-body .box-footer {
    padding-left: 28px;
    padding-right: 28px;
}

body.glass-auth-body .box-header {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 18px;
    padding-top: 24px;
}

body.glass-auth-body:not(.glass-theme) .box-header {
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

body.glass-auth-body .box-body {
    padding-bottom: 24px;
    padding-top: 24px;
}

body.glass-auth-body .box-title,
body.glass-auth-body .page-header,
body.glass-auth-body label {
    color: var(--glass-text-primary);
}

body.glass-auth-body .page-header {
    border-bottom: 0;
    margin: 0 0 24px;
}

body.glass-auth-body hr {
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.glass-auth-body:not(.glass-theme) hr {
    border-top-color: rgba(148, 163, 184, 0.18);
}

body.glass-layout-body .pos-tab-container {
    background: var(--glass-surface);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    box-shadow: var(--glass-shadow);
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    overflow: hidden;
    padding: 24px !important;
}

body.glass-layout-body:not(.glass-theme) .pos-tab-container {
    background: var(--glass-surface-strong);
}

body.glass-layout-body .pos-tab-menu,
body.glass-layout-body .pos-tab {
    float: none;
    width: 100%;
}

body.glass-layout-body .pos-tab-menu .list-group {
    display: grid;
    gap: 12px;
}

body.glass-layout-body div.pos-tab-menu div.list-group > a,
body.glass-layout-body .pos-tab-menu .list-group-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    color: var(--glass-text-secondary);
    font-weight: 600;
    margin-bottom: 0;
    padding: 14px 16px;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body.glass-layout-body div.pos-tab-menu div.list-group > a .glyphicon,
body.glass-layout-body div.pos-tab-menu div.list-group > a .fa {
    color: inherit !important;
}

body.glass-layout-body:not(.glass-theme) div.pos-tab-menu div.list-group > a,
body.glass-layout-body:not(.glass-theme) .pos-tab-menu .list-group-item {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(148, 163, 184, 0.2);
}

body.glass-layout-body div.pos-tab-menu div.list-group > a:hover,
body.glass-layout-body .pos-tab-menu .list-group-item:hover {
    background: rgba(255, 255, 255, 0.09);
    color: var(--glass-text-primary);
    transform: translateY(-1px);
}

body.glass-layout-body:not(.glass-theme) div.pos-tab-menu div.list-group > a:hover,
body.glass-layout-body:not(.glass-theme) .pos-tab-menu .list-group-item:hover {
    background: rgba(255, 255, 255, 0.98);
}

body.glass-layout-body div.pos-tab-menu div.list-group > a.active,
body.glass-layout-body div.pos-tab-menu div.list-group > a.active .glyphicon,
body.glass-layout-body div.pos-tab-menu div.list-group > a.active .fa,
body.glass-layout-body .pos-tab-menu .list-group-item.active {
    background-image: linear-gradient(135deg, rgba(52, 211, 153, 0.24), rgba(212, 165, 116, 0.18)) !important;
    background-color: rgba(52, 211, 153, 0.16) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
    box-shadow: 0 16px 28px rgba(15, 23, 42, 0.12);
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) div.pos-tab-menu div.list-group > a.active,
body.glass-layout-body:not(.glass-theme) div.pos-tab-menu div.list-group > a.active .glyphicon,
body.glass-layout-body:not(.glass-theme) div.pos-tab-menu div.list-group > a.active .fa,
body.glass-layout-body:not(.glass-theme) .pos-tab-menu .list-group-item.active {
    background-image: linear-gradient(135deg, rgba(5, 150, 105, 0.14), rgba(212, 165, 116, 0.16)) !important;
    background-color: rgba(5, 150, 105, 0.1) !important;
    border-color: rgba(5, 150, 105, 0.22) !important;
}

body.glass-layout-body div.pos-tab-menu div.list-group > a.active:after,
body.glass-layout-body .pos-tab-menu .list-group-item.active:after {
    display: none !important;
}

body.glass-layout-body div.pos-tab-content {
    background: transparent;
    color: var(--glass-text-primary);
    padding: 8px 8px 0 0;
}

body.glass-auth-body .register-custom-form .wizard > .steps .current a {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-gold)) !important;
    border: 0;
    box-shadow: 0 18px 34px rgba(5, 150, 105, 0.22);
    color: #fff !important;
}

body.glass-auth-body .register-custom-form .wizard > .steps .done a,
body.glass-auth-body .register-custom-form .wizard > .steps .disabled a {
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    background: var(--glass-surface) !important;
    border: 1px solid var(--glass-border);
    box-shadow: var(--glass-shadow);
    color: var(--glass-text-secondary) !important;
}

body.glass-auth-body:not(.glass-theme) .register-custom-form .wizard > .steps .done a,
body.glass-auth-body:not(.glass-theme) .register-custom-form .wizard > .steps .disabled a {
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    background: rgba(255, 255, 255, 0.72) !important;
}

body.glass-auth-body .register-custom-form .wizard > .steps a,
body.glass-auth-body .wizard > .steps a:active,
body.glass-auth-body .wizard > .steps a:hover {
    border-radius: 18px !important;
    color: inherit;
}

body.glass-auth-body .register-custom-form .wizard > .actions a,
body.glass-auth-body .next {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-accent)) !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 30px rgba(5, 150, 105, 0.24);
    color: #fff !important;
}

body.glass-auth-body .previous {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 14px !important;
    color: var(--glass-text-primary) !important;
}

body.glass-auth-body:not(.glass-theme) .previous {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

@media (max-width: 991px) {
    body.glass-layout-body .pos-tab-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1199px) {
    body.glass-layout-body .header-content {
        gap: 10px;
    }

    body.glass-layout-body .page-title {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    body.glass-layout-body .main-sidebar {
        bottom: 16px;
        height: calc(100vh - 32px);
        left: 16px;
        transform: translateX(-118%);
        width: min(320px, calc(100vw - 32px));
    }

    body.glass-layout-body.sidebar-open .main-sidebar {
        transform: translateX(0);
    }

    body.glass-layout-body.sidebar-open::after {
        background: rgba(8, 17, 14, 0.65);
        content: "";
        inset: 0;
        position: fixed;
        z-index: 1000;
    }

    body.glass-layout-body.sidebar-open .main-sidebar,
    body.glass-layout-body .main-header {
        z-index: 1025;
    }

    body.glass-layout-body .main-header,
    body.glass-layout-body.sidebar-collapse .main-header,
    body.glass-layout-body .content-wrapper,
    body.glass-layout-body.sidebar-collapse .content-wrapper,
    body.glass-layout-body .main-footer,
    body.glass-layout-body.sidebar-collapse .main-footer {
        left: 0;
        margin-left: 0;
        margin-right: 16px;
    }

    body.glass-layout-body .main-header {
        right: 16px;
        top: 16px;
    }

    body.glass-layout-body .content-wrapper {
        padding: calc(var(--glass-header-height) + 34px) 16px 24px;
    }

    body.glass-layout-body .main-footer {
        margin-left: 16px;
    }

    body.glass-layout-body .glass-topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    body.glass-layout-body .glass-topbar-left,
    body.glass-layout-body .glass-topbar-right,
    body.glass-layout-body .header-content {
        width: 100%;
    }

    body.glass-layout-body .glass-topbar-right,
    body.glass-layout-body .header-content {
        justify-content: space-between;
    }

    body.glass-layout-body .glass-toolbar-nav {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    body.glass-auth-body .glass-auth-shell {
        padding: 20px 16px;
    }

    body.glass-auth-body .login-area,
    body.glass-auth-body .abc {
        min-height: calc(100vh - 40px);
    }

    body.glass-auth-body .glass-auth-toggle {
        right: 16px;
        top: 16px;
    }
}

@media (max-width: 767px) {
    body.glass-layout-body .glass-topbar,
    body.glass-layout-body .content-header,
    body.glass-layout-body .box-body,
    body.glass-layout-body .box-footer,
    body.glass-layout-body .nav-tabs-custom > .tab-content {
        padding: 18px;
    }

    body.glass-layout-body .page-title {
        font-size: 22px;
    }

    body.glass-layout-body .glass-topbar-right,
    body.glass-layout-body .header-content {
        align-items: stretch;
        flex-direction: column;
    }

    body.glass-layout-body .glass-toolbar-nav {
        justify-content: flex-start;
    }

    body.glass-layout-body .glass-user-chip {
        justify-content: space-between;
        width: 100%;
    }

    body.glass-layout-body .main-footer {
        margin-right: 16px;
        padding: 16px 18px;
    }
}

/* Final polish overrides for legacy Snaptec surfaces and contextual tables. */
body.glass-layout-body .main-header .glass-topbar {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.44), rgba(30, 41, 59, 0.54)) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 18px 40px rgba(2, 6, 23, 0.18);
}

body.glass-layout-body:not(.glass-theme) .main-header .glass-topbar {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(248, 250, 252, 0.8)) !important;
    border-color: rgba(148, 163, 184, 0.18);
    box-shadow: 0 18px 36px rgba(148, 163, 184, 0.16);
}

body.glass-layout-body .main-footer,
body.glass-layout-body .box,
body.glass-layout-body .info-box,
body.glass-layout-body .small-box,
body.glass-layout-body .nav-tabs-custom,
body.glass-layout-body .modal-content,
body.glass-layout-body .dropdown-menu,
body.glass-layout-body .select2-dropdown,
body.glass-layout-body .content-header,
body.glass-layout-body .callout,
body.glass-layout-body .well,
body.glass-layout-body .glass-toolbar-item {
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.44), rgba(15, 23, 42, 0.56)) !important;
}

body.glass-layout-body:not(.glass-theme) .main-footer,
body.glass-layout-body:not(.glass-theme) .box,
body.glass-layout-body:not(.glass-theme) .info-box,
body.glass-layout-body:not(.glass-theme) .small-box,
body.glass-layout-body:not(.glass-theme) .nav-tabs-custom,
body.glass-layout-body:not(.glass-theme) .modal-content,
body.glass-layout-body:not(.glass-theme) .dropdown-menu,
body.glass-layout-body:not(.glass-theme) .select2-dropdown,
body.glass-layout-body:not(.glass-theme) .content-header,
body.glass-layout-body:not(.glass-theme) .callout,
body.glass-layout-body:not(.glass-theme) .well,
body.glass-layout-body:not(.glass-theme) .glass-toolbar-item {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.7), rgba(248, 250, 252, 0.82)) !important;
}

body.glass-layout-body .dropdown-menu,
body.glass-layout-body .select2-dropdown,
body.glass-layout-body .bootstrap-datetimepicker-widget,
body.glass-layout-body .datepicker-dropdown,
body.glass-layout-body .ui-autocomplete {
    -webkit-backdrop-filter: blur(30px) saturate(170%) !important;
    backdrop-filter: blur(30px) saturate(170%) !important;
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.92), rgba(15, 23, 42, 0.86)) !important;
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 48px rgba(2, 6, 23, 0.42) !important;
    color: var(--glass-text-primary);
    isolation: isolate;
}

body.glass-layout-body:not(.glass-theme) .dropdown-menu,
body.glass-layout-body:not(.glass-theme) .select2-dropdown,
body.glass-layout-body:not(.glass-theme) .bootstrap-datetimepicker-widget,
body.glass-layout-body:not(.glass-theme) .datepicker-dropdown,
body.glass-layout-body:not(.glass-theme) .ui-autocomplete {
    -webkit-backdrop-filter: blur(30px) saturate(170%) !important;
    backdrop-filter: blur(30px) saturate(170%) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.84)) !important;
    border-color: rgba(148, 163, 184, 0.32) !important;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18) !important;
}

body.glass-layout-body .select2-dropdown .select2-search--dropdown {
    padding: 8px !important;
}

body.glass-layout-body .select2-dropdown .select2-search__field,
body.glass-layout-body .select2-container--default .select2-search--dropdown .select2-search__field {
    -webkit-text-fill-color: var(--glass-text-primary);
    background: rgba(15, 23, 42, 0.76) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    caret-color: var(--glass-accent);
    color: var(--glass-text-primary) !important;
    min-height: 34px;
    outline: 0 !important;
    padding: 7px 10px !important;
}

body.glass-layout-body:not(.glass-theme) .select2-dropdown .select2-search__field,
body.glass-layout-body:not(.glass-theme) .select2-container--default .select2-search--dropdown .select2-search__field {
    -webkit-text-fill-color: var(--glass-text-primary);
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .select2-dropdown .select2-search__field:focus,
body.glass-layout-body .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: rgba(52, 211, 153, 0.58) !important;
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.14) !important;
}

body.glass-layout-body .select2-search--inline .select2-search__field {
    -webkit-text-fill-color: var(--glass-text-primary);
    background: transparent !important;
    border: 0 !important;
    caret-color: var(--glass-accent);
    color: var(--glass-text-primary) !important;
    margin-top: 0;
}

body.glass-layout-body .select2-search__field::placeholder {
    -webkit-text-fill-color: var(--glass-text-muted);
    color: var(--glass-text-muted) !important;
    opacity: 1;
}

body.glass-layout-body .select2-search__field::selection {
    -webkit-text-fill-color: #fff;
    background: rgba(52, 211, 153, 0.42);
    color: #fff;
}

body.glass-layout-body:not(.glass-theme) .select2-search__field::selection {
    -webkit-text-fill-color: #fff;
    background: rgba(5, 150, 105, 0.72);
    color: #fff;
}

body.glass-layout-body .select2-container--default .select2-results__option[aria-selected="true"] {
    background: rgba(52, 211, 153, 0.18) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .select2-container--default .select2-results__option[aria-selected="true"] {
    background: rgba(5, 150, 105, 0.12) !important;
}

body.glass-layout-body .dropdown-menu {
    min-width: 180px;
    padding: 6px;
}

body.glass-layout-body .dropdown-menu > a,
body.glass-layout-body .dropdown-menu > button,
body.glass-layout-body .dropdown-menu > li > a,
body.glass-layout-body .dropdown-menu > li > button,
body.glass-layout-body .dropdown-menu .dropdown-item {
    -webkit-text-fill-color: var(--glass-text-secondary) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px;
    color: var(--glass-text-secondary) !important;
    display: block;
    line-height: 1.35;
    opacity: 1 !important;
    padding: 8px 12px !important;
    text-align: left;
    text-decoration: none !important;
    white-space: normal;
    width: 100%;
}

body.glass-layout-body .dropdown-menu > a i,
body.glass-layout-body .dropdown-menu > button i,
body.glass-layout-body .dropdown-menu > li > a i,
body.glass-layout-body .dropdown-menu > li > button i,
body.glass-layout-body .dropdown-menu .dropdown-item i {
    -webkit-text-fill-color: currentColor !important;
    color: currentColor !important;
}

body.glass-layout-body .dropdown-menu > a:hover,
body.glass-layout-body .dropdown-menu > a:focus,
body.glass-layout-body .dropdown-menu > button:hover,
body.glass-layout-body .dropdown-menu > button:focus,
body.glass-layout-body .dropdown-menu > li > a:hover,
body.glass-layout-body .dropdown-menu > li > a:focus,
body.glass-layout-body .dropdown-menu > li > button:hover,
body.glass-layout-body .dropdown-menu > li > button:focus,
body.glass-layout-body .dropdown-menu .dropdown-item:hover,
body.glass-layout-body .dropdown-menu .dropdown-item:focus,
body.glass-layout-body .dropdown-menu > .active > a,
body.glass-layout-body .dropdown-menu > .active > a:hover,
body.glass-layout-body .dropdown-menu > .active > a:focus {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    background: rgba(52, 211, 153, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .dropdown-menu > .disabled > a,
body.glass-layout-body .dropdown-menu > .disabled > button,
body.glass-layout-body .dropdown-menu .dropdown-item.disabled,
body.glass-layout-body .dropdown-menu .dropdown-item:disabled {
    -webkit-text-fill-color: var(--glass-text-muted) !important;
    color: var(--glass-text-muted) !important;
    cursor: not-allowed;
    opacity: 0.78 !important;
}

body.glass-layout-body .dropdown-menu .dropdown-item.text-primary,
body.glass-layout-body .dropdown-menu .text-primary {
    -webkit-text-fill-color: #86efac !important;
    color: #86efac !important;
}

body.glass-layout-body .dropdown-menu .dropdown-item.text-danger,
body.glass-layout-body .dropdown-menu .text-danger {
    -webkit-text-fill-color: #fca5a5 !important;
    color: #fca5a5 !important;
}

body.glass-layout-body:not(.glass-theme) .dropdown-menu > a,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > button,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > li > a,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > li > button,
body.glass-layout-body:not(.glass-theme) .dropdown-menu .dropdown-item {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.78) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .dropdown-menu > a:hover,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > a:focus,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > button:hover,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > button:focus,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > li > a:hover,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > li > a:focus,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > li > button:hover,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > li > button:focus,
body.glass-layout-body:not(.glass-theme) .dropdown-menu .dropdown-item:hover,
body.glass-layout-body:not(.glass-theme) .dropdown-menu .dropdown-item:focus,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > .active > a,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > .active > a:hover,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > .active > a:focus {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.92) !important;
    background: rgba(5, 150, 105, 0.1) !important;
    color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .dropdown-menu > .disabled > a,
body.glass-layout-body:not(.glass-theme) .dropdown-menu > .disabled > button,
body.glass-layout-body:not(.glass-theme) .dropdown-menu .dropdown-item.disabled,
body.glass-layout-body:not(.glass-theme) .dropdown-menu .dropdown-item:disabled {
    -webkit-text-fill-color: rgba(100, 116, 139, 0.76) !important;
    color: rgba(100, 116, 139, 0.76) !important;
}

body.glass-layout-body:not(.glass-theme) .dropdown-menu .dropdown-item.text-primary,
body.glass-layout-body:not(.glass-theme) .dropdown-menu .text-primary {
    -webkit-text-fill-color: var(--glass-accent-strong) !important;
    color: var(--glass-accent-strong) !important;
}

body.glass-layout-body:not(.glass-theme) .dropdown-menu .dropdown-item.text-danger,
body.glass-layout-body:not(.glass-theme) .dropdown-menu .text-danger {
    -webkit-text-fill-color: #b91c1c !important;
    color: #b91c1c !important;
}

body.glass-layout-body .dropdown-menu .divider,
body.glass-layout-body .dropdown-divider {
    border-top-color: rgba(255, 255, 255, 0.12) !important;
    background-color: rgba(255, 255, 255, 0.12);
    margin: 6px 0;
}

body.glass-layout-body:not(.glass-theme) .dropdown-menu .divider,
body.glass-layout-body:not(.glass-theme) .dropdown-divider {
    border-top-color: rgba(148, 163, 184, 0.24) !important;
    background-color: rgba(148, 163, 184, 0.24);
}

body.glass-layout-body .daterangepicker {
    -webkit-backdrop-filter: blur(30px) saturate(170%) !important;
    backdrop-filter: blur(30px) saturate(170%) !important;
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.94), rgba(15, 23, 42, 0.88)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 48px rgba(2, 6, 23, 0.42) !important;
    color: var(--glass-text-primary) !important;
    font-family: "Outfit", sans-serif !important;
    overflow: visible;
    padding: 6px !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)) !important;
    border-color: rgba(148, 163, 184, 0.32) !important;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .daterangepicker:before {
    border-bottom-color: rgba(255, 255, 255, 0.18) !important;
}

body.glass-layout-body .daterangepicker:after {
    border-bottom-color: rgba(8, 17, 30, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker:before {
    border-bottom-color: rgba(148, 163, 184, 0.32) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker:after {
    border-bottom-color: rgba(255, 255, 255, 0.96) !important;
}

body.glass-layout-body .daterangepicker.drop-up:before {
    border-top-color: rgba(255, 255, 255, 0.18) !important;
}

body.glass-layout-body .daterangepicker.drop-up:after {
    border-top-color: rgba(8, 17, 30, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker.drop-up:before {
    border-top-color: rgba(148, 163, 184, 0.32) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker.drop-up:after {
    border-top-color: rgba(255, 255, 255, 0.96) !important;
}

body.glass-layout-body .daterangepicker .ranges ul {
    width: 100%;
}

body.glass-layout-body .daterangepicker .ranges li {
    background: transparent !important;
    border-radius: 10px;
    color: var(--glass-text-secondary) !important;
    font-size: 12px;
    font-weight: 600;
    margin: 2px 0;
    padding: 9px 12px !important;
}

body.glass-layout-body .daterangepicker .ranges li:hover,
body.glass-layout-body .daterangepicker .ranges li:focus {
    background: rgba(52, 211, 153, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker .ranges li:hover,
body.glass-layout-body:not(.glass-theme) .daterangepicker .ranges li:focus {
    background: rgba(5, 150, 105, 0.1) !important;
}

body.glass-layout-body .daterangepicker .ranges li.active {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-accent)) !important;
    box-shadow: 0 10px 22px rgba(5, 150, 105, 0.22);
    color: #fff !important;
}

body.glass-layout-body .daterangepicker .calendar-table {
    background: rgba(15, 23, 42, 0.58) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker .calendar-table {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

body.glass-layout-body .daterangepicker .calendar-table table,
body.glass-layout-body .daterangepicker .calendar-table th,
body.glass-layout-body .daterangepicker .calendar-table td,
body.glass-layout-body .daterangepicker .drp-selected {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .daterangepicker th.month,
body.glass-layout-body .daterangepicker td.available,
body.glass-layout-body .daterangepicker th.available {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .daterangepicker td.off,
body.glass-layout-body .daterangepicker td.off.in-range,
body.glass-layout-body .daterangepicker td.off.start-date,
body.glass-layout-body .daterangepicker td.off.end-date,
body.glass-layout-body .daterangepicker td.disabled,
body.glass-layout-body .daterangepicker option.disabled {
    background: transparent !important;
    color: var(--glass-text-muted) !important;
}

body.glass-layout-body .daterangepicker td.available:hover,
body.glass-layout-body .daterangepicker th.available:hover {
    background: rgba(52, 211, 153, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker td.available:hover,
body.glass-layout-body:not(.glass-theme) .daterangepicker th.available:hover {
    background: rgba(5, 150, 105, 0.1) !important;
}

body.glass-layout-body .daterangepicker td.in-range {
    background: rgba(52, 211, 153, 0.16) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker td.in-range {
    background: rgba(5, 150, 105, 0.12) !important;
}

body.glass-layout-body .daterangepicker td.active,
body.glass-layout-body .daterangepicker td.active:hover,
body.glass-layout-body .daterangepicker td.start-date,
body.glass-layout-body .daterangepicker td.end-date {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-accent)) !important;
    color: #fff !important;
}

body.glass-layout-body .daterangepicker .calendar-table .next span,
body.glass-layout-body .daterangepicker .calendar-table .prev span {
    border-color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .daterangepicker .drp-buttons {
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker .drp-buttons {
    border-top-color: rgba(148, 163, 184, 0.24) !important;
}

body.glass-layout-body .daterangepicker select.monthselect,
body.glass-layout-body .daterangepicker select.yearselect,
body.glass-layout-body .daterangepicker select.hourselect,
body.glass-layout-body .daterangepicker select.minuteselect,
body.glass-layout-body .daterangepicker select.secondselect,
body.glass-layout-body .daterangepicker select.ampmselect {
    background: rgba(15, 23, 42, 0.76) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 8px;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker select.monthselect,
body.glass-layout-body:not(.glass-theme) .daterangepicker select.yearselect,
body.glass-layout-body:not(.glass-theme) .daterangepicker select.hourselect,
body.glass-layout-body:not(.glass-theme) .daterangepicker select.minuteselect,
body.glass-layout-body:not(.glass-theme) .daterangepicker select.secondselect,
body.glass-layout-body:not(.glass-theme) .daterangepicker select.ampmselect {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.38) !important;
}

body.glass-layout-body .sidebar-menu li.menu-open > .treeview-menu {
    display: block;
}

body.glass-layout-body .sidebar-menu .treeview-menu > li > a {
    font-weight: 500;
    opacity: 1;
}

body.glass-layout-body .sidebar-menu .treeview-menu > li > a > i,
body.glass-layout-body .sidebar-menu .treeview-menu > li > a > .fa,
body.glass-layout-body .sidebar-menu .treeview-menu > li > a > .glyphicon,
body.glass-layout-body .sidebar-menu .treeview-menu > li > a > .ion {
    color: inherit;
}

body.glass-layout-body .sidebar-menu li.menu-open > .treeview-menu > li > a {
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(255, 255, 255, 0.05);
}

body.glass-layout-body:not(.glass-theme) .sidebar-menu li.menu-open > .treeview-menu > li > a {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(148, 163, 184, 0.16);
}

body.glass-layout-body .sidebar-menu li > a:hover,
body.glass-layout-body .sidebar-menu li.active > a,
body.glass-layout-body .sidebar-menu li.menu-open > a {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.18), rgba(212, 165, 116, 0.12)) !important;
    border-color: rgba(255, 255, 255, 0.1);
}

body.glass-layout-body:not(.glass-theme) .sidebar-menu li > a:hover,
body.glass-layout-body:not(.glass-theme) .sidebar-menu li.active > a,
body.glass-layout-body:not(.glass-theme) .sidebar-menu li.menu-open > a {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.1), rgba(212, 165, 116, 0.14)) !important;
    border-color: rgba(5, 150, 105, 0.12);
}

@media (min-width: 768px) {
    body.glass-layout-body.sidebar-mini.sidebar-collapse .main-sidebar {
        transform: none !important;
        width: var(--glass-sidebar-collapsed) !important;
        z-index: 1010;
    }

    body.glass-layout-body.sidebar-mini.sidebar-collapse .main-header {
        left: calc(var(--glass-sidebar-collapsed) + var(--glass-spacing)) !important;
    }

    body.glass-layout-body.sidebar-mini.sidebar-collapse .content-wrapper,
    body.glass-layout-body.sidebar-mini.sidebar-collapse .right-side,
    body.glass-layout-body.sidebar-mini.sidebar-collapse .main-footer {
        margin-left: calc(var(--glass-sidebar-collapsed) + var(--glass-spacing)) !important;
    }

    body.glass-layout-body.sidebar-mini.sidebar-collapse .glass-sidebar-panel {
        padding-left: 14px;
        padding-right: 14px;
    }

    body.glass-layout-body.sidebar-mini.sidebar-collapse .glass-sidebar-body {
        margin-right: 0;
        overflow-x: hidden;
        padding-right: 0;
    }

    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li {
        margin-bottom: 8px;
    }

    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
        display: flex !important;
        gap: 0;
        height: 48px;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        min-height: 48px;
        overflow: hidden;
        padding: 0 !important;
        width: 48px;
    }

    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > i:first-child,
    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .fa,
    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .fas,
    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .far,
    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .glyphicon,
    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .ion {
        flex: 0 0 22px;
        font-size: 18px;
        line-height: 1;
        margin: 0 !important;
        min-width: 22px;
        text-align: center;
        width: 22px;
    }

    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right-container,
    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
    body.glass-layout-body.sidebar-mini.sidebar-collapse .sidebar-menu li.header {
        display: none !important;
    }
}

body.glass-layout-body .table,
body.glass-layout-body table.dataTable {
    border-collapse: separate;
    border-spacing: 0;
}

body.glass-layout-body .table-bordered,
body.glass-layout-body .table-bordered > thead > tr > th,
body.glass-layout-body .table-bordered > tbody > tr > td,
body.glass-layout-body .table-bordered > tbody > tr > th,
body.glass-layout-body .table-bordered > tfoot > tr > td,
body.glass-layout-body .table > tbody > tr > td,
body.glass-layout-body .table > tbody > tr > th,
body.glass-layout-body .table > tfoot > tr > td,
body.glass-layout-body table.dataTable tbody td,
body.glass-layout-body table.dataTable thead th {
    border-color: rgba(255, 255, 255, 0.04) !important;
}

body.glass-layout-body:not(.glass-theme) .table-bordered,
body.glass-layout-body:not(.glass-theme) .table-bordered > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .table-bordered > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .table-bordered > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) .table-bordered > tfoot > tr > td,
body.glass-layout-body:not(.glass-theme) .table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .table > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) .table > tfoot > tr > td,
body.glass-layout-body:not(.glass-theme) table.dataTable tbody td,
body.glass-layout-body:not(.glass-theme) table.dataTable thead th {
    border-color: rgba(148, 163, 184, 0.12) !important;
}

body.glass-layout-body .table > thead > tr > th,
body.glass-layout-body table.dataTable thead th,
body.glass-layout-body .box-table thead th {
    background: rgba(255, 255, 255, 0.06) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-primary) !important;
    text-transform: uppercase;
}

body.glass-layout-body:not(.glass-theme) .table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) table.dataTable thead th,
body.glass-layout-body:not(.glass-theme) .box-table thead th {
    background: rgba(226, 232, 240, 0.72) !important;
    border-bottom-color: rgba(148, 163, 184, 0.16) !important;
}

body.glass-layout-body .table > tbody > tr.success,
body.glass-layout-body .table > tbody > tr.info,
body.glass-layout-body .table > tbody > tr.warning,
body.glass-layout-body .table > tbody > tr.danger {
    background: transparent !important;
}

body.glass-layout-body .table > tbody > tr.success > th,
body.glass-layout-body .table > tbody > tr.info > th,
body.glass-layout-body .table > tbody > tr.warning > th,
body.glass-layout-body .table > tbody > tr.danger > th,
body.glass-layout-body .table > tbody > tr.success > td,
body.glass-layout-body .table > tbody > tr.info > td,
body.glass-layout-body .table > tbody > tr.warning > td,
body.glass-layout-body .table > tbody > tr.danger > td {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: var(--glass-text-primary) !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.glass-layout-body:not(.glass-theme) .table > tbody > tr.success > th,
body.glass-layout-body:not(.glass-theme) .table > tbody > tr.info > th,
body.glass-layout-body:not(.glass-theme) .table > tbody > tr.warning > th,
body.glass-layout-body:not(.glass-theme) .table > tbody > tr.danger > th,
body.glass-layout-body:not(.glass-theme) .table > tbody > tr.success > td,
body.glass-layout-body:not(.glass-theme) .table > tbody > tr.info > td,
body.glass-layout-body:not(.glass-theme) .table > tbody > tr.warning > td,
body.glass-layout-body:not(.glass-theme) .table > tbody > tr.danger > td {
    background: rgba(226, 232, 240, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.12) !important;
}

body.glass-layout-body #pos_table thead tr,
body.glass-layout-body #pos_table thead th {
    background: rgba(255, 255, 255, 0.06) !important;
}

body.glass-layout-body:not(.glass-theme) #pos_table thead tr,
body.glass-layout-body:not(.glass-theme) #pos_table thead th {
    background: rgba(226, 232, 240, 0.72) !important;
}

body.glass-layout-body .list-group-link a.active {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.18), rgba(212, 165, 116, 0.14)) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .list-group-link a.active {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.1), rgba(212, 165, 116, 0.16)) !important;
    border-color: rgba(5, 150, 105, 0.16) !important;
}

body.glass-layout-body .list-group-link a.active:after {
    border-left-color: rgba(52, 211, 153, 0.42) !important;
}

body.glass-layout-body:not(.glass-theme) .list-group-link a.active:after {
    border-left-color: rgba(5, 150, 105, 0.36) !important;
}

body.glass-layout-body .text-light-blue,
body.glass-layout-body .text-primary,
body.glass-layout-body .calculator-btn {
    color: var(--glass-accent) !important;
}

body.glass-layout-body:not(.glass-theme) .text-light-blue,
body.glass-layout-body:not(.glass-theme) .text-primary,
body.glass-layout-body:not(.glass-theme) .calculator-btn {
    color: var(--glass-accent-strong) !important;
}

body.glass-layout-body .select2-selection__rendered {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-top-color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-bottom-color: var(--glass-text-secondary) !important;
}

body.glass-layout-body tr.footer-total > td,
body.glass-layout-body tr.footer-total > th {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-primary) !important;
    font-weight: 700;
    vertical-align: middle !important;
}

body.glass-layout-body:not(.glass-theme) tr.footer-total > td,
body.glass-layout-body:not(.glass-theme) tr.footer-total > th {
    background: rgba(226, 232, 240, 0.78) !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body .dataTables_scrollFoot,
body.glass-layout-body .dataTables_scrollFootInner {
    background: transparent !important;
}

body.glass-layout-body .table > tfoot > tr,
body.glass-layout-body table.dataTable tfoot tr,
body.glass-layout-body tr.footer-total,
body.glass-layout-body .footer-total,
body.glass-layout-body .footer_total {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.88), rgba(30, 41, 59, 0.78)) !important;
}

body.glass-layout-body .table > tfoot > tr > td,
body.glass-layout-body .table > tfoot > tr > th,
body.glass-layout-body table.dataTable tfoot td,
body.glass-layout-body table.dataTable tfoot th,
body.glass-layout-body tr.footer-total > td,
body.glass-layout-body tr.footer-total > th,
body.glass-layout-body .footer-total > td,
body.glass-layout-body .footer-total > th,
body.glass-layout-body .footer_total > td,
body.glass-layout-body .footer_total > th {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-primary) !important;
    font-weight: 700;
    vertical-align: middle !important;
}

body.glass-layout-body .table > tfoot > tr > td *,
body.glass-layout-body .table > tfoot > tr > th *,
body.glass-layout-body table.dataTable tfoot td *,
body.glass-layout-body table.dataTable tfoot th *,
body.glass-layout-body tr.footer-total > td *,
body.glass-layout-body tr.footer-total > th *,
body.glass-layout-body .footer-total > td *,
body.glass-layout-body .footer-total > th *,
body.glass-layout-body .footer_total > td *,
body.glass-layout-body .footer_total > th * {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .table > tfoot > tr,
body.glass-layout-body:not(.glass-theme) table.dataTable tfoot tr,
body.glass-layout-body:not(.glass-theme) tr.footer-total,
body.glass-layout-body:not(.glass-theme) .footer-total,
body.glass-layout-body:not(.glass-theme) .footer_total {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(226, 232, 240, 0.82)) !important;
}

body.glass-layout-body:not(.glass-theme) .table > tfoot > tr > td,
body.glass-layout-body:not(.glass-theme) .table > tfoot > tr > th,
body.glass-layout-body:not(.glass-theme) table.dataTable tfoot td,
body.glass-layout-body:not(.glass-theme) table.dataTable tfoot th,
body.glass-layout-body:not(.glass-theme) tr.footer-total > td,
body.glass-layout-body:not(.glass-theme) tr.footer-total > th,
body.glass-layout-body:not(.glass-theme) .footer-total > td,
body.glass-layout-body:not(.glass-theme) .footer-total > th,
body.glass-layout-body:not(.glass-theme) .footer_total > td,
body.glass-layout-body:not(.glass-theme) .footer_total > th,
body.glass-layout-body:not(.glass-theme) .table > tfoot > tr > td *,
body.glass-layout-body:not(.glass-theme) .table > tfoot > tr > th *,
body.glass-layout-body:not(.glass-theme) table.dataTable tfoot td *,
body.glass-layout-body:not(.glass-theme) table.dataTable tfoot th *,
body.glass-layout-body:not(.glass-theme) tr.footer-total > td *,
body.glass-layout-body:not(.glass-theme) tr.footer-total > th *,
body.glass-layout-body:not(.glass-theme) .footer-total > td *,
body.glass-layout-body:not(.glass-theme) .footer-total > th *,
body.glass-layout-body:not(.glass-theme) .footer_total > td *,
body.glass-layout-body:not(.glass-theme) .footer_total > th * {
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body .dataTables_wrapper .dataTables_processing {
    -webkit-backdrop-filter: blur(28px) saturate(165%) !important;
    backdrop-filter: blur(28px) saturate(165%) !important;
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.92), rgba(15, 23, 42, 0.84)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 12px !important;
    box-shadow: 0 22px 44px rgba(2, 6, 23, 0.44) !important;
    color: var(--glass-text-primary) !important;
    font-size: 13px;
    font-weight: 700;
    height: auto !important;
    left: 50% !important;
    line-height: 20px;
    margin: 0 !important;
    min-width: 200px;
    padding: 14px 24px !important;
    position: absolute;
    text-align: center;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: auto !important;
    z-index: 20;
}

body.glass-layout-body:not(.glass-theme) .dataTables_wrapper .dataTables_processing {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.84)) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: 0 22px 44px rgba(15, 23, 42, 0.18) !important;
    color: rgba(15, 23, 42, 0.88) !important;
}

/* Theme-aware popovers and chart hover labels. */
body.glass-layout-body .popover {
    -webkit-backdrop-filter: blur(28px) saturate(170%);
    backdrop-filter: blur(28px) saturate(170%);
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.94), rgba(15, 23, 42, 0.88)) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 12px;
    box-shadow: 0 22px 44px rgba(2, 6, 23, 0.46) !important;
    color: var(--glass-text-secondary) !important;
    font-family: "Outfit", sans-serif;
    line-height: 1.55;
    max-width: min(320px, calc(100vw - 32px));
}

body.glass-layout-body .popover.fade {
    opacity: 0;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

body.glass-layout-body .popover.fade.bottom {
    transform: translate3d(0, -10px, 0) scale(0.98);
    transform-origin: top center;
}

body.glass-layout-body .popover.fade.top {
    transform: translate3d(0, 10px, 0) scale(0.98);
    transform-origin: bottom center;
}

body.glass-layout-body .popover.fade.left {
    transform: translate3d(10px, 0, 0) scale(0.98);
    transform-origin: right center;
}

body.glass-layout-body .popover.fade.right {
    transform: translate3d(-10px, 0, 0) scale(0.98);
    transform-origin: left center;
}

body.glass-layout-body .popover.fade.in {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

body.glass-layout-body .popover-title {
    background: rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px 12px 0 0;
    color: var(--glass-text-primary);
    font-weight: 700;
}

body.glass-layout-body .popover-content {
    color: var(--glass-text-secondary) !important;
    font-weight: 500;
    padding: 12px 14px;
}

body.glass-layout-body .popover-content *,
body.glass-layout-body .popover-title * {
    color: inherit !important;
}

body.glass-layout-body .popover.top > .arrow {
    border-top-color: rgba(255, 255, 255, 0.18) !important;
}

body.glass-layout-body .popover.top > .arrow::after {
    border-top-color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body .popover.right > .arrow {
    border-right-color: rgba(255, 255, 255, 0.18) !important;
}

body.glass-layout-body .popover.right > .arrow::after {
    border-right-color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body .popover.bottom > .arrow {
    border-bottom-color: rgba(255, 255, 255, 0.18) !important;
}

body.glass-layout-body .popover.bottom > .arrow::after {
    border-bottom-color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body .popover.left > .arrow {
    border-left-color: rgba(255, 255, 255, 0.18) !important;
}

body.glass-layout-body .popover.left > .arrow::after {
    border-left-color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .popover {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)) !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
    box-shadow: 0 22px 44px rgba(15, 23, 42, 0.18) !important;
    color: rgba(15, 23, 42, 0.82) !important;
}

body.glass-layout-body:not(.glass-theme) .popover-title {
    background: rgba(15, 23, 42, 0.04);
    border-bottom-color: rgba(148, 163, 184, 0.2);
    color: rgba(15, 23, 42, 0.94);
}

body.glass-layout-body:not(.glass-theme) .popover.top > .arrow {
    border-top-color: rgba(148, 163, 184, 0.3) !important;
}

body.glass-layout-body:not(.glass-theme) .popover.top > .arrow::after {
    border-top-color: rgba(255, 255, 255, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .popover.right > .arrow {
    border-right-color: rgba(148, 163, 184, 0.3) !important;
}

body.glass-layout-body:not(.glass-theme) .popover.right > .arrow::after {
    border-right-color: rgba(255, 255, 255, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .popover.bottom > .arrow {
    border-bottom-color: rgba(148, 163, 184, 0.3) !important;
}

body.glass-layout-body:not(.glass-theme) .popover.bottom > .arrow::after {
    border-bottom-color: rgba(255, 255, 255, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .popover.left > .arrow {
    border-left-color: rgba(148, 163, 184, 0.3) !important;
}

body.glass-layout-body:not(.glass-theme) .popover.left > .arrow::after {
    border-left-color: rgba(255, 255, 255, 0.94) !important;
}

body.glass-layout-body .tooltip {
    font-family: "Outfit", sans-serif;
}

body.glass-layout-body .tooltip.fade {
    opacity: 0;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

body.glass-layout-body .tooltip.fade.in {
    opacity: 1;
}

body.glass-layout-body .tooltip.bottom.fade {
    transform: translate3d(0, -8px, 0);
}

body.glass-layout-body .tooltip.bottom.fade.in {
    transform: translate3d(0, 0, 0);
}

body.glass-layout-body .tooltip-inner {
    -webkit-backdrop-filter: blur(24px) saturate(170%);
    backdrop-filter: blur(24px) saturate(170%);
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.94), rgba(15, 23, 42, 0.88)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
    box-shadow: 0 18px 36px rgba(2, 6, 23, 0.4);
    color: var(--glass-text-primary) !important;
    font-weight: 600;
    line-height: 1.45;
    padding: 8px 10px;
}

body.glass-layout-body .tooltip.top .tooltip-arrow {
    border-top-color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body .tooltip.right .tooltip-arrow {
    border-right-color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body .tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body .tooltip.left .tooltip-arrow {
    border-left-color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body:not(.glass-theme) .tooltip-inner {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)) !important;
    border-color: rgba(148, 163, 184, 0.3);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
    color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .tooltip.top .tooltip-arrow {
    border-top-color: rgba(255, 255, 255, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .tooltip.right .tooltip-arrow {
    border-right-color: rgba(255, 255, 255, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(255, 255, 255, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .tooltip.left .tooltip-arrow {
    border-left-color: rgba(255, 255, 255, 0.94) !important;
}

body.glass-layout-body .apexcharts-canvas,
body.glass-layout-body .apexcharts-svg {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .apexcharts-text,
body.glass-layout-body .apexcharts-xaxis-label,
body.glass-layout-body .apexcharts-yaxis-label,
body.glass-layout-body .apexcharts-title-text,
body.glass-layout-body .apexcharts-subtitle-text,
body.glass-layout-body .apexcharts-legend-text,
body.glass-layout-body .apexcharts-datalabel,
body.glass-layout-body .apexcharts-datalabel-label,
body.glass-layout-body .apexcharts-datalabel-value {
    color: var(--glass-text-secondary) !important;
    fill: var(--glass-text-secondary) !important;
}

body.glass-layout-body .apexcharts-title-text,
body.glass-layout-body .apexcharts-datalabel-value {
    fill: var(--glass-text-primary) !important;
}

body.glass-layout-body .apexcharts-text tspan,
body.glass-layout-body .apexcharts-tooltip *,
body.glass-layout-body .apexcharts-xaxistooltip *,
body.glass-layout-body .apexcharts-yaxistooltip * {
    color: inherit !important;
    fill: inherit !important;
}

body.glass-layout-body .apexcharts-gridline,
body.glass-layout-body .apexcharts-xaxis-tick,
body.glass-layout-body .apexcharts-yaxis-tick {
    stroke: rgba(255, 255, 255, 0.1) !important;
}

body.glass-layout-body:not(.glass-theme) .apexcharts-gridline,
body.glass-layout-body:not(.glass-theme) .apexcharts-xaxis-tick,
body.glass-layout-body:not(.glass-theme) .apexcharts-yaxis-tick {
    stroke: rgba(148, 163, 184, 0.22) !important;
}

body.glass-layout-body .apexcharts-tooltip,
body.glass-layout-body .apexcharts-tooltip.apexcharts-theme-light,
body.glass-layout-body .apexcharts-tooltip.apexcharts-theme-dark,
body.glass-layout-body .apexcharts-xaxistooltip,
body.glass-layout-body .apexcharts-yaxistooltip,
body.glass-layout-body .apexcharts-menu {
    -webkit-backdrop-filter: blur(26px) saturate(170%) !important;
    backdrop-filter: blur(26px) saturate(170%) !important;
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.95), rgba(15, 23, 42, 0.88)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 42px rgba(2, 6, 23, 0.42) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .apexcharts-tooltip-title {
    background: rgba(255, 255, 255, 0.06) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: var(--glass-text-primary) !important;
    font-weight: 700 !important;
}

body.glass-layout-body .apexcharts-tooltip-text,
body.glass-layout-body .apexcharts-tooltip-text-y-label,
body.glass-layout-body .apexcharts-tooltip-text-y-value,
body.glass-layout-body .apexcharts-tooltip-text-z-label,
body.glass-layout-body .apexcharts-tooltip-text-z-value,
body.glass-layout-body .apexcharts-xaxistooltip-text,
body.glass-layout-body .apexcharts-yaxistooltip-text,
body.glass-layout-body .apexcharts-menu-item {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .apexcharts-menu-item:hover {
    background: rgba(52, 211, 153, 0.14) !important;
}

body.glass-layout-body .apexcharts-xaxistooltip::before {
    border-bottom-color: rgba(255, 255, 255, 0.16) !important;
}

body.glass-layout-body .apexcharts-xaxistooltip::after {
    border-bottom-color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body .apexcharts-yaxistooltip::before {
    border-left-color: rgba(255, 255, 255, 0.16) !important;
}

body.glass-layout-body .apexcharts-yaxistooltip::after {
    border-left-color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .apexcharts-tooltip,
body.glass-layout-body:not(.glass-theme) .apexcharts-tooltip.apexcharts-theme-light,
body.glass-layout-body:not(.glass-theme) .apexcharts-tooltip.apexcharts-theme-dark,
body.glass-layout-body:not(.glass-theme) .apexcharts-xaxistooltip,
body.glass-layout-body:not(.glass-theme) .apexcharts-yaxistooltip,
body.glass-layout-body:not(.glass-theme) .apexcharts-menu {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)) !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
    box-shadow: 0 20px 42px rgba(15, 23, 42, 0.18) !important;
    color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .apexcharts-tooltip-title {
    background: rgba(15, 23, 42, 0.04) !important;
    border-bottom-color: rgba(148, 163, 184, 0.2) !important;
    color: rgba(15, 23, 42, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .apexcharts-tooltip-text,
body.glass-layout-body:not(.glass-theme) .apexcharts-tooltip-text-y-label,
body.glass-layout-body:not(.glass-theme) .apexcharts-tooltip-text-y-value,
body.glass-layout-body:not(.glass-theme) .apexcharts-tooltip-text-z-label,
body.glass-layout-body:not(.glass-theme) .apexcharts-tooltip-text-z-value,
body.glass-layout-body:not(.glass-theme) .apexcharts-xaxistooltip-text,
body.glass-layout-body:not(.glass-theme) .apexcharts-yaxistooltip-text,
body.glass-layout-body:not(.glass-theme) .apexcharts-menu-item {
    color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .apexcharts-menu-item:hover {
    background: rgba(5, 150, 105, 0.1) !important;
}

body.glass-layout-body:not(.glass-theme) .apexcharts-xaxistooltip::before {
    border-bottom-color: rgba(148, 163, 184, 0.3) !important;
}

body.glass-layout-body:not(.glass-theme) .apexcharts-xaxistooltip::after {
    border-bottom-color: rgba(255, 255, 255, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .apexcharts-yaxistooltip::before {
    border-left-color: rgba(148, 163, 184, 0.3) !important;
}

body.glass-layout-body:not(.glass-theme) .apexcharts-yaxistooltip::after {
    border-left-color: rgba(255, 255, 255, 0.94) !important;
}

body.glass-layout-body .highcharts-tooltip-box {
    fill: rgba(15, 23, 42, 0.92) !important;
    stroke: rgba(255, 255, 255, 0.16) !important;
    stroke-width: 1px !important;
}

body.glass-layout-body .highcharts-tooltip text,
body.glass-layout-body .highcharts-tooltip tspan {
    color: var(--glass-text-primary) !important;
    fill: var(--glass-text-primary) !important;
}

body.glass-layout-body .highcharts-label.highcharts-tooltip > span {
    -webkit-backdrop-filter: blur(26px) saturate(170%);
    backdrop-filter: blur(26px) saturate(170%);
    background: rgba(15, 23, 42, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 42px rgba(2, 6, 23, 0.42) !important;
    color: var(--glass-text-primary) !important;
    padding: 10px 12px !important;
}

body.glass-layout-body:not(.glass-theme) .highcharts-tooltip-box {
    fill: rgba(255, 255, 255, 0.94) !important;
    stroke: rgba(148, 163, 184, 0.3) !important;
}

body.glass-layout-body:not(.glass-theme) .highcharts-tooltip text,
body.glass-layout-body:not(.glass-theme) .highcharts-tooltip tspan {
    color: rgba(15, 23, 42, 0.92) !important;
    fill: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .highcharts-label.highcharts-tooltip > span {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
    box-shadow: 0 20px 42px rgba(15, 23, 42, 0.18) !important;
    color: rgba(15, 23, 42, 0.92) !important;
}

/* POS terminal alignment with the global permanent glass theme. */
body.glass-pos-layout {
    --glass-sidebar-width: 0px;
    --glass-sidebar-collapsed: 0px;
    --glass-header-height: 96px;
}

body.glass-pos-layout .wrapper {
    z-index: auto;
}

body.glass-pos-layout .main-header,
body.glass-pos-layout.sidebar-collapse .main-header {
    left: var(--glass-spacing);
}

body.glass-pos-layout .main-header .navbar-static-top,
body.glass-pos-layout .main-header .navbar.navbar-static-top {
    margin-left: 0 !important;
}

body.glass-pos-layout .content-wrapper,
body.glass-pos-layout.sidebar-collapse .content-wrapper,
body.glass-pos-layout .main-footer,
body.glass-pos-layout.sidebar-collapse .main-footer {
    margin-left: var(--glass-spacing);
    margin-right: var(--glass-spacing);
}

body.glass-pos-layout .content-wrapper,
body.glass-pos-layout.sidebar-collapse .content-wrapper {
    padding-top: calc(var(--glass-header-height) + 32px);
}

body.glass-pos-layout .glass-main-content {
    min-height: calc(100vh - var(--glass-header-height) - 96px);
}

body.glass-pos-layout .glass-pos-topbar {
    align-items: center;
    gap: 16px;
    min-height: var(--glass-header-height);
    padding: 16px 22px;
}

body.glass-pos-layout .glass-pos-topbar-left,
body.glass-pos-layout .glass-pos-header-content {
    align-items: center;
    display: flex;
    flex: 1 1 360px;
    flex-wrap: wrap;
    gap: 12px;
}

body.glass-pos-layout .glass-pos-context,
body.glass-pos-layout .glass-pos-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.glass-pos-layout .glass-pos-header-content {
    justify-content: flex-end;
}

body.glass-pos-layout .glass-pos-actions {
    justify-content: flex-end;
}

body.glass-pos-layout .glass-pos-actions > * {
    float: none !important;
    margin: 0 !important;
}

body.glass-pos-layout .glass-pos-chip,
body.glass-pos-layout .glass-pos-location-selector {
    min-height: 44px;
}

body.glass-pos-layout .glass-pos-location-selector {
    max-width: 320px;
    min-width: 220px;
}

body.glass-pos-layout .glass-pos-location-input,
body.glass-pos-layout .glass-pos-location-selector .form-control {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: var(--glass-text-primary) !important;
    min-height: 44px;
    padding-left: 14px;
    padding-right: 36px;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-location-input,
body.glass-pos-layout:not(.glass-theme) .glass-pos-location-selector .form-control {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

body.glass-pos-layout .glass-pos-header-action {
    align-items: center;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: var(--glass-text-primary) !important;
    display: inline-flex !important;
    gap: 8px;
    justify-content: center;
    min-height: 44px;
    padding: 0 14px !important;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body.glass-pos-layout .glass-pos-header-action:hover,
body.glass-pos-layout .glass-pos-header-action:focus {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: var(--glass-border-strong) !important;
    color: var(--glass-text-primary) !important;
    transform: translateY(-1px);
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-header-action {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

body.glass-pos-layout .glass-pos-header-action--danger {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.24), rgba(251, 146, 60, 0.16)) !important;
    border-color: rgba(248, 113, 113, 0.24) !important;
}

body.glass-pos-layout .glass-pos-header-action__label {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

body.glass-pos-layout .glass-pos-shell {
    margin-bottom: 0;
}

body.glass-pos-layout .glass-pos-shell__grid {
    display: flex;
    flex-wrap: wrap;
}

body.glass-pos-layout .glass-pos-sidebar-column,
body.glass-pos-layout .glass-pos-terminal-column {
    display: flex;
}

body.glass-pos-layout .glass-pos-sidebar-shell,
body.glass-pos-layout .glass-pos-terminal-panel {
    height: 100%;
    width: 100%;
}

body.glass-pos-layout .glass-pos-sidebar-shell {
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    background: var(--glass-surface);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    box-shadow: var(--glass-shadow);
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 100%;
    padding: 22px;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-sidebar-shell {
    backdrop-filter: blur(30px) saturate(160%);
    -webkit-backdrop-filter: blur(30px) saturate(160%);
}

body.glass-pos-layout .glass-pos-terminal-panel {
    box-shadow: var(--glass-card-shadow);
}

body.glass-pos-layout .glass-pos-terminal-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

body.glass-pos-layout .glass-pos-workspace .box,
body.glass-pos-layout .glass-pos-workspace .nav-tabs-custom,
body.glass-pos-layout .glass-pos-workspace .modal-content {
    border-radius: 24px !important;
}

body.glass-pos-layout .glass-pos-workspace .box-header {
    padding-bottom: 14px;
    padding-top: 18px;
}

body.glass-pos-layout .glass-pos-workspace .box-body {
    color: var(--glass-text-secondary);
}

body.glass-pos-layout .glass-pos-workspace label,
body.glass-pos-layout .glass-pos-workspace .help-block,
body.glass-pos-layout .glass-pos-workspace .text-muted,
body.glass-pos-layout .glass-pos-workspace small,
body.glass-pos-layout .glass-pos-workspace p {
    color: var(--glass-text-secondary);
}

body.glass-pos-layout .glass-pos-workspace .form-control,
body.glass-pos-layout .glass-pos-workspace .select2-container--default .select2-selection--single,
body.glass-pos-layout .glass-pos-workspace .select2-container--default .select2-selection--multiple,
body.glass-pos-layout .glass-pos-workspace .input-group-addon,
body.glass-pos-layout .glass-pos-workspace .input-group-btn > .btn,
body.glass-pos-layout .glass-pos-workspace .btn-default.bg-white,
body.glass-pos-layout .glass-pos-workspace .btn-default.btn-flat,
body.glass-pos-layout .glass-pos-workspace .btn-box-tool {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
    color: var(--glass-text-primary) !important;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .form-control,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .select2-container--default .select2-selection--single,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .select2-container--default .select2-selection--multiple,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .input-group-addon,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .input-group-btn > .btn,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .btn-default.bg-white,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .btn-default.btn-flat,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .btn-box-tool {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
}

body.glass-pos-layout .glass-pos-workspace .form-control,
body.glass-pos-layout .glass-pos-workspace .select2-container--default .select2-selection--single,
body.glass-pos-layout .glass-pos-workspace .select2-container--default .select2-selection--multiple {
    border-radius: 14px !important;
    min-height: 46px;
}

body.glass-pos-layout .glass-pos-workspace .input-group {
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    overflow: hidden;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .input-group {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
}

body.glass-pos-layout .glass-pos-workspace .input-group > .form-control,
body.glass-pos-layout .glass-pos-workspace .input-group > .input-group-addon,
body.glass-pos-layout .glass-pos-workspace .input-group > .input-group-btn > .btn,
body.glass-pos-layout .glass-pos-workspace .input-group > .input-group-btn > .btn-group > .btn,
body.glass-pos-layout .glass-pos-workspace .input-group > .select2-container .select2-selection--single,
body.glass-pos-layout .glass-pos-workspace .input-group > .select2-container .select2-selection--multiple {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.glass-pos-layout .glass-pos-workspace .pos_right_side_form_actions .pos_search_product_input button {
    margin-left: 0 !important;
}

body.glass-pos-layout .glass-pos-workspace .btn-box-tool {
    border-radius: 14px !important;
}

body.glass-pos-layout .glass-pos-workspace .input-group-btn > .btn,
body.glass-pos-layout .glass-pos-workspace .btn-box-tool {
    min-height: 46px;
}

body.glass-pos-layout .glass-pos-workspace .input-group-addon,
body.glass-pos-layout .glass-pos-workspace .select2-selection__rendered,
body.glass-pos-layout .glass-pos-workspace .select2-selection__choice,
body.glass-pos-layout .glass-pos-workspace .select2-selection__placeholder,
body.glass-pos-layout .glass-pos-workspace .select2-results__option,
body.glass-pos-layout .glass-pos-workspace .select2-search__field,
body.glass-pos-layout .glass-pos-workspace ::placeholder {
    color: var(--glass-text-secondary) !important;
}

body.glass-pos-layout .glass-pos-workspace .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
}

body.glass-pos-layout .glass-pos-workspace .select2-dropdown {
    padding: 8px;
}

body.glass-pos-layout .glass-pos-workspace .new_product_top_selectbox {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 0;
    padding: 0;
}

body.glass-pos-layout .glass-pos-workspace .new_product_top_selectbox > .col-md-4,
body.glass-pos-layout .glass-pos-workspace .new_product_top_selectbox > .col-sm-4 {
    margin-bottom: 0 !important;
    padding-left: 0;
    padding-right: 0;
}

body.glass-pos-layout .glass-pos-workspace .calculator-btn,
body.glass-pos-layout .glass-pos-workspace #show_featured_products {
    border-radius: 14px !important;
    min-height: 46px;
    padding: 0 16px !important;
}

body.glass-pos-layout .glass-pos-workspace .calculator-btn {
    align-items: center;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.24), rgba(14, 165, 233, 0.18)) !important;
    border: 1px solid rgba(52, 211, 153, 0.24) !important;
    box-shadow: none !important;
    color: var(--glass-text-primary) !important;
    display: inline-flex !important;
    justify-content: center;
    min-width: 46px;
}

body.glass-pos-layout .glass-pos-workspace .calculator-btn strong,
body.glass-pos-layout .glass-pos-workspace .calculator-btn i {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    color: var(--glass-text-primary) !important;
    opacity: 1 !important;
}

body.glass-pos-layout .glass-pos-workspace .calculator-btn:hover,
body.glass-pos-layout .glass-pos-workspace .calculator-btn:focus {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.34), rgba(14, 165, 233, 0.24)) !important;
    border-color: rgba(52, 211, 153, 0.36) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .calculator-btn {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.12), rgba(14, 165, 233, 0.08)) !important;
    border-color: rgba(5, 150, 105, 0.2) !important;
    color: rgba(15, 23, 42, 0.88) !important;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .calculator-btn strong,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .calculator-btn i {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.88) !important;
    color: rgba(15, 23, 42, 0.88) !important;
}

body.glass-pos-layout .glass-pos-workspace #featured_products_box {
    margin-bottom: 0;
}

body.glass-pos-layout .glass-pos-workspace #product_list_body,
body.glass-pos-layout .glass-pos-workspace .pos_area_product_list {
    align-content: start;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none;
    gap: 16px;
    margin-right: 0 !important;
    min-height: 420px;
    padding: 0 !important;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace #product_list_body,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .pos_area_product_list {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: transparent !important;
    border-color: transparent !important;
}

body.glass-pos-layout .glass-pos-workspace .product_list {
    padding: 0;
}

body.glass-pos-layout .glass-pos-workspace .product_box {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    box-shadow: 0 18px 34px rgba(2, 6, 23, 0.18);
    min-height: 100%;
    margin-bottom: 0;
    overflow: hidden;
    padding: 14px;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .product_box {
    background: rgba(255, 255, 255, 0.84);
    border-color: rgba(148, 163, 184, 0.18);
    box-shadow: 0 18px 30px rgba(148, 163, 184, 0.14);
}

body.glass-pos-layout .glass-pos-workspace .product_box:hover {
    border-color: var(--glass-border-strong);
    box-shadow: 0 22px 38px rgba(2, 6, 23, 0.24);
    transform: translateY(-2px);
}

body.glass-pos-layout .glass-pos-workspace .image-container {
    align-items: center;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 18px;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    min-height: 132px;
    overflow: hidden;
    padding: 12px;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .image-container {
    background: rgba(255, 255, 255, 0.62);
}

body.glass-pos-layout .glass-pos-workspace .image-container img {
    border-radius: 14px;
    max-height: 108px;
    object-fit: cover;
    width: 100%;
}

body.glass-pos-layout .glass-pos-workspace .text_div,
body.glass-pos-layout .glass-pos-workspace .text_div small {
    color: var(--glass-text-primary) !important;
}

body.glass-pos-layout .glass-pos-workspace .product_box .text-muted {
    color: var(--glass-text-muted) !important;
}

body.glass-pos-layout .modal-backdrop {
    z-index: 1040 !important;
}

body.glass-pos-layout .modal {
    z-index: 1060 !important;
}

body.glass-pos-layout #expense_modal {
    overflow-x: hidden;
    overflow-y: auto;
}

body.glass-pos-layout #expense_modal .modal-dialog {
    display: flex;
    flex-direction: column;
    margin: 16px auto;
    max-height: calc(100vh - 32px);
}

body.glass-pos-layout #expense_modal .modal-content {
    display: flex;
    flex-direction: column;
    max-height: inherit;
    min-height: 0;
}

body.glass-pos-layout #expense_modal .modal-content > form#add_expense_modal_form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-height: inherit;
    min-height: 0;
}

body.glass-pos-layout #expense_modal .modal-header,
body.glass-pos-layout #expense_modal .modal-footer {
    flex: 0 0 auto;
}

body.glass-pos-layout #expense_modal .modal-body {
    flex: 1 1 auto;
    max-height: calc(100vh - 190px);
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: rgba(52, 211, 153, 0.38) rgba(255, 255, 255, 0.06);
}

body.glass-pos-layout #expense_modal .modal-body::-webkit-scrollbar {
    width: 10px;
}

body.glass-pos-layout #expense_modal .modal-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06);
}

body.glass-pos-layout #expense_modal .modal-body::-webkit-scrollbar-thumb {
    background: rgba(52, 211, 153, 0.38);
    border-radius: 999px;
}

body.glass-pos-layout #expense_modal .modal-footer {
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.68), rgba(15, 23, 42, 0.9)),
        rgba(15, 23, 42, 0.88) !important;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
}

body.glass-pos-layout #expense_modal .modal-footer .btn-primary {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-accent)) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
    color: #ffffff !important;
}

body.glass-pos-layout #expense_modal .modal-footer .btn-default {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-pos-layout:not(.glass-theme) #expense_modal .modal-body {
    scrollbar-color: rgba(5, 150, 105, 0.34) rgba(148, 163, 184, 0.14);
}

body.glass-pos-layout:not(.glass-theme) #expense_modal .modal-body::-webkit-scrollbar-track {
    background: rgba(148, 163, 184, 0.14);
}

body.glass-pos-layout:not(.glass-theme) #expense_modal .modal-body::-webkit-scrollbar-thumb {
    background: rgba(5, 150, 105, 0.34);
}

body.glass-pos-layout:not(.glass-theme) #expense_modal .modal-footer {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 250, 252, 0.94)),
        rgba(255, 255, 255, 0.92) !important;
}

body.glass-pos-layout:not(.glass-theme) #expense_modal .modal-footer .btn-default {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: rgba(15, 23, 42, 0.82) !important;
}

body.glass-pos-layout #pos_table {
    margin-bottom: 0;
}

body.glass-pos-layout #pos_table thead th {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-primary) !important;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.glass-pos-layout #pos_table tbody > tr > td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.04) !important;
    color: var(--glass-text-secondary) !important;
    padding-bottom: 16px;
    padding-top: 16px;
    vertical-align: middle !important;
}

body.glass-pos-layout:not(.glass-theme) #pos_table tbody > tr > td {
    border-color: rgba(148, 163, 184, 0.12) !important;
}

body.glass-pos-layout #pos_table tbody > tr:hover > td {
    background: rgba(255, 255, 255, 0.04) !important;
}

body.glass-pos-layout:not(.glass-theme) #pos_table tbody > tr:hover > td {
    background: rgba(255, 255, 255, 0.56) !important;
}

body.glass-pos-layout .glass-pos-workspace .nav-tabs-custom > .nav-tabs {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0 18px;
}

body.glass-pos-layout .glass-pos-workspace .nav-tabs-custom > .nav-tabs > li > a {
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 14px 14px 0 0 !important;
    color: var(--glass-text-secondary) !important;
    margin-right: 8px;
}

body.glass-pos-layout .glass-pos-workspace .nav-tabs-custom > .nav-tabs > li.active > a,
body.glass-pos-layout .glass-pos-workspace .nav-tabs-custom > .nav-tabs > li > a:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .nav-tabs-custom > .nav-tabs > li.active > a,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .nav-tabs-custom > .nav-tabs > li > a:hover {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
}

body.glass-pos-layout .glass-pos-workspace .table-slim > tbody > tr > td {
    border-color: rgba(255, 255, 255, 0.05) !important;
    padding-bottom: 12px;
    padding-top: 12px;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .table-slim > tbody > tr > td {
    border-color: rgba(148, 163, 184, 0.12) !important;
}

body.glass-pos-layout .glass-pos-workspace .pos_form_totals > .col-md-12 > .table {
    margin-bottom: 16px;
}

body.glass-pos-layout .glass-pos-workspace .pos_form_totals > .col-md-12 > .table > tbody > tr > td {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    padding: 18px 16px !important;
    vertical-align: top !important;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .pos_form_totals > .col-md-12 > .table > tbody > tr > td {
    background: rgba(255, 255, 255, 0.64) !important;
    border-color: rgba(148, 163, 184, 0.14) !important;
}

body.glass-pos-layout .glass-pos-workspace #total_payable,
body.glass-pos-layout .glass-pos-workspace .price_total,
body.glass-pos-layout .glass-pos-workspace .total_quantity,
body.glass-pos-layout .glass-pos-workspace .total_payable_span,
body.glass-pos-layout .glass-pos-workspace .total_paying,
body.glass-pos-layout .glass-pos-workspace .change_return_span,
body.glass-pos-layout .glass-pos-workspace .balance_due {
    color: var(--glass-text-primary) !important;
    font-weight: 700;
}

body.glass-pos-layout .glass-pos-workspace .pos_received_change_amount {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 18px;
    margin-top: 2px;
}

body.glass-pos-layout .glass-pos-workspace .pos_received_change_amount .column_2 {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 112px;
    padding: 18px;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .pos_received_change_amount .column_2 {
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(148, 163, 184, 0.18);
}

body.glass-pos-layout .glass-pos-workspace .pos_received_change_amount .btn-flat,
body.glass-pos-layout .glass-pos-workspace .pos_received_change_amount .rc_amount {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0;
    padding: 0 !important;
}

body.glass-pos-layout .glass-pos-workspace .pos_received_change_amount .rc_text {
    color: var(--glass-text-muted) !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin: 0;
    text-transform: uppercase;
}

body.glass-pos-layout .glass-pos-workspace .pos_received_change_amount input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--glass-text-primary) !important;
    font-size: 24px;
    font-weight: 700;
    padding: 0;
}

body.glass-pos-layout .glass-pos-workspace .pos_multiple_actions,
body.glass-pos-layout .glass-pos-workspace .pos-form-actions .col-md-12 {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.glass-pos-layout .glass-pos-workspace .pos_multiple_actions button,
body.glass-pos-layout .glass-pos-workspace .pos-form-actions .btn,
body.glass-pos-layout .glass-pos-workspace .pos-form-actions .pos-total {
    border-radius: 18px !important;
    min-height: 54px;
}

body.glass-pos-layout .glass-pos-workspace #pos-draft,
body.glass-pos-layout .glass-pos-workspace #pos-quotation,
body.glass-pos-layout .glass-pos-workspace .pos-express-finalize,
body.glass-pos-layout .glass-pos-workspace #pos-finalize,
body.glass-pos-layout .glass-pos-workspace #pos-cancel,
body.glass-pos-layout .glass-pos-workspace #pos-delete,
body.glass-pos-layout .glass-pos-workspace #add-payment-row,
body.glass-pos-layout .glass-pos-workspace #pos-save,
body.glass-pos-layout .glass-pos-workspace #pos-save-card {
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
    color: var(--glass-text-primary) !important;
    padding: 12px 18px !important;
}

body.glass-pos-layout .glass-pos-workspace #pos-draft {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.22), rgba(14, 165, 233, 0.18)) !important;
}

body.glass-pos-layout .glass-pos-workspace #pos-quotation {
    background: linear-gradient(135deg, rgba(212, 165, 116, 0.22), rgba(251, 191, 36, 0.16)) !important;
}

body.glass-pos-layout .glass-pos-workspace .pos-express-finalize[data-pay_method="suspend"] {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.24), rgba(251, 146, 60, 0.16)) !important;
}

body.glass-pos-layout .glass-pos-workspace .pos-express-finalize[data-pay_method="credit_sale"] {
    background: linear-gradient(135deg, rgba(129, 140, 248, 0.22), rgba(212, 165, 116, 0.16)) !important;
}

body.glass-pos-layout .glass-pos-workspace .pos-express-finalize[data-pay_method="card"],
body.glass-pos-layout .glass-pos-workspace #pos-finalize {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.24), rgba(59, 130, 246, 0.18)) !important;
}

body.glass-pos-layout .glass-pos-workspace .pos-express-finalize[data-pay_method="cash"],
body.glass-pos-layout .glass-pos-workspace #pos-save,
body.glass-pos-layout .glass-pos-workspace #pos-save-card,
body.glass-pos-layout .glass-pos-workspace #add-payment-row {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.3), rgba(52, 211, 153, 0.18)) !important;
}

body.glass-pos-layout .glass-pos-workspace #pos-cancel,
body.glass-pos-layout .glass-pos-workspace #pos-delete {
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.24), rgba(248, 113, 113, 0.16)) !important;
}

body.glass-pos-layout .glass-pos-workspace .pos-total {
    align-items: flex-start;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.2), rgba(212, 165, 116, 0.16)) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: var(--glass-text-primary) !important;
    display: flex;
    flex: 1 1 220px;
    flex-direction: column;
    justify-content: center;
    min-width: 220px;
    padding: 16px 18px !important;
}

body.glass-pos-layout .glass-pos-workspace .pos-total .text {
    color: var(--glass-text-muted);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.glass-pos-layout .glass-pos-workspace .pos-total .number {
    color: var(--glass-text-primary);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 6px;
}

body.glass-pos-layout .glass-pos-workspace .payment_row .box,
body.glass-pos-layout .glass-pos-workspace #change_return_payment_data .box,
body.glass-pos-layout .glass-pos-workspace #modal_payment .bg-orange {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace .payment_row .box,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace #change_return_payment_data .box,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace #modal_payment .bg-orange {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

body.glass-pos-layout .glass-pos-workspace #modal_payment .bg-orange {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.18), rgba(212, 165, 116, 0.16)) !important;
}

body.glass-pos-layout .glass-pos-workspace #modal_payment .modal-header,
body.glass-pos-layout .glass-pos-workspace #modal_payment .modal-footer {
    border-color: rgba(255, 255, 255, 0.08);
}

body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace #modal_payment .modal-header,
body.glass-pos-layout:not(.glass-theme) .glass-pos-workspace #modal_payment .modal-footer {
    border-color: rgba(148, 163, 184, 0.16);
}

body.glass-pos-layout .glass-pos-workspace .remove_payment_row {
    min-height: 0 !important;
    padding: 0 !important;
}

/* Inventory dashboard activity list. */
body.glass-layout-body .inventory-activity-widget {
    overflow: hidden;
}

body.glass-layout-body .inventory-activity-widget > .box-header {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    padding: 20px 22px 16px;
}

body.glass-layout-body:not(.glass-theme) .inventory-activity-widget > .box-header {
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

body.glass-layout-body .inventory-activity-widget > .box-body {
    padding: 0;
}

body.glass-layout-body .inventory-activity-title {
    align-items: center;
    color: var(--glass-text-primary);
    display: inline-flex;
    font-size: 18px;
    font-weight: 800;
    gap: 10px;
}

body.glass-layout-body .inventory-activity-title i {
    color: var(--glass-accent);
}

body.glass-layout-body .inventory-activity-table-wrap {
    border: 0;
    margin: 0;
}

body.glass-layout-body .inventory-activity-table {
    margin: 0;
    min-width: 760px;
}

body.glass-layout-body .inventory-activity-table > thead > tr > th {
    border: 0 !important;
    color: var(--glass-text-muted) !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    padding: 13px 18px;
    vertical-align: middle;
}

body.glass-layout-body .inventory-activity-table > tbody > tr > td {
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, 0.065) !important;
    color: var(--glass-text-secondary) !important;
    font-size: 13px;
    font-weight: 600;
    padding: 13px 18px;
    vertical-align: middle;
}

body.glass-layout-body:not(.glass-theme) .inventory-activity-table > tbody > tr > td {
    border-top-color: rgba(148, 163, 184, 0.14) !important;
}

body.glass-layout-body .inventory-activity-table > tbody > tr {
    transition: background 0.18s ease, transform 0.18s ease;
}

body.glass-layout-body .inventory-activity-table > tbody > tr:hover {
    background: linear-gradient(90deg, rgba(52, 211, 153, 0.09), rgba(212, 165, 116, 0.075)) !important;
}

body.glass-layout-body:not(.glass-theme) .inventory-activity-table > tbody > tr:hover {
    background: linear-gradient(90deg, rgba(5, 150, 105, 0.08), rgba(212, 165, 116, 0.12)) !important;
}

body.glass-layout-body .inventory-activity-ref {
    align-items: center;
    display: flex;
    gap: 11px;
    min-width: 0;
}

body.glass-layout-body .inventory-activity-ref__icon {
    align-items: center;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.22), rgba(14, 165, 233, 0.14));
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    color: #bbf7d0;
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    width: 34px;
}

body.glass-layout-body .inventory-activity-ref__icon--sell {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.24), rgba(52, 211, 153, 0.14));
    color: #bae6fd;
}

body.glass-layout-body .inventory-activity-ref__icon--stock-adjustment,
body.glass-layout-body .inventory-activity-ref__icon--stock-transfer {
    background: linear-gradient(135deg, rgba(212, 165, 116, 0.26), rgba(251, 191, 36, 0.12));
    color: #fde68a;
}

body.glass-layout-body:not(.glass-theme) .inventory-activity-ref__icon {
    border-color: rgba(5, 150, 105, 0.14);
    color: #047857;
}

body.glass-layout-body:not(.glass-theme) .inventory-activity-ref__icon--sell {
    border-color: rgba(14, 165, 233, 0.18);
    color: #0369a1;
}

body.glass-layout-body:not(.glass-theme) .inventory-activity-ref__icon--stock-adjustment,
body.glass-layout-body:not(.glass-theme) .inventory-activity-ref__icon--stock-transfer {
    border-color: rgba(212, 165, 116, 0.24);
    color: #a16207;
}

body.glass-layout-body .inventory-activity-ref__code {
    color: var(--glass-text-primary);
    display: block;
    font-weight: 800;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.glass-layout-body .inventory-activity-pill,
body.glass-layout-body .inventory-activity-status {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    justify-content: center;
    line-height: 1;
    min-height: 28px;
    padding: 7px 10px;
}

body.glass-layout-body .inventory-activity-pill {
    background: rgba(255, 255, 255, 0.075);
    color: var(--glass-text-primary);
}

body.glass-layout-body .inventory-activity-pill--purchase {
    background: rgba(52, 211, 153, 0.13);
    border-color: rgba(52, 211, 153, 0.22);
}

body.glass-layout-body .inventory-activity-pill--sell {
    background: rgba(14, 165, 233, 0.13);
    border-color: rgba(14, 165, 233, 0.22);
}

body.glass-layout-body .inventory-activity-pill--stock-adjustment,
body.glass-layout-body .inventory-activity-pill--stock-transfer {
    background: rgba(212, 165, 116, 0.15);
    border-color: rgba(212, 165, 116, 0.24);
}

body.glass-layout-body .inventory-activity-status {
    background: rgba(148, 163, 184, 0.12);
    color: var(--glass-text-secondary);
}

body.glass-layout-body .inventory-activity-status--final,
body.glass-layout-body .inventory-activity-status--received,
body.glass-layout-body .inventory-activity-status--completed {
    background: rgba(52, 211, 153, 0.16);
    border-color: rgba(52, 211, 153, 0.28);
    color: #bbf7d0;
}

body.glass-layout-body .inventory-activity-status--pending,
body.glass-layout-body .inventory-activity-status--ordered,
body.glass-layout-body .inventory-activity-status--draft {
    background: rgba(251, 191, 36, 0.14);
    border-color: rgba(251, 191, 36, 0.24);
    color: #fde68a;
}

body.glass-layout-body:not(.glass-theme) .inventory-activity-pill,
body.glass-layout-body:not(.glass-theme) .inventory-activity-status {
    border-color: rgba(148, 163, 184, 0.18);
    color: rgba(15, 23, 42, 0.82);
}

body.glass-layout-body:not(.glass-theme) .inventory-activity-status--final,
body.glass-layout-body:not(.glass-theme) .inventory-activity-status--received,
body.glass-layout-body:not(.glass-theme) .inventory-activity-status--completed {
    background: rgba(5, 150, 105, 0.12);
    border-color: rgba(5, 150, 105, 0.22);
    color: #047857;
}

body.glass-layout-body:not(.glass-theme) .inventory-activity-status--pending,
body.glass-layout-body:not(.glass-theme) .inventory-activity-status--ordered,
body.glass-layout-body:not(.glass-theme) .inventory-activity-status--draft {
    background: rgba(212, 165, 116, 0.16);
    border-color: rgba(212, 165, 116, 0.26);
    color: #8a5a22;
}

body.glass-layout-body .inventory-activity-date {
    color: var(--glass-text-muted) !important;
    white-space: nowrap;
}

body.glass-layout-body .inventory-activity-total {
    color: var(--glass-text-primary) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: right;
    white-space: nowrap;
}

body.glass-layout-body .inventory-activity-empty {
    color: var(--glass-text-muted) !important;
    padding: 34px 18px !important;
}

/* Full activity log report table. */
body.glass-layout-body #activity_log_table_wrapper {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body #activity_log_table {
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: var(--glass-text-secondary) !important;
    margin: 0 !important;
    min-width: 900px;
}

body.glass-layout-body #activity_log_table > thead > tr {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(30, 41, 59, 0.76)) !important;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table > thead > tr {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(226, 232, 240, 0.84)) !important;
}

body.glass-layout-body #activity_log_table > thead > tr > th,
body.glass-layout-body #activity_log_table.dataTable > thead > tr > th {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-primary) !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    padding: 13px 10px;
    vertical-align: middle;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) #activity_log_table.dataTable > thead > tr > th {
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body #activity_log_table > tbody > tr,
body.glass-layout-body #activity_log_table.dataTable > tbody > tr {
    background: rgba(8, 17, 30, 0.46) !important;
    transition: background 0.18s ease;
}

body.glass-layout-body #activity_log_table.table-striped > tbody > tr:nth-of-type(odd),
body.glass-layout-body #activity_log_table.dataTable.stripe > tbody > tr.odd,
body.glass-layout-body #activity_log_table.dataTable.display > tbody > tr.odd {
    background: rgba(255, 255, 255, 0.045) !important;
}

body.glass-layout-body #activity_log_table > tbody > tr:hover,
body.glass-layout-body #activity_log_table.dataTable > tbody > tr:hover {
    background: linear-gradient(90deg, rgba(52, 211, 153, 0.12), rgba(212, 165, 116, 0.075)) !important;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table > tbody > tr,
body.glass-layout-body:not(.glass-theme) #activity_log_table.dataTable > tbody > tr {
    background: rgba(255, 255, 255, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table.table-striped > tbody > tr:nth-of-type(odd),
body.glass-layout-body:not(.glass-theme) #activity_log_table.dataTable.stripe > tbody > tr.odd,
body.glass-layout-body:not(.glass-theme) #activity_log_table.dataTable.display > tbody > tr.odd {
    background: rgba(241, 245, 249, 0.72) !important;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table > tbody > tr:hover,
body.glass-layout-body:not(.glass-theme) #activity_log_table.dataTable > tbody > tr:hover {
    background: linear-gradient(90deg, rgba(5, 150, 105, 0.1), rgba(212, 165, 116, 0.12)) !important;
}

body.glass-layout-body #activity_log_table > tbody > tr > td,
body.glass-layout-body #activity_log_table.dataTable > tbody > tr > td,
body.glass-layout-body #activity_log_table.dataTable.display > tbody > tr > .sorting_1,
body.glass-layout-body #activity_log_table.dataTable.order-column > tbody > tr > .sorting_1 {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
    color: var(--glass-text-secondary) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    padding: 12px 10px;
    vertical-align: top;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) #activity_log_table.dataTable > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) #activity_log_table.dataTable.display > tbody > tr > .sorting_1,
body.glass-layout-body:not(.glass-theme) #activity_log_table.dataTable.order-column > tbody > tr > .sorting_1 {
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body #activity_log_table > tbody > tr > td:first-child {
    color: var(--glass-text-primary) !important;
    white-space: nowrap;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table > tbody > tr > td:first-child {
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body #activity_log_table > tbody > tr > td:nth-child(5) {
    color: var(--glass-text-primary) !important;
    min-width: 360px;
    word-break: break-word;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table > tbody > tr > td:nth-child(5) {
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body #activity_log_table .no-border.table,
body.glass-layout-body #activity_log_table .table-slim {
    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px;
    color: var(--glass-text-secondary) !important;
    margin-top: 6px;
    max-width: 100%;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table .no-border.table,
body.glass-layout-body:not(.glass-theme) #activity_log_table .table-slim {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: rgba(15, 23, 42, 0.76) !important;
}

body.glass-layout-body #activity_log_table .no-border.table > tbody > tr,
body.glass-layout-body #activity_log_table .table-slim > tbody > tr,
body.glass-layout-body #activity_log_table .no-border.table > tbody > tr > th,
body.glass-layout-body #activity_log_table .no-border.table > tbody > tr > td,
body.glass-layout-body #activity_log_table .table-slim > tbody > tr > th,
body.glass-layout-body #activity_log_table .table-slim > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    color: var(--glass-text-secondary) !important;
    font-size: 12px;
    line-height: 1.35;
    padding: 3px 6px !important;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table .no-border.table > tbody > tr,
body.glass-layout-body:not(.glass-theme) #activity_log_table .table-slim > tbody > tr,
body.glass-layout-body:not(.glass-theme) #activity_log_table .no-border.table > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) #activity_log_table .no-border.table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) #activity_log_table .table-slim > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) #activity_log_table .table-slim > tbody > tr > td {
    color: rgba(15, 23, 42, 0.76) !important;
}

body.glass-layout-body #activity_log_table .no-border.table > tbody > tr > th,
body.glass-layout-body #activity_log_table .table-slim > tbody > tr > th {
    color: var(--glass-text-primary) !important;
    font-weight: 800;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table .no-border.table > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) #activity_log_table .table-slim > tbody > tr > th {
    color: rgba(15, 23, 42, 0.88) !important;
}

body.glass-layout-body #activity_log_table .label,
body.glass-layout-body #activity_log_table .badge {
    border-radius: 999px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    padding: 4px 8px;
    vertical-align: middle;
}

body.glass-layout-body #activity_log_table .label.bg-info,
body.glass-layout-body #activity_log_table .badge.bg-info {
    background: rgba(212, 165, 116, 0.95) !important;
    color: #111827 !important;
}

body.glass-layout-body #activity_log_table .text-success {
    color: #86efac !important;
}

body.glass-layout-body #activity_log_table .text-danger {
    color: #fecaca !important;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table .text-success {
    color: #047857 !important;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table .text-danger {
    color: #b91c1c !important;
}

body.glass-layout-body #activity_log_table_wrapper .dataTables_info,
body.glass-layout-body #activity_log_table_wrapper .dataTables_paginate {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body:not(.glass-theme) #activity_log_table_wrapper .dataTables_info,
body.glass-layout-body:not(.glass-theme) #activity_log_table_wrapper .dataTables_paginate {
    color: rgba(15, 23, 42, 0.7) !important;
}

/* Product stock report table. */
body.glass-layout-body .inventory-stock-report-wrap {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
        rgba(8, 17, 30, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.24);
    margin: 0;
    overflow: hidden;
}

body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.68)),
        rgba(255, 255, 255, 0.72);
    border-color: rgba(148, 163, 184, 0.22);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.1);
}

body.glass-layout-body .inventory-stock-report-wrap .dataTables_wrapper {
    color: var(--glass-text-secondary);
}

body.glass-layout-body .inventory-stock-report-wrap .dataTables_scroll {
    background: transparent;
}

body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollHead,
body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollHeadInner {
    background: transparent !important;
}

body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollBody {
    background: transparent !important;
    scrollbar-color: rgba(52, 211, 153, 0.42) rgba(255, 255, 255, 0.06);
}

body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap .dataTables_scrollBody {
    scrollbar-color: rgba(5, 150, 105, 0.34) rgba(148, 163, 184, 0.12);
}

body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollBody::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollBody::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06);
}

body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap .dataTables_scrollBody::-webkit-scrollbar-track {
    background: rgba(148, 163, 184, 0.12);
}

body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: rgba(52, 211, 153, 0.42);
    border-radius: 999px;
}

body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: rgba(5, 150, 105, 0.34);
}

body.glass-layout-body #stock_report_table,
body.glass-layout-body .inventory-stock-report-wrap table.dataTable {
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: var(--glass-text-secondary);
    margin: 0 !important;
}

body.glass-layout-body #stock_report_table > thead > tr,
body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollHead table > thead > tr {
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(15, 23, 42, 0.74)) !important;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table > thead > tr,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap .dataTables_scrollHead table > thead > tr {
    background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(226, 232, 240, 0.82)) !important;
}

body.glass-layout-body #stock_report_table > thead > tr > th,
body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollHead table > thead > tr > th {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-primary) !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.3;
    padding: 13px 10px;
    text-transform: uppercase;
    vertical-align: bottom;
    white-space: normal;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap .dataTables_scrollHead table > thead > tr > th {
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: rgba(15, 23, 42, 0.88) !important;
}

body.glass-layout-body #stock_report_table > thead > tr > th small {
    color: var(--glass-text-muted);
    display: inline-block;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.25;
    margin-top: 3px;
}

body.glass-layout-body #stock_report_table > tbody > tr {
    background: rgba(8, 17, 30, 0.38) !important;
    transition: background 0.18s ease, box-shadow 0.18s ease;
}

body.glass-layout-body #stock_report_table.table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.035) !important;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table > tbody > tr {
    background: rgba(255, 255, 255, 0.64) !important;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table.table-striped > tbody > tr:nth-of-type(odd) {
    background: rgba(248, 250, 252, 0.78) !important;
}

body.glass-layout-body #stock_report_table > tbody > tr > td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: var(--glass-text-secondary) !important;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.5;
    padding: 11px 10px;
    vertical-align: top;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table > tbody > tr > td {
    border-color: rgba(148, 163, 184, 0.14) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body #stock_report_table > tbody > tr:hover {
    background: linear-gradient(90deg, rgba(52, 211, 153, 0.12), rgba(212, 165, 116, 0.085)) !important;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table > tbody > tr:hover {
    background: linear-gradient(90deg, rgba(5, 150, 105, 0.1), rgba(212, 165, 116, 0.14)) !important;
}

body.glass-layout-body #stock_report_table > tbody > tr.bg-danger,
body.glass-layout-body #stock_report_table > tbody > tr.danger {
    background:
        linear-gradient(90deg, rgba(127, 29, 29, 0.34), rgba(15, 23, 42, 0.44)) !important;
    box-shadow: inset 4px 0 0 rgba(248, 113, 113, 0.8);
}

body.glass-layout-body #stock_report_table > tbody > tr.bg-danger > td,
body.glass-layout-body #stock_report_table > tbody > tr.danger > td {
    background: transparent !important;
    border-color: rgba(248, 113, 113, 0.16) !important;
    color: #fee2e2 !important;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table > tbody > tr.bg-danger,
body.glass-layout-body:not(.glass-theme) #stock_report_table > tbody > tr.danger {
    background:
        linear-gradient(90deg, rgba(254, 226, 226, 0.92), rgba(255, 255, 255, 0.76)) !important;
    box-shadow: inset 4px 0 0 rgba(239, 68, 68, 0.62);
}

body.glass-layout-body:not(.glass-theme) #stock_report_table > tbody > tr.bg-danger > td,
body.glass-layout-body:not(.glass-theme) #stock_report_table > tbody > tr.danger > td {
    border-color: rgba(239, 68, 68, 0.18) !important;
    color: #7f1d1d !important;
}

body.glass-layout-body #stock_report_table > tbody > tr.bg-danger:hover,
body.glass-layout-body #stock_report_table > tbody > tr.danger:hover {
    background:
        linear-gradient(90deg, rgba(153, 27, 27, 0.42), rgba(212, 165, 116, 0.12)) !important;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table > tbody > tr.bg-danger:hover,
body.glass-layout-body:not(.glass-theme) #stock_report_table > tbody > tr.danger:hover {
    background:
        linear-gradient(90deg, rgba(254, 202, 202, 0.92), rgba(255, 247, 237, 0.8)) !important;
}

body.glass-layout-body #stock_report_table .btn.btn-info.btn-xs {
    align-items: center;
    background: rgba(14, 165, 233, 0.16) !important;
    border: 1px solid rgba(14, 165, 233, 0.28) !important;
    border-radius: 999px;
    box-shadow: none;
    color: #bae6fd !important;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 5px;
    line-height: 1.1;
    padding: 7px 10px;
    white-space: nowrap;
}

body.glass-layout-body #stock_report_table .btn.btn-info.btn-xs:hover {
    background: rgba(14, 165, 233, 0.24) !important;
    border-color: rgba(14, 165, 233, 0.4) !important;
    color: #f0f9ff !important;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table .btn.btn-info.btn-xs {
    background: rgba(14, 165, 233, 0.1) !important;
    border-color: rgba(14, 165, 233, 0.2) !important;
    color: #0369a1 !important;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table .btn.btn-info.btn-xs:hover {
    background: rgba(14, 165, 233, 0.16) !important;
    color: #075985 !important;
}

body.glass-layout-body #stock_report_table > tfoot > tr,
body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollFoot table > tfoot > tr {
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.9), rgba(30, 41, 59, 0.8)) !important;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table > tfoot > tr,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap .dataTables_scrollFoot table > tfoot > tr {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(226, 232, 240, 0.82)) !important;
}

body.glass-layout-body #stock_report_table > tfoot > tr > td,
body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollFoot table > tfoot > tr > td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--glass-text-primary) !important;
    font-size: 13px;
    font-weight: 800;
    padding: 13px 10px;
    vertical-align: middle !important;
}

body.glass-layout-body:not(.glass-theme) #stock_report_table > tfoot > tr > td,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap .dataTables_scrollFoot table > tfoot > tr > td {
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: rgba(15, 23, 42, 0.9) !important;
}

@media (max-width: 767px) {
    body.glass-layout-body .inventory-activity-widget > .box-header {
        padding: 16px;
    }

    body.glass-layout-body .inventory-activity-title {
        font-size: 16px;
    }

    body.glass-layout-body .inventory-activity-table {
        min-width: 680px;
    }

    body.glass-layout-body .inventory-activity-table > thead > tr > th,
    body.glass-layout-body .inventory-activity-table > tbody > tr > td {
        padding-left: 14px;
        padding-right: 14px;
    }

    body.glass-layout-body .inventory-stock-report-wrap {
        border-radius: 12px;
    }

    body.glass-layout-body #stock_report_table > thead > tr > th,
    body.glass-layout-body .inventory-stock-report-wrap .dataTables_scrollHead table > thead > tr > th,
    body.glass-layout-body #stock_report_table > tbody > tr > td,
    body.glass-layout-body #stock_report_table > tfoot > tr > td {
        padding-left: 9px;
        padding-right: 9px;
    }
}

body.glass-pos-layout .glass-pos-workspace .close {
    color: var(--glass-text-primary);
    opacity: 1;
}

body.glass-pos-layout .glass-pos-footer {
    margin-top: 12px;
    padding: 18px 24px;
    text-align: center;
}

body.glass-pos-layout .glass-pos-footer__text {
    color: var(--glass-text-secondary);
    font-size: 13px;
}

@media (max-width: 1199px) {
    body.glass-pos-layout {
        --glass-header-height: 124px;
    }

    body.glass-pos-layout .glass-pos-topbar,
    body.glass-pos-layout .glass-pos-header-content,
    body.glass-pos-layout .glass-pos-actions {
        justify-content: flex-start;
    }

    body.glass-pos-layout .glass-pos-topbar,
    body.glass-pos-layout .glass-pos-topbar-left,
    body.glass-pos-layout .glass-pos-header-content {
        align-items: flex-start;
    }
}

@media (max-width: 991px) {
    body.glass-pos-layout {
        --glass-header-height: 176px;
    }

    body.glass-pos-layout .glass-pos-shell__grid {
        display: block;
    }

    body.glass-pos-layout .glass-pos-sidebar-column,
    body.glass-pos-layout .glass-pos-terminal-column {
        display: block;
    }

    body.glass-pos-layout .main-header {
        left: 16px;
        right: 16px;
        top: 16px;
    }

    body.glass-pos-layout .content-wrapper,
    body.glass-pos-layout.sidebar-collapse .content-wrapper,
    body.glass-pos-layout .main-footer,
    body.glass-pos-layout.sidebar-collapse .main-footer {
        margin-left: 16px;
        margin-right: 16px;
    }

    body.glass-pos-layout .content-wrapper,
    body.glass-pos-layout.sidebar-collapse .content-wrapper {
        padding-top: calc(var(--glass-header-height) + 24px);
    }

    body.glass-pos-layout .glass-pos-location-selector {
        max-width: 100%;
        min-width: 100%;
    }

    body.glass-pos-layout .glass-pos-workspace .pos_received_change_amount {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    body.glass-pos-layout {
        --glass-header-height: 212px;
    }

    body.glass-pos-layout .glass-pos-header-action,
    body.glass-pos-layout .glass-pos-workspace .pos_multiple_actions button,
    body.glass-pos-layout .glass-pos-workspace .pos-form-actions .btn {
        flex: 1 1 calc(50% - 8px);
    }

    body.glass-pos-layout .glass-pos-workspace .pos-total {
        flex-basis: 100%;
        min-width: 100%;
    }

body.glass-pos-layout .glass-pos-workspace #product_list_body,
    body.glass-pos-layout .glass-pos-workspace .pos_area_product_list {
        min-height: 320px;
    }
}

/* Final visibility pass for product stock report and product view modal tables. */
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.bg-danger,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.bg-danger,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.table-striped > tbody > tr.bg-danger:nth-of-type(odd),
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.danger,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.danger,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.table-striped > tbody > tr.danger:nth-of-type(odd) {
    background: linear-gradient(90deg, rgba(127, 29, 29, 0.7), rgba(15, 23, 42, 0.78)) !important;
    background-color: rgba(127, 29, 29, 0.64) !important;
    box-shadow: inset 4px 0 0 rgba(248, 113, 113, 0.88);
    color: #fff1f2 !important;
}

body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.bg-danger > td,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.bg-danger > td,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.bg-danger > th,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.bg-danger > th,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.danger > td,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.danger > td,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.danger > th,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.danger > th {
    background: transparent !important;
    background-color: transparent !important;
    border-color: rgba(254, 202, 202, 0.18) !important;
    color: #fff1f2 !important;
}

body.glass-layout-body .inventory-stock-report-wrap #stock_report_table > tbody > tr.bg-danger > td > span,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table > tbody > tr.bg-danger > td > small,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table > tbody > tr.bg-danger > td > b,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table > tbody > tr.bg-danger > td > strong,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table > tbody > tr.bg-danger > td > a:not(.btn),
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table > tbody > tr.danger > td > span,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table > tbody > tr.danger > td > small,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table > tbody > tr.danger > td > b,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table > tbody > tr.danger > td > strong,
body.glass-layout-body .inventory-stock-report-wrap #stock_report_table > tbody > tr.danger > td > a:not(.btn) {
    color: inherit !important;
}

body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.bg-danger,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.bg-danger,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.table-striped > tbody > tr.bg-danger:nth-of-type(odd),
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.danger,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.danger,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.table-striped > tbody > tr.danger:nth-of-type(odd) {
    background: linear-gradient(90deg, rgba(254, 226, 226, 0.98), rgba(255, 247, 237, 0.92)) !important;
    background-color: rgba(254, 226, 226, 0.98) !important;
    box-shadow: inset 4px 0 0 rgba(220, 38, 38, 0.7);
    color: #7f1d1d !important;
}

body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.bg-danger > td,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.bg-danger > td,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.bg-danger > th,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.bg-danger > th,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.danger > td,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.danger > td,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.table > tbody > tr.danger > th,
body.glass-layout-body:not(.glass-theme) .inventory-stock-report-wrap #stock_report_table.dataTable > tbody > tr.danger > th {
    border-color: rgba(220, 38, 38, 0.16) !important;
    color: #7f1d1d !important;
}

body.glass-layout-body .product-view-modal {
    color: var(--glass-text-secondary);
}

body.glass-layout-body .product-view-modal .modal-header,
body.glass-layout-body .product-view-modal .modal-footer {
    background: rgba(15, 23, 42, 0.32);
}

body.glass-layout-body:not(.glass-theme) .product-view-modal .modal-header,
body.glass-layout-body:not(.glass-theme) .product-view-modal .modal-footer {
    background: rgba(255, 255, 255, 0.38);
}

body.glass-layout-body .product-view-modal .invoice-col,
body.glass-layout-body .product-view-modal .modal-body,
body.glass-layout-body .product-view-modal .product-view-stock-details {
    color: var(--glass-text-secondary);
}

body.glass-layout-body .product-view-modal b,
body.glass-layout-body .product-view-modal strong,
body.glass-layout-body .product-view-modal h4,
body.glass-layout-body .product-view-modal .product-view-section-title {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .product-view-modal .product-view-section-title {
    display: inline-block;
    font-size: 15px;
    margin: 18px 0 10px;
}

body.glass-layout-body .product-view-modal .thumbnail {
    background: rgba(15, 23, 42, 0.46) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px;
    padding: 8px;
}

body.glass-layout-body:not(.glass-theme) .product-view-modal .thumbnail {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

body.glass-layout-body .product-view-modal .table-responsive {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    margin-bottom: 18px;
    overflow: hidden;
}

body.glass-layout-body:not(.glass-theme) .product-view-modal .table-responsive {
    border-color: rgba(148, 163, 184, 0.18);
}

body.glass-layout-body .product-view-modal .product-view-table,
body.glass-layout-body .product-view-modal .product-view-table.bg-gray {
    background: rgba(8, 17, 30, 0.32) !important;
    color: var(--glass-text-secondary) !important;
    margin-bottom: 0;
}

body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table.bg-gray {
    background: rgba(255, 255, 255, 0.68) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body .product-view-modal .product-view-table > thead > tr.bg-primary,
body.glass-layout-body .product-view-modal .product-view-table > tbody > tr.bg-primary,
body.glass-layout-body .product-view-modal .product-view-table > tr.bg-primary,
body.glass-layout-body .product-view-modal .product-view-table > thead > tr.bg-primary > th,
body.glass-layout-body .product-view-modal .product-view-table > tbody > tr.bg-primary > th,
body.glass-layout-body .product-view-modal .product-view-table > tr.bg-primary > th,
body.glass-layout-body .product-view-modal .product-view-table > thead > tr.bg-primary > td,
body.glass-layout-body .product-view-modal .product-view-table > tbody > tr.bg-primary > td,
body.glass-layout-body .product-view-modal .product-view-table > tr.bg-primary > td {
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.58), rgba(20, 184, 166, 0.34)) !important;
    background-color: rgba(37, 99, 235, 0.52) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f8fafc !important;
}

body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > thead > tr.bg-primary,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tbody > tr.bg-primary,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tr.bg-primary,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > thead > tr.bg-primary > th,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tbody > tr.bg-primary > th,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tr.bg-primary > th,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > thead > tr.bg-primary > td,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tbody > tr.bg-primary > td,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tr.bg-primary > td {
    background: linear-gradient(90deg, rgba(219, 234, 254, 0.96), rgba(204, 251, 241, 0.72)) !important;
    background-color: rgba(219, 234, 254, 0.96) !important;
    border-color: rgba(37, 99, 235, 0.16) !important;
    color: #0f172a !important;
}

body.glass-layout-body .product-view-modal .product-view-table > tbody > tr:not(.bg-primary),
body.glass-layout-body .product-view-modal .product-view-table > tr:not(.bg-primary) {
    background: rgba(15, 23, 42, 0.42) !important;
}

body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tbody > tr:not(.bg-primary),
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tr:not(.bg-primary) {
    background: rgba(248, 250, 252, 0.86) !important;
}

body.glass-layout-body .product-view-modal .product-view-table > tbody > tr:not(.bg-primary) > td,
body.glass-layout-body .product-view-modal .product-view-table > tr:not(.bg-primary) > td,
body.glass-layout-body .product-view-modal .product-view-table > tbody > tr:not(.bg-primary) > th,
body.glass-layout-body .product-view-modal .product-view-table > tr:not(.bg-primary) > th {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-secondary) !important;
    font-weight: 650;
}

body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tbody > tr:not(.bg-primary) > td,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tr:not(.bg-primary) > td,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tbody > tr:not(.bg-primary) > th,
body.glass-layout-body:not(.glass-theme) .product-view-modal .product-view-table > tr:not(.bg-primary) > th {
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body .product-view-modal .product-view-table .display_currency,
body.glass-layout-body .product-view-modal .product-view-table td > span,
body.glass-layout-body .product-view-modal .product-view-table td > b,
body.glass-layout-body .product-view-modal .product-view-table td > strong,
body.glass-layout-body .product-view-modal .product-view-table td > small {
    color: inherit !important;
}

/* POS modal polish: expense form controls, pickers, and sale details tables. */
body.glass-layout-body #expense_modal,
body.glass-layout-body #expense_modal .modal-dialog,
body.glass-layout-body #expense_modal .modal-content,
body.glass-layout-body #expense_modal .modal-body,
body.glass-layout-body #expense_modal .input-group {
    overflow: visible !important;
}

body.glass-layout-body #expense_modal .modal-content,
body.glass-layout-body .glass-sale-details-modal .modal-content {
    -webkit-backdrop-filter: blur(30px) saturate(170%);
    backdrop-filter: blur(30px) saturate(170%);
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.94), rgba(15, 23, 42, 0.88)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 30px 80px rgba(2, 6, 23, 0.48) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) #expense_modal .modal-content,
body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .modal-content {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.9)) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: 0 28px 64px rgba(15, 23, 42, 0.18) !important;
}

body.glass-layout-body #expense_modal .modal-header,
body.glass-layout-body #expense_modal .modal-footer,
body.glass-layout-body .glass-sale-details-modal .modal-header,
body.glass-layout-body .glass-sale-details-modal .modal-footer {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body.glass-layout-body:not(.glass-theme) #expense_modal .modal-header,
body.glass-layout-body:not(.glass-theme) #expense_modal .modal-footer,
body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .modal-header,
body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .modal-footer {
    border-color: rgba(148, 163, 184, 0.18) !important;
}

body.glass-layout-body #expense_modal .modal-title,
body.glass-layout-body #expense_modal .payment_row h4,
body.glass-layout-body #expense_modal .payment_row strong,
body.glass-layout-body .glass-sale-details-modal .modal-title,
body.glass-layout-body .glass-sale-details-modal h4,
body.glass-layout-body .glass-sale-details-modal strong,
body.glass-layout-body .glass-sale-details-modal b {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body #expense_modal label,
body.glass-layout-body #expense_modal .help-block,
body.glass-layout-body #expense_modal .payment_row,
body.glass-layout-body .glass-sale-details-modal,
body.glass-layout-body .glass-sale-details-modal p,
body.glass-layout-body .glass-sale-details-modal td,
body.glass-layout-body .glass-sale-details-modal th {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body #expense_modal select.form-control option,
body.glass-layout-body #modal_payment select.form-control option,
body.glass-layout-body select.payment_types_dropdown option {
    background: #0f172a !important;
    color: #f8fafc !important;
}

body.glass-layout-body:not(.glass-theme) #expense_modal select.form-control option,
body.glass-layout-body:not(.glass-theme) #modal_payment select.form-control option,
body.glass-layout-body:not(.glass-theme) select.payment_types_dropdown option {
    background: #ffffff !important;
    color: #10213a !important;
}

body.glass-layout-body #expense_modal .select2-container--default .select2-selection--single,
body.glass-layout-body #expense_modal .select2-container--default .select2-selection--multiple {
    background: rgba(15, 23, 42, 0.64) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) #expense_modal .select2-container--default .select2-selection--single,
body.glass-layout-body:not(.glass-theme) #expense_modal .select2-container--default .select2-selection--multiple {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
}

body.glass-layout-body .select2-container--open .select2-dropdown {
    z-index: 30020 !important;
}

body.glass-layout-body .select2-container--default .select2-results__options,
body.glass-layout-body .select2-container--default .select2-results__option {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .select2-container--default .select2-results__option {
    background: transparent !important;
    border-radius: 10px;
    margin: 2px 6px;
    padding: 8px 10px;
}

body.glass-layout-body .select2-container--default .select2-results__option[aria-disabled="true"] {
    color: var(--glass-text-muted) !important;
    opacity: 0.74;
}

body.glass-layout-body .select2-container--default .select2-results__option--highlighted[aria-selected],
body.glass-layout-body .select2-container--default .select2-results__option[aria-selected="true"] {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.34), rgba(52, 211, 153, 0.2)) !important;
    color: #ffffff !important;
}

body.glass-layout-body:not(.glass-theme) .select2-container--default .select2-results__option--highlighted[aria-selected],
body.glass-layout-body:not(.glass-theme) .select2-container--default .select2-results__option[aria-selected="true"] {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.16), rgba(52, 211, 153, 0.12)) !important;
    color: #10213a !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget,
body.glass-layout-body .bootstrap-datetimepicker-widget.dropdown-menu,
body.glass-layout-body .datepicker-dropdown,
body.glass-layout-body .ui-datepicker {
    z-index: 30030 !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget table,
body.glass-layout-body .bootstrap-datetimepicker-widget table th,
body.glass-layout-body .bootstrap-datetimepicker-widget table td,
body.glass-layout-body .datepicker table,
body.glass-layout-body .datepicker table th,
body.glass-layout-body .datepicker table td,
body.glass-layout-body .ui-datepicker table,
body.glass-layout-body .ui-datepicker table th,
body.glass-layout-body .ui-datepicker table td {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget a,
body.glass-layout-body .bootstrap-datetimepicker-widget .picker-switch,
body.glass-layout-body .datepicker .datepicker-switch,
body.glass-layout-body .datepicker .prev,
body.glass-layout-body .datepicker .next {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget table td.active,
body.glass-layout-body .bootstrap-datetimepicker-widget table td.active:hover,
body.glass-layout-body .bootstrap-datetimepicker-widget table td span.active,
body.glass-layout-body .datepicker table tr td.active,
body.glass-layout-body .datepicker table tr td.active:hover,
body.glass-layout-body .ui-datepicker .ui-state-active {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-accent)) !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

body.glass-pos-layout #expense_modal {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.glass-pos-layout #expense_modal .modal-dialog {
    display: flex !important;
    flex-direction: column;
    margin: 16px auto;
    max-height: calc(100vh - 32px);
    overflow: visible !important;
}

body.glass-pos-layout #expense_modal .modal-content {
    display: flex !important;
    flex-direction: column;
    max-height: inherit;
    min-height: 0;
    overflow: hidden !important;
}

body.glass-pos-layout #expense_modal .modal-content > form#add_expense_modal_form {
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column;
    max-height: inherit;
    min-height: 0;
}

body.glass-pos-layout #expense_modal .modal-body {
    flex: 1 1 auto;
    max-height: calc(100vh - 190px);
    min-height: 0;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.glass-layout-body .glass-sale-details-modal .modal-body {
    padding: 22px 24px;
}

body.glass-layout-body .glass-sale-details-modal .table-responsive {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    margin-bottom: 16px;
    overflow: hidden;
}

body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .table-responsive {
    background: rgba(255, 255, 255, 0.66);
    border-color: rgba(148, 163, 184, 0.2);
}

body.glass-layout-body .glass-sale-details-modal .table,
body.glass-layout-body .glass-sale-details-modal .table.bg-gray,
body.glass-layout-body .glass-sale-details-modal .no-border.table {
    background: transparent !important;
    color: var(--glass-text-secondary) !important;
    margin-bottom: 0;
}

body.glass-layout-body .glass-sale-details-modal .table > tbody > tr,
body.glass-layout-body .glass-sale-details-modal .table > tr {
    background: rgba(255, 255, 255, 0.045) !important;
}

body.glass-layout-body .glass-sale-details-modal .table > tbody > tr:nth-child(even),
body.glass-layout-body .glass-sale-details-modal .table > tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.075) !important;
}

body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .table > tbody > tr,
body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .table > tr {
    background: rgba(248, 250, 252, 0.86) !important;
}

body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .table > tbody > tr:nth-child(even),
body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .table > tr:nth-child(even) {
    background: rgba(226, 232, 240, 0.48) !important;
}

body.glass-layout-body .glass-sale-details-modal .table > thead > tr > th,
body.glass-layout-body .glass-sale-details-modal .table > tbody > tr.bg-primary > th,
body.glass-layout-body .glass-sale-details-modal .table > tr.bg-primary > th,
body.glass-layout-body .glass-sale-details-modal .table tr.bg-primary > th {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.94), rgba(52, 211, 153, 0.7)) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

body.glass-layout-body .glass-sale-details-modal .table > tbody > tr > td,
body.glass-layout-body .glass-sale-details-modal .table > tbody > tr > th,
body.glass-layout-body .glass-sale-details-modal .table > tr > td,
body.glass-layout-body .glass-sale-details-modal .table > tr > th {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
    color: var(--glass-text-secondary) !important;
    vertical-align: middle;
}

body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .table > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .table > tr > td,
body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .table > tr > th {
    border-color: rgba(148, 163, 184, 0.14) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body .glass-sale-details-modal .well,
body.glass-layout-body .glass-sale-details-modal .well.bg-gray,
body.glass-layout-body .glass-sale-details-modal p.bg-gray {
    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    color: var(--glass-text-secondary) !important;
    min-height: 36px;
}

body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .well,
body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal .well.bg-gray,
body.glass-layout-body:not(.glass-theme) .glass-sale-details-modal p.bg-gray {
    background: rgba(255, 255, 255, 0.74) !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body .glass-sale-details-modal .display_currency,
body.glass-layout-body .glass-sale-details-modal .table span,
body.glass-layout-body .glass-sale-details-modal .table b,
body.glass-layout-body .glass-sale-details-modal .table strong,
body.glass-layout-body .glass-sale-details-modal .table small {
    color: inherit !important;
}

body.glass-layout-body .glass-purchase-details-modal .invoice-info,
body.glass-layout-body .glass-purchase-details-modal .invoice-info address,
body.glass-layout-body .glass-purchase-details-modal .modal-body > .row:first-child p {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .glass-purchase-details-modal .invoice-info .invoice-col,
body.glass-layout-body .glass-purchase-details-modal .modal-body > .row:first-child {
    margin-bottom: 12px;
}

body.glass-layout-body .glass-purchase-details-modal .invoice-info strong {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .glass-purchase-details-modal .label.bg-gray {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .glass-purchase-details-modal .label.bg-gray {
    background: rgba(226, 232, 240, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.24);
    color: rgba(15, 23, 42, 0.82) !important;
}

/* Late, stronger Date Range picker guard for glass theme preset lists. */
body.glass-layout-body .daterangepicker,
body.glass-layout-body .daterangepicker.dropdown-menu {
    -webkit-backdrop-filter: blur(30px) saturate(170%) !important;
    backdrop-filter: blur(30px) saturate(170%) !important;
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.96), rgba(15, 23, 42, 0.9)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.34) !important;
    color: var(--glass-text-primary) !important;
    z-index: 30040 !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker,
body.glass-layout-body:not(.glass-theme) .daterangepicker.dropdown-menu {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.9)) !important;
    border-color: rgba(148, 163, 184, 0.3) !important;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18) !important;
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body .daterangepicker .ranges,
body.glass-layout-body .daterangepicker .ranges ul,
body.glass-layout-body .daterangepicker .calendar-table {
    background: transparent !important;
    color: inherit !important;
}

body.glass-layout-body .daterangepicker .ranges li {
    background: transparent !important;
    color: var(--glass-text-secondary) !important;
    font-weight: 600;
}

body.glass-layout-body .daterangepicker .ranges li:hover,
body.glass-layout-body .daterangepicker .ranges li:focus {
    background: rgba(52, 211, 153, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .daterangepicker .ranges li.active {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-accent)) !important;
    color: #ffffff !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker .ranges li {
    color: rgba(15, 23, 42, 0.7) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker .ranges li:hover,
body.glass-layout-body:not(.glass-theme) .daterangepicker .ranges li:focus {
    background: rgba(5, 150, 105, 0.1) !important;
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body .daterangepicker td,
body.glass-layout-body .daterangepicker th,
body.glass-layout-body .daterangepicker .drp-selected {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body:not(.glass-theme) .daterangepicker td,
body.glass-layout-body:not(.glass-theme) .daterangepicker th,
body.glass-layout-body:not(.glass-theme) .daterangepicker .drp-selected {
    color: rgba(15, 23, 42, 0.74) !important;
}

/* Inventory import sales page */
body.glass-layout-body .inventory-import-sales-page .table {
    background: transparent !important;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .inventory-import-sales-page .table > thead > tr,
body.glass-layout-body .inventory-import-sales-page .table > tbody > tr {
    background: rgba(255, 255, 255, 0.04) !important;
}

body.glass-layout-body .inventory-import-sales-page .table-striped > tbody > tr:nth-of-type(odd),
body.glass-layout-body .inventory-import-sales-page .table-striped > tbody > tr:nth-of-type(odd) > td {
    background: rgba(255, 255, 255, 0.07) !important;
}

body.glass-layout-body .inventory-import-sales-page .table > thead > tr > th,
body.glass-layout-body .inventory-import-sales-page .table > tbody > tr > th,
body.glass-layout-body .inventory-import-sales-page .table > tbody > tr > td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-secondary) !important;
    vertical-align: middle;
}

body.glass-layout-body .inventory-import-sales-page .table th,
body.glass-layout-body .inventory-import-sales-page label,
body.glass-layout-body .inventory-import-sales-page strong {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .inventory-import-sales-page small,
body.glass-layout-body .inventory-import-sales-page .text-muted {
    color: var(--glass-text-muted) !important;
}

body.glass-layout-body .inventory-import-sales-page .import-sales-fields-table,
body.glass-layout-body .inventory-import-sales-page .import-sales-history-table {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    overflow: hidden;
}

body.glass-layout-body .inventory-import-sales-page .import-sales-fields-table tr:first-child > th,
body.glass-layout-body .inventory-import-sales-page .import-sales-history-table > thead > tr > th {
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.94), rgba(52, 211, 153, 0.7)) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

body.glass-layout-body .inventory-import-sales-page input[type="file"] {
    color: var(--glass-text-secondary) !important;
    max-width: 100%;
}

body.glass-layout-body .inventory-import-sales-page input[type="file"]::file-selector-button,
body.glass-layout-body .inventory-import-sales-page input[type="file"]::-webkit-file-upload-button {
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 8px !important;
    color: var(--glass-text-primary) !important;
    font-weight: 600;
    margin-right: 8px;
    padding: 6px 10px;
}

body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .table > thead > tr,
body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .table > tbody > tr {
    background: rgba(248, 250, 252, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .table-striped > tbody > tr:nth-of-type(odd),
body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .table-striped > tbody > tr:nth-of-type(odd) > td {
    background: rgba(226, 232, 240, 0.48) !important;
}

body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .table > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .table > tbody > tr > td {
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .table th,
body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page label,
body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page strong {
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page small,
body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .text-muted {
    color: rgba(71, 85, 105, 0.76) !important;
}

body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .import-sales-fields-table,
body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page .import-sales-history-table {
    border-color: rgba(148, 163, 184, 0.2);
}

body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page input[type="file"] {
    color: rgba(15, 23, 42, 0.74) !important;
}

body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page input[type="file"]::file-selector-button,
body.glass-layout-body:not(.glass-theme) .inventory-import-sales-page input[type="file"]::-webkit-file-upload-button {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    color: rgba(15, 23, 42, 0.84) !important;
}

/* Essentials / HRM glass surfaces. */
body.glass-layout-body .essentials-hrm-navbar {
    -webkit-backdrop-filter: blur(28px) saturate(150%);
    backdrop-filter: blur(28px) saturate(150%);
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.5), rgba(15, 23, 42, 0.62)),
        var(--glass-surface) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--glass-card-shadow);
    margin: 0 0 20px !important;
    min-height: 52px;
}

body.glass-layout-body:not(.glass-theme) .essentials-hrm-navbar {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(248, 250, 252, 0.72)),
        var(--glass-surface-strong) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

body.glass-layout-body .essentials-hrm-navbar .navbar-brand,
body.glass-layout-body .essentials-hrm-navbar .navbar-nav > li > a {
    background: transparent !important;
    color: var(--glass-text-secondary) !important;
    font-weight: 650;
}

body.glass-layout-body .essentials-hrm-navbar .navbar-brand {
    align-items: center;
    display: inline-flex;
    gap: 7px;
}

body.glass-layout-body .essentials-hrm-navbar .navbar-nav {
    display: flex;
    flex-wrap: wrap;
}

body.glass-layout-body .essentials-hrm-navbar .navbar-nav > li {
    float: none;
}

body.glass-layout-body .essentials-hrm-navbar .navbar-nav > li > a {
    border-radius: 0;
    min-height: 52px;
    padding: 16px 14px;
}

body.glass-layout-body .essentials-hrm-navbar .navbar-nav > li.active > a,
body.glass-layout-body .essentials-hrm-navbar .navbar-nav > li > a:hover,
body.glass-layout-body .essentials-hrm-navbar .navbar-nav > li > a:focus {
    background: rgba(52, 211, 153, 0.16) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-hrm-navbar .navbar-nav > li.active > a,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-navbar .navbar-nav > li > a:hover,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-navbar .navbar-nav > li > a:focus {
    background: rgba(5, 150, 105, 0.12) !important;
}

body.glass-layout-body .essentials-hrm-navbar .navbar-toggle {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--glass-border) !important;
    border-radius: 10px;
}

body.glass-layout-body .essentials-hrm-navbar .navbar-toggle .icon-bar {
    background: var(--glass-text-primary) !important;
}

/* CRM glass surfaces. */
body.glass-layout-body .crm-glass-navbar {
    -webkit-backdrop-filter: blur(28px) saturate(150%);
    backdrop-filter: blur(28px) saturate(150%);
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.5), rgba(15, 23, 42, 0.62)),
        var(--glass-surface) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--glass-card-shadow);
    margin: 0 0 20px !important;
    min-height: 52px;
    overflow: visible !important;
    position: relative;
    z-index: 1035;
}

body.glass-layout-body:not(.glass-theme) .crm-glass-navbar {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.72)),
        var(--glass-surface-strong) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

body.glass-layout-body .crm-glass-navbar .navbar-brand,
body.glass-layout-body .crm-glass-navbar .navbar-nav > li > a {
    background: transparent !important;
    color: var(--glass-text-secondary) !important;
    font-weight: 650;
}

body.glass-layout-body .crm-glass-navbar .navbar-brand {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

body.glass-layout-body .crm-glass-navbar .navbar-brand i {
    color: var(--glass-accent);
}

body.glass-layout-body .crm-glass-navbar .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    overflow: visible !important;
}

body.glass-layout-body .crm-glass-navbar .navbar-nav > li {
    float: none;
    position: relative;
}

body.glass-layout-body .crm-glass-navbar .container-fluid,
body.glass-layout-body .crm-glass-navbar .navbar-collapse {
    overflow: visible !important;
}

body.glass-layout-body .crm-glass-navbar .navbar-nav > li.open {
    z-index: 1036;
}

body.glass-layout-body .crm-glass-navbar .navbar-nav > li > a {
    border-radius: 0;
    min-height: 52px;
    padding: 16px 14px;
}

body.glass-layout-body .crm-glass-navbar .navbar-nav > li.active > a,
body.glass-layout-body .crm-glass-navbar .navbar-nav > li > a:hover,
body.glass-layout-body .crm-glass-navbar .navbar-nav > li > a:focus,
body.glass-layout-body .crm-glass-navbar .navbar-nav > li.open > a,
body.glass-layout-body .crm-glass-navbar .navbar-nav > li.open > a:hover,
body.glass-layout-body .crm-glass-navbar .navbar-nav > li.open > a:focus {
    background: rgba(52, 211, 153, 0.16) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .crm-glass-navbar .navbar-nav > li.active > a,
body.glass-layout-body:not(.glass-theme) .crm-glass-navbar .navbar-nav > li > a:hover,
body.glass-layout-body:not(.glass-theme) .crm-glass-navbar .navbar-nav > li > a:focus,
body.glass-layout-body:not(.glass-theme) .crm-glass-navbar .navbar-nav > li.open > a,
body.glass-layout-body:not(.glass-theme) .crm-glass-navbar .navbar-nav > li.open > a:hover,
body.glass-layout-body:not(.glass-theme) .crm-glass-navbar .navbar-nav > li.open > a:focus {
    background: rgba(5, 150, 105, 0.12) !important;
}

body.glass-layout-body .crm-glass-navbar .dropdown-menu > a,
body.glass-layout-body .crm-glass-navbar .dropdown-menu > li > a {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .crm-glass-navbar .dropdown-menu {
    margin-top: 0;
    position: absolute;
    z-index: 1037 !important;
}

body.glass-layout-body .crm-glass-navbar .dropdown-menu > a:hover,
body.glass-layout-body .crm-glass-navbar .dropdown-menu > a:focus,
body.glass-layout-body .crm-glass-navbar .dropdown-menu > li > a:hover,
body.glass-layout-body .crm-glass-navbar .dropdown-menu > li > a:focus {
    background: rgba(52, 211, 153, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .crm-glass-navbar .navbar-toggle {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--glass-border) !important;
    border-radius: 10px;
}

body.glass-layout-body .crm-glass-navbar .navbar-toggle .icon-bar {
    background: var(--glass-text-primary) !important;
}

body.glass-layout-body .crm-dashboard-summary,
body.glass-layout-body .crm-admin-stats-row {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
}

body.glass-layout-body .crm-dashboard-summary > [class*="col-"],
body.glass-layout-body .crm-admin-stats-row > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

body.glass-layout-body .crm-dashboard-page .crm-stat-stack {
    gap: 16px;
}

body.glass-layout-body .crm-dashboard-page .crm-stat-cell {
    float: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

body.glass-layout-body .crm-dashboard-page .crm-stat-cell .info-box,
body.glass-layout-body .crm-dashboard-page .crm-admin-stats-row .info-box {
    margin-bottom: 0;
}

body.glass-layout-body .crm-dashboard-page .box {
    width: 100%;
}

body.glass-layout-body .crm-dashboard-page .info-box {
    align-items: center;
    border-radius: 18px !important;
    display: flex;
    gap: 16px;
    min-height: 112px;
    padding: 18px;
}

body.glass-layout-body .crm-dashboard-page .info-box-icon {
    flex: 0 0 72px;
    float: none;
    height: 72px;
    line-height: 1;
    margin: 0;
    width: 72px;
}

body.glass-layout-body .crm-dashboard-page .info-box-content {
    flex: 1 1 auto;
    margin-left: 0;
    min-width: 0;
    padding: 0;
}

body.glass-layout-body .crm-dashboard-page .info-box-text {
    line-height: 1.25;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

body.glass-layout-body .crm-dashboard-page .info-box-number {
    display: block;
    font-size: 28px;
    line-height: 1.15;
    margin-top: 8px;
}

body.glass-layout-body .dashboard-3d-icon--crm-followups {
    --icon-start: #38bdf8;
    --icon-end: #14b8a6;
    --icon-shadow: rgba(20, 184, 166, 0.28);
}

body.glass-layout-body .dashboard-3d-icon--crm-leads {
    --icon-start: #34d399;
    --icon-end: #0ea5e9;
    --icon-shadow: rgba(14, 165, 233, 0.28);
}

body.glass-layout-body .dashboard-3d-icon--crm-conversion {
    --icon-start: #22c55e;
    --icon-end: #f59e0b;
    --icon-shadow: rgba(34, 197, 94, 0.28);
}

body.glass-layout-body .dashboard-3d-icon--crm-customers {
    --icon-start: #60a5fa;
    --icon-end: #8b5cf6;
    --icon-shadow: rgba(96, 165, 250, 0.28);
}

body.glass-layout-body .dashboard-3d-icon--crm-sources {
    --icon-start: #fbbf24;
    --icon-end: #f97316;
    --icon-shadow: rgba(251, 191, 36, 0.28);
}

body.glass-layout-body .dashboard-3d-icon--crm-stages {
    --icon-start: #fb7185;
    --icon-end: #a78bfa;
    --icon-shadow: rgba(251, 113, 133, 0.28);
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper > .row.margin-bottom-20 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper > .row.margin-bottom-20 > [class*="col-sm-"] {
    float: none;
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper > .row.margin-bottom-20 > .col-sm-2 {
    flex: 0 1 150px;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper > .row.margin-bottom-20 > .col-sm-7 {
    flex: 1 1 320px;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper > .row.margin-bottom-20 > .col-sm-3 {
    flex: 1 1 210px;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_length,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_filter,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dt-buttons {
    float: none;
    margin: 0;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_length label,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_filter label {
    align-items: center;
    color: var(--glass-text-secondary) !important;
    display: flex;
    gap: 8px;
    margin: 0;
    white-space: nowrap;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_filter label {
    justify-content: flex-end;
    width: 100%;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_filter input {
    max-width: 100%;
    width: 190px;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dt-buttons .btn,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dt-button,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .buttons-html5,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .buttons-print,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .buttons-colvis {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
    color: var(--glass-text-primary) !important;
    float: none;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    min-height: 30px;
    padding: 6px 9px;
    white-space: nowrap;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dt-buttons .btn:hover,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dt-button:hover,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .buttons-html5:hover,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .buttons-print:hover,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .buttons-colvis:hover {
    background: rgba(52, 211, 153, 0.14) !important;
    border-color: rgba(52, 211, 153, 0.32) !important;
}

body.glass-layout-body:not(.glass-theme) .crm-dashboard-page #lead_to_customer_conversion_wrapper .dt-buttons .btn,
body.glass-layout-body:not(.glass-theme) .crm-dashboard-page #lead_to_customer_conversion_wrapper .dt-button,
body.glass-layout-body:not(.glass-theme) .crm-dashboard-page #lead_to_customer_conversion_wrapper .buttons-html5,
body.glass-layout-body:not(.glass-theme) .crm-dashboard-page #lead_to_customer_conversion_wrapper .buttons-print,
body.glass-layout-body:not(.glass-theme) .crm-dashboard-page #lead_to_customer_conversion_wrapper .buttons-colvis {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: rgba(15, 23, 42, 0.82) !important;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_scroll {
    clear: both;
    margin-top: 12px;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion {
    min-width: 520px;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion th,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion td {
    white-space: nowrap;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_scrollBody {
    max-height: 360px !important;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_info,
body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_paginate {
    color: var(--glass-text-secondary) !important;
    float: none;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_info {
    white-space: normal;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_paginate {
    display: flex;
    justify-content: flex-end;
}

body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .pagination {
    margin: 10px 0 0;
}

@media (max-width: 991px) {
    body.glass-layout-body .crm-dashboard-page .crm-stat-stack {
        margin-bottom: 16px;
    }

    body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper > .row.margin-bottom-20 > [class*="col-sm-"] {
        flex: 1 1 100%;
    }

    body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dataTables_filter label,
    body.glass-layout-body .crm-dashboard-page #lead_to_customer_conversion_wrapper .dt-buttons {
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    body.glass-layout-body .crm-glass-navbar .navbar-nav {
        display: block;
    }

    body.glass-layout-body .crm-glass-navbar .navbar-nav > li > a {
        min-height: 0;
        padding: 12px 14px;
    }

    body.glass-layout-body .crm-dashboard-page .info-box {
        align-items: flex-start;
        min-height: 0;
    }

    body.glass-layout-body .crm-dashboard-page .info-box-number {
        font-size: 24px;
    }
}

/* Accounting glass surfaces. */
body.glass-layout-body .accounting-glass-navbar {
    -webkit-backdrop-filter: blur(28px) saturate(150%);
    backdrop-filter: blur(28px) saturate(150%);
    background:
        linear-gradient(145deg, rgba(15, 23, 42, 0.5), rgba(15, 23, 42, 0.62)),
        var(--glass-surface) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 8px !important;
    box-shadow: var(--glass-card-shadow);
    margin: 0 0 20px !important;
    min-height: 52px;
}

body.glass-layout-body:not(.glass-theme) .accounting-glass-navbar {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(248, 250, 252, 0.72)),
        var(--glass-surface-strong) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

body.glass-layout-body .accounting-glass-navbar .navbar-brand,
body.glass-layout-body .accounting-glass-navbar .navbar-nav > li > a {
    background: transparent !important;
    color: var(--glass-text-secondary) !important;
    font-weight: 650;
}

body.glass-layout-body .accounting-glass-navbar .navbar-brand {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

body.glass-layout-body .accounting-glass-navbar .navbar-brand i {
    color: var(--glass-accent);
}

body.glass-layout-body .accounting-glass-navbar .navbar-nav {
    display: flex;
    flex-wrap: wrap;
}

body.glass-layout-body .accounting-glass-navbar .navbar-nav > li {
    float: none;
}

body.glass-layout-body .accounting-glass-navbar .navbar-nav > li > a {
    border-radius: 0;
    min-height: 52px;
    padding: 16px 14px;
}

body.glass-layout-body .accounting-glass-navbar .navbar-nav > li.active > a,
body.glass-layout-body .accounting-glass-navbar .navbar-nav > li > a:hover,
body.glass-layout-body .accounting-glass-navbar .navbar-nav > li > a:focus {
    background: rgba(52, 211, 153, 0.16) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-glass-navbar .navbar-nav > li.active > a,
body.glass-layout-body:not(.glass-theme) .accounting-glass-navbar .navbar-nav > li > a:hover,
body.glass-layout-body:not(.glass-theme) .accounting-glass-navbar .navbar-nav > li > a:focus {
    background: rgba(5, 150, 105, 0.12) !important;
}

body.glass-layout-body .accounting-glass-navbar .navbar-toggle {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--glass-border) !important;
    border-radius: 10px;
}

body.glass-layout-body .accounting-glass-navbar .navbar-toggle .icon-bar {
    background: var(--glass-text-primary) !important;
}

body.glass-layout-body .accounting-chart-account-form-page .container-fluid,
body.glass-layout-body .accounting-chart-account-form-page .box,
body.glass-layout-body .accounting-chart-account-form-page .box-body,
body.glass-layout-body .accounting-chart-account-form-page .card,
body.glass-layout-body .accounting-chart-account-form-page .card-body,
body.glass-layout-body .accounting-chart-account-form-page .form-group {
    overflow: visible !important;
}

body.glass-layout-body .accounting-chart-account-form-page .form-group {
    position: relative;
    z-index: 1;
}

body.glass-layout-body .accounting-chart-account-form-page .form-group:focus-within {
    z-index: 30040;
}

body.glass-layout-body .accounting-chart-account-form-page .v-select,
body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-toggle {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .accounting-chart-account-form-page .v-select {
    position: relative;
}

body.glass-layout-body .accounting-chart-account-form-page .v-select.vs--open {
    z-index: 30045;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-toggle {
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    backdrop-filter: blur(20px) saturate(140%);
    background: rgba(15, 23, 42, 0.62) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    min-height: 46px;
    padding: 5px 10px;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-toggle:hover,
body.glass-layout-body .accounting-chart-account-form-page .vs--open .vs__dropdown-toggle,
body.glass-layout-body .accounting-chart-account-form-page .vs--searching .vs__dropdown-toggle {
    border-color: rgba(52, 211, 153, 0.5) !important;
    box-shadow:
        0 0 0 3px rgba(52, 211, 153, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

body.glass-layout-body .accounting-chart-account-form-page .vs__selected-options {
    align-items: center;
    min-width: 0;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__selected,
body.glass-layout-body .accounting-chart-account-form-page .vs__search,
body.glass-layout-body .accounting-chart-account-form-page .vs__search:focus,
body.glass-layout-body .accounting-chart-account-form-page .vs__no-options {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__selected {
    line-height: 1.3;
    margin: 3px 2px;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__search {
    caret-color: var(--glass-accent);
    margin: 3px 2px;
    min-height: 30px;
    padding: 0 !important;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__search::placeholder {
    -webkit-text-fill-color: var(--glass-text-muted) !important;
    color: var(--glass-text-muted) !important;
    opacity: 1;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__actions {
    padding: 4px 0 0 6px;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__open-indicator,
body.glass-layout-body .accounting-chart-account-form-page .vs__clear {
    color: var(--glass-text-secondary) !important;
    fill: currentColor !important;
    opacity: 1 !important;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__open-indicator:hover,
body.glass-layout-body .accounting-chart-account-form-page .vs__clear:hover {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-menu {
    -webkit-backdrop-filter: blur(30px) saturate(170%) !important;
    backdrop-filter: blur(30px) saturate(170%) !important;
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.96), rgba(15, 23, 42, 0.94)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 48px rgba(2, 6, 23, 0.48) !important;
    color: var(--glass-text-primary) !important;
    margin-top: 8px !important;
    max-height: 280px !important;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 6px !important;
    z-index: 30050 !important;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-option,
body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-option span {
    -webkit-text-fill-color: var(--glass-text-secondary) !important;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-option {
    border-radius: 10px;
    line-height: 1.35;
    padding: 9px 11px !important;
    white-space: normal;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-option--highlight,
body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-option--selected {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    background: rgba(52, 211, 153, 0.16) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-option--highlight span,
body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-option--selected span {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .accounting-chart-account-form-page .vs__dropdown-option--disabled {
    -webkit-text-fill-color: var(--glass-text-muted) !important;
    color: var(--glass-text-muted) !important;
    opacity: 0.72;
}

body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__dropdown-toggle {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__selected,
body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__search,
body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__search:focus,
body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__no-options {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.9) !important;
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__open-indicator,
body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__clear {
    color: rgba(15, 23, 42, 0.62) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__dropdown-menu {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)) !important;
    border-color: rgba(148, 163, 184, 0.32) !important;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.18) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__dropdown-option,
body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__dropdown-option span {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.78) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__dropdown-option--highlight,
body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__dropdown-option--selected {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.94) !important;
    background: rgba(5, 150, 105, 0.12) !important;
    color: rgba(15, 23, 42, 0.94) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__dropdown-option--highlight span,
body.glass-layout-body:not(.glass-theme) .accounting-chart-account-form-page .vs__dropdown-option--selected span {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.94) !important;
    color: rgba(15, 23, 42, 0.94) !important;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-row,
body.glass-layout-body .accounting-dashboard-page .accounting-chart-row,
body.glass-layout-body .accounting-dashboard-page .accounting-balance-row {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-row > [class*="col-"],
body.glass-layout-body .accounting-dashboard-page .accounting-chart-row > [class*="col-"],
body.glass-layout-body .accounting-dashboard-page .accounting-balance-row > [class*="col-"] {
    display: flex;
    margin-bottom: 24px;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card {
    --accounting-card-start: #34d399;
    --accounting-card-end: #0ea5e9;
    --accounting-card-shadow: rgba(14, 165, 233, 0.24);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.035)),
        var(--glass-surface) !important;
    border: 1px solid var(--glass-border) !important;
    border-radius: 18px !important;
    box-shadow: var(--glass-card-shadow);
    color: var(--glass-text-primary) !important;
    display: flex;
    flex-direction: column;
    min-height: 154px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .accounting-stat-card {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.58)),
        var(--glass-surface) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card--journal {
    --accounting-card-start: #a78bfa;
    --accounting-card-end: #22c55e;
    --accounting-card-shadow: rgba(167, 139, 250, 0.26);
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card--transactions {
    --accounting-card-start: #fbbf24;
    --accounting-card-end: #fb7185;
    --accounting-card-shadow: rgba(251, 191, 36, 0.26);
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card > .inner {
    border-bottom: 0;
    min-height: 104px;
    padding: 22px 102px 18px 22px;
    position: relative;
    z-index: 1;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card h4 {
    color: var(--glass-text-primary) !important;
    font-family: "Space Mono", monospace;
    font-size: 28px;
    line-height: 1.1;
    margin: 0 0 10px;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card p {
    color: var(--glass-text-secondary) !important;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.3;
    margin: 0;
    white-space: normal;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card .icon {
    align-items: center;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.04)),
        linear-gradient(135deg, var(--accounting-card-start), var(--accounting-card-end));
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 18px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -14px 22px rgba(2, 6, 23, 0.16),
        0 16px 28px var(--accounting-card-shadow);
    color: #fff !important;
    display: flex;
    font-size: 26px !important;
    height: 62px;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    position: absolute;
    right: 20px;
    top: 22px;
    width: 62px;
    z-index: 1;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card .icon::after {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), transparent 58%);
    border-radius: 14px;
    content: "";
    height: 42%;
    left: 16%;
    pointer-events: none;
    position: absolute;
    top: 12%;
    width: 46%;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card .icon i {
    font-size: 26px !important;
    line-height: 1;
    position: relative;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.34),
        0 10px 18px rgba(2, 6, 23, 0.28);
    top: auto;
    z-index: 1;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card:hover .icon {
    font-size: 26px !important;
    transform: translateY(-2px);
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card .small-box-footer {
    background: rgba(255, 255, 255, 0.055) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--glass-text-secondary) !important;
    font-weight: 650;
    margin-top: auto;
    padding: 12px 16px;
    position: relative;
    z-index: 1;
}

body.glass-layout-body .accounting-dashboard-page .accounting-stat-card .small-box-footer:hover,
body.glass-layout-body .accounting-dashboard-page .accounting-stat-card .small-box-footer:focus {
    background: rgba(52, 211, 153, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .accounting-stat-card .small-box-footer {
    background: rgba(255, 255, 255, 0.62) !important;
    border-top-color: rgba(148, 163, 184, 0.18);
}

body.glass-layout-body .accounting-dashboard-page .accounting-balance-row .container-fluid {
    overflow: visible !important;
    padding-left: 0;
    padding-right: 0;
}

body.glass-layout-body .accounting-dashboard-page .accounting-balance-row .box,
body.glass-layout-body .accounting-dashboard-page .accounting-chart-card {
    border-color: var(--glass-border) !important;
    border-radius: 18px !important;
    overflow: hidden;
    width: 100%;
}

body.glass-layout-body .accounting-dashboard-page .accounting-balance-row .box-body,
body.glass-layout-body .accounting-dashboard-page .accounting-chart-card .box-body {
    padding: 20px;
}

body.glass-layout-body .accounting-dashboard-page .accounting-balance-table-col,
body.glass-layout-body .accounting-dashboard-page .accounting-balance-chart-col {
    min-height: 260px;
}

body.glass-layout-body .accounting-dashboard-page .accounting-balance-chart-col {
    align-items: center;
    display: flex;
    justify-content: center;
}

body.glass-layout-body .accounting-dashboard-page .accounting-balance-chart-wrap {
    height: 250px;
    max-width: 100%;
    position: relative;
    width: 300px;
}

body.glass-layout-body .accounting-dashboard-page #balance_summary_chart {
    display: block !important;
    height: 250px !important;
    max-height: 250px !important;
    max-width: 100% !important;
    width: 100% !important;
}

body.glass-layout-body .accounting-dashboard-page .table {
    background: transparent !important;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .accounting-dashboard-page .table > thead > tr,
body.glass-layout-body .accounting-dashboard-page .table > tbody > tr {
    background: rgba(255, 255, 255, 0.035) !important;
}

body.glass-layout-body .accounting-dashboard-page .table > tbody > tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.055) !important;
}

body.glass-layout-body .accounting-dashboard-page .table > thead > tr > th,
body.glass-layout-body .accounting-dashboard-page .table > tbody > tr > td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-secondary) !important;
    vertical-align: middle;
}

body.glass-layout-body .accounting-dashboard-page .table > thead > tr > th {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .table > thead > tr,
body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .table > tbody > tr {
    background: rgba(248, 250, 252, 0.76) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .table > tbody > tr:nth-child(even) {
    background: rgba(226, 232, 240, 0.42) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .table > tbody > tr > td {
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .table > thead > tr > th {
    color: rgba(15, 23, 42, 0.9) !important;
}

/* Accounting report tree tables. */
body.glass-layout-body .tree-view-table {
    background: rgba(8, 17, 30, 0.36) !important;
    border-collapse: collapse;
    color: var(--glass-text-secondary) !important;
    margin-bottom: 0;
}

body.glass-layout-body .tree-view-table > thead > tr {
    background:
        linear-gradient(180deg, rgba(51, 65, 85, 0.72), rgba(30, 41, 59, 0.62)),
        rgba(15, 23, 42, 0.52) !important;
}

body.glass-layout-body .tree-view-table > tbody > tr {
    background: rgba(8, 17, 30, 0.42) !important;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .tree-view-table > tbody > tr:nth-child(even):not(.bg-subtotal):not(.bg-grand-total) {
    background: rgba(15, 23, 42, 0.48) !important;
}

body.glass-layout-body .tree-view-table > tbody > tr[class*="treegrid-"]:not([class*="treegrid-parent-"]):not(.bg-subtotal):not(.bg-grand-total) {
    background: rgba(5, 150, 105, 0.08) !important;
}

body.glass-layout-body .tree-view-table > thead > tr > th,
body.glass-layout-body .tree-view-table > thead > tr > td,
body.glass-layout-body .tree-view-table > tbody > tr > th,
body.glass-layout-body .tree-view-table > tbody > tr > td,
body.glass-layout-body .tree-view-table > tfoot > tr > th,
body.glass-layout-body .tree-view-table > tfoot > tr > td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.11) !important;
    color: var(--glass-text-secondary) !important;
    vertical-align: middle;
}

body.glass-layout-body .tree-view-table > thead > tr > th,
body.glass-layout-body .tree-view-table > thead > tr > td,
body.glass-layout-body .tree-view-table > tbody > tr[class*="treegrid-"]:not([class*="treegrid-parent-"]):not(.bg-subtotal):not(.bg-grand-total) > th,
body.glass-layout-body .tree-view-table > tbody > tr[class*="treegrid-"]:not([class*="treegrid-parent-"]):not(.bg-subtotal):not(.bg-grand-total) > td {
    color: var(--glass-text-primary) !important;
    font-weight: 700;
}

body.glass-layout-body .tree-view-table h1,
body.glass-layout-body .tree-view-table h2,
body.glass-layout-body .tree-view-table h3,
body.glass-layout-body .tree-view-table h4,
body.glass-layout-body .tree-view-table h5,
body.glass-layout-body .tree-view-table h6,
body.glass-layout-body .tree-view-table b,
body.glass-layout-body .tree-view-table strong {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .tree-view-table small,
body.glass-layout-body .tree-view-table sup {
    color: inherit !important;
    opacity: 0.9;
}

body.glass-layout-body .tree-view-table a {
    color: #86efac !important;
    font-weight: 650;
    text-decoration: none;
}

body.glass-layout-body .tree-view-table a:hover,
body.glass-layout-body .tree-view-table a:focus {
    color: #bbf7d0 !important;
    text-decoration: underline;
}

body.glass-layout-body .tree-view-table .treegrid-expander {
    -webkit-text-fill-color: #d1fae5 !important;
    align-items: center;
    color: #d1fae5 !important;
    display: inline-flex !important;
    filter: invert(1) brightness(1.35);
    font-size: 12px;
    height: 18px;
    justify-content: center;
    line-height: 1;
    margin-right: 5px;
    min-width: 18px;
    opacity: 1 !important;
    text-shadow: 0 0 8px rgba(52, 211, 153, 0.42);
    vertical-align: -3px;
    width: 18px;
}

body.glass-layout-body .tree-view-table .treegrid-expander.glyphicon,
body.glass-layout-body .tree-view-table .treegrid-expander[class*="glyphicon-chevron-"] {
    -webkit-text-fill-color: #d1fae5 !important;
    color: #d1fae5 !important;
    filter: none !important;
    font-family: "Glyphicons Halflings" !important;
    font-size: 12px !important;
}

body.glass-layout-body .tree-view-table .treegrid-expander.glyphicon::before,
body.glass-layout-body .tree-view-table .treegrid-expander[class*="glyphicon-chevron-"]::before {
    -webkit-text-fill-color: currentColor !important;
    color: currentColor !important;
    display: inline-block;
    opacity: 1 !important;
}

body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal {
    background:
        linear-gradient(90deg, rgba(52, 211, 153, 0.2), rgba(15, 23, 42, 0.52)),
        rgba(6, 78, 59, 0.48) !important;
    background-color: rgba(6, 78, 59, 0.48) !important;
    color: #ecfdf5 !important;
}

body.glass-layout-body .tree-view-table > tbody > tr.bg-grand-total,
body.glass-layout-body .tree-view-table > tfoot > tr.bg-grand-total {
    background:
        linear-gradient(90deg, rgba(14, 165, 233, 0.24), rgba(212, 165, 116, 0.2)),
        rgba(12, 74, 110, 0.52) !important;
    background-color: rgba(12, 74, 110, 0.52) !important;
    color: #f8fafc !important;
}

body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal.text-danger {
    background:
        linear-gradient(90deg, rgba(248, 113, 113, 0.22), rgba(15, 23, 42, 0.52)),
        rgba(127, 29, 29, 0.46) !important;
    background-color: rgba(127, 29, 29, 0.46) !important;
    color: #fee2e2 !important;
}

body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal.text-info,
body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal.text-primary {
    background:
        linear-gradient(90deg, rgba(56, 189, 248, 0.2), rgba(15, 23, 42, 0.52)),
        rgba(12, 74, 110, 0.44) !important;
    background-color: rgba(12, 74, 110, 0.44) !important;
    color: #e0f2fe !important;
}

body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal.text-success {
    color: #dcfce7 !important;
}

body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal > th,
body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal > td,
body.glass-layout-body .tree-view-table > tbody > tr.bg-grand-total > th,
body.glass-layout-body .tree-view-table > tbody > tr.bg-grand-total > td,
body.glass-layout-body .tree-view-table > tfoot > tr.bg-grand-total > th,
body.glass-layout-body .tree-view-table > tfoot > tr.bg-grand-total > td {
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: inherit !important;
}

body.glass-layout-body .tree-view-table .text-danger {
    color: #fca5a5 !important;
}

body.glass-layout-body .tree-view-table .text-info {
    color: #7dd3fc !important;
}

body.glass-layout-body .tree-view-table .text-primary {
    color: #93c5fd !important;
}

body.glass-layout-body .tree-view-table .text-success {
    color: #86efac !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table {
    background: rgba(255, 255, 255, 0.82) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > thead > tr {
    background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(226, 232, 240, 0.86)),
        rgba(255, 255, 255, 0.84) !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr {
    background: rgba(255, 255, 255, 0.72) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr:nth-child(even):not(.bg-subtotal):not(.bg-grand-total) {
    background: rgba(248, 250, 252, 0.84) !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr[class*="treegrid-"]:not([class*="treegrid-parent-"]):not(.bg-subtotal):not(.bg-grand-total) {
    background: rgba(5, 150, 105, 0.08) !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .tree-view-table > thead > tr > td,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tfoot > tr > th,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tfoot > tr > td {
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .tree-view-table > thead > tr > td,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr[class*="treegrid-"]:not([class*="treegrid-parent-"]):not(.bg-subtotal):not(.bg-grand-total) > th,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr[class*="treegrid-"]:not([class*="treegrid-parent-"]):not(.bg-subtotal):not(.bg-grand-total) > td {
    color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table h1,
body.glass-layout-body:not(.glass-theme) .tree-view-table h2,
body.glass-layout-body:not(.glass-theme) .tree-view-table h3,
body.glass-layout-body:not(.glass-theme) .tree-view-table h4,
body.glass-layout-body:not(.glass-theme) .tree-view-table h5,
body.glass-layout-body:not(.glass-theme) .tree-view-table h6,
body.glass-layout-body:not(.glass-theme) .tree-view-table b,
body.glass-layout-body:not(.glass-theme) .tree-view-table strong {
    color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table a {
    color: var(--glass-accent-strong) !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table a:hover,
body.glass-layout-body:not(.glass-theme) .tree-view-table a:focus {
    color: #047857 !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table .treegrid-expander {
    -webkit-text-fill-color: #14532d !important;
    color: #14532d !important;
    filter: none;
    opacity: 1 !important;
    text-shadow: none;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table .treegrid-expander.glyphicon,
body.glass-layout-body:not(.glass-theme) .tree-view-table .treegrid-expander[class*="glyphicon-chevron-"] {
    -webkit-text-fill-color: #14532d !important;
    color: #14532d !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr.bg-subtotal {
    background:
        linear-gradient(90deg, rgba(220, 252, 231, 0.96), rgba(240, 253, 244, 0.84)),
        #dcfce7 !important;
    background-color: #dcfce7 !important;
    color: #14532d !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr.bg-grand-total,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tfoot > tr.bg-grand-total {
    background:
        linear-gradient(90deg, rgba(207, 250, 254, 0.98), rgba(254, 243, 199, 0.88)),
        #cffafe !important;
    background-color: #cffafe !important;
    color: #0f172a !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr.bg-subtotal.text-danger {
    background:
        linear-gradient(90deg, rgba(254, 226, 226, 0.96), rgba(255, 247, 237, 0.86)),
        #fee2e2 !important;
    background-color: #fee2e2 !important;
    color: #991b1b !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr.bg-subtotal.text-info,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr.bg-subtotal.text-primary {
    background:
        linear-gradient(90deg, rgba(224, 242, 254, 0.96), rgba(239, 246, 255, 0.88)),
        #e0f2fe !important;
    background-color: #e0f2fe !important;
    color: #075985 !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr.bg-subtotal.text-success {
    color: #166534 !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr.bg-subtotal > th,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr.bg-subtotal > td,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr.bg-grand-total > th,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tbody > tr.bg-grand-total > td,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tfoot > tr.bg-grand-total > th,
body.glass-layout-body:not(.glass-theme) .tree-view-table > tfoot > tr.bg-grand-total > td {
    border-color: rgba(15, 23, 42, 0.12) !important;
    color: inherit !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table .text-danger {
    color: #b91c1c !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table .text-info {
    color: #0369a1 !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table .text-primary {
    color: #1d4ed8 !important;
}

body.glass-layout-body:not(.glass-theme) .tree-view-table .text-success {
    color: #15803d !important;
}

body.glass-layout-body .accounting-dashboard-page .accounting-chart-card .box-body > div[id] {
    min-height: 300px;
    width: 100% !important;
}

body.glass-layout-body .accounting-dashboard-page .accounting-expense-chart-card .box-body > div[id] {
    min-height: 320px;
}

body.glass-layout-body .accounting-dashboard-page .highcharts-container,
body.glass-layout-body .accounting-dashboard-page .highcharts-root {
    max-width: 100%;
    width: 100% !important;
}

body.glass-layout-body .accounting-dashboard-page .highcharts-background,
body.glass-layout-body .accounting-dashboard-page .highcharts-plot-background {
    fill: transparent !important;
}

body.glass-layout-body .accounting-dashboard-page .highcharts-title,
body.glass-layout-body .accounting-dashboard-page .highcharts-axis-title,
body.glass-layout-body .accounting-dashboard-page .highcharts-axis-labels text,
body.glass-layout-body .accounting-dashboard-page .highcharts-legend-item text {
    color: var(--glass-text-secondary) !important;
    fill: var(--glass-text-secondary) !important;
}

body.glass-layout-body .accounting-dashboard-page .highcharts-title {
    color: var(--glass-text-primary) !important;
    fill: var(--glass-text-primary) !important;
    font-weight: 700 !important;
}

body.glass-layout-body .accounting-dashboard-page .highcharts-grid-line {
    stroke: rgba(255, 255, 255, 0.08) !important;
}

body.glass-layout-body .accounting-dashboard-page .highcharts-axis-line,
body.glass-layout-body .accounting-dashboard-page .highcharts-tick {
    stroke: rgba(255, 255, 255, 0.12) !important;
}

body.glass-layout-body .accounting-dashboard-page .highcharts-button-box {
    fill: rgba(255, 255, 255, 0.07) !important;
    stroke: rgba(255, 255, 255, 0.14) !important;
}

body.glass-layout-body .accounting-dashboard-page .highcharts-button-symbol {
    stroke: var(--glass-text-secondary) !important;
}

body.glass-layout-body .accounting-dashboard-page .highcharts-point {
    stroke: rgba(15, 23, 42, 0.26) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .highcharts-title,
body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .highcharts-axis-title,
body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .highcharts-axis-labels text,
body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .highcharts-legend-item text {
    color: rgba(15, 23, 42, 0.78) !important;
    fill: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .highcharts-title {
    color: rgba(15, 23, 42, 0.92) !important;
    fill: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .highcharts-grid-line {
    stroke: rgba(148, 163, 184, 0.18) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .highcharts-axis-line,
body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .highcharts-tick {
    stroke: rgba(148, 163, 184, 0.26) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .highcharts-button-box {
    fill: rgba(255, 255, 255, 0.86) !important;
    stroke: rgba(148, 163, 184, 0.24) !important;
}

body.glass-layout-body:not(.glass-theme) .accounting-dashboard-page .highcharts-button-symbol {
    stroke: rgba(15, 23, 42, 0.64) !important;
}

@media (max-width: 991px) {
    body.glass-layout-body .accounting-dashboard-page .accounting-chart-row > [class*="col-"],
    body.glass-layout-body .accounting-dashboard-page .accounting-balance-table-col,
    body.glass-layout-body .accounting-dashboard-page .accounting-balance-chart-col {
        flex: 1 1 100%;
        width: 100%;
    }

    body.glass-layout-body .accounting-dashboard-page .accounting-balance-chart-col {
        margin-top: 18px;
        min-height: 230px;
    }

    body.glass-layout-body .accounting-dashboard-page .accounting-balance-chart-wrap {
        height: 230px;
        width: 280px;
    }

    body.glass-layout-body .accounting-dashboard-page #balance_summary_chart {
        height: 230px !important;
        max-height: 230px !important;
    }
}

@media (max-width: 767px) {
    body.glass-layout-body .accounting-glass-navbar .navbar-nav {
        display: block;
    }

    body.glass-layout-body .accounting-glass-navbar .navbar-nav > li > a {
        min-height: 0;
        padding: 12px 14px;
    }

    body.glass-layout-body .accounting-dashboard-page .accounting-stat-row > [class*="col-"] {
        width: 100%;
    }

    body.glass-layout-body .accounting-dashboard-page .accounting-stat-card {
        min-height: 138px;
    }

    body.glass-layout-body .accounting-dashboard-page .accounting-stat-card > .inner {
        min-height: 92px;
        padding: 18px 88px 16px 18px;
    }

    body.glass-layout-body .accounting-dashboard-page .accounting-stat-card .icon {
        height: 54px;
        right: 16px;
        top: 18px;
        width: 54px;
    }

    body.glass-layout-body .accounting-dashboard-page .accounting-chart-card .box-body {
        padding: 14px;
    }

    body.glass-layout-body .accounting-dashboard-page .accounting-chart-card .box-body > div[id],
    body.glass-layout-body .accounting-dashboard-page .accounting-expense-chart-card .box-body > div[id] {
        min-height: 260px;
    }
}

body.glass-layout-body .essentials-hrm-dashboard .box,
body.glass-layout-body .essentials-settings-page .pos-tab-container {
    border-color: var(--glass-border) !important;
}

body.glass-layout-body .essentials-hrm-dashboard .box-header,
body.glass-layout-body .essentials-hrm-dashboard .box-body,
body.glass-layout-body .essentials-hrm-dashboard .info-box,
body.glass-layout-body .essentials-settings-page label,
body.glass-layout-body .essentials-settings-page strong {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .essentials-hrm-dashboard .table,
body.glass-layout-body .essentials-hrm-dashboard .dataTable {
    background: transparent !important;
    color: var(--glass-text-secondary) !important;
    margin-bottom: 0;
}

body.glass-layout-body .essentials-hrm-dashboard .table > thead > tr,
body.glass-layout-body .essentials-hrm-dashboard .table > tbody > tr,
body.glass-layout-body .essentials-hrm-dashboard .dataTable > thead > tr,
body.glass-layout-body .essentials-hrm-dashboard .dataTable > tbody > tr {
    background: rgba(255, 255, 255, 0.035) !important;
}

body.glass-layout-body .essentials-hrm-dashboard .table > thead > tr:nth-child(even),
body.glass-layout-body .essentials-hrm-dashboard .table > tbody > tr:nth-child(even),
body.glass-layout-body .essentials-hrm-dashboard .dataTable > tbody > tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.055) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .table > thead > tr,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .table > tbody > tr,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .dataTable > thead > tr,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .dataTable > tbody > tr {
    background: rgba(248, 250, 252, 0.76) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .table > thead > tr:nth-child(even),
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .table > tbody > tr:nth-child(even),
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .dataTable > tbody > tr:nth-child(even) {
    background: rgba(226, 232, 240, 0.42) !important;
}

body.glass-layout-body .essentials-hrm-dashboard .table > thead > tr > th,
body.glass-layout-body .essentials-hrm-dashboard .table > thead > tr > td,
body.glass-layout-body .essentials-hrm-dashboard .table > tbody > tr > th,
body.glass-layout-body .essentials-hrm-dashboard .table > tbody > tr > td,
body.glass-layout-body .essentials-hrm-dashboard .dataTable > thead > tr > th,
body.glass-layout-body .essentials-hrm-dashboard .dataTable > tbody > tr > th,
body.glass-layout-body .essentials-hrm-dashboard .dataTable > tbody > tr > td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.07) !important;
    color: var(--glass-text-secondary) !important;
    vertical-align: middle;
}

body.glass-layout-body .essentials-hrm-dashboard .table > thead > tr > th,
body.glass-layout-body .essentials-hrm-dashboard .table > tbody > tr > th,
body.glass-layout-body .essentials-hrm-dashboard .dataTable > thead > tr > th,
body.glass-layout-body .essentials-hrm-dashboard .bg-light-gray {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .table > thead > tr > td,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .table > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .dataTable > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .dataTable > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .dataTable > tbody > tr > td {
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .table > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .dataTable > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard .bg-light-gray {
    background: rgba(226, 232, 240, 0.62) !important;
    color: rgba(15, 23, 42, 0.9) !important;
}

body.glass-layout-body .essentials-hrm-dashboard .dataTables_wrapper,
body.glass-layout-body .essentials-hrm-dashboard .dataTables_info,
body.glass-layout-body .essentials-hrm-dashboard .dataTables_length,
body.glass-layout-body .essentials-hrm-dashboard .dataTables_filter,
body.glass-layout-body .essentials-hrm-dashboard .dataTables_paginate {
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .essentials-hrm-dashboard .text-muted,
body.glass-layout-body .essentials-hrm-dashboard small,
body.glass-layout-body .essentials-settings-page .help-block,
body.glass-layout-body .essentials-settings-page .text-muted {
    color: var(--glass-text-muted) !important;
}

body.glass-layout-body .essentials-hrm-dashboard #resetDeviceTime,
body.glass-layout-body .essentials-hrm-dashboard #resetDeviceTime:hover,
body.glass-layout-body .essentials-hrm-dashboard #resetDeviceTime:focus,
body.glass-layout-body .essentials-hrm-dashboard #resetDeviceTime:active {
    -webkit-text-fill-color: #ffffff !important;
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.95), rgba(52, 211, 153, 0.82)) !important;
    border-color: rgba(52, 211, 153, 0.48) !important;
    box-shadow: 0 12px 24px rgba(5, 150, 105, 0.22) !important;
    color: #ffffff !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard #resetDeviceTime,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard #resetDeviceTime:hover,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard #resetDeviceTime:focus,
body.glass-layout-body:not(.glass-theme) .essentials-hrm-dashboard #resetDeviceTime:active {
    -webkit-text-fill-color: #065f46 !important;
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.94), rgba(209, 250, 229, 0.86)) !important;
    border-color: rgba(5, 150, 105, 0.34) !important;
    color: #065f46 !important;
}

body.glass-layout-body .essentials-payroll-form-page #payroll_table {
    background: transparent !important;
    border-collapse: separate;
    border-spacing: 0 12px;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body .essentials-payroll-form-page .box {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: rgba(15, 23, 42, 0.82) !important;
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.22);
    transition: none !important;
}

body.glass-layout-body .essentials-payroll-form-page #payroll_table > tbody > tr > th,
body.glass-layout-body .essentials-payroll-form-page #payroll_table > tbody > tr > td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-secondary) !important;
    vertical-align: top;
}

body.glass-layout-body .essentials-payroll-form-page #payroll_table > tbody > tr:first-child > th {
    color: var(--glass-text-primary) !important;
    font-weight: 700;
}

body.glass-layout-body .essentials-payroll-form-page #payroll_table b,
body.glass-layout-body .essentials-payroll-form-page #payroll_table strong,
body.glass-layout-body .essentials-payroll-form-page #payroll_table label {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .essentials-payroll-form-page .allowance_table,
body.glass-layout-body .essentials-payroll-form-page .deductions_table {
    background: rgba(15, 23, 42, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-collapse: separate;
    border-radius: 16px;
    border-spacing: 0;
    box-shadow: 0 16px 34px rgba(2, 6, 23, 0.28);
    color: var(--glass-text-secondary) !important;
    overflow: hidden;
}

body.glass-layout-body .essentials-payroll-form-page .allowance_table > thead > tr > th,
body.glass-layout-body .essentials-payroll-form-page .deductions_table > thead > tr > th {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-primary) !important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: normal;
}

body.glass-layout-body .essentials-payroll-form-page .allowance_table > tbody > tr > td,
body.glass-layout-body .essentials-payroll-form-page .deductions_table > tbody > tr > td,
body.glass-layout-body .essentials-payroll-form-page .allowance_table > tfoot > tr > th,
body.glass-layout-body .essentials-payroll-form-page .allowance_table > tfoot > tr > td,
body.glass-layout-body .essentials-payroll-form-page .deductions_table > tfoot > tr > th,
body.glass-layout-body .essentials-payroll-form-page .deductions_table > tfoot > tr > td {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-primary) !important;
    vertical-align: middle;
}

body.glass-layout-body .essentials-payroll-form-page .allowance_table > tfoot > tr,
body.glass-layout-body .essentials-payroll-form-page .deductions_table > tfoot > tr {
    background: rgba(255, 255, 255, 0.08) !important;
}

body.glass-layout-body .essentials-payroll-form-page .allowance_table .form-control,
body.glass-layout-body .essentials-payroll-form-page .deductions_table .form-control,
body.glass-layout-body .essentials-payroll-form-page .allowance_table select.form-control,
body.glass-layout-body .essentials-payroll-form-page .deductions_table select.form-control {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    background: rgba(15, 23, 42, 0.66) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: var(--glass-text-primary) !important;
    min-height: 40px;
}

body.glass-layout-body .essentials-payroll-form-page .allowance_table .form-control[readonly],
body.glass-layout-body .essentials-payroll-form-page .deductions_table .form-control[readonly],
body.glass-layout-body .essentials-payroll-form-page .allowance_table .form-control[disabled],
body.glass-layout-body .essentials-payroll-form-page .deductions_table .form-control[disabled] {
    -webkit-text-fill-color: var(--glass-text-secondary) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--glass-text-secondary) !important;
    opacity: 1;
}

body.glass-layout-body .essentials-payroll-form-page .allowance_table select.form-control option,
body.glass-layout-body .essentials-payroll-form-page .deductions_table select.form-control option {
    background: #0f172a !important;
    color: #f8fafc !important;
}

body.glass-layout-body .essentials-payroll-form-page .allowance_table .input-group-addon,
body.glass-layout-body .essentials-payroll-form-page .deductions_table .input-group-addon {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .essentials-payroll-form-page .allowance_table .btn-xs,
body.glass-layout-body .essentials-payroll-form-page .deductions_table .btn-xs {
    align-items: center;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    min-width: 30px;
}

body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page #payroll_table,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page #payroll_table > tbody > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page #payroll_table > tbody > tr > td {
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page #payroll_table b,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page #payroll_table strong,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page #payroll_table label,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page #payroll_table > tbody > tr:first-child > th {
    color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.12);
}

body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .box {
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
}

body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table > thead > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table > thead > tr > th {
    background: rgba(226, 232, 240, 0.64) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
    color: rgba(15, 23, 42, 0.92) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table > tbody > tr > td,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table > tfoot > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table > tfoot > tr > td,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table > tfoot > tr > th,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table > tfoot > tr > td {
    border-color: rgba(148, 163, 184, 0.16) !important;
    color: rgba(15, 23, 42, 0.86) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table > tfoot > tr,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table > tfoot > tr {
    background: rgba(226, 232, 240, 0.5) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table .form-control,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table .form-control,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table select.form-control,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table select.form-control {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.88) !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(148, 163, 184, 0.26) !important;
    color: rgba(15, 23, 42, 0.88) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table .form-control[readonly],
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table .form-control[readonly],
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table .form-control[disabled],
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table .form-control[disabled] {
    -webkit-text-fill-color: rgba(15, 23, 42, 0.66) !important;
    background: rgba(226, 232, 240, 0.62) !important;
    color: rgba(15, 23, 42, 0.66) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .allowance_table select.form-control option,
body.glass-layout-body:not(.glass-theme) .essentials-payroll-form-page .deductions_table select.form-control option {
    background: #ffffff !important;
    color: #10213a !important;
}

body.glass-layout-body .essentials-settings-page .pos-tab-container {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    min-height: 320px;
    overflow: visible;
}

body.glass-layout-body .essentials-settings-page .pos-tab-container > .pos-tab:not(.active) {
    display: none !important;
}

body.glass-layout-body .essentials-settings-page .pos-tab-container > .pos-tab.active {
    display: block !important;
    min-width: 0;
}

body.glass-layout-body .essentials-settings-page div.pos-tab-content {
    padding: 0;
}

body.glass-layout-body .essentials-settings-page .pos-tab-content > .row {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 18px 0;
}

body.glass-layout-body .essentials-settings-page .pos-tab-content [class*="col-"] {
    max-width: 100%;
    min-width: 240px;
}

body.glass-layout-body .essentials-settings-page .mce-panel,
body.glass-layout-body .essentials-settings-page .mce-edit-area,
body.glass-layout-body .essentials-settings-page .mce-toolbar-grp,
body.glass-layout-body .essentials-settings-page .mce-statusbar {
    background: rgba(15, 23, 42, 0.52) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--glass-text-secondary) !important;
}

body.glass-layout-body:not(.glass-theme) .essentials-settings-page .mce-panel,
body.glass-layout-body:not(.glass-theme) .essentials-settings-page .mce-edit-area,
body.glass-layout-body:not(.glass-theme) .essentials-settings-page .mce-toolbar-grp,
body.glass-layout-body:not(.glass-theme) .essentials-settings-page .mce-statusbar {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: rgba(15, 23, 42, 0.78) !important;
}

body.glass-layout-body #shift_modal,
body.glass-layout-body #shift_modal .modal-dialog,
body.glass-layout-body #shift_modal .modal-content,
body.glass-layout-body #shift_modal .modal-body,
body.glass-layout-body #edit_shift_modal,
body.glass-layout-body #edit_shift_modal .modal-dialog,
body.glass-layout-body #edit_shift_modal .modal-content,
body.glass-layout-body #edit_shift_modal .modal-body,
body.glass-layout-body #shift_modal .input-group,
body.glass-layout-body #edit_shift_modal .input-group {
    overflow: visible !important;
}

body.glass-layout-body #shift_modal .bootstrap-datetimepicker-widget,
body.glass-layout-body #edit_shift_modal .bootstrap-datetimepicker-widget {
    min-width: 220px;
    opacity: 1 !important;
    z-index: 30080 !important;
}

body.glass-layout-body #shift_modal .bootstrap-datetimepicker-widget.dropdown-menu,
body.glass-layout-body #edit_shift_modal .bootstrap-datetimepicker-widget.dropdown-menu {
    background: linear-gradient(145deg, rgba(8, 17, 30, 0.98), rgba(15, 23, 42, 0.97)) !important;
    border-color: rgba(148, 163, 184, 0.28) !important;
    box-shadow: 0 26px 48px rgba(2, 6, 23, 0.56) !important;
}

body.glass-layout-body:not(.glass-theme) #shift_modal .bootstrap-datetimepicker-widget.dropdown-menu,
body.glass-layout-body:not(.glass-theme) #edit_shift_modal .bootstrap-datetimepicker-widget.dropdown-menu {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
    border-color: rgba(148, 163, 184, 0.34) !important;
    box-shadow: 0 26px 48px rgba(15, 23, 42, 0.22) !important;
}

body.glass-layout-body #shift_modal .modal-body > .form-group,
body.glass-layout-body #edit_shift_modal .modal-body > .form-group {
    position: relative;
    z-index: 1;
}

body.glass-layout-body #shift_modal .modal-body > .form-group:focus-within,
body.glass-layout-body #shift_modal .modal-body > .form-group.timepicker-open,
body.glass-layout-body #edit_shift_modal .modal-body > .form-group:focus-within,
body.glass-layout-body #edit_shift_modal .modal-body > .form-group.timepicker-open {
    z-index: 30070;
}

body.glass-layout-body #shift_modal .input-group,
body.glass-layout-body #edit_shift_modal .input-group {
    position: relative;
}

body.glass-layout-body #shift_modal .input-group > .bootstrap-datetimepicker-widget,
body.glass-layout-body #edit_shift_modal .input-group > .bootstrap-datetimepicker-widget {
    bottom: auto !important;
    left: 0 !important;
    margin-top: 8px !important;
    right: auto !important;
    top: calc(100% + 8px) !important;
    transform: none !important;
}

body.glass-layout-body #shift_modal .modal-dialog,
body.glass-layout-body #edit_shift_modal .modal-dialog,
body.glass-layout-body #attendance_modal .modal-dialog,
body.glass-layout-body #edit_attendance_modal .modal-dialog {
    max-height: calc(100vh - 48px);
}

body.glass-layout-body #shift_modal .modal-content,
body.glass-layout-body #edit_shift_modal .modal-content,
body.glass-layout-body #attendance_modal .modal-content,
body.glass-layout-body #edit_attendance_modal .modal-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    overflow: hidden !important;
}

body.glass-layout-body #shift_modal form#add_shift_form,
body.glass-layout-body #edit_shift_modal form#add_shift_form,
body.glass-layout-body #attendance_modal form#attendance_form,
body.glass-layout-body #edit_attendance_modal form#attendance_form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-height: inherit;
    min-height: 0;
}

body.glass-layout-body #shift_modal .modal-header,
body.glass-layout-body #shift_modal .modal-footer,
body.glass-layout-body #edit_shift_modal .modal-header,
body.glass-layout-body #edit_shift_modal .modal-footer,
body.glass-layout-body #attendance_modal .modal-header,
body.glass-layout-body #attendance_modal .modal-footer,
body.glass-layout-body #edit_attendance_modal .modal-header,
body.glass-layout-body #edit_attendance_modal .modal-footer {
    flex: 0 0 auto;
}

body.glass-layout-body #shift_modal .modal-body,
body.glass-layout-body #edit_shift_modal .modal-body,
body.glass-layout-body #attendance_modal .modal-body,
body.glass-layout-body #edit_attendance_modal .modal-body {
    flex: 1 1 auto;
    max-height: calc(100vh - 176px);
    min-height: 0;
    overflow-y: auto !important;
}

body.glass-layout-body #shift_modal .modal-body,
body.glass-layout-body #edit_shift_modal .modal-body,
body.glass-layout-body #edit_attendance_modal .modal-body {
    overflow-x: hidden !important;
}

body.glass-layout-body #attendance_modal .modal-body {
    overflow-x: auto !important;
}

body.glass-layout-body #attendance_modal .modal-body > .row {
    min-width: 960px;
}

body.glass-layout-body #hrm_datetimepicker_layer {
    height: 0;
    left: 0;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 0;
    z-index: 30080;
}

body.glass-layout-body #hrm_datetimepicker_layer .bootstrap-datetimepicker-widget {
    visibility: hidden !important;
}

body.glass-layout-body #attendance_modal #employee_attendance_table,
body.glass-layout-body #attendance_modal #employee_attendance_table tbody,
body.glass-layout-body #attendance_modal #employee_attendance_table tr,
body.glass-layout-body #attendance_modal #employee_attendance_table td,
body.glass-layout-body #attendance_modal .input-group,
body.glass-layout-body #edit_attendance_modal .input-group {
    overflow: visible !important;
}

body.glass-layout-body #attendance_modal #employee_attendance_table td,
body.glass-layout-body #edit_attendance_modal .modal-body > .form-group {
    position: relative;
    z-index: 1;
}

body.glass-layout-body #attendance_modal #employee_attendance_table td:focus-within,
body.glass-layout-body #attendance_modal #employee_attendance_table td.timepicker-open,
body.glass-layout-body #edit_attendance_modal .modal-body > .form-group:focus-within,
body.glass-layout-body #edit_attendance_modal .modal-body > .form-group.timepicker-open {
    z-index: 30070;
}

body.glass-layout-body #attendance_modal .bootstrap-datetimepicker-widget,
body.glass-layout-body #edit_attendance_modal .bootstrap-datetimepicker-widget {
    opacity: 1 !important;
    z-index: 30080 !important;
}

body.glass-layout-body .hrm-modal-datetimepicker.bootstrap-datetimepicker-widget,
body.glass-layout-body .hrm-modal-datetimepicker.bootstrap-datetimepicker-widget.dropdown-menu {
    max-width: min(320px, calc(100vw - 32px));
    opacity: 1 !important;
    position: fixed !important;
    visibility: visible !important;
    z-index: 30080 !important;
}

body.glass-layout-body #payroll_modal,
body.glass-layout-body #payroll_modal .modal-dialog,
body.glass-layout-body #payroll_modal .modal-content,
body.glass-layout-body #payroll_modal .modal-body,
body.glass-layout-body #payroll_modal .form-group {
    overflow: visible !important;
}

body.glass-layout-body #payroll_modal .select2-container--open .select2-dropdown,
body.glass-layout-body .select2-container--open .select2-dropdown.payroll-modal-dropdown {
    z-index: 30040 !important;
}

body.glass-layout-body #payroll_modal .select2-results__option,
body.glass-layout-body #payroll_modal .select2-results__message {
    -webkit-text-fill-color: var(--glass-text-primary) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) #payroll_modal .select2-results__option,
body.glass-layout-body:not(.glass-theme) #payroll_modal .select2-results__message {
    -webkit-text-fill-color: #10213a !important;
    color: #10213a !important;
}

body.glass-layout-body #payroll_modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    -webkit-text-fill-color: #ffffff !important;
    align-items: center;
    background: rgba(5, 150, 105, 0.34) !important;
    border-color: rgba(52, 211, 153, 0.3) !important;
    color: #ffffff !important;
    display: inline-flex;
    gap: 6px;
    line-height: 1.25;
    max-width: 100%;
    padding: 5px 10px !important;
    white-space: normal;
}

body.glass-layout-body #payroll_modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    -webkit-text-fill-color: rgba(255, 255, 255, 0.82) !important;
    color: rgba(255, 255, 255, 0.82) !important;
    flex: 0 0 auto;
    margin-right: 0 !important;
}

body.glass-layout-body #payroll_modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    -webkit-text-fill-color: #ffffff !important;
    color: #ffffff !important;
}

body.glass-layout-body:not(.glass-theme) #payroll_modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    -webkit-text-fill-color: #065f46 !important;
    background: rgba(5, 150, 105, 0.12) !important;
    border-color: rgba(5, 150, 105, 0.22) !important;
    color: #065f46 !important;
}

body.glass-layout-body:not(.glass-theme) #payroll_modal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    -webkit-text-fill-color: rgba(6, 95, 70, 0.74) !important;
    color: rgba(6, 95, 70, 0.74) !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget.dropdown-menu,
body.glass-layout-body .datepicker-dropdown {
    padding: 8px !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget table td,
body.glass-layout-body .bootstrap-datetimepicker-widget table th,
body.glass-layout-body .datepicker table tr td,
body.glass-layout-body .datepicker table tr th {
    border-radius: 10px !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget table td span,
body.glass-layout-body .datepicker table tr td span {
    background: transparent !important;
    border-radius: 10px !important;
    color: var(--glass-text-secondary) !important;
    text-shadow: none !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget table td.disabled,
body.glass-layout-body .bootstrap-datetimepicker-widget table td.disabled span,
body.glass-layout-body .datepicker table tr td.disabled,
body.glass-layout-body .datepicker table tr td span.disabled {
    color: var(--glass-text-muted) !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget table td span:hover,
body.glass-layout-body .bootstrap-datetimepicker-widget table td span.focused,
body.glass-layout-body .bootstrap-datetimepicker-widget table td:hover,
body.glass-layout-body .bootstrap-datetimepicker-widget table td.focused,
body.glass-layout-body .datepicker table tr td span:hover,
body.glass-layout-body .datepicker table tr td span.focused,
body.glass-layout-body .datepicker table tr td.day:hover,
body.glass-layout-body .datepicker table tr td.day.focused {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget table td.active,
body.glass-layout-body .bootstrap-datetimepicker-widget table td.active:hover,
body.glass-layout-body .bootstrap-datetimepicker-widget table td span.active,
body.glass-layout-body .bootstrap-datetimepicker-widget table td span.active:hover,
body.glass-layout-body .datepicker table tr td.active,
body.glass-layout-body .datepicker table tr td.active:hover,
body.glass-layout-body .datepicker table tr td span.active,
body.glass-layout-body .datepicker table tr td span.active:hover,
body.glass-layout-body .datepicker table tr td span.focused.active {
    background: linear-gradient(135deg, var(--glass-accent-strong), var(--glass-accent)) !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget .timepicker-hour,
body.glass-layout-body .bootstrap-datetimepicker-widget .timepicker-minute,
body.glass-layout-body .bootstrap-datetimepicker-widget .timepicker-second,
body.glass-layout-body .bootstrap-datetimepicker-widget .separator {
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body .bootstrap-datetimepicker-widget button[data-action],
body.glass-layout-body .bootstrap-datetimepicker-widget .btn {
    background: rgba(52, 211, 153, 0.18) !important;
    border-color: rgba(52, 211, 153, 0.26) !important;
    color: var(--glass-text-primary) !important;
}

body.glass-layout-body:not(.glass-theme) .bootstrap-datetimepicker-widget table td span,
body.glass-layout-body:not(.glass-theme) .datepicker table tr td span {
    color: rgba(15, 23, 42, 0.76) !important;
}

body.glass-layout-body:not(.glass-theme) .bootstrap-datetimepicker-widget table td span:hover,
body.glass-layout-body:not(.glass-theme) .bootstrap-datetimepicker-widget table td span.focused,
body.glass-layout-body:not(.glass-theme) .bootstrap-datetimepicker-widget table td:hover,
body.glass-layout-body:not(.glass-theme) .bootstrap-datetimepicker-widget table td.focused,
body.glass-layout-body:not(.glass-theme) .datepicker table tr td span:hover,
body.glass-layout-body:not(.glass-theme) .datepicker table tr td span.focused,
body.glass-layout-body:not(.glass-theme) .datepicker table tr td.day:hover,
body.glass-layout-body:not(.glass-theme) .datepicker table tr td.day.focused {
    background: rgba(5, 150, 105, 0.1) !important;
    color: rgba(15, 23, 42, 0.92) !important;
}

@media (max-width: 991px) {
    body.glass-layout-body .essentials-hrm-navbar .navbar-collapse {
        border-color: rgba(255, 255, 255, 0.1) !important;
        box-shadow: none;
    }

    body.glass-layout-body:not(.glass-theme) .essentials-hrm-navbar .navbar-collapse {
        border-color: rgba(148, 163, 184, 0.2) !important;
    }

    body.glass-layout-body .essentials-settings-page .pos-tab-container {
        grid-template-columns: 1fr;
    }

    body.glass-layout-body .essentials-settings-page .pos-tab-menu .list-group {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

@media (max-width: 767px) {
    body.glass-layout-body .essentials-settings-page .pos-tab-content [class*="col-"] {
        min-width: 100%;
    }
}

/* Keep browser-printed receipts clean even when launched from glass modals. */
@media print {
    html,
    body,
    body.glass-layout-body,
    body.glass-layout-body.glass-theme,
    body.glass-layout-body:not(.glass-theme),
    body.glass-pos-layout {
        background: #ffffff !important;
        background-image: none !important;
        color: #111827 !important;
        filter: none !important;
        opacity: 1 !important;
        text-shadow: none !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body.glass-layout-body {
        --glass-surface: #ffffff;
        --glass-surface-strong: #ffffff;
        --glass-surface-soft: #ffffff;
        --glass-border: #d1d5db;
        --glass-border-strong: #9ca3af;
        --glass-text-primary: #111827;
        --glass-text-secondary: #374151;
        --glass-text-muted: #6b7280;
        --glass-shadow: none;
        --glass-card-shadow: none;
    }

    .glass-theme-background,
    .glass-theme-background *,
    .modal-backdrop,
    .modal-backdrop.in,
    .modal-backdrop.show,
    body.glass-layout-body .modal,
    body.glass-pos-layout .modal,
    body.glass-layout-body .main-header,
    body.glass-layout-body .main-sidebar,
    body.glass-layout-body .main-footer,
    body.glass-layout-body .content-header,
    body.glass-layout-body .scrolltop,
    body.glass-layout-body .glass-topbar,
    body.glass-layout-body .glass-theme-background,
    body.glass-layout-body .no-print,
    body.glass-layout-body .select2-container--open,
    body.glass-layout-body .daterangepicker,
    body.glass-layout-body .bootstrap-datetimepicker-widget,
    body.glass-layout-body div.dataTables_length,
    body.glass-layout-body div.dataTables_filter,
    body.glass-layout-body div.dataTables_info,
    body.glass-layout-body div.dataTables_paginate,
    body.glass-layout-body div.dt-buttons {
        display: none !important;
    }

    body.glass-layout-body .wrapper,
    body.glass-layout-body .content-wrapper,
    body.glass-layout-body .glass-content-wrapper,
    body.glass-layout-body .glass-main-content,
    body.glass-layout-body .content,
    body.glass-layout-body .row,
    body.glass-layout-body .box,
    body.glass-layout-body .box-header,
    body.glass-layout-body .box-body,
    body.glass-layout-body .box-footer,
    body.glass-layout-body .nav-tabs-custom,
    body.glass-layout-body .nav-tabs-custom > .tab-content,
    body.glass-layout-body .table-responsive,
    body.glass-layout-body .dataTables_wrapper,
    body.glass-layout-body .invoice,
    body.glass-layout-body .print_section,
    body.glass-layout-body #receipt_section,
    body.glass-pos-layout #receipt_section {
        background: #ffffff !important;
        background-image: none !important;
        box-shadow: none !important;
        color: #111827 !important;
        filter: none !important;
        opacity: 1 !important;
        text-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body.glass-layout-body .print_section,
    body.glass-layout-body #receipt_section,
    body.glass-pos-layout #receipt_section {
        display: block !important;
        min-height: auto !important;
        overflow: visible !important;
        position: relative !important;
        z-index: 2147483647 !important;
    }

    body.glass-layout-body #receipt_section:empty,
    body.glass-pos-layout #receipt_section:empty {
        display: none !important;
    }

    body.glass-layout-body .print_section *,
    body.glass-layout-body #receipt_section *,
    body.glass-pos-layout #receipt_section * {
        box-shadow: none !important;
        color: #111827 !important;
        filter: none !important;
        opacity: 1 !important;
        text-shadow: none !important;
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    body.glass-layout-body .print_section table,
    body.glass-layout-body #receipt_section table,
    body.glass-pos-layout #receipt_section table,
    body.glass-layout-body .print_section tr,
    body.glass-layout-body #receipt_section tr,
    body.glass-pos-layout #receipt_section tr,
    body.glass-layout-body .print_section td,
    body.glass-layout-body .print_section th,
    body.glass-layout-body #receipt_section td,
    body.glass-layout-body #receipt_section th,
    body.glass-pos-layout #receipt_section td,
    body.glass-pos-layout #receipt_section th {
        background-color: transparent !important;
    }

    body.glass-layout-body .box,
    body.glass-layout-body .nav-tabs-custom,
    body.glass-layout-body .table-responsive {
        border-color: #d1d5db !important;
    }

    body.glass-layout-body .box-title,
    body.glass-layout-body h1,
    body.glass-layout-body h2,
    body.glass-layout-body h3,
    body.glass-layout-body h4,
    body.glass-layout-body h5,
    body.glass-layout-body h6,
    body.glass-layout-body p,
    body.glass-layout-body span,
    body.glass-layout-body strong,
    body.glass-layout-body th,
    body.glass-layout-body td,
    body.glass-layout-body label {
        color: #111827 !important;
        -webkit-text-fill-color: #111827 !important;
    }

    body.glass-layout-body .text-muted,
    body.glass-layout-body .help-block,
    body.glass-layout-body small {
        color: #4b5563 !important;
        -webkit-text-fill-color: #4b5563 !important;
    }

    body.glass-layout-body .table,
    body.glass-layout-body .table > thead > tr,
    body.glass-layout-body .table > tbody > tr,
    body.glass-layout-body .table > tfoot > tr,
    body.glass-layout-body .table-striped > tbody > tr:nth-of-type(odd),
    body.glass-layout-body .table-hover > tbody > tr:hover {
        background: #ffffff !important;
        background-image: none !important;
        color: #111827 !important;
    }

    body.glass-layout-body .table > thead > tr > th,
    body.glass-layout-body .table > tbody > tr > td,
    body.glass-layout-body .table > tbody > tr > th,
    body.glass-layout-body .table > tfoot > tr > td,
    body.glass-layout-body .table > tfoot > tr > th,
    body.glass-layout-body .table-bordered > thead > tr > th,
    body.glass-layout-body .table-bordered > tbody > tr > td,
    body.glass-layout-body .table-bordered > tbody > tr > th,
    body.glass-layout-body .table-bordered > tfoot > tr > td,
    body.glass-layout-body .table-bordered > tfoot > tr > th {
        background: #ffffff !important;
        background-image: none !important;
        border-color: #d1d5db !important;
        color: #111827 !important;
    }

    body.glass-layout-body .table > thead > tr > th,
    body.glass-layout-body .table > tfoot > tr > td,
    body.glass-layout-body .table > tfoot > tr > th,
    body.glass-layout-body tr.footer-total > td,
    body.glass-layout-body tr.footer-total > th,
    body.glass-layout-body .footer-total > td,
    body.glass-layout-body .footer-total > th,
    body.glass-layout-body .bg-gray {
        background: #f3f4f6 !important;
        background-image: none !important;
        color: #111827 !important;
    }

    body.glass-layout-body .tree-view-table,
    body.glass-layout-body .tree-view-table > thead > tr,
    body.glass-layout-body .tree-view-table > tbody > tr,
    body.glass-layout-body .tree-view-table > tfoot > tr,
    body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal,
    body.glass-layout-body .tree-view-table > tbody > tr.bg-grand-total,
    body.glass-layout-body .tree-view-table > tfoot > tr.bg-grand-total,
    body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal.text-danger,
    body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal.text-info,
    body.glass-layout-body .tree-view-table > tbody > tr.bg-subtotal.text-primary {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        color: #111827 !important;
    }

    body.glass-layout-body .tree-view-table > thead > tr > th,
    body.glass-layout-body .tree-view-table > thead > tr > td,
    body.glass-layout-body .tree-view-table > tbody > tr > th,
    body.glass-layout-body .tree-view-table > tbody > tr > td,
    body.glass-layout-body .tree-view-table > tfoot > tr > th,
    body.glass-layout-body .tree-view-table > tfoot > tr > td {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border-color: #d1d5db !important;
        color: #111827 !important;
    }

    body.glass-layout-body .tree-view-table .treegrid-expander {
        -webkit-text-fill-color: #111827 !important;
        color: #111827 !important;
        filter: none !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }
}