.ah-admin-shell {
    --ah-primary: #3b82f6;
    --ah-primary-hover: #60a5fa;
    --ah-primary-soft: #172b4d;
    --ah-accent: #2dd4bf;
    --ah-sidebar: #0b1220;
    --ah-sidebar-deep: #070c16;
    --ah-sidebar-text: #9aabc4;
    --ah-page-bg: #0b1120;
    --ah-surface: #111a2b;
    --ah-surface-soft: #172238;
    --ah-text: #e8eef8;
    --ah-muted: #91a0b7;
    --ah-border: #25334b;
    --ah-border-strong: #3a4c68;
    --ah-success: #159669;
    --ah-warning: #d99a00;
    --ah-danger: #dc4257;
    --ah-radius-sm: 9px;
    --ah-radius: 14px;
    --ah-radius-lg: 18px;
    --ah-shadow-sm: 0 1px 2px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .16);
    --ah-shadow: 0 18px 45px rgba(0, 0, 0, .3);
    background: var(--ah-page-bg);
    color: var(--ah-text);
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    color-scheme: dark;
}

html:has(.ah-admin-shell),
body.ah-admin-shell {
    background: var(--ah-page-bg) !important;
}

.ah-admin-shell *,
.ah-admin-shell *::before,
.ah-admin-shell *::after {
    box-sizing: border-box;
}

.ah-admin-shell a {
    color: #78adff;
    text-decoration: none;
}

.ah-admin-shell a:hover {
    color: #a8c9ff;
}

.ah-admin-shell h1,
.ah-admin-shell h2,
.ah-admin-shell h3,
.ah-admin-shell h4,
.ah-admin-shell h5,
.ah-admin-shell h6 {
    color: var(--ah-text);
    font-weight: 650;
    letter-spacing: -.025em;
}

.ah-admin-shell .text-muted,
.ah-admin-shell .form-text {
    color: var(--ah-muted) !important;
}

.ah-admin-shell .scoop-wrapper,
.ah-admin-shell .scoop-main-container,
.ah-admin-shell .scoop-content,
.ah-admin-shell .scoop-inner-content {
    background: var(--ah-page-bg);
}

.ah-admin-shell .scoop-header {
    border-bottom: 1px solid var(--ah-border);
    background: var(--ah-sidebar) !important;
    box-shadow: 0 2px 18px rgba(0, 0, 0, .24);
}

.ah-admin-shell .scoop-header .scoop-left-header,
.ah-admin-shell .scoop-navbar {
    background: linear-gradient(180deg, var(--ah-sidebar) 0%, var(--ah-sidebar-deep) 100%) !important;
}

.ah-admin-shell .scoop-header .scoop-left-header {
    border-right: 1px solid rgba(255, 255, 255, .06);
}

.ah-admin-shell .scoop-header .scoop-left-header .scoop-logo,
.ah-admin-shell .scoop-header .scoop-wrapper {
    background: var(--ah-sidebar) !important;
}

.ah-admin-shell .scoop-header:not(.iscollapsed) .kh-brand-icon {
    display: none;
}

.ah-admin-shell .scoop-header .kh-brand-wordmark {
    left: 10px;
    top: 8px;
    width: 190px;
    height: 38px;
    object-fit: contain;
}

.ah-admin-shell .scoop-header.iscollapsed .kh-brand-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.ah-admin-shell .scoop-header .scoop-right-header {
    background: var(--ah-sidebar) !important;
    backdrop-filter: blur(12px);
}

.ah-admin-shell .scoop-header .sidebar_toggle {
    top: 8px;
}

.ah-admin-shell .scoop-header .sidebar_toggle a {
    border: 1px solid transparent;
    border-radius: var(--ah-radius-sm);
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.ah-admin-shell .scoop-header .sidebar_toggle a:hover {
    background: var(--ah-surface-soft);
    border-color: var(--ah-border);
    box-shadow: none;
}

.ah-admin-shell .scoop-navbar {
    border-right: 0;
    box-shadow: 8px 0 28px rgba(15, 23, 42, .08) !important;
}

.ah-admin-shell .scoop-navbar .scoop-inner-navbar {
    padding: 14px 10px;
}

.ah-admin-shell .scoop-navbar .scoop-item > li {
    margin: 4px 0;
}

.ah-admin-shell .scoop-navbar .scoop-item > li > a {
    min-height: 48px;
    margin: 0;
    padding: 12px 14px;
    border-radius: 11px;
    color: var(--ah-sidebar-text) !important;
    font-size: 14px;
    font-weight: 500;
    transition: color .15s ease, background-color .15s ease, transform .15s ease;
}

.ah-admin-shell .scoop-navbar .scoop-item > li > a::before {
    display: none !important;
}

.ah-admin-shell .scoop-navbar .scoop-item > li > a:hover {
    color: #fff !important;
    background: rgba(255, 255, 255, .08) !important;
    transform: translateX(2px);
}

.ah-admin-shell .scoop-navbar .scoop-item > li.active > a {
    color: #fff !important;
    background: linear-gradient(135deg, #3172f2 0%, #215bd1 100%) !important;
    box-shadow: 0 8px 20px rgba(37, 99, 235, .28);
}

.ah-admin-shell .scoop-navbar .scoop-micon {
    width: 30px;
    opacity: .82;
}

.ah-admin-shell .scoop-navbar .scoop-micon img {
    width: 21px;
    height: 21px;
    filter: grayscale(1) brightness(2.25);
    opacity: .8;
}

.ah-admin-shell .scoop-navbar li.active .scoop-micon,
.ah-admin-shell .scoop-navbar a:hover .scoop-micon,
.ah-admin-shell .scoop-navbar li.active .scoop-micon img,
.ah-admin-shell .scoop-navbar a:hover .scoop-micon img {
    opacity: 1;
}

.ah-admin-shell .top-nav-user-container,
.ah-admin-shell .top-nav-user-container-with-comp {
    color: var(--ah-text);
}

.ah-admin-shell .top-nav-user-name-field {
    color: var(--ah-text) !important;
    font-weight: 600;
}

.ah-admin-shell .scoop-inner-content {
    min-height: calc(100vh - 70px);
}

.ah-admin-shell .pms_content {
    bottom: auto;
    min-height: calc(100vh - 70px);
    padding: 24px;
    border-top: 0;
    background: var(--ah-page-bg);
}

.ah-admin-shell .pms_content_header {
    padding: 20px 24px 14px;
    background: var(--ah-page-bg);
}

.ah-admin-shell .pms_header_title {
    bottom: auto;
    padding: 4px 0 0;
    color: var(--ah-text);
    font-size: 27px;
    font-weight: 650;
    letter-spacing: -.035em;
}

.ah-admin-shell .pms-breadcrumb a,
.ah-admin-shell .pms-breadcrumb span {
    color: var(--ah-muted);
}

.ah-admin-shell .content_menu {
    top: 18px;
    right: 24px;
    z-index: 5;
}

.ah-admin-shell .card,
.ah-admin-shell .card-standard,
.ah-admin-shell .report-header__meta,
.ah-admin-shell .invoice-totals-box {
    border: 1px solid var(--ah-border) !important;
    border-radius: var(--ah-radius) !important;
    background: var(--ah-surface);
    color: var(--ah-text);
    box-shadow: var(--ah-shadow-sm) !important;
}

.ah-admin-shell .card-header,
.ah-admin-shell .card-footer {
    border-color: var(--ah-border);
    background: var(--ah-surface) !important;
    color: var(--ah-text);
}

.ah-admin-shell .card-header:first-child {
    border-radius: var(--ah-radius) var(--ah-radius) 0 0;
}

.ah-admin-shell .card-body {
    padding: 1.25rem;
    background: transparent !important;
    color: var(--ah-text) !important;
}

.ah-admin-shell .container_box,
.ah-admin-shell .home_info_box,
.ah-admin-shell .content_info_box,
.ah-admin-shell .report-header-container {
    border-color: var(--ah-border) !important;
    background: var(--ah-surface) !important;
    color: var(--ah-text) !important;
}

.ah-admin-shell .shadow-sm {
    box-shadow: var(--ah-shadow-sm) !important;
}

.ah-admin-shell .border,
.ah-admin-shell .border-top,
.ah-admin-shell .border-bottom,
.ah-admin-shell .border-start,
.ah-admin-shell .border-end {
    border-color: var(--ah-border) !important;
}

.ah-admin-shell .rounded,
.ah-admin-shell .rounded-2,
.ah-admin-shell .rounded-3 {
    border-radius: var(--ah-radius-sm) !important;
}

.ah-admin-shell .form-label {
    margin-bottom: .42rem;
    color: #c6d1e3;
    font-size: 13px;
    font-weight: 600;
}

.ah-admin-shell .form-control,
.ah-admin-shell .form-select,
.ah-admin-shell .input-group-text,
.ah-admin-shell .bootstrap-select > .dropdown-toggle {
    min-height: 42px;
    border-color: var(--ah-border-strong);
    border-radius: var(--ah-radius-sm);
    background-color: #0d1627 !important;
    color: var(--ah-text) !important;
    font-size: 14px;
    box-shadow: none;
}

.ah-admin-shell textarea.form-control {
    min-height: 110px;
}

.ah-admin-shell .form-control:hover,
.ah-admin-shell .form-select:hover {
    border-color: #607493;
}

.ah-admin-shell .form-control:focus,
.ah-admin-shell .form-select:focus,
.ah-admin-shell .bootstrap-select > .dropdown-toggle:focus {
    border-color: var(--ah-primary);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
}

.ah-admin-shell .form-control::placeholder {
    color: #687994;
    opacity: 1;
}

.ah-admin-shell .form-select option {
    background: #0d1627;
    color: var(--ah-text);
}

.ah-admin-shell .form-check-input:checked {
    border-color: var(--ah-primary);
    background-color: var(--ah-primary);
}

.ah-admin-shell .btn {
    min-height: 40px;
    padding: .55rem .95rem;
    border-radius: var(--ah-radius-sm);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    box-shadow: none;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

.ah-admin-shell .btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.ah-admin-shell .btn-primary {
    border-color: var(--ah-primary);
    background: linear-gradient(135deg, #3172f2 0%, var(--ah-primary) 100%);
    box-shadow: 0 6px 14px rgba(37, 99, 235, .2);
    color: #fff !important;
}

.ah-admin-shell .btn-primary .material-icons,
.ah-admin-shell .btn-primary .material-icons-outlined {
    color: #fff !important;
}

.ah-admin-shell .btn-primary:hover,
.ah-admin-shell .btn-primary:focus {
    border-color: var(--ah-primary-hover);
    background: var(--ah-primary-hover);
}

.ah-admin-shell .btn-success {
    border-color: var(--ah-success);
    background: var(--ah-success);
    color: #fff !important;
}

.ah-admin-shell .btn-outline-primary {
    border-color: #426ba8;
    color: #8bb8ff;
}

.ah-admin-shell .btn-outline-primary:hover {
    border-color: var(--ah-primary);
    background: var(--ah-primary-soft);
    color: #d5e5ff;
}

.ah-admin-shell .btn-outline-secondary {
    border-color: var(--ah-border-strong);
    color: #b4c1d4;
}

.ah-admin-shell .btn-outline-secondary:hover {
    border-color: #607493;
    background: var(--ah-surface-soft);
    color: var(--ah-text);
}

.ah-admin-shell .btn-sm {
    min-height: 34px;
    padding: .38rem .65rem;
    font-size: 12px;
}

.ah-admin-shell .btn:disabled,
.ah-admin-shell .btn.disabled {
    border-color: var(--ah-border) !important;
    background: #edf1f6 !important;
    color: #94a3b8 !important;
    opacity: 1;
}

.ah-admin-shell .nav-tabs {
    gap: 5px;
    padding: 5px;
    border: 1px solid var(--ah-border);
    border-radius: 12px;
    background: #0d1627;
}

.ah-admin-shell .nav-tabs .nav-link {
    margin: 0;
    padding: .62rem .9rem;
    border: 0;
    border-radius: 9px;
    color: var(--ah-muted);
    font-weight: 600;
}

.ah-admin-shell .nav-tabs .nav-link:hover {
    color: var(--ah-text);
    background: rgba(255, 255, 255, .05);
}

.ah-admin-shell .nav-tabs .nav-link.active {
    color: #fff;
    background: var(--ah-primary);
    box-shadow: 0 6px 16px rgba(37, 99, 235, .28);
}

.ah-admin-shell .pms_tabs {
    padding: 8px 24px;
    background: var(--ah-page-bg);
}

.ah-admin-shell .dropdown-menu {
    padding: .45rem;
    border: 1px solid var(--ah-border);
    border-radius: 12px;
    background: var(--ah-surface);
    box-shadow: var(--ah-shadow);
    color: var(--ah-text);
}

.ah-admin-shell .dropdown-item {
    padding: .62rem .75rem;
    border-radius: 8px;
    color: var(--ah-text);
    font-size: 14px;
}

.ah-admin-shell .dropdown-item:hover,
.ah-admin-shell .dropdown-item:focus,
.ah-admin-shell .dropdown-item.active {
    background: var(--ah-primary-soft);
    color: var(--ah-primary-hover);
}

.ah-admin-shell .dropdown-divider {
    border-color: var(--ah-border);
}

.ah-admin-shell .table-responsive {
    border: 1px solid var(--ah-border);
    border-radius: 12px;
    background: var(--ah-surface);
}

.ah-admin-shell .table {
    margin-bottom: 0;
    color: var(--ah-text);
    --bs-table-color: var(--ah-text);
    --bs-table-bg: var(--ah-surface);
    --bs-table-striped-color: var(--ah-text);
    --bs-table-striped-bg: var(--ah-surface);
    --bs-table-active-color: var(--ah-text);
    --bs-table-active-bg: #1b2940;
    --bs-table-hover-color: var(--ah-text);
    --bs-table-hover-bg: #172741;
}

.ah-admin-shell .table > :not(caption) > * > * {
    padding: .82rem .9rem;
    border-color: var(--ah-border) !important;
    background-color: var(--ah-surface) !important;
    color: var(--ah-text);
}

.ah-admin-shell .table thead th,
.ah-admin-shell table.dataTable thead th {
    padding: .72rem .9rem !important;
    border-bottom: 1px solid var(--ah-border) !important;
    background: var(--ah-surface-soft) !important;
    color: var(--ah-muted);
    font-size: 12px;
    font-weight: 650;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.ah-admin-shell .table tbody tr,
.ah-admin-shell table.dataTable tbody tr {
    --bs-table-accent-bg: var(--ah-surface) !important;
    background-color: var(--ah-surface) !important;
    transition: background-color .12s ease;
}

.ah-admin-shell .table-hover tbody tr:hover,
.ah-admin-shell table.dataTable tbody tr:hover {
    --bs-table-accent-bg: #172741 !important;
    background: #172741 !important;
}

.ah-admin-shell .table-hover tbody tr:hover > *,
.ah-admin-shell table.dataTable tbody tr:hover > * {
    background-color: #172741 !important;
}

.ah-admin-shell .dataTable {
    top: 0;
    border-color: var(--ah-border);
    border-radius: 12px;
    box-shadow: none;
}

.ah-admin-shell .coloring-pages-table-wrap {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden;
    scrollbar-color: #40516a #0b1322;
    scrollbar-width: thin;
}

.ah-admin-shell .coloring-pages-table-wrap::-webkit-scrollbar {
    height: 10px;
}

.ah-admin-shell .coloring-pages-table-wrap::-webkit-scrollbar-track {
    background: #0b1322;
}

.ah-admin-shell .coloring-pages-table-wrap::-webkit-scrollbar-thumb {
    border: 2px solid #0b1322;
    border-radius: 999px;
    background: #40516a;
}

.ah-admin-shell .coloring-pages-table {
    width: 100%;
    min-width: 1520px;
    table-layout: auto;
}

.ah-admin-shell .coloring-pages-table th,
.ah-admin-shell .coloring-pages-table td {
    border-color: var(--ah-border) !important;
}

.ah-admin-shell .coloring-pages-table th:last-child,
.ah-admin-shell .coloring-pages-table td:last-child {
    position: sticky;
    right: 0;
    z-index: 2;
    width: 190px;
    min-width: 190px;
    background: var(--ah-surface) !important;
    box-shadow: -8px 0 14px rgba(0, 0, 0, .14);
}

.ah-admin-shell .coloring-pages-table th:last-child {
    z-index: 3;
    background: var(--ah-surface-soft) !important;
}

.ah-admin-shell .coloring-pages-table tbody tr:hover td:last-child {
    background: #172741 !important;
}

.ah-admin-shell .dataTables_wrapper .dataTables_length select,
.ah-admin-shell .dataTables_wrapper .dataTables_filter input {
    min-height: 38px;
    border-color: var(--ah-border-strong) !important;
    border-radius: 8px;
    background: #0d1627 !important;
    color: var(--ah-text) !important;
}

.ah-admin-shell .dataTables_wrapper .dataTables_info {
    color: var(--ah-muted) !important;
}

.ah-admin-shell .page-link,
.ah-admin-shell .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 36px;
    margin: 0 2px;
    border: 1px solid var(--ah-border) !important;
    border-radius: 8px !important;
    background: var(--ah-surface) !important;
    color: var(--ah-muted) !important;
    text-align: center;
}

.ah-admin-shell .page-item.active .page-link,
.ah-admin-shell .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-color: var(--ah-primary) !important;
    background: var(--ah-primary) !important;
    color: #fff !important;
}

.ah-admin-shell .badge {
    padding: .38em .62em;
    border-radius: 7px;
    font-weight: 600;
}

.ah-admin-shell .text-bg-primary,
.ah-admin-shell .bg-primary {
    background-color: var(--ah-primary) !important;
}

.ah-admin-shell .text-bg-success,
.ah-admin-shell .bg-success {
    background-color: var(--ah-success) !important;
}

.ah-admin-shell .text-bg-light,
.ah-admin-shell .badge.bg-light {
    border-color: #40516a !important;
    background: #26354d !important;
    color: #d7e2f2 !important;
}

.ah-admin-shell .text-dark {
    color: #d7e2f2 !important;
}

.ah-admin-shell code {
    color: #f08ab5;
}

.ah-admin-shell .alert {
    border-width: 1px;
    border-radius: 12px;
    box-shadow: none;
}

.ah-admin-shell .alert-info {
    border-color: #285680;
    background: #102b45;
    color: #a9d4ff;
}

.ah-admin-shell .alert-success {
    border-color: #25644f;
    background: #102f27;
    color: #9de2c8;
}

.ah-admin-shell .alert-warning {
    border-color: #725d24;
    background: #332a13;
    color: #f3d985;
}

.ah-admin-shell .alert-danger {
    border-color: #783847;
    background: #391c25;
    color: #f2a9b6;
}

.ah-admin-shell .modal-content {
    border: 1px solid var(--ah-border);
    border-radius: var(--ah-radius-lg);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .2);
    background: var(--ah-surface) !important;
    color: var(--ah-text) !important;
}

.ah-admin-shell .modal-header,
.ah-admin-shell .modal-footer {
    border-color: var(--ah-border);
    background: var(--ah-surface) !important;
    color: var(--ah-text) !important;
}

.ah-admin-shell .toast,
.ah-admin-shell .toast-header,
.ah-admin-shell .toast-body {
    border-color: var(--ah-border) !important;
    background: var(--ah-surface) !important;
    color: var(--ah-text) !important;
}

.ah-admin-shell .generator-lightbox-stage {
    background: #080d18 !important;
}

.ah-admin-shell .generator-lightbox-image,
.ah-admin-shell .generator-thumb,
.ah-admin-shell .table .bg-light:has(img) {
    background: #fff !important;
}

.ah-admin-shell .generator-empty {
    color: var(--ah-muted);
}

.ah-admin-shell.dark-theme .scoop-header .scoop-right-header,
.ah-admin-shell.dark-theme .form-control,
.ah-admin-shell.dark-theme .form-select,
.ah-admin-shell.dark-theme .input-group-text,
.ah-admin-shell.dark-theme .dropdown-menu,
.ah-admin-shell.dark-theme .modal-content {
    background: var(--ah-surface) !important;
    color: var(--ah-text);
}

.ah-admin-shell.dark-theme .form-label,
.ah-admin-shell.dark-theme .top-nav-user-name-field,
.ah-admin-shell.dark-theme .dropdown-item {
    color: var(--ah-text);
}

.ah-admin-shell.dark-theme .table-hover tbody tr:hover,
.ah-admin-shell.dark-theme table.dataTable tbody tr:hover {
    background: #172741 !important;
}

@media (max-width: 991.98px) {
    .ah-admin-shell .pms_content {
        padding: 16px;
    }

    .ah-admin-shell .pms_content_header {
        padding: 16px 16px 10px;
    }

    .ah-admin-shell .card-body {
        padding: 1rem;
    }
}

@media (max-width: 575.98px) {
    .ah-admin-shell {
        font-size: 14px;
    }

    .ah-admin-shell .pms_content {
        padding: 12px;
    }

    .ah-admin-shell .pms_header_title {
        font-size: 23px;
    }

    .ah-admin-shell .btn {
        white-space: normal;
    }
}