body.admin-shell {
    --aha-sync-font-ui: "Be Vietnam Pro", "Segoe UI", Arial, sans-serif;
    --aha-sync-font-heading: "Be Vietnam Pro", "Segoe UI", Arial, sans-serif;
    --aha-sync-brand-600: #c81e1e;
    --aha-sync-brand-700: #9f1239;
    --aha-sync-brand-soft: #ffe9ea;
    --aha-sync-ink-900: #0f2940;
    --aha-sync-ink-700: #2f4f67;
    --aha-sync-muted: #5f7488;
    --aha-sync-surface: #ffffff;
    --aha-sync-bg: #eff4f9;
    --aha-sync-border: #d8e3ec;
    --aha-sync-shadow: 0 10px 28px rgba(16, 42, 67, 0.08);
    --aha-sync-radius-sm: 10px;
    --aha-sync-radius-md: 14px;
    --aha-sync-radius-lg: 18px;
    font-family: var(--aha-sync-font-ui);
    color: var(--aha-sync-ink-900);
    background: linear-gradient(180deg, #fff5f5 0%, var(--aha-sync-bg) 42%, #ffffff 100%);
}

body.admin-shell h1,
body.admin-shell h2,
body.admin-shell h3,
body.admin-shell h4,
body.admin-shell h5,
body.admin-shell h6,
body.admin-shell .h1,
body.admin-shell .h2,
body.admin-shell .h3,
body.admin-shell .h4 {
    font-family: var(--aha-sync-font-heading);
    letter-spacing: -0.012em;
    color: var(--aha-sync-ink-900);
}

body.admin-shell .admin-topbar {
    background: linear-gradient(110deg, #7f1d1d 0%, var(--aha-sync-brand-600) 56%, #ef4444 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 24px rgba(8, 34, 26, 0.22);
    z-index: 120 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    padding: 0 10px !important;
}

body.admin-shell .admin-topbar .app-bar-item,
body.admin-shell .admin-topbar .app-bar-item .mif,
body.admin-shell .admin-topbar .app-bar-name,
body.admin-shell .admin-topbar a {
    color: #ffffff !important;
}

body.admin-shell .admin-topbar .app-bar-item {
    border-radius: 999px !important;
}

body.admin-shell .admin-topbar .app-bar-item:hover {
    background: rgba(255, 255, 255, 0.16) !important;
}

body.admin-shell .admin-topbar,
body.admin-shell .admin-topbar .app-bar-container {
    overflow: visible !important;
}

body.admin-shell .admin-topbar .admin-topbar-home {
    margin-left: 0 !important;
}

body.admin-shell .admin-topbar .admin-topbar-title {
    justify-content: flex-start !important;
    margin-right: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1 !important;
}

body.admin-shell .admin-topbar .admin-topbar-brand-mobile {
    display: none;
}

body.admin-shell .admin-topbar > .app-bar-item,
body.admin-shell .admin-topbar > a,
body.admin-shell .admin-topbar > div,
body.admin-shell .admin-topbar > .aha-admin-space-launcher {
    flex: 0 0 auto;
}

body.admin-shell .admin-topbar .app-bar-container {
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

body.admin-shell .admin-quickbar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 10px 18px 12px;
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid var(--aha-sync-border);
    box-shadow: 0 10px 22px rgba(14, 38, 55, 0.05);
    position: sticky;
    top: 52px;
    z-index: 90;
    backdrop-filter: blur(10px);
}

body.admin-shell.admin-avatar-nav-only .admin-quickbar {
    display: none !important;
}

body.admin-shell .admin-quickbar a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: #f3f8fc;
    border: 1px solid #d7e3ec;
    color: #1f4058 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

body.admin-shell .admin-quickbar a:hover {
    background: #eaf4fb;
    border-color: #b7d4e5;
    color: #12364f !important;
    transform: translateY(-1px);
}

.admin-form-shell-wide {
    max-width: 1200px;
}

body.admin-shell .avatar-shortcuts-menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 2px;
}

body.admin-shell .avatar-shortcut-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid #d8e5ef;
    background: #f6fafc;
    color: #1f4058 !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

body.admin-shell .avatar-shortcut-link:hover {
    background: #edf6fb;
    border-color: #b8d4e4;
    color: #133851 !important;
    transform: translateY(-1px);
}


body.admin-shell details.admin-storefront-account {
    position: relative;
    z-index: 10050;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    line-height: normal;
}

body.admin-shell details.admin-storefront-account summary {
    list-style: none;
}

body.admin-shell details.admin-storefront-account summary::-webkit-details-marker {
    display: none;
}

body.admin-shell details.admin-storefront-account > summary.storefront-account__summary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 10px 0 8px;
    border: 1px solid #dce7f2;
    background: #fff;
    border-radius: 999px;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
    box-shadow: 0 10px 22px rgba(16, 42, 67, .12);
}

body.admin-shell details.admin-storefront-account > summary.storefront-account__summary:hover,
body.admin-shell details.admin-storefront-account[open] > summary.storefront-account__summary {
    transform: translateY(-1px);
    background: #fffdfc;
    border-color: #f2b394;
    box-shadow: 0 18px 30px rgba(185, 28, 28, .16);
}

body.admin-shell details.admin-storefront-account .storefront-account__avatar,
body.admin-shell details.admin-storefront-account .storefront-account__profile-avatar {
    border-radius: 999px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    background: linear-gradient(145deg, #fb923c, #f97316);
}

body.admin-shell details.admin-storefront-account .storefront-account__avatar {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
}

body.admin-shell details.admin-storefront-account .storefront-account__profile-avatar {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
}

body.admin-shell details.admin-storefront-account .storefront-account__avatar img,
body.admin-shell details.admin-storefront-account .storefront-account__profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.admin-shell details.admin-storefront-account .storefront-account__meta,
body.admin-shell details.admin-storefront-account .storefront-account__profile-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

body.admin-shell details.admin-storefront-account .storefront-account__meta strong {
    font-size: 13px;
    line-height: 1.2;
    color: #102a43;
}

body.admin-shell details.admin-storefront-account .storefront-account__meta small {
    color: #7c2d12;
    font-size: 11px;
    font-weight: 700;
}

body.admin-shell details.admin-storefront-account .storefront-account__menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: min(390px, calc(100vw - 24px));
    padding: 0;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.985);
    border: 1px solid rgba(24, 35, 45, 0.08);
    box-shadow: 0 24px 40px rgba(16, 42, 67, .18);
    display: none;
    flex-direction: column;
    max-height: min(78vh, 620px);
    overflow: hidden;
}

body.admin-shell details.admin-storefront-account[open] .storefront-account__menu {
    display: flex;
}

body.admin-shell details.admin-storefront-account .storefront-account__profile {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 14px 12px;
    border-bottom: 1px solid rgba(24, 35, 45, 0.08);
    background: #fff7ed;
}

body.admin-shell details.admin-storefront-account .storefront-account__profile-copy {
    gap: 3px;
    flex: 1 1 auto;
}

body.admin-shell details.admin-storefront-account .storefront-account__profile-copy strong {
    font-size: 18px;
    line-height: 1.25;
    color: #102a43;
}

body.admin-shell details.admin-storefront-account .storefront-account__profile-copy small {
    font-size: 14px;
    color: #627d98;
}

body.admin-shell details.admin-storefront-account .storefront-account__profile-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    width: fit-content;
    padding: 0 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

body.admin-shell details.admin-storefront-account .storefront-account__space-list {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
}

body.admin-shell details.admin-storefront-account .gh-admin-dropdown {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu > li.item-header {
    margin: 10px 2px 2px;
    color: #6b7280;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu > li > a,
body.admin-shell details.admin-storefront-account .admin-storefront-account__link {
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid #f3b58c;
    background: #fff7ed;
    color: #9a3412 !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 14px;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}

body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu > li > a:hover,
body.admin-shell details.admin-storefront-account .admin-storefront-account__link:hover {
    background: #ffedd5;
    border-color: #f97316;
    color: #7c2d12 !important;
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(24, 35, 45, 0.10);
}

body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu > li.active > a,
body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu > li > a.active {
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    border-color: #b91c1c;
    color: #fff !important;
}

body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu .icon,
body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu .caption {
    color: inherit;
}

body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu .icon {
    width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
}

body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu > li > a .caption {
    flex: 1 1 auto;
}

body.admin-shell details.admin-storefront-account .gh-admin-dropdown .navview-menu ul.navview-menu {
    margin-top: 8px;
    padding-left: 12px;
}

body.admin-shell details.admin-storefront-account .admin-storefront-account__link-secondary {
    background: #ffffff;
    border-color: #dbe6ef;
    color: #334155 !important;
}

body.admin-shell details.admin-storefront-account .admin-storefront-account__link-secondary:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a !important;
}

body.admin-shell details.admin-storefront-account .storefront-account__footer {
    margin-top: auto;
    padding: 10px 12px 12px;
    border-top: 1px solid rgba(24, 35, 45, 0.08);
    background: #fff;
}

body.admin-shell details.admin-storefront-account .storefront-account__logout {
    min-height: 44px;
    border-radius: 12px;
    border: 1px solid #b91c1c;
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    cursor: pointer;
}

body.admin-shell details.admin-storefront-account .storefront-account__logout:hover {
    filter: brightness(.98);
}

@media (max-width: 767.98px) {
    body.admin-shell details.admin-storefront-account {
        margin-left: 6px;
    }

    body.admin-shell details.admin-storefront-account > summary.storefront-account__summary {
        padding-right: 8px;
    }

    body.admin-shell details.admin-storefront-account .storefront-account__meta {
        max-width: 128px;
    }

    body.admin-shell details.admin-storefront-account .storefront-account__menu {
        width: min(360px, calc(100vw - 16px));
    }
}

body.admin-shell #admin-avatar-shell.admin-shop-dd {
    position: relative;
    z-index: 10050;
    margin-left: 8px;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-avatar-btn {
    border: 1px solid #dce7f2 !important;
    background: #fff !important;
    border-radius: 999px !important;
    min-height: 46px;
    padding: 4px 12px 4px 4px !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: .2s ease;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-avatar-btn:hover,
body.admin-shell #admin-avatar-shell.admin-shop-dd.open .admin-shop-avatar-btn {
    background: #ffffff !important;
    border-color: #9dc6ad !important;
    box-shadow: 0 8px 22px rgba(13, 143, 91, .16);
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-avatar-image {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #dce7f2;
    background: #f3f6fa;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-avatar-name {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 800;
    font-size: 14px;
    color: #163049 !important;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-avatar-caret {
    color: #5f7488;
    font-size: 12px;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(390px, 92vw);
    background: #fff;
    border: 1px solid #dce7f2;
    border-radius: var(--aha-sync-radius-md);
    box-shadow: 0 24px 40px rgba(16, 42, 67, .18);
    overflow: hidden;
    z-index: 10051;
    max-height: calc(100vh - 72px);
    max-height: calc(100dvh - 72px);
    display: none;
    flex-direction: column;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd.open .admin-shop-menu {
    display: flex;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-head {
    padding: 14px 16px;
    background: linear-gradient(135deg, rgba(13, 143, 91, .12), rgba(18, 163, 106, .08));
    border-bottom: 1px solid #dce7f2;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-title {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    color: #0f2940;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-sub {
    margin-top: 4px;
    font-size: 13px;
    color: #2f4f67;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-role-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-role-pill {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.01em;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-role-pill-primary {
    background: #eaf7ef;
    color: #145035;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-role-pill-scope {
    background: #eef5fb;
    color: #2b5878;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-help {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.5;
    color: #5b7183;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body {
    overflow: auto;
    flex: 1 1 auto;
    min-height: 0;
    padding: 6px 0;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body .gh-admin-dropdown {
    padding: 0 0 4px;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body .gh-admin-dropdown .navview-menu {
    padding: 6px 10px 12px;
    background: transparent;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body .gh-admin-dropdown .navview-menu > li.item-header {
    margin: 12px 6px 6px;
    color: #6a7f92;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body .gh-admin-dropdown .navview-menu > li > a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 12px;
    color: #0f2940 !important;
    font-weight: 600;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body .gh-admin-dropdown .navview-menu > li > a:hover {
    background: #f6f7fb;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body .gh-admin-dropdown .navview-menu > li.active > a,
body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body .gh-admin-dropdown .navview-menu > li > a.active {
    background: #ffe9ea;
    color: #b91c1c !important;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body .gh-admin-dropdown .navview-menu .icon {
    color: #c81e1e;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body .gh-admin-dropdown .navview-menu .caption {
    color: inherit;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body .gh-admin-dropdown .navview-menu ul.navview-menu {
    padding: 6px 6px 6px 22px;
    margin-top: 6px;
    margin-bottom: 4px;
    border-radius: 12px;
    background: #f9fbfd;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-group-title {
    margin: 10px 16px 6px;
    color: #5f7488;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 40px;
    padding: 0 16px;
    color: #1f3f58 !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-item:hover {
    background: #f6fbff;
    color: #113954 !important;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-item.active {
    background: #eaf7ef;
    color: #145035 !important;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-avatar-nav-menu {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-avatar-menu-item.level-1 {
    padding-left: 28px;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-badge {
    font-size: 11px;
    color: #5f7488;
    font-weight: 700;
    white-space: nowrap;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-footer {
    padding: 10px 16px 14px;
    border-top: 1px solid #e6eef7;
    background: #fcfdff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    flex: 0 0 auto;
    align-items: stretch;
    position: relative;
    z-index: 2;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-btn {
    width: 100% !important;
    min-height: 42px;
    height: 42px;
    margin: 0 !important;
    padding: 0 14px !important;
    box-sizing: border-box;
    line-height: 1;
    border-radius: 10px !important;
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 800;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    white-space: nowrap;
    user-select: none;
    -webkit-appearance: none;
    appearance: none;
    pointer-events: auto;
    cursor: pointer;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-btn-light {
    background: #eceff3 !important;
    border-color: #dce4ee !important;
    color: #486177 !important;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-btn-danger {
    background: #db2f2f !important;
    border-color: #cb3e3e !important;
    color: #ffffff !important;
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-btn:hover {
    filter: brightness(0.98);
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-btn:active {
    transform: translateY(0);
}

body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-btn:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.22);
}

body.admin-shell .bg-emerald {
    background-color: #b91c1c !important;
}

body.admin-shell .bg-lightEmerald {
    background-color: #ef4444 !important;
}

body.admin-shell .bg-lightEmerald-hover:hover,
body.admin-shell .bg-lightEmerald-hover:focus {
    background-color: #dc2626 !important;
}

body.admin-shell #nv .navview-pane {
    background: #f9fbfd !important;
    border-right: 1px solid var(--aha-sync-border) !important;
}

body.admin-shell.admin-avatar-nav-only #nv .navview-pane {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    border-right: 0 !important;
}

body.admin-shell.admin-avatar-nav-only .navview-pane {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    border-right: 0 !important;
}

body.admin-shell.admin-avatar-nav-only #nv .navview-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
}

body.admin-shell.admin-avatar-nav-only .navview-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
}

body.admin-shell.admin-avatar-nav-only #paneToggle,
body.admin-shell.admin-avatar-nav-only #admin-ui-density-toggle {
    display: none !important;
}

body.admin-shell #nv .navview-pane > .d-flex.flex-align-center {
    background: #ffffff !important;
    border-bottom: 1px solid var(--aha-sync-border) !important;
    box-shadow: 0 8px 16px rgba(12, 38, 58, 0.04) !important;
    min-height: 60px;
    height: 60px;
}

body.admin-shell #nv .navview-pane .pull-button,
body.admin-shell #nv .navview-pane .pull-button .mif-menu {
    color: #567189 !important;
}

body.admin-shell #nv .navview-pane .app-title {
    color: #123148 !important;
    font-family: var(--aha-sync-font-heading);
    font-weight: 800 !important;
    font-size: 1.28rem !important;
}

body.admin-shell #nv .navview-pane .admin-left-subtitle {
    font-family: var(--aha-sync-font-ui);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b8092;
    font-weight: 700;
    margin-top: 2px;
}

body.admin-shell #nv .navview-pane .admin-left-role-scope {
    font-family: var(--aha-sync-font-ui);
    font-size: 10px;
    letter-spacing: 0.04em;
    color: #90a3b4;
    font-weight: 700;
    margin-top: 2px;
}

body.admin-shell .admin-nav-space-summary {
    margin: 14px 14px 6px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid #dbe7f1;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 12px 26px rgba(12, 38, 58, 0.08);
}

body.admin-shell .admin-nav-space-summary-eyebrow {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6d8194;
}

body.admin-shell .admin-nav-space-summary-title {
    margin-top: 6px;
    color: #14324a;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 800;
}

body.admin-shell .admin-nav-space-summary-account {
    margin-top: 8px;
    color: #5e7488;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

body.admin-shell .admin-nav-space-summary-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
}

body.admin-shell .admin-nav-space-summary .aha-space-launcher__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid #dbe6ef;
    background: #ffffff;
    color: #102a43 !important;
    text-decoration: none;
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

body.admin-shell .admin-nav-space-summary .aha-space-launcher__link:hover {
    border-color: #bfd3e4;
    background: #f8fbff;
    box-shadow: 0 10px 22px rgba(18, 49, 72, 0.08);
    transform: translateY(-1px);
}

body.admin-shell .admin-nav-space-summary .aha-space-launcher__link.is-active {
    border-color: #16a34a;
    background: #f0fdf4;
}

body.admin-shell .admin-nav-space-summary .aha-space-launcher__link.is-request {
    border-color: #fed7aa;
    background: #fff7ed;
}

body.admin-shell .admin-nav-space-summary .aha-space-launcher__copy {
    min-width: 0;
}

body.admin-shell .admin-nav-space-summary .aha-space-launcher__copy strong {
    display: block;
    color: #123148;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}

body.admin-shell .admin-nav-space-summary .aha-space-launcher__copy span {
    display: block;
    margin-top: 2px;
    color: #637b90;
    font-size: 11px;
    line-height: 1.45;
    font-weight: 700;
}

body.admin-shell .admin-nav-space-summary .aha-space-launcher__chevron {
    color: #8aa0b3;
    font-size: 22px;
    line-height: 1;
    flex: 0 0 auto;
}

body.admin-shell #nv .navview-menu {
    padding: 12px 10px 88px;
}

body.admin-shell #nv .navview-menu .item-header {
    margin: 12px 8px 7px;
    padding: 7px 10px;
    border-radius: 11px;
    border: 1px dashed #d6e1ea;
    color: #708398 !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    background: #fdfefe !important;
}

body.admin-shell #nv .navview-menu li a {
    margin: 4px 6px;
    border-radius: 13px;
    min-height: 46px;
    color: #26455c !important;
    background: transparent !important;
    border: 1px solid transparent;
    font-weight: 700;
}

body.admin-shell #nv .navview-menu li a .icon {
    color: #5f788d !important;
}

body.admin-shell #nv .navview-menu li a:hover {
    background: #eef5fb !important;
    color: #17374d !important;
}

body.admin-shell #side-menu li.has-submenu > a {
    position: relative;
    padding-right: 42px !important;
}

body.admin-shell #side-menu li.has-submenu > a::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #7990a2;
    border-bottom: 2px solid #7990a2;
    transform: translateY(-62%) rotate(45deg);
    transition: transform .18s ease, border-color .18s ease;
}

body.admin-shell #side-menu li.has-submenu.open > a::after,
body.admin-shell #side-menu li.has-submenu.active-branch > a::after {
    transform: translateY(-30%) rotate(225deg);
    border-color: #145035;
}

body.admin-shell #side-menu li.has-submenu > ul.navview-menu {
    display: none;
    margin: 0 8px 8px 14px;
    padding: 4px 0 4px 14px;
    border-left: 2px solid #d9e6ef;
    background: transparent !important;
}

body.admin-shell #side-menu li.has-submenu.open > ul.navview-menu,
body.admin-shell #side-menu li.has-submenu.active-branch > ul.navview-menu {
    display: block;
}

body.admin-shell #side-menu li.has-submenu > ul.navview-menu > li > a {
    min-height: 38px;
    margin: 2px 0 2px 6px;
    border-radius: 10px;
    padding-left: 12px;
    font-size: 13px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.72) !important;
}

body.admin-shell #nv .navview-menu li.active > a {
    background: var(--aha-sync-brand-soft) !important;
    color: #145035 !important;
    border-color: #c9e7d4;
}

body.admin-shell #nv .navview-menu li.active > a .icon {
    color: #0f6d3f !important;
}

body.admin-shell .admin-content-inner {
    background: transparent !important;
    padding: 70px 22px 32px !important;
}

body.admin-shell .admin-page {
    max-width: 1540px;
}

body.admin-shell .admin-page > .p-3 > h4,
body.admin-shell .admin-page .aha-admin-page-title {
    font-family: var(--aha-sync-font-heading);
    font-size: clamp(1.1rem, 1.55vw, 1.42rem);
    line-height: 1.2;
    font-weight: 800;
    color: #15314a;
    margin-bottom: 12px;
}

body.admin-shell .admin-page .bridge-page-title {
    font-family: var(--aha-sync-font-heading);
    font-size: clamp(1.15rem, 1.7vw, 1.5rem);
    color: #133048;
    font-weight: 800;
    margin-bottom: 12px;
}

body.admin-shell .admin-page .aha-admin-head {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 12px;
}

body.admin-shell .admin-page .aha-admin-head h4 {
    margin: 0 0 6px;
}

body.admin-shell .admin-page .aha-admin-meta {
    color: #6c8093;
    font-weight: 500;
}

body.admin-shell .admin-page .aha-admin-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.admin-shell .admin-page .aha-admin-kpi {
    border-radius: 999px;
    border: 1px solid #d6e3ee;
    background: #f8fbff;
    color: #2b4961;
    min-height: 38px;
    padding: 8px 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.admin-shell .admin-page .aha-admin-kpi .value {
    color: #1b3f5a;
}

body.admin-shell .admin-page .aha-admin-control-card {
    border: 1px solid var(--aha-sync-border);
    border-radius: var(--aha-sync-radius-lg);
    background: #ffffff;
    box-shadow: var(--aha-sync-shadow);
    padding: 10px;
    margin-bottom: 12px;
}

body.admin-shell .admin-page .aha-admin-control-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

body.admin-shell .admin-page .aha-admin-search-wrap {
    position: relative;
    flex: 1 1 260px;
    min-width: 220px;
}

body.admin-shell .admin-page .aha-admin-search-wrap .mif-search {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #6b8092;
    z-index: 2;
    pointer-events: none;
}

body.admin-shell .admin-page .aha-admin-control-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

body.admin-shell .admin-page .aha-admin-native-input,
body.admin-shell .admin-page .aha-admin-native-select {
    width: 100%;
    min-height: 42px;
    border: 1px solid var(--aha-sync-border);
    border-radius: 12px;
    background: #ffffff;
    color: #28485f;
    font-weight: 600;
    padding: 0 12px;
    outline: none;
}

body.admin-shell .admin-page .aha-admin-search-wrap .aha-admin-native-input {
    padding-left: 38px;
}

body.admin-shell .admin-page .aha-admin-native-input:focus,
body.admin-shell .admin-page .aha-admin-native-select:focus {
    border-color: #8ac9a5;
    box-shadow: 0 0 0 0.18rem rgba(22, 163, 74, 0.16);
}

body.admin-shell .admin-page .aha-admin-toolbar {
    position: sticky !important;
    top: 2px !important;
    width: 100% !important;
    z-index: 24 !important;
    margin-bottom: 12px;
}

body.admin-shell .admin-page .aha-admin-toolbar .h-menu {
    min-height: 56px;
    padding: 8px 10px;
    border: 1px solid var(--aha-sync-border);
    border-radius: var(--aha-sync-radius-lg);
    box-shadow: var(--aha-sync-shadow);
    background: #ffffff !important;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

body.admin-shell .admin-page .aha-admin-toolbar .h-menu > li > a,
body.admin-shell .admin-page .aha-admin-toolbar .h-menu > li > .button {
    min-height: 38px;
    height: 38px;
    line-height: 36px;
    border-radius: 11px;
    font-weight: 700;
    color: #24445b !important;
    background: #f8fbff !important;
    border: 1px solid #d9e5ef !important;
    padding: 0 12px;
}

body.admin-shell .admin-page .aha-admin-toolbar .h-menu > li > a:hover,
body.admin-shell .admin-page .aha-admin-toolbar .h-menu > li > .button:hover {
    background: #eef7ff !important;
    color: #173952 !important;
    border-color: #c8daea !important;
}

body.admin-shell .admin-page .aha-admin-toolbar-search {
    position: sticky !important;
    top: 6px !important;
    width: min(280px, 100%) !important;
    margin-left: auto;
    z-index: 25 !important;
}

body.admin-shell .admin-page .aha-admin-toolbar-search .input input {
    min-height: 40px;
    border-radius: 11px !important;
}

body.admin-shell .admin-page .aha-admin-select {
    border-radius: 11px !important;
    border: 1px solid var(--aha-sync-border) !important;
    min-height: 42px !important;
}

body.admin-shell .admin-page .aha-admin-section {
    padding: 2px !important;
}

body.admin-shell .admin-page .aha-admin-grid {
    border: 1px solid var(--aha-sync-border) !important;
    border-radius: var(--aha-sync-radius-lg) !important;
    box-shadow: var(--aha-sync-shadow) !important;
    background: #ffffff !important;
    overflow: auto !important;
}

body.admin-shell .admin-page #table-main {
    border: 1px solid var(--aha-sync-border);
    border-radius: var(--aha-sync-radius-lg);
    background: #ffffff;
    box-shadow: var(--aha-sync-shadow);
    padding: 4px;
    overflow: auto;
}

body.admin-shell .admin-page #table-main .table {
    margin-bottom: 0;
}

body.admin-shell .admin-page ul[data-role="tabs"] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
    padding: 6px;
    border: 1px solid var(--aha-sync-border);
    border-radius: 999px;
    background: #ffffff;
    box-shadow: var(--aha-sync-shadow);
    list-style: none;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.admin-shell .admin-page ul[data-role="tabs"] > li {
    margin: 0;
}

body.admin-shell .admin-page ul[data-role="tabs"] > li > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid #d9e5ef;
    background: #f8fbff;
    color: #24445b !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

body.admin-shell .admin-page ul[data-role="tabs"] > li > a:hover {
    background: #eef7ff;
    border-color: #c8daea;
    color: #173952 !important;
}

body.admin-shell .admin-page ul[data-role="tabs"] > li.active > a,
body.admin-shell .admin-page ul[data-role="tabs"] > li > a.active {
    background: linear-gradient(135deg, var(--aha-sync-brand-700), var(--aha-sync-brand-600));
    border-color: #9f1239;
    color: #ffffff !important;
}

body.admin-shell .admin-page .h-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    border-radius: var(--aha-sync-radius-lg);
    border: 1px solid var(--aha-sync-border);
    background: #ffffff;
    box-shadow: var(--aha-sync-shadow);
    margin: 0 0 12px;
}

body.admin-shell .admin-page .h-menu.bg-transparent,
body.admin-shell .admin-page .table .h-menu,
body.admin-shell .admin-page .bg-white .h-menu.bg-transparent {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    margin: 0;
    gap: 6px;
}

body.admin-shell .admin-page .h-menu.bg-transparent > li > a,
body.admin-shell .admin-page .table .h-menu > li > a,
body.admin-shell .admin-page .table .h-menu > li > .button {
    min-height: 30px;
    padding: 0 8px;
    border-radius: 8px !important;
}

body.admin-shell .admin-page .h-menu > li {
    margin: 0;
}

body.admin-shell .admin-page .h-menu > li > a,
body.admin-shell .admin-page .h-menu > li > .button,
body.admin-shell .admin-page .h-menu > li > .link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 12px;
    border-radius: 10px !important;
    border: 1px solid #d9e5ef !important;
    background: #f8fbff !important;
    color: #24445b !important;
    font-weight: 700;
    text-decoration: none !important;
}

body.admin-shell .admin-page .h-menu > li > a:hover,
body.admin-shell .admin-page .h-menu > li > .button:hover,
body.admin-shell .admin-page .h-menu > li > .link:hover {
    background: #eef7ff !important;
    border-color: #c8daea !important;
    color: #173952 !important;
}

body.admin-shell .admin-page .h-menu .bd-gray.border.bd-default {
    width: 1px !important;
    min-width: 1px !important;
    height: 28px !important;
    margin: 0 4px !important;
    border: 0 !important;
    background: #d8e3ec !important;
    border-radius: 999px !important;
    align-self: center;
}

body.admin-shell .admin-page .h-menu input[type="image"] {
    width: 36px !important;
    height: 36px !important;
    padding: 6px !important;
    border-radius: 10px !important;
    border: 1px solid #d9e5ef !important;
    background: #f8fbff !important;
}

body.admin-shell .admin-page .h-menu input[type="image"]:hover {
    background: #eef7ff !important;
    border-color: #c8daea !important;
}

body.admin-shell .admin-page .button.success,
body.admin-shell .admin-page .button.success:hover {
    background: var(--aha-sync-brand-600) !important;
    border-color: var(--aha-sync-brand-700) !important;
    color: #ffffff !important;
}

body.admin-shell .admin-page .button.warning,
body.admin-shell .admin-page .button.warning:hover {
    background: #f59e0b !important;
    border-color: #d97706 !important;
    color: #ffffff !important;
}

body.admin-shell .admin-page .button.light,
body.admin-shell .admin-page .button.link {
    background: #f3f6fb !important;
    border-color: #d5e1ec !important;
    color: #37556e !important;
}

body.admin-shell .admin-page .button.light:hover,
body.admin-shell .admin-page .button.link:hover {
    background: #e9f0f7 !important;
    border-color: #c7d6e4 !important;
    color: #1f3f58 !important;
}

body.admin-shell .admin-page .table thead th,
body.admin-shell .admin-page .table thead td {
    background: #f6f8fb !important;
    color: #2a4b64 !important;
    font-weight: 800 !important;
    border-bottom: 1px solid #dbe7f0 !important;
}

body.admin-shell .admin-page .table tr:hover {
    background: #f9fbff;
}

body.admin-shell .admin-page .table td,
body.admin-shell .admin-page .table th {
    border-color: #e0e8f1 !important;
}

body.admin-shell .admin-page .checkbox-table,
body.admin-shell .admin-page .checkbox-table-tdv,
body.admin-shell .admin-page .checkbox-table-ghichu,
body.admin-shell .admin-page .checkbox-table-hinhanh,
body.admin-shell .admin-page .checkbox-table-donthuoc {
    text-align: center;
    width: 36px;
    min-width: 36px;
}

body.admin-shell .admin-page .input,
body.admin-shell .admin-page .select,
body.admin-shell .admin-page .textarea {
    border-radius: 12px !important;
    border: 1px solid var(--aha-sync-border) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.admin-shell .admin-page .input input,
body.admin-shell .admin-page .input select,
body.admin-shell .admin-page .select select,
body.admin-shell .admin-page .textarea textarea {
    min-height: 40px;
    font-weight: 600;
    color: #24445b !important;
}

body.admin-shell .admin-page .input .prepend,
body.admin-shell .admin-page .input .append {
    color: #6b8092 !important;
    background: #f3f6fb !important;
    border-right: 1px solid #dbe7f0 !important;
    border-left: 1px solid #dbe7f0 !important;
    padding: 0 12px !important;
}

body.admin-shell .admin-page .input .prepend .mif,
body.admin-shell .admin-page .input .append .mif {
    color: inherit !important;
}

body.admin-shell .admin-page .input input:focus,
body.admin-shell .admin-page .select select:focus,
body.admin-shell .admin-page .textarea textarea:focus {
    border-color: #d97706 !important;
    box-shadow: 0 0 0 0.18rem rgba(185, 28, 28, 0.16) !important;
}

body.admin-shell .admin-page .bg-white.border {
    border-color: var(--aha-sync-border) !important;
    border-radius: var(--aha-sync-radius-lg) !important;
    box-shadow: var(--aha-sync-shadow);
}

body.admin-shell .admin-page .border-bottom {
    border-bottom: 1px solid #dbe7f0 !important;
}

body.admin-shell .admin-page #main-content {
    border: 1px solid var(--aha-sync-border);
    border-radius: var(--aha-sync-radius-lg);
    background: #ffffff;
    box-shadow: var(--aha-sync-shadow);
    padding: 12px;
}

body.admin-shell div[id^="form_"] {
    background-image: none !important;
    background: rgba(9, 26, 41, 0.45) !important;
    backdrop-filter: blur(2px);
    padding: 12px !important;
}

body.admin-shell div[id^="form_"] > div {
    margin: 0 auto !important;
}

body.admin-shell div[id^="form_"] .bg-white.border,
body.admin-shell div[id^="form_"] .bg-white.border.bd-transparent {
    border-radius: 16px !important;
    box-shadow: 0 28px 46px rgba(16, 42, 67, 0.2) !important;
    border: 1px solid #d7e4ee !important;
}

body.admin-shell div[id^="form_"] h5 {
    font-family: var(--aha-sync-font-heading);
    font-weight: 800;
    color: #14324b;
}

body.admin-shell div[id^="form_"] hr {
    border-top: 1px solid #e3ebf2;
}

body.admin-shell .bg-dark.fixed-top.h-100.w-100 {
    background: rgba(9, 26, 41, 0.6) !important;
    backdrop-filter: blur(2px);
}

body.admin-shell .activity-atom {
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.18));
}

body.admin-shell div[id^="form_"] a[title="Đóng"] {
    width: 36px;
    height: 36px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff3f3;
    border: 1px solid #f4c6c6;
}

body.admin-shell div[id^="form_"] a[title="Đóng"] .mif-cross {
    font-size: 1rem !important;
}

body.admin-shell .admin-page label,
body.admin-shell .admin-page .fw-600 {
    color: #29475f !important;
    font-weight: 700 !important;
}

body.admin-shell .admin-page .badge,
body.admin-shell .admin-page .badges .badge {
    border-radius: 999px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
}

body.admin-shell .admin-page .data-wrapper code,
body.admin-shell .admin-page code.bg-cyan,
body.admin-shell .admin-page code.bg-green,
body.admin-shell .admin-page code.bg-red,
body.admin-shell .admin-page code.bg-orange {
    border-radius: 999px !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    padding: 2px 8px !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

body.admin-shell .admin-page .icon.bg-cyan,
body.admin-shell .admin-page .icon.bg-green,
body.admin-shell .admin-page .icon.bg-red,
body.admin-shell .admin-page .icon.bg-orange {
    border-radius: 14px !important;
    box-shadow: 0 8px 16px rgba(14, 38, 55, 0.12);
}

body.admin-shell .admin-page .text-leader,
body.admin-shell .admin-page .text-leader2,
body.admin-shell .admin-page .text-right,
body.admin-shell .admin-page .text-bold {
    font-variant-numeric: tabular-nums;
}

body.admin-shell .admin-page .button {
    border-radius: 10px !important;
    min-height: 36px;
    font-weight: 700;
    border: 1px solid #d9e5ef;
    background: #f8fbff;
    color: #24445b !important;
}

body.admin-shell .admin-page .button:hover,
body.admin-shell .admin-page .button:focus {
    background: #eef7ff;
    border-color: #c8daea;
    color: #173952 !important;
}

body.admin-shell .admin-page .button.small {
    min-height: 32px;
    font-size: 12px;
    padding: 4px 10px;
}

body.admin-shell .admin-page .button.dark {
    background: #1f2937 !important;
    border-color: #111827 !important;
    color: #ffffff !important;
}

body.admin-shell .admin-page .button.dark:hover,
body.admin-shell .admin-page .button.dark:focus {
    background: #111827 !important;
}

body.admin-shell .admin-page .aha-admin-grid .bcorn-fix-title-table,
body.admin-shell .admin-page .aha-admin-grid .table {
    margin-bottom: 0;
}

body.admin-shell .admin-page .aha-admin-card {
    background: #ffffff;
    border: 1px solid var(--aha-sync-border);
    border-radius: var(--aha-sync-radius-lg);
    box-shadow: var(--aha-sync-shadow);
}

body.admin-shell .admin-page .admin-settings-grid [data-role="panel"] {
    background: #ffffff;
    border: 1px solid var(--aha-sync-border);
    border-radius: var(--aha-sync-radius-lg);
    box-shadow: var(--aha-sync-shadow);
    overflow: hidden;
}

body.admin-shell .admin-page .admin-settings-grid [data-role="panel"] .panel-title,
body.admin-shell .admin-page .admin-settings-grid [data-role="panel"] .heading {
    border-bottom: 1px solid #e6eef5;
}

body.admin-shell .admin-page .profile-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0 16px;
}

body.admin-shell .admin-page .profile-tab {
    border: 1px solid #d3e1ec;
    border-radius: 999px;
    padding: 8px 14px;
    color: #2a4b64;
    background: #ffffff;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
}

body.admin-shell .admin-page .profile-tab:hover {
    background: #f2f8ff;
    border-color: #c7dbeb;
    color: #173e59;
}

body.admin-shell .admin-page .profile-tab.active {
    background: linear-gradient(135deg, var(--aha-sync-brand-700), var(--aha-sync-brand-600));
    border-color: #167645;
    color: #ffffff !important;
}

body.admin-shell .admin-page .aha-row-actions-trigger {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    border-radius: 10px !important;
    border: 1px solid #d3e0eb !important;
    color: #36556d !important;
    background: #f7fbff !important;
    padding: 0 !important;
}

body.admin-shell .admin-page .aha-row-actions-trigger:hover {
    background: #ebf5ff !important;
    border-color: #c3d7e8 !important;
}

body.admin-shell #admin-quick-shell.admin-quick-dd {
    position: relative;
    z-index: 10050;
    margin-right: 6px;
}

body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-btn {
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: transparent;
    color: #ffffff;
    border-radius: 999px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s ease;
}

body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-btn:hover,
body.admin-shell #admin-quick-shell.admin-quick-dd.open .admin-quick-btn {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.6);
}

body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(320px, 90vw);
    background: #ffffff;
    border: 1px solid #dce7f2;
    border-radius: var(--aha-sync-radius-md);
    box-shadow: 0 24px 40px rgba(16, 42, 67, .18);
    overflow: hidden;
    display: none;
    z-index: 10051;
    max-height: calc(100vh - 110px);
    max-height: calc(100dvh - 110px);
    overflow-y: auto;
}

body.admin-shell #admin-quick-shell.admin-quick-dd.open .admin-quick-menu {
    display: block;
}

body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-list {
    list-style: none;
    padding: 8px 0;
    margin: 0;
}

body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-list li a {
    display: block;
    padding: 10px 16px;
    color: #111111 !important;
    font-weight: 600;
}

body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-list li a:hover {
    background: #f4f9ff;
}

body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-divider {
    height: 1px;
    background: #e4edf5;
    margin: 6px 0;
}

@media (max-width: 767.98px) {
    body.admin-shell.admin-avatar-nav-only #nv .navview-pane,
    body.admin-shell.admin-avatar-nav-only .navview-pane {
        display: block !important;
        width: min(88vw, 340px) !important;
        min-width: min(88vw, 340px) !important;
        max-width: min(88vw, 340px) !important;
        border-right: 1px solid var(--aha-sync-border) !important;
    }

    body.admin-shell.admin-avatar-nav-only #nv .navview-content,
    body.admin-shell.admin-avatar-nav-only .navview-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }

    body.admin-shell {
        --aha-admin-mobile-circle-size: 40px;
        --aha-admin-mobile-logo-width: calc(100vw - 172px);
    }

    body.admin-shell .admin-topbar {
        padding: 0 6px !important;
        display: flex;
        align-items: center;
        gap: 6px;
        overflow: visible !important;
    }

    body.admin-shell .admin-topbar > .app-bar-item,
    body.admin-shell .admin-topbar > .space-launcher-shell,
    body.admin-shell .admin-topbar > .space-launcher,
    body.admin-shell .admin-topbar > [id$="spaceLauncher"] {
        display: none !important;
    }

    body.admin-shell .admin-topbar #paneToggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: var(--aha-admin-mobile-circle-size);
        min-width: var(--aha-admin-mobile-circle-size);
        height: var(--aha-admin-mobile-circle-size);
        min-height: var(--aha-admin-mobile-circle-size);
        margin: 0 6px 0 0;
        padding: 0 !important;
        border-radius: 999px !important;
        border: 1px solid rgba(255, 255, 255, 0.26);
        background: rgba(255, 255, 255, 0.14) !important;
        box-shadow: none !important;
        position: relative;
        z-index: 2;
    }

    body.admin-shell .admin-topbar #paneToggle:hover {
        background: rgba(255, 255, 255, 0.22) !important;
        border-color: rgba(255, 255, 255, 0.34);
    }

    body.admin-shell .admin-topbar #paneToggle .mif {
        font-size: 22px;
        line-height: 1;
    }

    body.admin-shell .admin-topbar .admin-topbar-home,
    body.admin-shell .admin-topbar .admin-topbar-title,
    body.admin-shell .admin-topbar #admin-ui-density-toggle {
        display: none !important;
    }

    body.admin-shell .admin-topbar .admin-topbar-brand-mobile {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        max-width: min(220px, var(--aha-admin-mobile-logo-width));
        height: var(--aha-admin-topbar-height);
        min-height: var(--aha-admin-topbar-height);
        padding: 0;
        text-decoration: none !important;
        line-height: 0;
        z-index: 1;
    }

    body.admin-shell .admin-topbar .admin-topbar-brand-mobile img {
        display: block;
        width: auto;
        height: calc(var(--aha-admin-topbar-height) - 10px);
        max-width: min(220px, var(--aha-admin-mobile-logo-width));
        object-fit: contain;
        object-position: center;
    }

    body.admin-shell .admin-topbar .app-bar-container {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-left: auto !important;
        position: relative;
        z-index: 2;
        flex-wrap: nowrap;
    }

    body.admin-shell .admin-topbar .app-bar-container > .app-bar-item,
    body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-btn,
    body.admin-shell details.admin-storefront-account > summary.storefront-account__summary {
        width: var(--aha-admin-mobile-circle-size);
        min-width: var(--aha-admin-mobile-circle-size);
        height: var(--aha-admin-mobile-circle-size);
        min-height: var(--aha-admin-mobile-circle-size);
        padding: 0 !important;
        border-radius: 999px !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: none !important;
    }

    body.admin-shell .admin-topbar .app-bar-container > .app-bar-item {
        border: 1px solid rgba(255, 255, 255, 0.26);
        background: rgba(255, 255, 255, 0.14) !important;
    }

    body.admin-shell .admin-topbar .app-bar-container > .app-bar-item:hover,
    body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-btn:hover,
    body.admin-shell #admin-quick-shell.admin-quick-dd.open .admin-quick-btn,
    body.admin-shell details.admin-storefront-account > summary.storefront-account__summary:hover,
    body.admin-shell details.admin-storefront-account[open] > summary.storefront-account__summary {
        background: rgba(255, 255, 255, 0.22) !important;
        border-color: rgba(255, 255, 255, 0.34) !important;
        transform: none;
    }

    body.admin-shell .admin-topbar .app-bar-container > .app-bar-item .mif,
    body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-btn .mif {
        font-size: 20px;
        line-height: 1;
    }

    body.admin-shell .admin-topbar .app-bar-container > .app-bar-item .badge {
        top: 4px !important;
        right: 2px !important;
        margin: 0 !important;
        min-width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 10px;
        padding: 0 4px;
    }

    body.admin-shell #admin-quick-shell.admin-quick-dd {
        margin-right: 0;
    }

    body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-btn {
        border: 1px solid rgba(255, 255, 255, 0.26);
        background: rgba(255, 255, 255, 0.14) !important;
    }

    body.admin-shell #admin-quick-shell.admin-quick-dd .admin-quick-menu {
        right: 0;
        top: calc(100% + 10px);
        width: min(360px, calc(100vw - 16px));
        max-height: calc(100vh - 84px);
        max-height: calc(100dvh - 84px);
    }

    body.admin-shell details.admin-storefront-account {
        margin-left: 0;
    }

    body.admin-shell details.admin-storefront-account > summary.storefront-account__summary {
        border: 1px solid rgba(255, 255, 255, 0.26);
        background: rgba(255, 255, 255, 0.14) !important;
        padding: 0 !important;
    }

    body.admin-shell details.admin-storefront-account .storefront-account__avatar {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
    }

    body.admin-shell details.admin-storefront-account .storefront-account__meta {
        display: none !important;
    }

    body.admin-shell details.admin-storefront-account .storefront-account__menu {
        right: 0;
        top: calc(100% + 10px);
        width: min(360px, calc(100vw - 16px));
    }
}

@media (max-width: 389.98px) {
    body.admin-shell {
        --aha-admin-mobile-logo-width: calc(100vw - 154px);
    }

    body.admin-shell .admin-topbar .admin-topbar-brand-mobile img {
        max-width: min(184px, var(--aha-admin-mobile-logo-width));
    }
}

body.admin-shell .admin-page .d-menu {
    border-radius: 12px !important;
    border: 1px solid #d7e4ee !important;
    box-shadow: 0 16px 30px rgba(15, 36, 54, 0.16);
    overflow: hidden;
}

body.admin-shell .admin-page .d-menu > li > a,
body.admin-shell .admin-page .d-menu > li > .link {
    min-height: 36px;
    font-weight: 600;
    color: #27445b !important;
}

body.admin-shell .admin-page .app-bar-menu .d-menu a,
body.admin-shell .admin-page .app-bar-menu .d-menu .link,
body.admin-shell .admin-page .app-bar-menu .d-menu li {
    color: #111111 !important;
}

body.admin-shell .admin-page .admin-topbar .d-menu,
body.admin-shell .admin-page .admin-topbar .d-menu a,
body.admin-shell .admin-page .admin-topbar .d-menu .link,
body.admin-shell .admin-page .admin-topbar .d-menu li {
    color: #111111 !important;
}

body.admin-shell .admin-page .d-menu > li > a:hover,
body.admin-shell .admin-page .d-menu > li > .link:hover {
    background: #f4f9ff !important;
}

body.admin-shell .admin-page .bridge-summary-card {
    border: 1px solid var(--aha-sync-border);
    border-radius: var(--aha-sync-radius-lg);
    background: #ffffff;
    box-shadow: var(--aha-sync-shadow);
    padding: 14px;
    margin-bottom: 14px;
}

body.admin-shell .admin-page .bridge-summary-title {
    font-size: 1rem;
    color: #16334c;
    font-weight: 800;
    margin-bottom: 6px;
}

body.admin-shell .admin-page .bridge-kv {
    color: #2b465d;
    margin-bottom: 4px;
    word-break: break-all;
}

body.admin-shell .admin-page .bridge-config-success {
    color: #16a34a;
    font-weight: 600;
}

body.admin-shell .admin-page .bridge-config-error {
    color: #dc2626;
    font-weight: 600;
}

body.admin-shell .admin-page .bridge-points {
    font-size: 26px;
    color: #15364f;
    font-weight: 800;
}

body.admin-shell .admin-page .bridge-note {
    color: #6f8194;
    font-style: italic;
    margin-top: 8px;
}

body.admin-shell .admin-page .yc-kpi-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 10px;
}

body.admin-shell .aha-admin-modal-head-wrap {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: 58px !important;
    z-index: 1041 !important;
    padding: 10px 12px 0 !important;
}

body.admin-shell .aha-admin-modal-head-card {
    margin: 0 auto !important;
    border-radius: 16px 16px 0 0;
    border: 1px solid #d7e4ee;
    box-shadow: 0 20px 40px rgba(16, 42, 67, 0.16);
    overflow: hidden;
}

body.admin-shell .aha-admin-modal-head-card > .bg-white {
    height: 58px !important;
    padding: 10px 20px 0 !important;
    background: #ffffff !important;
}

body.admin-shell .aha-admin-modal-head-card .text-upper.text-bold {
    font-family: var(--aha-sync-font-heading);
    font-size: 1.05rem;
    letter-spacing: 0.02em;
    color: #132e46;
}

body.admin-shell .aha-admin-modal-head-card hr {
    margin: 10px 0 0;
    border-top: 1px solid #e3ebf2;
}

body.admin-shell .aha-admin-modal-close {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff3f3;
    border: 1px solid #f4c6c6;
}

body.admin-shell .aha-admin-modal-close .mif {
    font-size: 1rem !important;
}

body.admin-shell .aha-admin-modal-overlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1040 !important;
    overflow: auto !important;
    background: rgba(9, 26, 41, 0.45) !important;
    backdrop-filter: blur(2px);
    padding: 10px 12px 20px !important;
}

body.admin-shell .aha-admin-modal-dialog {
    margin: 0 auto !important;
}

body.admin-shell .aha-admin-modal-body {
    border-radius: 0 0 16px 16px !important;
    border: 1px solid #d7e4ee !important;
    border-top: 0 !important;
    box-shadow: 0 28px 46px rgba(16, 42, 67, 0.2) !important;
    padding: 58px 20px 24px !important;
    background: #ffffff !important;
}

body.admin-shell .aha-admin-modal-body label,
body.admin-shell .aha-admin-modal-body .fw-600 {
    color: #29475f !important;
    font-weight: 700 !important;
}

body.admin-shell .aha-admin-modal-body .button {
    min-height: 38px;
}

body.admin-shell .aha-admin-progress-mask {
    background: rgba(10, 25, 39, 0.55) !important;
    backdrop-filter: blur(1.5px);
}

body.admin-shell .aha-admin-progress-atom {
    transform: scale(0.94);
}

body.admin-shell .admin-page .bg-white.p-4,
body.admin-shell .admin-page .bg-white.p-3,
body.admin-shell .admin-page .p-4.bg-white,
body.admin-shell .admin-page .p-3.bg-white,
body.admin-shell .admin-page .aha-admin-control-card,
body.admin-shell .admin-page .aha-admin-table-shell,
body.admin-shell .admin-page .bcorn-fix-title-table-container,
body.admin-shell .admin-page .table-responsive,
body.admin-shell .admin-page .bg-white.border.bd-transparent {
    border: 1px solid var(--aha-sync-border) !important;
    border-radius: var(--aha-sync-radius-lg) !important;
    box-shadow: var(--aha-sync-shadow) !important;
    background: var(--aha-sync-surface) !important;
}

body.admin-shell .admin-page .table {
    margin-bottom: 0;
}

body.admin-shell .admin-page .table th {
    background: #edf4f9 !important;
    color: #2c4b63 !important;
    font-weight: 700 !important;
    border-color: #d9e4ee !important;
}

body.admin-shell .admin-page .table td {
    border-color: #e3ebf3 !important;
    color: #223a4d;
    vertical-align: middle;
}

body.admin-shell .admin-page .table tbody tr:hover td {
    background: #f8fcff !important;
}

body.admin-shell .admin-page .table thead tr[style*="background-color"] td,
body.admin-shell .admin-page .table thead tr[style*="background-color"] th {
    background: #f6f8fb !important;
    color: #2a4b64 !important;
}

body.admin-shell .admin-page .status-pill,
body.admin-shell .admin-page .aha-admin-status,
body.admin-shell .admin-page .bridge-inline-badge,
body.admin-shell .admin-page .yc-kpi {
    border-radius: 999px;
    font-weight: 700;
}

body.admin-shell .admin-page .aha-status-pill {
    border: 1px solid #d7e3ed !important;
    background: #f8fbff !important;
    color: #2f4d65 !important;
    border-radius: 999px !important;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    line-height: 1.15;
}

body.admin-shell .admin-page .aha-status-pill.aha-status-pending {
    border-color: #f2d8a0 !important;
    background: #fff8e8 !important;
    color: #8a5b05 !important;
}

body.admin-shell .admin-page .aha-status-pill.aha-status-approved {
    border-color: #bfe4cd !important;
    background: #ebf9f1 !important;
    color: #11683d !important;
}

body.admin-shell .admin-page .aha-status-pill.aha-status-rejected {
    border-color: #f0c4c4 !important;
    background: #fff1f1 !important;
    color: #a03232 !important;
}

body.admin-shell .admin-page .aha-status-pill.aha-status-neutral {
    border-color: #d7e3ed !important;
    background: #f8fbff !important;
    color: #2f4d65 !important;
}

body.admin-shell .admin-page .aha-status-pill.aha-tag-khachhang {
    border-color: #b9e2c8 !important;
    background: #ffe9ea !important;
    color: #14693d !important;
}

body.admin-shell .admin-page .aha-status-pill.aha-tag-congtac {
    border-color: #bfd7e7 !important;
    background: #edf5fc !important;
    color: #1e4f74 !important;
}

body.admin-shell .admin-page .aha-status-pill.aha-tag-donghanh {
    border-color: #f0d8f8 !important;
    background: #faf1ff !important;
    color: #7440a6 !important;
}

body.admin-shell .admin-page .aha-status-pill.aha-tag-shop {
    border-color: #f7ddb0 !important;
    background: #fff5e7 !important;
    color: #8b5f12 !important;
}

body.admin-shell .admin-page .aha-status-pill.aha-tag-admin {
    border-color: #c7d8eb !important;
    background: #eef4fb !important;
    color: #2f4f6f !important;
}

body.admin-shell .admin-page .aha-status-pill.aha-tag-tong {
    border-color: #d8cdf3 !important;
    background: #f4efff !important;
    color: #60439a !important;
}

body.admin-shell .admin-page .button.mini {
    min-height: 24px;
    height: 24px;
    line-height: 22px;
    border-radius: 999px !important;
    font-weight: 700;
    font-size: 12px;
    padding: 0 10px;
}

body.admin-shell .admin-page .bcorn-fix-title-table th {
    background: #edf4f9 !important;
    color: #29475f !important;
}

body.admin-shell .admin-page .input input,
body.admin-shell .admin-page input[type="text"],
body.admin-shell .admin-page input[type="password"],
body.admin-shell .admin-page input[type="number"],
body.admin-shell .admin-page input[type="email"],
body.admin-shell .admin-page input[type="tel"],
body.admin-shell .admin-page select,
body.admin-shell .admin-page textarea,
body.admin-shell .admin-page .form-control,
body.admin-shell .admin-page .form-select {
    border: 1px solid var(--aha-sync-border) !important;
    border-radius: var(--aha-sync-radius-sm) !important;
    min-height: 42px;
    color: #213a4d;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.admin-shell .admin-page .input input:focus,
body.admin-shell .admin-page input:focus,
body.admin-shell .admin-page select:focus,
body.admin-shell .admin-page textarea:focus {
    border-color: #8ac9a5 !important;
    box-shadow: 0 0 0 0.18rem rgba(22, 163, 74, 0.16) !important;
}

body.admin-shell .admin-page .input .button,
body.admin-shell .admin-page .input button {
    border-radius: 0 var(--aha-sync-radius-sm) var(--aha-sync-radius-sm) 0 !important;
}

body.admin-shell .admin-page .button,
body.admin-shell .admin-page .btn,
body.admin-shell .admin-page button,
body.admin-shell .admin-page input[type="submit"],
body.admin-shell .admin-page input[type="button"] {
    border-radius: 11px !important;
    font-weight: 700 !important;
}

body.admin-shell .admin-page .button.success,
body.admin-shell .admin-page .btn-success {
    background: linear-gradient(135deg, var(--aha-sync-brand-700), var(--aha-sync-brand-600)) !important;
    border-color: var(--aha-sync-brand-700) !important;
    color: #fff !important;
}

body.admin-shell .admin-page .button.warning,
body.admin-shell .admin-page .btn-warning {
    background: #f3c54a !important;
    border-color: #e7b52d !important;
    color: #293748 !important;
}

body.admin-shell .admin-page .button.alert,
body.admin-shell .admin-page .btn-danger {
    background: #dc4f4f !important;
    border-color: #cb3e3e !important;
    color: #fff !important;
}

body.admin-shell #thongbao-charms {
    border-left: 1px solid var(--aha-sync-border);
    box-shadow: -10px 0 28px rgba(16, 42, 67, 0.16);
    width: min(420px, 96vw) !important;
}

body.admin-shell #thongbao-charms > div:first-child {
    background: linear-gradient(110deg, #7f1d1d 0%, var(--aha-sync-brand-600) 68%) !important;
}

body.admin-shell #thongbao-charms .thongbao-div {
    border-bottom: 1px solid #edf2f7;
}

body.admin-shell #thongbao-charms .thongbao-div:hover {
    background: #f6fbff !important;
}

body.admin-shell #thongbao-charms .thongbao-noidungchinh {
    color: #1e3b52;
}

body.admin-shell #thongbao-charms .thongbao-thoigian {
    color: #6e8193;
}

@media (max-width: 767.98px) {
    body.admin-shell .admin-quickbar {
        top: 52px;
        padding: 8px 12px 10px;
        gap: 8px;
    }

    body.admin-shell .admin-quickbar a {
        min-height: 34px;
        padding: 0 12px;
        font-size: 12px;
    }

    body.admin-shell .avatar-shortcuts-menu {
        grid-template-columns: 1fr;
    }

    body.admin-shell .admin-content-inner {
        padding: 12px 12px 22px !important;
    }

    body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-avatar-btn {
        margin-left: 4px;
        padding-right: 10px !important;
    }

    body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-avatar-name {
        max-width: 96px;
    }

    body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu {
        width: min(360px, 96vw);
        max-height: calc(100vh - 66px);
        max-height: calc(100dvh - 66px);
    }

    body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-body {
        max-height: none;
    }

    body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-item {
        min-height: 36px;
        padding: 0 12px;
    }

    body.admin-shell #admin-avatar-shell.admin-shop-dd .admin-shop-menu-footer {
        grid-template-columns: 1fr;
    }

    body.admin-shell .admin-page .aha-admin-control-actions {
        width: 100%;
        margin-left: 0;
    }

    body.admin-shell .admin-page .aha-admin-control-actions .button {
        flex: 1;
        justify-content: center;
    }

    body.admin-shell #nv .navview-pane {
        width: min(85vw, 320px);
    }
}

body.admin-shell.admin-route-fullview .admin-page {
    padding: 0 !important;
}

body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-head-wrap,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-head-wrap,
body.admin-shell.admin-route-fullview .admin-page div[style*="position: fixed"][style*="height: 52px"][style*="z-index: 1041"] {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    z-index: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-overlay,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-overlay,
body.admin-shell.admin-route-fullview .admin-page div[style*="position: fixed"][style*="height: 100%"][style*="z-index: 1040"] {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    z-index: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
}

body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-head-card,
body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-dialog,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-head-card,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-shell,
body.admin-shell.admin-route-fullview .admin-page div[style*="margin: 0 auto"][style*="max-width"] {
    margin: 0 auto !important;
    width: min(1180px, 100%) !important;
    max-width: 1180px !important;
}

body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-head-card > .bg-white,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-head-card > .bg-white,
body.admin-shell.admin-route-fullview .admin-page .bg-white[style*="height: 52px"] {
    min-height: 72px !important;
    height: auto !important;
    border-radius: 20px 20px 0 0 !important;
    border: 1px solid var(--aha-sync-border) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body,
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] {
    padding: 18px 22px 28px !important;
    border-radius: 0 0 20px 20px !important;
    border: 1px solid var(--aha-sync-border) !important;
    box-shadow: var(--aha-sync-shadow) !important;
    background: #ffffff !important;
}

body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body .row:first-child,
body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body .pt-10:first-child,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body .row:first-child,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body .pt-10:first-child,
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] .row:first-child,
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] .pt-10:first-child {
    margin-top: 4px;
}

body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body .button,
body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body input[type="submit"],
body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body input[type="button"],
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body .button,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body input[type="submit"],
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body input[type="button"],
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] .button,
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] input[type="submit"],
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] input[type="button"] {
    min-height: 42px;
}

body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body [data-role="input"],
body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body [data-role="select"],
body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body textarea,
body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body .input,
body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body select,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body [data-role="input"],
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body [data-role="select"],
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body textarea,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body .input,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body select,
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] [data-role="input"],
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] [data-role="select"],
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] textarea,
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] .input,
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] select {
    max-width: 100%;
}

body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body .cell-lg-12,
body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body .cell-lg-6,
body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body .cell-12,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body .cell-lg-12,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body .cell-lg-6,
body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body .cell-12,
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] .cell-lg-12,
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] .cell-lg-6,
body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] .cell-12 {
    min-width: 0;
}

body.admin-shell.admin-route-fullview .admin-page #menutop-tool-bc,
body.admin-shell.admin-route-fullview .admin-page #timkiem-fixtop-bc,
body.admin-shell.admin-route-fullview .admin-page #menu-tool-bc,
body.admin-shell.admin-route-fullview .admin-page .admin-route-toolbar,
body.admin-shell.admin-route-fullview .admin-page .admin-route-searchbar,
body.admin-shell.admin-route-fullview .admin-page .admin-route-bottom-toolbar,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-toolbar,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-searchbar,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-bottom-toolbar {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: auto !important;
    margin: 0 0 14px !important;
    z-index: auto !important;
}

body.admin-shell.admin-route-fullview .admin-page #menutop-tool-bc .h-menu,
body.admin-shell.admin-route-fullview .admin-page #menu-tool-bc .h-menu,
body.admin-shell.admin-route-fullview .admin-page .admin-route-toolbar .h-menu,
body.admin-shell.admin-route-fullview .admin-page .admin-route-bottom-toolbar .h-menu,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-toolbar .h-menu,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-bottom-toolbar .h-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 0;
    background: transparent !important;
    box-shadow: none !important;
}

body.admin-shell.admin-route-fullview .admin-page #menutop-tool-bc .h-menu > li,
body.admin-shell.admin-route-fullview .admin-page #menu-tool-bc .h-menu > li,
body.admin-shell.admin-route-fullview .admin-page .admin-route-toolbar .h-menu > li,
body.admin-shell.admin-route-fullview .admin-page .admin-route-bottom-toolbar .h-menu > li,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-toolbar .h-menu > li,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-bottom-toolbar .h-menu > li {
    margin: 0 !important;
}

body.admin-shell.admin-route-fullview .admin-page #menutop-tool-bc .h-menu > li > a,
body.admin-shell.admin-route-fullview .admin-page #menu-tool-bc .h-menu > li > a,
body.admin-shell.admin-route-fullview .admin-page .admin-route-toolbar .h-menu > li > a,
body.admin-shell.admin-route-fullview .admin-page .admin-route-bottom-toolbar .h-menu > li > a,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-toolbar .h-menu > li > a,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-bottom-toolbar .h-menu > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid var(--aha-sync-border);
    background: #ffffff !important;
    color: #18354d !important;
    box-shadow: var(--aha-sync-shadow);
}

body.admin-shell.admin-route-fullview .admin-page #timkiem-fixtop-bc,
body.admin-shell.admin-route-fullview .admin-page .admin-route-searchbar,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-searchbar {
    width: min(320px, 100%) !important;
    max-width: 100% !important;
    margin-left: auto !important;
}

body.admin-shell.admin-route-fullview .admin-page #timkiem-fixtop-bc .input,
body.admin-shell.admin-route-fullview .admin-page #timkiem-fixtop-bc input,
body.admin-shell.admin-route-fullview .admin-page #timkiem-fixtop-bc select,
body.admin-shell.admin-route-fullview .admin-page .admin-route-searchbar .input,
body.admin-shell.admin-route-fullview .admin-page .admin-route-searchbar input,
body.admin-shell.admin-route-fullview .admin-page .admin-route-searchbar select,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-searchbar .input,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-searchbar input,
body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-searchbar select {
    box-shadow: var(--aha-sync-shadow);
}

body.admin-shell .admin-route-panel-head,
body.admin-shell .admin-fullpage-head {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    z-index: auto !important;
    padding: 0 !important;
}

body.admin-shell .admin-route-panel-body-wrap,
body.admin-shell .admin-fullpage-body-wrap {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    z-index: auto !important;
    background: transparent !important;
    background-image: none !important;
    backdrop-filter: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.admin-shell .admin-route-panel-shell,
body.admin-shell .admin-fullpage-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.admin-shell .admin-route-panel-head-shell,
body.admin-shell .admin-route-panel-dialog,
body.admin-shell .admin-fullpage-head-shell,
body.admin-shell .admin-fullpage-dialog {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.admin-shell .admin-route-panel-head .bg-white,
body.admin-shell .admin-route-panel-body,
body.admin-shell .admin-fullpage-head .bg-white,
body.admin-shell .admin-fullpage-body {
    box-shadow: var(--aha-sync-shadow) !important;
}

body.admin-shell .admin-route-panel-head .bg-white,
body.admin-shell .admin-fullpage-head .bg-white {
    border-radius: 18px 18px 0 0 !important;
}

body.admin-shell .admin-route-panel-actions,
body.admin-shell .admin-fullpage-actions {
    position: static !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 14px 18px 0 18px;
}

body.admin-shell .admin-route-back-link,
body.admin-shell .admin-fullpage-back-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid #dce7f2;
    background: #ffffff;
    color: #123148 !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    box-shadow: 0 10px 24px rgba(18, 49, 72, 0.08);
}

body.admin-shell .admin-route-back-link:hover,
body.admin-shell .admin-fullpage-back-link:hover {
    background: #f8fbff;
    color: #0f2740 !important;
}

body.admin-shell .admin-route-panel-body,
body.admin-shell .admin-fullpage-body {
    border-radius: 0 0 18px 18px !important;
    padding-top: 16px !important;
}

@media (max-width: 767px) {
    body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-head-card,
    body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-dialog,
    body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-head-card,
    body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-shell,
    body.admin-shell.admin-route-fullview .admin-page div[style*="margin: 0 auto"][style*="max-width"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-head-card > .bg-white,
    body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-head-card > .bg-white,
    body.admin-shell.admin-route-fullview .admin-page .bg-white[style*="height: 52px"] {
        border-radius: 16px 16px 0 0 !important;
    }

    body.admin-shell.admin-route-fullview .admin-page .aha-admin-modal-body,
    body.admin-shell.admin-route-fullview .admin-page .qltk-fullview-body,
    body.admin-shell.admin-route-fullview .admin-page .bg-white.border.bd-transparent[style*="padding-top: 52px"] {
        padding: 16px 14px 22px !important;
        border-radius: 0 0 16px 16px !important;
    }

    body.admin-shell.admin-route-fullview .admin-page #timkiem-fixtop-bc,
    body.admin-shell.admin-route-fullview .admin-page .admin-route-searchbar,
    body.admin-shell.admin-fullpage-view .admin-page .admin-fullpage-searchbar {
        width: 100% !important;
        margin-left: 0 !important;
    }
}



body.admin-shell .admin-role-home-shell {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-top: 4px;
}

body.admin-shell .admin-role-home-hero,
body.admin-shell .admin-role-home-section {
    background: #ffffff;
    border: 1px solid var(--aha-sync-border);
    border-radius: 22px;
    box-shadow: var(--aha-sync-shadow);
}

body.admin-shell .admin-role-home-hero {
    padding: 24px;
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(280px, 0.9fr);
    gap: 18px;
}

body.admin-shell .admin-role-home-eyebrow {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    color: #5b7183;
    text-transform: uppercase;
}

body.admin-shell .admin-role-home-title {
    margin: 8px 0 0;
    font-size: clamp(28px, 3.2vw, 40px);
    line-height: 1.12;
    word-break: break-word;
}

body.admin-shell .admin-role-home-hero-main {
    min-width: 0;
}

@media (min-width: 768px) {
    body.admin-shell .admin-topbar .admin-topbar-home,
    body.admin-shell .admin-topbar .admin-topbar-title,
    body.admin-shell .admin-topbar #admin-ui-density-toggle,
    body.admin-shell .admin-topbar .aha-admin-space-launcher,
    body.admin-shell .admin-topbar .aha-admin-space-launcher__toggle {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
    }

    body.admin-shell .admin-topbar .admin-topbar-brand-mobile {
        display: none !important;
    }

    body.admin-shell .admin-topbar .admin-topbar-home {
        min-width: 42px !important;
        height: 42px !important;
        justify-content: center !important;
    }

    body.admin-shell .admin-topbar .admin-topbar-title {
        max-width: calc(100vw - 360px) !important;
        min-height: 42px !important;
    }

    body.admin-shell .admin-topbar #admin-ui-density-toggle,
    body.admin-shell .admin-topbar .aha-admin-space-launcher__toggle {
        min-width: 42px !important;
        height: 42px !important;
        justify-content: center !important;
    }

    body.admin-shell .admin-topbar .app-bar-container {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-left: auto !important;
    }
}

body.admin-shell .admin-role-home-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

body.admin-shell .admin-role-home-pill {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
}

body.admin-shell .admin-role-home-pill-primary {
    background: #eaf7ef;
    color: #145035;
}

body.admin-shell .admin-role-home-pill-scope {
    background: #eef5fb;
    color: #2b5878;
}

body.admin-shell .admin-role-home-pill-count {
    background: #fff5e8;
    color: #a25d00;
}

body.admin-shell .admin-role-home-description {
    margin: 16px 0 0;
    color: var(--aha-sync-ink-700);
    font-size: 15px;
    line-height: 1.7;
}

body.admin-shell .admin-role-home-cta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 20px;
}

body.admin-shell .admin-role-home-primary-hint {
    color: #5b7183;
    font-size: 13px;
    line-height: 1.6;
}

body.admin-shell .admin-role-home-sidecard {
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    border: 1px solid #dfe9f3;
    border-radius: 18px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body.admin-shell .admin-role-home-side-title {
    font-size: 13px;
    font-weight: 800;
    color: #5b7183;
    text-transform: uppercase;
    letter-spacing: .08em;
}

body.admin-shell .admin-role-home-side-line {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.admin-shell .admin-role-home-side-label {
    font-size: 12px;
    color: #6f8396;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

body.admin-shell .admin-role-home-side-value {
    font-size: 15px;
    font-weight: 800;
    color: #18374f;
    word-break: break-word;
}

body.admin-shell .admin-role-home-side-alert {
    border: 1px solid #ffe1b8;
    background: #fff7ea;
    color: #8a5a00;
    border-radius: 16px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 700;
}

body.admin-shell .admin-role-home-section {
    padding: 22px 24px;
}

body.admin-shell .admin-role-home-section-head h2 {
    margin: 0;
    font-size: 24px;
}

body.admin-shell .admin-role-home-section-head p {
    margin: 6px 0 0;
    color: #62788c;
    font-size: 14px;
    line-height: 1.6;
}

body.admin-shell .admin-role-home-note-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 18px;
}

body.admin-shell .admin-role-home-note-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: #f7fbff;
    border: 1px solid #dfe9f3;
    border-radius: 16px;
    padding: 12px 14px;
    color: #274a65;
    line-height: 1.6;
    font-weight: 600;
}

body.admin-shell .admin-role-home-note-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #148647, #2cbc6b);
    margin-top: 7px;
    flex: 0 0 auto;
}

body.admin-shell .admin-role-home-empty {
    margin-top: 18px;
    border: 1px dashed #c8d8e7;
    background: #f8fbfe;
    border-radius: 18px;
    padding: 18px;
    color: #5e7488;
    line-height: 1.7;
    font-weight: 600;
}

body.admin-shell .admin-role-home-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 16px;
    margin-top: 18px;
}

body.admin-shell .admin-role-home-tab-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 1px solid #dbe7f0;
    border-radius: 18px;
    padding: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

body.admin-shell .admin-role-home-tab-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

body.admin-shell .admin-role-home-tab-head h3 {
    margin: 0;
    font-size: 20px;
    line-height: 1.35;
}

body.admin-shell .admin-role-home-tab-scope {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #eef5fb;
    color: #2b5878;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

body.admin-shell .admin-role-home-tab-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.admin-shell .admin-role-home-tab-row {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.admin-shell .admin-role-home-tab-row-guardrail {
    border: 1px dashed #f4cdd1;
    border-radius: 14px;
    background: #fff6f7;
    padding: 10px 12px;
}

body.admin-shell .admin-role-home-tab-row-guardrail .admin-role-home-tab-label {
    color: #b42318;
}

body.admin-shell .admin-role-home-tab-label {
    font-size: 12px;
    font-weight: 800;
    color: #6f8396;
    text-transform: uppercase;
    letter-spacing: .05em;
}

body.admin-shell .admin-role-home-tab-text {
    color: #274a65;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 600;
}

body.admin-shell .admin-role-home-tab-foot {
    display: flex;
    justify-content: flex-end;
}

body.admin-shell .admin-role-home-quick-grid,
body.admin-shell .admin-role-home-pending-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
    margin-top: 16px;
}

body.admin-shell .admin-role-home-quick-card,
body.admin-shell .admin-role-home-pending-card {
    border: 1px solid #dbe7f0;
    border-radius: 16px;
    background: #f9fcff;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.admin-shell .admin-role-home-quick-card h3,
body.admin-shell .admin-role-home-pending-card h3 {
    margin: 0;
    font-size: 18px;
    line-height: 1.35;
}

body.admin-shell .admin-role-home-quick-card p,
body.admin-shell .admin-role-home-pending-card p {
    margin: 0;
    color: #31546e;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 600;
}

body.admin-shell .admin-role-home-quick-card .button,
body.admin-shell .admin-role-home-pending-card .button {
    align-self: flex-start;
}

body.admin-shell .admin-role-home-pending-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

body.admin-shell .admin-role-home-pending-count {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    background: #e9f4ff;
    color: #215178;
    font-size: 13px;
    font-weight: 800;
}

body.admin-shell .admin-role-home-pending-card-hot {
    border-color: #f2c4cb;
    background: #fff7f8;
}

body.admin-shell .admin-role-home-pending-card-cool {
    border-color: #dbe7f0;
    background: #f7fbff;
}

body.admin-shell .admin-role-home-pending-card-hot .admin-role-home-pending-count {
    background: #ffe4e8;
    color: #a1293f;
}

body.admin-shell .admin-role-home-root-section {
    background: linear-gradient(180deg, #ffffff 0%, #f5fbf7 100%);
}

@media (max-width: 1024px) {
    body.admin-shell .admin-role-home-hero {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    body.admin-shell .admin-role-home-shell {
        gap: 14px;
    }

    body.admin-shell .admin-role-home-hero,
    body.admin-shell .admin-role-home-section {
        padding: 18px;
        border-radius: 18px;
    }

    body.admin-shell .admin-role-home-tab-head {
        flex-direction: column;
    }

    body.admin-shell .admin-role-home-tab-foot {
        justify-content: stretch;
    }

    body.admin-shell .admin-role-home-tab-foot .button {
        width: 100%;
    }
}

body.admin-shell .admin-inline-progress {
    position: sticky;
    top: 66px;
    z-index: 96;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 12px auto 0;
    padding: 10px 16px;
    border: 1px solid var(--aha-sync-border);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 12px 26px rgba(15, 41, 64, 0.14);
    color: var(--aha-sync-ink-900);
    font-size: 13px;
    font-weight: 800;
}

body.admin-shell .admin-inline-progress-spinner {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid rgba(200, 30, 30, 0.18);
    border-top-color: var(--aha-sync-brand-600);
    animation: adminInlineSpin .8s linear infinite;
}

body.admin-shell .admin-inline-progress-text {
    line-height: 1;
    white-space: nowrap;
}

@keyframes adminInlineSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}