:root {
    --font-heading: "Plus Jakarta Sans", sans-serif;
    --font-body: "Plus Jakarta Sans", sans-serif;
    --font-alt: "Plus Jakarta Sans", sans-serif;
    --font-xs: 12px;
    --font-sm: 13px;
    --font-md: 14px;
    --font-base: 15px;
    --font-lg: 18px;
    --font-xl: 24px;
    --font-2xl: 32px;
    --font-3xl: 40px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --hue: 27;
    --sat: 100%;
    --primary-lightness: 50%;
    --brand-primary: hsl(var(--hue), var(--sat), var(--primary-lightness));
    --brand-primary-hover: hsl(var(--hue), 94%, 45%);
    --brand-primary-active: hsl(var(--hue), 92%, 38%);
    --brand-primary-rgb: 255, 122, 0;
    --brand-accent: hsl(34, 100%, 64%);
    --brand-accent-rgb: 255, 177, 74;
    --brand-soft-1: hsla(var(--hue), 100%, 97%, 1);
    --brand-soft-2: hsla(var(--hue), 100%, 94%, 1);
    --brand-soft-3: hsla(var(--hue), 100%, 89%, 1);
    --brand-border: hsla(var(--hue), 72%, 84%, 1);
    --brand-border-soft: hsla(var(--hue), 66%, 92%, 1);
    --surface-page: hsl(36, 40%, 98%);
    --surface-card: #ffffff;
    --surface-soft: hsla(var(--hue), 68%, 97%, 1);
    --surface-muted: hsl(32, 40%, 95%);
    --surface-2: var(--surface-muted);
    --text-main: hsl(221, 47%, 14%);
    --text-secondary: hsl(220, 26%, 29%);
    --text-muted: hsl(218, 14%, 44%);
    --text-soft: hsl(217, 12%, 58%);
    --border: hsla(var(--hue), 34%, 84%, 1);
    --border-soft: hsla(var(--hue), 28%, 91%, 1);
    --success: var(--brand-primary);
    --success-bg: var(--brand-soft-1);
    --success-border: var(--brand-border);
    --warning: hsl(34, 92%, 44%);
    --warning-bg: hsl(34, 100%, 96%);
    --warning-border: hsl(34, 92%, 86%);
    --danger: hsl(0, 76%, 56%);
    --danger-bg: hsl(0, 100%, 97%);
    --danger-border: hsl(0, 82%, 88%);
    --gradient-primary: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
    --gradient-primary-hover: linear-gradient(135deg, var(--brand-primary-hover), #ffab45);
    --gradient-soft: linear-gradient(135deg, hsla(var(--hue), 88%, 96%, 0.92), hsla(35, 100%, 94%, 0.55));
    --background: var(--surface-page);
    --foreground: var(--text-main);
    --card: rgba(255, 255, 255, 0.94);
    --surface: var(--surface-card);
    --muted: var(--text-muted);
    --primary: var(--brand-primary);
    --primary-rgb: var(--brand-primary-rgb);
    --primary-hover: var(--brand-primary-hover);
    --accent: var(--brand-accent);
    --accent-rgb: var(--brand-accent-rgb);
    --hero-art-filter: none;
    --shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 18px 40px rgba(16, 24, 40, 0.06);
    --shadow-lg: 0 24px 60px rgba(16, 24, 40, 0.08);
    --shadow-card: var(--shadow-md);
    --shadow-soft: var(--shadow-lg);
    --shadow-soft-lg: 0 18px 44px -28px rgba(15, 23, 42, 0.18);
    --sidebar-width: 272px;
    --topbar-height: 98px;
    --header-height: 98px;
    --container-width: 1280px;
    --radius-xl: 24px;
    --radius-lg: 18px;
    --radius-md: 14px;
    --radius-sm: 12px;
    --space-7: 1.75rem;
}

.hostique-logo-lockup {
    --hostique-logo-size: 3rem;
    --hostique-logo-dot-size: calc(var(--hostique-logo-size) * 0.18);
    --hostique-logo-dot-gap: calc(var(--hostique-logo-size) * 0.12);
}

.hostique-logo-lockup__mark {
    display: grid;
    grid-template-columns: repeat(3, var(--hostique-logo-dot-size));
    gap: var(--hostique-logo-dot-gap);
    width: fit-content;
    line-height: 0;
    filter: drop-shadow(0 12px 22px rgba(var(--primary-rgb), 0.18));
}

.hostique-logo-lockup__dot {
    width: var(--hostique-logo-dot-size);
    height: var(--hostique-logo-dot-size);
    display: block;
    border-radius: 999px;
}

.hostique-logo-lockup__dot--orange {
    background: #ff7a00;
}

.hostique-logo-lockup__dot--navy {
    background: #1f315d;
}

.hostique-logo-lockup--sidebar {
    --hostique-logo-size: 3rem;
}

.hostique-logo-lockup--focus,
.hostique-logo-lockup--auth {
    --hostique-logo-size: 2.85rem;
}

.hostique-logo-lockup--mobile {
    --hostique-logo-size: 2.2rem;
}

@media (max-width: 767.98px) {
    .hostique-logo-lockup--auth {
        --hostique-logo-size: 2.6rem;
    }

    .hostique-logo-lockup--mobile {
        --hostique-logo-size: 2rem;
    }
}

html[lang="ar"] {
    --font-heading: "Cairo", sans-serif;
    --font-body: "Cairo", sans-serif;
    --font-alt: "Cairo", sans-serif;
}

body.whmcs-dashboard-body,
body.whmcs-dashboard-body input,
body.whmcs-dashboard-body select,
body.whmcs-dashboard-body textarea,
body.whmcs-dashboard-body button {
    font-family: var(--font-body);
}

body.whmcs-dashboard-body h1,
body.whmcs-dashboard-body h2,
body.whmcs-dashboard-body h3,
body.whmcs-dashboard-body h4,
body.whmcs-dashboard-body h5,
body.whmcs-dashboard-body h6 {
    font-family: var(--font-heading);
}

body.whmcs-dashboard-body[data-theme="green"] {
    --primary-50: #F2FBF7;
    --primary-100: #E4F7EE;
    --primary-200: #C7EEDC;
    --primary-300: #98DFC0;
    --primary-400: #5FC89A;
    --primary-500: #16A56B;
    --primary-600: #12885A;
    --primary-700: #0E6D49;
    --primary-800: #0C573B;
    --primary-900: #0A4630;
    --surface-main: #FCFFFD;
    --surface-soft: #F6FBF8;
    --surface-card: #FFFFFF;
    --surface-hover: #F2FAF6;
    --border-soft: #DCEEE5;
    --border-light: #EAF5EF;
}

body.whmcs-dashboard-body[data-theme="hostique"] {
    --primary-50: #FFF7F0;
    --primary-100: #FFECD8;
    --primary-200: #FFD6AD;
    --primary-300: #FFB875;
    --primary-400: #FF9738;
    --primary-500: #FF7A00;
    --primary-600: #E66200;
    --primary-700: #C64E00;
    --primary-800: #9A3C00;
    --primary-900: #6D2A00;
    --surface-main: #FFFDFC;
    --surface-soft: #FFF7F2;
    --surface-card: #FFFFFF;
    --surface-hover: #FFF1E7;
    --border-soft: #F4E2D4;
    --border-light: #FAECE2;
}

body.whmcs-dashboard-body[data-theme="blue"] {
    --primary-50: #F4F8FF;
    --primary-100: #EAF1FF;
    --primary-200: #D7E4FF;
    --primary-300: #B7CFFF;
    --primary-400: #82AEFF;
    --primary-500: #3B82F6;
    --primary-600: #2563EB;
    --primary-700: #1D4ED8;
    --primary-800: #1E40AF;
    --primary-900: #1E3A8A;
    --surface-main: #FCFDFF;
    --surface-soft: #F6F9FF;
    --surface-card: #FFFFFF;
    --surface-hover: #EFF4FF;
    --border-soft: #DCE7F7;
    --border-light: #EAF1FB;
}

body.whmcs-dashboard-body[data-theme="purple"] {
    --primary-50: #F8F5FF;
    --primary-100: #F1EBFF;
    --primary-200: #E3D6FF;
    --primary-300: #CCB5FF;
    --primary-400: #A881F5;
    --primary-500: #8B5CF6;
    --primary-600: #7C3AED;
    --primary-700: #6D28D9;
    --primary-800: #5B21B6;
    --primary-900: #4C1D95;
    --surface-main: #FDFCFF;
    --surface-soft: #F8F5FF;
    --surface-card: #FFFFFF;
    --surface-hover: #F3EEFF;
    --border-soft: #E8DFF7;
    --border-light: #F1EAFB;
}

body.whmcs-dashboard-body[data-theme="red"] {
    --primary-50: #FFF5F5;
    --primary-100: #FFE8E8;
    --primary-200: #FFD1D1;
    --primary-300: #FFB0B0;
    --primary-400: #F88383;
    --primary-500: #EF4444;
    --primary-600: #DC2626;
    --primary-700: #B91C1C;
    --primary-800: #991B1B;
    --primary-900: #7F1D1D;
    --surface-main: #FFFCFC;
    --surface-soft: #FFF6F6;
    --surface-card: #FFFFFF;
    --surface-hover: #FFF0F0;
    --border-soft: #F5E0E0;
    --border-light: #FAECEC;
}

body.whmcs-dashboard-body[data-theme="yellow"] {
    --primary-50: #FFF9EF;
    --primary-100: #FFF1D8;
    --primary-200: #FFE3B0;
    --primary-300: #F5CF7D;
    --primary-400: #EAB251;
    --primary-500: #D89A28;
    --primary-600: #B7791F;
    --primary-700: #975D1A;
    --primary-800: #7B4A19;
    --primary-900: #653E19;
    --surface-main: #FFFEFB;
    --surface-soft: #FFF9F1;
    --surface-card: #FFFFFF;
    --surface-hover: #FFF5E8;
    --border-soft: #F3E6CC;
    --border-light: #F9F0DE;
}

body.whmcs-dashboard-body[data-theme="black"] {
    --primary-50: #F4F6F8;
    --primary-100: #EAEEF2;
    --primary-200: #D7DFE8;
    --primary-300: #B7C2CF;
    --primary-400: #7C8A9E;
    --primary-500: #334155;
    --primary-600: #1F2937;
    --primary-700: #111827;
    --primary-800: #0F172A;
    --primary-900: #020617;
    --surface-main: #FCFDFC;
    --surface-soft: #F7F9F8;
    --surface-card: #FFFFFF;
    --surface-hover: #F1F5F4;
    --border-soft: #E2E8E5;
    --border-light: #EDF2F0;
}

body.whmcs-dashboard-body .icheckbox_square-blue,
body.whmcs-dashboard-body .iradio_square-blue {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 1.5px solid rgba(var(--primary-rgb), 0.24) !important;
    background: #fff !important;
    box-shadow: none !important;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease,
        transform 0.2s ease;
}

body.whmcs-dashboard-body .icheckbox_square-blue {
    border-radius: 7px;
}

body.whmcs-dashboard-body .iradio_square-blue {
    border-radius: 999px;
}

body.whmcs-dashboard-body .icheckbox_square-blue::after,
body.whmcs-dashboard-body .iradio_square-blue::after {
    content: "";
    display: block;
    opacity: 0;
    transform: scale(0.72);
    transition:
        opacity 0.18s ease,
        transform 0.18s ease;
}

body.whmcs-dashboard-body .icheckbox_square-blue::after {
    width: 6px;
    height: 11px;
    margin-top: -1px;
    border-right: 2px solid var(--brand-primary);
    border-bottom: 2px solid var(--brand-primary);
    transform: rotate(45deg) scale(0.72);
    transform-origin: center;
}

body.whmcs-dashboard-body .iradio_square-blue::after {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--brand-primary);
}

body.whmcs-dashboard-body .icheckbox_square-blue.hover,
body.whmcs-dashboard-body .iradio_square-blue.hover {
    border-color: rgba(var(--primary-rgb), 0.4) !important;
    background: rgba(var(--primary-rgb), 0.04) !important;
}

body.whmcs-dashboard-body .icheckbox_square-blue.checked,
body.whmcs-dashboard-body .iradio_square-blue.checked {
    border-color: rgba(var(--primary-rgb), 0.58) !important;
    background: rgba(var(--primary-rgb), 0.1) !important;
}

body.whmcs-dashboard-body .icheckbox_square-blue.checked::after,
body.whmcs-dashboard-body .iradio_square-blue.checked::after {
    opacity: 1;
}

body.whmcs-dashboard-body .icheckbox_square-blue.checked::after {
    transform: rotate(45deg) scale(1);
}

body.whmcs-dashboard-body .iradio_square-blue.checked::after {
    transform: scale(1);
}

body.whmcs-dashboard-body .icheckbox_square-blue.disabled,
body.whmcs-dashboard-body .iradio_square-blue.disabled,
body.whmcs-dashboard-body .icheckbox_square-blue.checked.disabled,
body.whmcs-dashboard-body .iradio_square-blue.checked.disabled {
    opacity: 0.52;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body .iCheck-helper {
    border: 0 !important;
    background: transparent !important;
}

.hostique-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.95rem;
    min-width: 0;
}

.hostique-brand__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    flex: 0 0 auto;
}

.hostique-brand__text {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.1rem;
    min-width: 0;
}

.hostique-brand__name {
    display: block;
    color: var(--text-main);
    font-family: var(--font-heading);
    font-size: 2rem;
    font-weight: 800;
    line-height: 0.96;
    letter-spacing: 0;
    transition: color 0.22s ease;
}

.hostique-brand__tag {
    display: block;
    color: color-mix(in srgb, var(--brand-primary) 68%, var(--text-muted) 32%);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    transition: color 0.22s ease;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-sidebar,
body.whmcs-dashboard-body.is-auth-page .dashboard-topbar,
body.whmcs-dashboard-body.is-auth-page .dashboard-overlay,
body.whmcs-dashboard-body.is-order-focus-page .dashboard-overlay {
    display: none !important;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-main,
body.whmcs-dashboard-body.is-order-focus-page .dashboard-main {
    margin-left: 0;
}

body.whmcs-dashboard-body .dashboard-main--focus {
    margin-left: 0;
    width: 100%;
}

html[dir="rtl"] body.whmcs-dashboard-body.is-auth-page .dashboard-main,
html[dir="rtl"] body.whmcs-dashboard-body.is-order-focus-page .dashboard-main {
    margin-right: 0;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-page,
body.whmcs-dashboard-body.is-order-focus-page .dashboard-page {
    padding: 2rem;
}

body.whmcs-dashboard-body.is-contact-page .dashboard-page {
    padding: 2rem;
}

body.whmcs-dashboard-body.dashboard-preload-pending {
    overflow: hidden;
}

.dashboard-preloader {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background:
        radial-gradient(circle at top right, rgba(var(--primary-rgb), 0.1), transparent 28%),
        linear-gradient(180deg, rgba(247, 250, 252, 0.96), rgba(255, 255, 255, 0.98));
    opacity: 1;
    visibility: visible;
    transition: opacity 0.58s ease, visibility 0.58s ease;
    overflow: hidden;
}

.dashboard-preloader.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.dashboard-preloader__ambient {
    position: absolute;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(var(--primary-rgb), 0.18), transparent 68%);
    filter: blur(6px);
    opacity: 0.9;
    animation: dashboard-preloader-float 4.5s ease-in-out infinite;
}

.dashboard-preloader__ambient--one {
    width: 24rem;
    height: 24rem;
    top: -10rem;
    right: -7rem;
}

.dashboard-preloader__ambient--two {
    width: 19rem;
    height: 19rem;
    bottom: -8rem;
    left: -6rem;
    animation-delay: -1.4s;
}

.dashboard-preloader__panel {
    position: relative;
    width: min(100%, 28.5rem);
    padding: 1.35rem;
    border: 1px solid rgba(var(--primary-rgb), 0.14);
    border-radius: 1.8rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 251, 252, 0.94)),
        linear-gradient(135deg, rgba(var(--primary-rgb), 0.06), rgba(var(--accent-rgb), 0.04));
    box-shadow:
        0 28px 70px -34px rgba(15, 23, 42, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(14px);
}

.dashboard-preloader__brand {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1.05rem;
}

.dashboard-preloader__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 1rem;
    padding: 0.5rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(var(--primary-rgb), 0.08));
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    box-shadow: 0 18px 40px -28px rgba(var(--primary-rgb), 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.hostique-mark {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

.hostique-mark__stop--start {
    stop-color: var(--primary);
}

.hostique-mark__stop--mid {
    stop-color: var(--brand-primary-hover);
}

.hostique-mark__stop--end {
    stop-color: var(--accent);
}

.hostique-mark__depth-stop--light {
    stop-color: rgba(8, 20, 44, 0.02);
}

.hostique-mark__depth-stop--dark {
    stop-color: rgba(8, 20, 44, 0.22);
}

.hostique-mark__gloss-stop--start {
    stop-color: rgba(255, 255, 255, 0.34);
}

.hostique-mark__gloss-stop--end {
    stop-color: rgba(255, 255, 255, 0);
}

.hostique-mark__glyph {
    fill: #fff;
}

.hostique-mark__gloss {
    opacity: 0.9;
}

.hostique-mark__depth {
    opacity: 0.98;
    mix-blend-mode: multiply;
}

.hostique-mark__surface,
.hostique-mark__depth,
.hostique-mark__gloss,
.hostique-mark__glyph {
    transform-box: fill-box;
    transform-origin: center;
}

.dashboard-preloader__logo-mark {
    width: 2.05rem;
    height: 2.05rem;
}

.hostique-logo-lockup--preloader {
    width: 100%;
    justify-content: center;
}

.hostique-logo-lockup--preloader .hostique-logo-lockup__image {
    width: auto;
    height: 2.8rem;
    max-width: 100%;
    filter: var(--brand-logo-filter-core, none) drop-shadow(0 14px 26px rgba(var(--primary-rgb), 0.16));
}

.dashboard-preloader__copy strong {
    display: block;
    color: #182230;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.15;
}

.dashboard-preloader__copy span {
    display: block;
    margin-top: 0.2rem;
    color: #667085;
    font-size: 0.9rem;
}

.dashboard-preloader__console {
    position: relative;
    padding: 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    border-radius: 1.35rem;
    background: rgba(248, 250, 252, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.dashboard-preloader__console-top,
.dashboard-preloader__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
}

.dashboard-preloader__console-top {
    margin-bottom: 0.95rem;
}

.dashboard-preloader__signal {
    display: inline-flex;
    align-items: flex-end;
    gap: 0.22rem;
    height: 1rem;
}

.dashboard-preloader__signal i {
    width: 0.24rem;
    border-radius: 999px;
    background: var(--gradient-primary);
    box-shadow: 0 0 0 1px rgba(var(--primary-rgb), 0.06);
    animation: dashboard-preloader-signal 0.95s ease-in-out infinite;
}

.dashboard-preloader__signal i:nth-child(1) {
    height: 0.45rem;
}

.dashboard-preloader__signal i:nth-child(2) {
    height: 0.8rem;
    animation-delay: 0.12s;
}

.dashboard-preloader__signal i:nth-child(3) {
    height: 0.6rem;
    animation-delay: 0.24s;
}

.dashboard-preloader__status-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.36rem 0.72rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--brand-primary);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dashboard-preloader__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.95rem;
}

.dashboard-preloader__tile {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 4.8rem;
    padding: 0.8rem;
    border-radius: 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(var(--primary-rgb), 0.035)),
        linear-gradient(135deg, rgba(var(--primary-rgb), 0.08), rgba(var(--accent-rgb), 0.02));
    overflow: hidden;
}

.dashboard-preloader__tile::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.78), transparent);
    animation: dashboard-preloader-sheen 1.1s ease-in-out infinite;
}

.dashboard-preloader__tile--hero {
    grid-column: 1 / -1;
    min-height: 6.1rem;
}

.dashboard-preloader__tile--metric {
    min-height: 5.3rem;
}

.dashboard-preloader__tile-line {
    position: relative;
    z-index: 1;
    display: block;
    height: 0.56rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 0.16), rgba(var(--primary-rgb), 0.07));
}

.dashboard-preloader__tile-line--lg {
    width: 72%;
    height: 0.7rem;
}

.dashboard-preloader__tile-line--md {
    width: 66%;
}

.dashboard-preloader__tile-line--sm {
    width: 48%;
}

.dashboard-preloader__tile-line--xs {
    width: 38%;
}

.dashboard-preloader__orb {
    width: 2rem;
    height: 2rem;
    border-radius: 0.8rem;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.15), rgba(var(--accent-rgb), 0.12));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.dashboard-preloader__activity {
    display: inline-flex;
    align-items: flex-end;
    gap: 0.35rem;
    margin-top: auto;
}

.dashboard-preloader__activity i {
    width: 0.34rem;
    border-radius: 999px;
    background: var(--gradient-primary);
    animation: dashboard-preloader-activity 0.9s ease-in-out infinite;
}

.dashboard-preloader__activity i:nth-child(1) {
    height: 0.55rem;
}

.dashboard-preloader__activity i:nth-child(2) {
    height: 1rem;
    animation-delay: 0.12s;
}

.dashboard-preloader__activity i:nth-child(3) {
    height: 0.75rem;
    animation-delay: 0.24s;
}

.dashboard-preloader__activity i:nth-child(4) {
    height: 1.2rem;
    animation-delay: 0.36s;
}

.dashboard-preloader__progress {
    position: relative;
    flex: 1 1 auto;
    height: 0.48rem;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(var(--primary-rgb), 0.08);
}

.dashboard-preloader__progress-bar {
    position: absolute;
    inset: 0 auto 0 0;
    width: 42%;
    border-radius: inherit;
    background: var(--gradient-primary);
    animation: dashboard-preloader-progress 1.25s ease-in-out infinite;
}

.dashboard-preloader__meta {
    flex: 0 0 auto;
    max-width: 10.5rem;
    color: #667085;
    font-size: 0.77rem;
    line-height: 1.35;
    text-align: right;
}

@keyframes dashboard-preloader-sheen {
    100% {
        transform: translateX(100%);
    }
}

@keyframes dashboard-preloader-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(0, 1rem, 0) scale(1.04);
    }
}

@keyframes dashboard-preloader-signal {
    0%,
    100% {
        transform: scaleY(0.72);
        opacity: 0.7;
    }
    50% {
        transform: scaleY(1);
        opacity: 1;
    }
}

@keyframes dashboard-preloader-activity {
    0%,
    100% {
        transform: scaleY(0.7);
        opacity: 0.75;
    }
    50% {
        transform: scaleY(1.08);
        opacity: 1;
    }
}

@keyframes dashboard-preloader-progress {
    0% {
        width: 20%;
        transform: translateX(-8%);
    }
    55% {
        width: 58%;
        transform: translateX(42%);
    }
    100% {
        width: 28%;
        transform: translateX(230%);
    }
}

@media (max-width: 575.98px) {
    .dashboard-preloader {
        padding: 1rem;
    }

    .dashboard-preloader__panel {
        width: min(100%, 24rem);
        padding: 1rem;
        border-radius: 1.45rem;
    }

    .dashboard-preloader__console {
        padding: 0.85rem;
    }

    .dashboard-preloader__foot {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-preloader__meta {
        max-width: none;
        text-align: left;
    }
}

body.whmcs-dashboard-body .dashboard-focus-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem 2rem 0;
}

body.whmcs-dashboard-body .dashboard-focus-topbar__brand {
    color: inherit;
    text-decoration: none;
}

body.whmcs-dashboard-body .dashboard-focus-topbar__actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .dashboard-focus-link {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0 1rem;
    border: 1px solid rgba(223, 231, 236, 0.92);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--foreground);
    font-weight: 700;
    text-decoration: none;
}

body.whmcs-dashboard-body.is-auth-page .dashboard-page__inner,
body.whmcs-dashboard-body.is-order-focus-page .dashboard-page__inner {
    max-width: 1640px;
    padding: 0;
}

body.whmcs-dashboard-body.is-clean-page .dashboard-page-header {
    display: none;
}

body.whmcs-dashboard-body.is-auth-page {

    background-attachment: fixed;
}

body.whmcs-dashboard-body.is-contact-page {
    background: #fff;
 
}

body.whmcs-dashboard-body.is-auth-page .auth-shell,
body.whmcs-dashboard-body.is-auth-page .auth-register-layout {
    min-height: calc(100vh - 4rem);
}

body.whmcs-dashboard-body.is-auth-page .dashboard-main,
body.whmcs-dashboard-body.is-auth-page .dashboard-main--focus,
body.whmcs-dashboard-body.is-auth-page .dashboard-page,
body.whmcs-dashboard-body.is-auth-page .dashboard-page__inner {
    background: transparent;
}

body.whmcs-dashboard-body.is-contact-page .dashboard-main,
body.whmcs-dashboard-body.is-contact-page .dashboard-main--focus,
body.whmcs-dashboard-body.is-contact-page .dashboard-page,
body.whmcs-dashboard-body.is-contact-page .dashboard-page__inner {
    background: transparent;
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .dashboard-focus-topbar {
        padding: 1.25rem 1rem 0;
        flex-direction: column;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body.is-auth-page .dashboard-page,
    body.whmcs-dashboard-body.is-order-focus-page .dashboard-page {
        padding: 1rem;
    }

    body.whmcs-dashboard-body.is-contact-page .dashboard-page {
        padding: 1rem;
    }
}

body.whmcs-dashboard-body .auth-register-steps-panel {
    margin-bottom: 1.35rem;
    padding: 1.1rem 1.35rem;
}

body.whmcs-dashboard-body .auth-register-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

body.whmcs-dashboard-body .auth-register-step {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(226, 233, 240, 0.9);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.96);
}

body.whmcs-dashboard-body .auth-register-step.is-active {
    border-color: rgba(var(--primary-rgb), 0.28);
    background: linear-gradient(135deg, rgba(238, 251, 246, 0.98), rgba(255, 255, 255, 0.98));
    box-shadow: 0 10px 26px rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .auth-register-step__icon {
    width: 2.85rem;
    height: 2.85rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 248, 252, 0.98);
    color: var(--text-soft);
    border: 1px solid rgba(228, 235, 241, 0.96);
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .auth-register-step.is-active .auth-register-step__icon {
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.16), rgba(var(--primary-rgb), 0.08));
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.15);
}

body.whmcs-dashboard-body .auth-register-step strong {
    display: block;
    font-size: 0.98rem;
    font-weight: 700;
    color: var(--text);
}

body.whmcs-dashboard-body .auth-register-step p {
    margin: 0.12rem 0 0;
    color: var(--text-muted);
    font-size: 0.84rem;
}

body.whmcs-dashboard-body .auth-register-card {
    border-radius: 1.65rem;
}

body.whmcs-dashboard-body .auth-register-card__heading {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.15rem;
}

body.whmcs-dashboard-body .auth-register-card__heading h3 {
    margin-bottom: 0.2rem;
}

body.whmcs-dashboard-body .dashboard-account-settings {
    display: grid;
    gap: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__hero {
    padding: 1.4rem 1.6rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__hero-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__steps {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .dashboard-account-step {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-account-step::after {
    content: "";
    width: 3.25rem;
    height: 1px;
    background: rgba(222, 229, 237, 0.96);
    margin-left: 0.25rem;
}

body.whmcs-dashboard-body .dashboard-account-step:last-child::after {
    display: none;
}

body.whmcs-dashboard-body .dashboard-account-step__count {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217, 225, 233, 0.96);
    background: #fff;
    font-size: 0.9rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-account-step.is-active {
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-account-step.is-active .dashboard-account-step__count {
    background: var(--primary);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 10px 24px rgba(var(--primary-rgb), 0.18);
}

body.whmcs-dashboard-body .dashboard-account-settings__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 21.5rem;
    gap: 1.6rem;
    align-items: start;
}

body.whmcs-dashboard-body .dashboard-account-settings__content {
    display: grid;
    gap: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__aside {
    display: grid;
    gap: 1.2rem;
    position: sticky;
    top: 1rem;
    align-self: start;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card {
    border: 1px solid rgba(226, 233, 240, 0.92);
    border-radius: 1.45rem;
    background: #fff;
    padding: 1.35rem 1.4rem;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card--violet {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(255, 255, 255, 0.98));
}

body.whmcs-dashboard-body .dashboard-settings-aside-card--mint {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(255, 255, 255, 0.98));
}

body.whmcs-dashboard-body .dashboard-settings-aside-card__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.95rem;
    background: rgba(255, 255, 255, 0.86);
    font-size: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card--violet .dashboard-settings-aside-card__icon {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-settings-aside-card--mint .dashboard-settings-aside-card__icon {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-settings-aside-card h4 {
    margin: 0 0 0.45rem;
    font-size: 1.15rem;
    font-weight: 700;
    text-transform: capitalize;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card p {
    margin: 0;
    color: var(--text-soft);
    line-height: 1.75;
}

body.whmcs-dashboard-body .dashboard-settings-aside-card__chip {
    margin-top: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    justify-content: space-between;
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.28);
    background: rgba(255, 255, 255, 0.92);
    color: var(--primary);
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-settings-card {
    border-radius: 1.55rem;
}

body.whmcs-dashboard-body .dashboard-settings-card__heading {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-settings-card__heading h3 {
    margin-bottom: 0.15rem;
}

body.whmcs-dashboard-body .dashboard-email-preferences--grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.95rem 1.1rem;
}

body.whmcs-dashboard-body .dashboard-email-preference--card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 4.9rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid rgba(223, 231, 236, 0.92);
    background: rgba(249, 251, 253, 0.98);
    cursor: pointer;
}

body.whmcs-dashboard-body .dashboard-email-preference--card .form-check-input {
    margin: 0;
    width: 1.1rem;
    height: 1.1rem;
}

body.whmcs-dashboard-body .dashboard-email-preference__label {
    font-weight: 600;
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-marketing-choice {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 4.3rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    border: 1px solid rgba(223, 231, 236, 0.92);
    background: #fff;
    cursor: pointer;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item.is-active {
    border-color: rgba(var(--primary-rgb), 0.32);
    background: rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item input {
    margin: 0;
}

body.whmcs-dashboard-body .dashboard-settings-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.95rem;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-card__heading .card-title,
body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-aside-card__chip span {
    text-transform: capitalize;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__content {
    gap: 0.55rem !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__layout {
    overflow: visible !important;
    align-items: start;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-card {
    margin-bottom: 0 !important;
    padding: 1.1rem !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-card > .card-body {
    padding: 1rem !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-card__heading {
    margin-bottom: 0.85rem !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-email-preferences,
body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-settings-card--marketing .dashboard-marketing-choice {
    margin-top: 0.7rem !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__aside {
    position: sticky !important;
    top: 1rem;
    align-self: start;
    height: fit-content;
    margin-top: 0;
    transition: margin-top 0.22s ease, top 0.22s ease;
}

body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__aside.is-scroll-offset {
    margin-top: 1.6rem;
    top: 9rem;
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__layout {
        grid-template-columns: minmax(0, 1fr) 18rem !important;
    }

    body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__aside {
        position: sticky !important;
        top: 1rem !important;
        align-self: start;
        height: fit-content;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__layout {
        grid-template-columns: 1fr !important;
    }

    body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__aside {
        position: static !important;
        top: auto !important;
        height: auto;
    }
}

body.whmcs-dashboard-body .dashboard-settings-actions .btn {
    min-width: 10.5rem;
}

body.whmcs-dashboard-body .dashboard-ticket-filters__actions {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .dashboard-ticket-search {
    position: relative;
    min-width: 16rem;
}

body.whmcs-dashboard-body .dashboard-ticket-search .form-control {
    min-height: 3.1rem;
    padding-left: 2.85rem;
    border-radius: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-ticket-search i {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
}

body.whmcs-dashboard-body .dashboard-filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 3.05rem;
    padding: 0.78rem 1.05rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(217, 225, 233, 0.92);
    background: #fff;
    color: var(--text);
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-filter-btn:hover,
body.whmcs-dashboard-body .dashboard-filter-btn:focus {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.3);
    text-decoration: none;
}

@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body .auth-register-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.whmcs-dashboard-body .dashboard-account-settings__layout {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-account-settings__aside {
        position: static;
        top: auto;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .auth-register-steps,
    body.whmcs-dashboard-body .dashboard-email-preferences--grid,
    body.whmcs-dashboard-body .dashboard-marketing-choice {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-account-settings__hero-main,
    body.whmcs-dashboard-body .dashboard-ticket-filters,
    body.whmcs-dashboard-body .dashboard-ticket-filters__actions,
    body.whmcs-dashboard-body .dashboard-settings-actions {
        display: grid;
        justify-content: stretch;
    }

    body.whmcs-dashboard-body .dashboard-account-settings__steps {
        display: grid;
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-account-step::after {
        display: none;
    }

    body.whmcs-dashboard-body .dashboard-ticket-search {
        min-width: 0;
    }
}

body.invoice-dashboard-body .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__header,
body.invoice-dashboard-body .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__header {
    border-bottom: 1px solid rgba(245, 158, 11, 0.16);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--paid .dashboard-invoice-status-card__header {
    border-bottom: 1px solid rgba(var(--primary-rgb), 0.14);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__icon {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

body.invoice-dashboard-body .dashboard-invoice-status-card--paid .dashboard-invoice-status-card__icon {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--paid .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--paid .dashboard-invoice-status-card__header span {
    color: var(--primary-hover);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--unpaid .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--draft .dashboard-invoice-status-card__header span {
    color: #b45309;
}

body.invoice-dashboard-body .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__header {
    background: linear-gradient(180deg, rgba(254, 242, 242, 0.96), rgba(255, 247, 247, 0.99));
    border-bottom: 1px solid rgba(239, 68, 68, 0.16);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__icon {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
}

body.invoice-dashboard-body .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--overdue .dashboard-invoice-status-card__header span {
    color: #b91c1c;
}

body.invoice-dashboard-body .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__header,
body.invoice-dashboard-body .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__header,
body.invoice-dashboard-body .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__header {
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(250, 252, 255, 0.99));
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
}

body.invoice-dashboard-body .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__icon,
body.invoice-dashboard-body .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__icon {
    background: rgba(148, 163, 184, 0.14);
    color: #64748b;
}

body.invoice-dashboard-body .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--cancelled .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--collections .dashboard-invoice-status-card__header span,
body.invoice-dashboard-body .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__header strong,
body.invoice-dashboard-body .dashboard-invoice-status-card--refunded .dashboard-invoice-status-card__header span {
    color: #475569;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details {
    gap: 0;
    border: 1px solid rgba(234, 239, 242, 0.9);
    border-radius: 1.05rem;
    overflow: hidden;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details div {
    padding: 0.95rem 1.05rem;
    background: rgba(255, 255, 255, 0.95);
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details div + div {
    border-top: 1px solid rgba(234, 239, 242, 0.92);
}

body.invoice-dashboard-body .dashboard-invoice-overview__card {
    min-height: 100%;
}

body.invoice-dashboard-body .dashboard-invoice-overview__card address {
    margin-bottom: 0;
    font-style: normal;
    line-height: 1.8;
}

body.invoice-dashboard-body .dashboard-invoice-table tbody tr:last-child td {
    border-bottom: 0;
}

body.invoice-dashboard-body .dashboard-invoice-table__balance td,
body.invoice-dashboard-body .dashboard-invoice-table__total td {
    font-size: 1.12rem;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note__cta .btn {
    min-width: 12.5rem;
}

body.invoice-dashboard-body .dashboard-invoice-actions .btn {
    min-width: 10rem;
}

body.whmcs-dashboard-body .dashboard-funds-panel__art {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 1.65rem;

}

body.whmcs-dashboard-body .dashboard-funds-panel__art i {
    font-size: 2rem;
    color: rgba(var(--primary-rgb), 0.26);
}

body.whmcs-dashboard-body .dashboard-funds-form__submit {
    width: 100%;
    min-height: 4rem;
    justify-content: center;
    font-size: 1.05rem;
}

body.whmcs-dashboard-body .dashboard-funds-form__submit i {
    font-size: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card .card-body + .card-body {
    padding-top: 0;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply {
    border: 1px solid rgba(229, 235, 241, 0.9);
    border-radius: 1.4rem;
    background: linear-gradient(180deg, rgba(249, 251, 253, 0.96), rgba(255, 255, 255, 0.98));
    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply.staff {
    border-color: rgba(var(--primary-rgb), 0.16);
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(255, 255, 255, 0.98));
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply .posted-by {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.35rem 0.95rem;
    border-bottom: 1px solid rgba(229, 235, 241, 0.86);
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply .message {
    padding: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card .ticket-reply .attachments {
    padding-top: 0;
}

body.whmcs-dashboard-body .dashboard-ticket-card .posted-by-name {
    color: #182230;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-ticket-card .posted-on {
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel {
    border-radius: 1.65rem;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel .card-body {
    padding: 1.6rem;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel__art {

    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0.02));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--primary-rgb), 0.28);
    font-size: 2rem;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel .btn-primary,
body.whmcs-dashboard-body .dashboard-support-request__main .btn-primary,
body.whmcs-dashboard-body .dashboard-settings-actions .btn-primary {

    background: var(--gradient-primary);
    border-color: transparent;
    box-shadow: none;
}

body.whmcs-dashboard-body .dashboard-settings-card > .card-body {
    padding: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-settings-card .card-title {
    margin-bottom: 1.15rem;
    font-size: 1.45rem;
    line-height: 1.2;
}

body.whmcs-dashboard-body .dashboard-settings-card .row > [class*="col-"] {
    margin-bottom: 0.15rem;
}

body.whmcs-dashboard-body .dashboard-settings-card .col-form-label {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.96rem;
    font-weight: 600;
    color: #344054;
}

body.whmcs-dashboard-body .dashboard-settings-card .form-control,
body.whmcs-dashboard-body .dashboard-settings-card .custom-select {
    min-height: 3.35rem;
    border-radius: 1rem;
}

body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .col-form-label,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .col-form-label {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.96rem;
    font-weight: 600;
    color: #344054;
}

body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .form-control,
body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .custom-select,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .form-control,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .custom-select {
    min-height: 3.35rem;
    border-radius: 1rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .form-control:focus,
body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .custom-select:focus,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .form-control:focus,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .custom-select:focus {
    border-color: rgba(var(--primary-rgb), 0.35);
    box-shadow: 0 0 0 4px rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-panel .dashboard-panel__header,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-panel .dashboard-panel__header {
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-email-preferences {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-email-preference {
    min-height: 4rem;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(231, 236, 241, 0.94);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    line-height: 1.45;
}

body.whmcs-dashboard-body .dashboard-email-preference input {
    margin: 0;
}

body.whmcs-dashboard-body .dashboard-marketing-choice {
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item {
    flex: 1 1 0;
    min-height: 4rem;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
}

body.whmcs-dashboard-body .dashboard-support-request__main .card-body {
    padding: 1.7rem;
}

body.whmcs-dashboard-body .dashboard-support-request__main .dashboard-page-heading__title--compact {
    margin-bottom: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-support-tip {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(231, 236, 241, 0.92);
    border-radius: 1.45rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 252, 253, 0.98));
}

body.whmcs-dashboard-body .dashboard-support-tip--mint {
    background: linear-gradient(180deg, rgba(241, 252, 248, 0.96), rgba(252, 255, 254, 0.98));
}

body.whmcs-dashboard-body .dashboard-support-tip--violet {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.075), rgba(252, 252, 255, 0.98));
}

body.whmcs-dashboard-body .dashboard-support-tip--amber {
    background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.075), rgba(255, 252, 246, 0.98));
}

body.whmcs-dashboard-body .dashboard-support-tip__icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-kb-hero {
    margin-bottom: 1.5rem;
    padding: 2rem 2rem 1.5rem;
    border: 1px solid rgba(227, 234, 239, 0.95);
    border-radius: 2rem;
    background:
        radial-gradient(circle at top right, rgba(210, 248, 239, 0.55), transparent 32%),
        linear-gradient(180deg, rgba(243, 252, 248, 0.95), rgba(255, 255, 255, 0.98));
}

body.whmcs-dashboard-body .dashboard-kb-search .input-group-text,
body.whmcs-dashboard-body .dashboard-kb-search .form-control,
body.whmcs-dashboard-body .dashboard-kb-search .btn {
    min-height: 4.15rem;
    border-radius: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-kb-search .input-group-text {
    padding-inline: 1.45rem 0.85rem;
    font-size: 1.12rem;
}

body.whmcs-dashboard-body .dashboard-kb-search .form-control {
    font-size: 1.02rem;
    border-left: 0;
}

body.whmcs-dashboard-body .dashboard-kb-tags {
    margin-top: 1.1rem;
}

body.whmcs-dashboard-body .dashboard-kb-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(18rem, 0.72fr);
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-kb-main,
body.whmcs-dashboard-body .dashboard-kb-help,
body.whmcs-dashboard-body .dashboard-kb-aside .dashboard-panel {
    border-radius: 1.65rem;
}

body.whmcs-dashboard-body .dashboard-kb-list__item {
    min-height: 6.2rem;
}

body.whmcs-dashboard-body .dashboard-kb-highlight {
    min-height: 8.8rem;
    padding: 1.35rem 1.4rem;
    border-radius: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__content {
    font-size: 1.03rem;
    line-height: 1.85;
    color: #344054;
}

body.whmcs-dashboard-body .dashboard-kb-article__content h1,
body.whmcs-dashboard-body .dashboard-kb-article__content h2,
body.whmcs-dashboard-body .dashboard-kb-article__content h3 {
    margin-top: 1.65rem;
    margin-bottom: 0.85rem;
    color: #182230;
}

body.whmcs-dashboard-body .dashboard-kb-article__content img {
    max-width: 100%;
    height: auto;
    border-radius: 1.25rem;
    border: 1px solid rgba(231, 236, 241, 0.92);
}

body.whmcs-dashboard-body .dashboard-announcements__featured {
    min-height: 35rem;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.06),
        0 24px 60px rgba(3, 12, 20, 0.18);
}

body.whmcs-dashboard-body .dashboard-announcements__featured-copy {
    max-width: 34rem;
}

body.whmcs-dashboard-body .dashboard-announcement-card {
    min-height: 7.9rem;
}

body.whmcs-dashboard-body .dashboard-announcement-card__copy strong {
    font-size: 1.32rem;
    line-height: 1.35;
}

body.whmcs-dashboard-body .dashboard-announcement-story {
    padding: 2.35rem 2.5rem;
}

body.whmcs-dashboard-body .dashboard-announcement-story__title {
    max-width: 64rem;
    font-size: clamp(2.25rem, 3.6vw, 4rem);
    letter-spacing: -0.045em;
}

body.whmcs-dashboard-body .dashboard-announcement-story__summary {
    margin-top: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-announcement-story__content {
    font-size: 1.08rem;
    line-height: 1.95;
    color: #344054;
}

body.whmcs-dashboard-body .dashboard-announcement-story__footer {
    margin-top: 2rem;
}

.auth-shell {
    grid-template-columns: minmax(19rem, 0.9fr) minmax(24rem, 0.98fr);
    gap: 1.6rem;
    align-items: stretch;
    margin: 1.25rem auto 0;
}

.auth-shell__intro {
    position: relative;
    overflow: hidden;
    min-height: 44rem;
    padding: 2rem 2rem 2.3rem;
    border-radius: 2rem;
    background:
        radial-gradient(circle at 20% 35%, rgba(var(--primary-rgb), 0.16), transparent 18%),
        radial-gradient(circle at 82% 82%, rgba(var(--accent-rgb), 0.14), transparent 24%),
        linear-gradient(180deg, rgba(var(--accent-rgb), 0.08), rgba(var(--primary-rgb), 0.06));
    display: grid;
    align-content: start;
}

.auth-shell__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    color: #182230;
    font-size: 1.7rem;
    font-weight: 800;
}

.auth-shell__eyebrow::before {
    content: "";
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    background: var(--gradient-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M18 17.5C18 15.8431 19.3431 14.5 21 14.5H23.25C24.9069 14.5 26.25 15.8431 26.25 17.5V29H37.75V17.5C37.75 15.8431 39.0931 14.5 40.75 14.5H43C44.6569 14.5 46 15.8431 46 17.5V46.5C46 48.1569 44.6569 49.5 43 49.5H40.75C39.0931 49.5 37.75 48.1569 37.75 46.5V35H26.25V46.5C26.25 48.1569 24.9069 49.5 23.25 49.5H21C19.3431 49.5 18 48.1569 18 46.5V17.5Z' fill='white'/%3E%3Crect x='36.5' y='11.5' width='10.5' height='10.5' rx='3.6' fill='white'/%3E%3Ccircle cx='41.75' cy='16.75' r='2.15' fill='white'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none'%3E%3Cpath d='M18 17.5C18 15.8431 19.3431 14.5 21 14.5H23.25C24.9069 14.5 26.25 15.8431 26.25 17.5V29H37.75V17.5C37.75 15.8431 39.0931 14.5 40.75 14.5H43C44.6569 14.5 46 15.8431 46 17.5V46.5C46 48.1569 44.6569 49.5 43 49.5H40.75C39.0931 49.5 37.75 48.1569 37.75 46.5V35H26.25V46.5C26.25 48.1569 24.9069 49.5 23.25 49.5H21C19.3431 49.5 18 48.1569 18 46.5V17.5Z' fill='white'/%3E%3Crect x='36.5' y='11.5' width='10.5' height='10.5' rx='3.6' fill='white'/%3E%3Ccircle cx='41.75' cy='16.75' r='2.15' fill='white'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 1.9rem 1.9rem;
    mask-size: 1.9rem 1.9rem;
    flex: 0 0 auto;
    box-shadow: 0 18px 36px -26px rgba(var(--primary-rgb), 0.72);
}

.auth-shell__title {
    margin-top: 2.4rem;
    max-width: 22rem;
    font-size: clamp(2.55rem, 4vw, 4.1rem);
    line-height: 1.08;
    letter-spacing: -0.05em;
}

.auth-shell__copy {
    max-width: 25rem;
    font-size: 1.16rem;
    line-height: 1.75;
}

.auth-shell__intro::after {
    content: "";
    position: absolute;
    inset: auto -3rem 1rem auto;
    width: 26rem;
    height: 26rem;

    pointer-events: none;
    opacity: 0.9;
    filter: var(--hero-art-filter);
}

.auth-shell__features {
    display: grid;
    gap: 1rem;
    margin-top: auto;
    padding-right: 5rem;
}

.auth-shell__feature {
    display: grid;
    grid-template-columns: 3.45rem minmax(0, 1fr);
    gap: 0.95rem;
    align-items: start;
}

.auth-shell__feature-icon {
    width: 3.45rem;
    height: 3.45rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.9);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 1.15rem;
    box-shadow: 0 12px 26px rgba(16, 24, 40, 0.05);
}

.auth-shell__feature strong {
    display: block;
    margin-bottom: 0.2rem;
    color: #182230;
    font-size: 1rem;
}

.auth-shell__feature p {
    margin: 0;
    color: #667085;
    line-height: 1.6;
}

.auth-form {
    position: relative;
    align-self: center;
    min-height: 42rem;
    padding: 2rem 2.2rem;
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.98);
    display: grid;
    align-content: start;
}

.auth-form__header {
    position: relative;
    text-align: center;
    margin-bottom: 1.65rem;
}

.auth-form__header::before {
    content: "";
    display: block;
    width: 5.4rem;
    height: 5.4rem;
    margin: 0 auto 1.2rem;
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, rgba(var(--primary-rgb), 0.22) 0 0.45rem, transparent 0.47rem),
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.96) 0 1.45rem, transparent 1.5rem),
        linear-gradient(180deg, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-rgb), 0.03));
    box-shadow:
        inset 0 0 0 1px rgba(var(--primary-rgb), 0.12),
        0 12px 28px rgba(var(--primary-rgb), 0.08);
    position: relative;
}

.auth-form__header::after {
    content: "";
    position: absolute;
    top: 1.05rem;
    left: 50%;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 50%;
    background: var(--gradient-primary);
    box-shadow: 0 0 0 0.35rem rgba(var(--primary-rgb), 0.1);
    transform: translateX(1.45rem);
}

.auth-form__title {
    font-size: clamp(2.15rem, 3.2vw, 3.2rem);
    letter-spacing: -0.045em;
}

.auth-form__subtitle {
    max-width: 27rem;
    margin: 0 auto !important;
    margin-top: 20px !important;
    text-align: center;
    font-size: 1.05rem;
    line-height: 1.8;
}

.auth-shell--reset .auth-shell__intro::after {

}

.auth-inline-divider {
    position: relative;
    margin: 1.5rem 0;
    text-align: center;
    color: #98a2b3;
}

.auth-inline-divider::before {
    content: "";
    position: absolute;
    inset: 50% 0 auto;
    border-top: 1px solid rgba(228, 233, 238, 0.92);
}

.auth-inline-divider span {
    position: relative;
    z-index: 1;
    padding: 0 1rem;
    background: rgba(255, 255, 255, 0.98);
}

.auth-social-buttons {
    display: grid;
    gap: 0.85rem;
}

.auth-social-buttons .btn {
    min-height: 3.5rem;
    border-radius: 1rem;
    justify-content: center;
    font-weight: 700;
}

.auth-security-note {
    display: grid;
    grid-template-columns: 3.4rem minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
    margin-top: 1.3rem;
    padding: 1.2rem 1.25rem;
    border-radius: 1.25rem;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0.03));
    border: 1px solid rgba(var(--primary-rgb), 0.14);
}

.auth-security-note__icon {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.auth-security-note h4 {
    margin: 0 0 0.3rem;
    font-size: 1.04rem;
}

.auth-security-note p {
    margin: 0;
    color: #667085;
    line-height: 1.7;
}

.contact-standalone {
    display: grid;
    gap: 1.5rem;
    max-width: 1540px;
    margin: 0 auto;
}

.contact-standalone__hero {
    padding: 1.6rem 1.75rem;
    display: grid;
    gap: 1rem;
}

.contact-standalone__breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    width: fit-content;
    min-height: 2.85rem;
    padding: 0 1rem;
    border: 1px solid rgba(223, 231, 236, 0.92);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    color: #667085;
    font-size: 0.95rem;
    font-weight: 600;
}

.contact-standalone__breadcrumb a {
    color: var(--foreground);
}

.contact-standalone__hero-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.contact-standalone__title {
    margin: 0.15rem 0 0.45rem;
    font-size: clamp(2.2rem, 4vw, 3.6rem);
    line-height: 1.05;
}

.contact-standalone__copy {
    margin: 0;
    max-width: 36rem;
    color: #667085;
    font-size: 1.05rem;
    line-height: 1.8;
}

.contact-standalone__hero-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.contact-standalone__form-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.95);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 26px rgba(16, 24, 40, 0.05);
}

.contact-standalone__hero-actions .btn {
    min-height: 3.2rem;
    padding-inline: 1.1rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    font-weight: 700;
}

.contact-standalone__layout {
    display: grid;
    grid-template-columns: minmax(19rem, 0.88fr) minmax(0, 1.12fr);
    gap: 1.6rem;
    align-items: stretch;
}

.contact-standalone__form-panel {
    padding: 1.8rem;
}

.contact-standalone__form-header {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.45rem;
}

.contact-standalone__form-header h2 {
    margin: 0 0 0.3rem;
    font-size: 2rem;
    line-height: 1.1;
}

.contact-standalone__form-header p {
    margin: 0;
    color: #667085;
    line-height: 1.7;
}

.contact-standalone__form {
    display: grid;
    gap: 1.2rem;
}

.contact-standalone__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.1rem;
}

.contact-standalone__field--full {
    grid-column: 1 / -1;
}

.contact-standalone__form .form-group {
    margin-bottom: 0;
}

.contact-standalone__form label {
    display: block;
    margin-bottom: 0.55rem;
    color: var(--foreground);
    font-weight: 700;
}

.contact-standalone__form .form-control {
    min-height: 3.35rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 1rem;
    box-shadow: none;
}

.contact-standalone__form textarea.form-control {
    min-height: 11rem;
    padding-top: 0.95rem;
    resize: vertical;
}

.contact-standalone__form .form-control:focus {
    border-color: rgba(var(--primary-rgb), 0.45);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.12);
}

.contact-standalone__form-actions {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.contact-standalone__form-actions .btn {
    min-height: 3.5rem;
    min-width: 12rem;
    border-radius: 1rem;
    font-weight: 700;
}

.auth-register-layout {
    display: grid;
    grid-template-columns: minmax(21rem, 0.72fr) minmax(0, 1fr);
    gap: 1.4rem;
    align-items: start;
}

.auth-register-aside {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 1.1rem;
}

.auth-register-panel {
    padding: 1.7rem;
    border-radius: 1.8rem;

}

.auth-register-panel__art {
    position: relative;
    overflow: hidden;
    display: grid;
    place-items: center;
    min-height: 15rem;
    margin: 1.4rem 0 1.1rem;
    border-radius: 1.6rem;
    background:
        radial-gradient(circle at center, rgba(var(--primary-rgb), 0.17), transparent 50%),
        linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0.03));
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb), 0.12);
}

.auth-register-panel__orbit {
    position: absolute;
    border: 1px solid rgba(var(--primary-rgb), 0.24);
    border-radius: 999px;
    pointer-events: none;
}

.auth-register-panel__orbit--one {
    width: 78%;
    height: 48%;
}

.auth-register-panel__orbit--two {
    width: 64%;
    height: 62%;
}

.auth-register-panel__node {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 0.95);
    box-shadow: 0 0 0 0.35rem rgba(var(--primary-rgb), 0.12);
}

.auth-register-panel__node--one {
    top: 24%;
    right: 18%;
}

.auth-register-panel__node--two {
    right: 10%;
    bottom: 29%;
}

.auth-register-panel__node--three {
    left: 18%;
    bottom: 20%;
}

.auth-register-panel__hero-cloud,
.auth-register-panel__hero-server,
.auth-register-panel__hero-shield {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.auth-register-panel__hero-cloud {
    top: 24%;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    color: var(--primary);
    font-size: 2rem;
    box-shadow: 0 16px 34px rgba(var(--primary-rgb), 0.18);
}

.auth-register-panel__hero-server {
    width: 9.6rem;
    height: 3rem;
    border-radius: 1.1rem;
    background: var(--gradient-primary);
    color: #fff;
    font-size: 1.2rem;
    box-shadow: 0 12px 28px rgba(var(--primary-rgb), 0.2);
}

.auth-register-panel__hero-server--one {
    top: 45%;
}

.auth-register-panel__hero-server--two {
    top: 58%;
}

.auth-register-panel__hero-shield {
    top: 42%;
    right: 22%;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.96);
    color: var(--primary);
    font-size: 1.7rem;
    box-shadow: 0 16px 32px rgba(16, 24, 40, 0.08);
}

.auth-register-panel__features {
    display: grid;
    gap: 1rem;
}

.auth-register-panel__feature {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
}

.auth-register-panel__feature i {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.88);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
}

.auth-register-content .card {
    border-radius: 1.55rem;
}

.auth-register-content .card-body {
    padding: 1.55rem 1.65rem;
}

.auth-register-content .card-title {
    margin-bottom: 0.25rem;
    font-size: 1.42rem;
}

.auth-register-content .form-group.prepend-icon {
    position: relative;
}

.auth-register-content .form-group.prepend-icon .field-icon {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    z-index: 1;
    color: #98a2b3;
}

.auth-register-content .form-group.prepend-icon .field,
.auth-register-content .form-group.prepend-icon .form-control {
    min-height: 3.35rem;
    padding-left: 2.8rem;
    border-radius: 1rem;
}

.auth-register-content .btn-lg.btn-primary {
    min-height: 3.6rem;
    padding-inline: 1.7rem;
    border-radius: 1rem;
    color: #fff;
    background: var(--gradient-primary);
    border-color: transparent;
    box-shadow: none;
}

.auth-register-content .btn-lg.btn-primary:hover,
.auth-register-content .btn-lg.btn-primary:focus {
    color: #fff;
    background: var(--gradient-primary-hover);
    border-color: transparent;
}

body.whmcs-dashboard-body .auth-register-steps-panel {
    display: none;
}

body.whmcs-dashboard-body .dashboard-404-page,
body.whmcs-dashboard-body .dashboard-error-page__panel {
    min-height: calc(100vh - 11rem);
}

@media (max-width: 1199.98px) {
    .auth-register-layout,
    body.whmcs-dashboard-body .dashboard-kb-layout,
    .contact-standalone__layout {
        grid-template-columns: 1fr;
    }

    .auth-register-aside {
        position: static;
    }

    .contact-standalone__hero-main {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 991.98px) {
    .auth-shell {
        grid-template-columns: 1fr;
    }

    .auth-shell__intro {
        min-height: auto;
        padding-bottom: 14rem;
    }

    .auth-shell__intro::after {
        width: 20rem;
        height: 20rem;
    }

    .auth-shell__features {
        padding-right: 0;
    }

    .auth-form {
        min-height: 0;
    }

    body.whmcs-dashboard-body .dashboard-email-preferences {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .contact-standalone__grid {
        grid-template-columns: 1fr;
    }

    .contact-standalone__hero,
    .contact-standalone__form-panel {
        padding: 1.25rem;
    }

    .auth-shell__intro,
    .auth-form,
    .auth-register-panel {
        padding: 1.35rem;
        border-radius: 1.45rem;
    }

    .auth-shell__title,
    .auth-form__title {
        font-size: 2.2rem;
    }

    .auth-shell__intro {
        padding-bottom: 11rem;
    }

    .auth-shell__intro::after {
        width: 14rem;
        height: 14rem;
        right: 0;
    }

    body.invoice-dashboard-body .dashboard-invoice-payment-note,
    body.whmcs-dashboard-body .dashboard-kb-tags,
    .auth-security-note {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-support-tip,
    body.whmcs-dashboard-body .dashboard-kb-highlight,
    body.whmcs-dashboard-body .dashboard-announcement-card,
    body.whmcs-dashboard-body .dashboard-email-preference {
        border-radius: 1.1rem;
    }
}

body.whmcs-dashboard-body .dashboard-support-request__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.74fr);
    gap: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-support-request__main,
body.whmcs-dashboard-body .dashboard-support-request__aside {
    border: 1px solid rgba(223, 231, 236, 0.86);
    border-radius: 1.6rem;
    background: #fff;
    box-shadow: 0 16px 45px rgba(15, 23, 42, 0.05);
}

body.whmcs-dashboard-body .dashboard-support-request__main .card-body {
    padding: 1.7rem;
}

body.whmcs-dashboard-body .dashboard-support-request__aside {
    padding: 1rem;
    display: grid;
    gap: 1rem;
    align-content: start;
}

body.whmcs-dashboard-body .dashboard-support-tip {
    border-radius: 1.4rem;
    padding: 1.5rem 1.4rem;
    border: 1px solid rgba(223, 231, 236, 0.82);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247, 251, 249, 0.96));
    position: relative;
    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-support-tip__icon {
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 1.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    margin-bottom: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-support-tip h4 {
    margin: 0 0 0.45rem;
    font-size: 1.45rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-support-tip p,
body.whmcs-dashboard-body .dashboard-support-tip li {
    color: var(--text-soft);
    font-size: 1rem;
    line-height: 1.75;
}

body.whmcs-dashboard-body .dashboard-support-tip ul {
    margin: 0.9rem 0 0;
    padding-left: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-support-tip--mint {
    background: linear-gradient(180deg, rgba(239, 252, 247, 0.96), rgba(248, 252, 250, 0.98));
}

body.whmcs-dashboard-body .dashboard-support-tip--mint .dashboard-support-tip__icon {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-support-tip--violet {
    background: linear-gradient(180deg, rgba(245, 243, 255, 0.98), rgba(250, 248, 255, 0.98));
}

body.whmcs-dashboard-body .dashboard-support-tip--violet .dashboard-support-tip__icon {
    background: rgba(126, 92, 255, 0.12);
    color: #7e5cff;
}

body.whmcs-dashboard-body .dashboard-support-tip--amber {
    background: linear-gradient(180deg, rgba(255, 249, 238, 0.98), rgba(255, 252, 246, 0.98));
}

body.whmcs-dashboard-body .dashboard-support-tip--amber .dashboard-support-tip__icon {
    background: rgba(250, 176, 38, 0.14);
    color: #ee9e11;
}

body.whmcs-dashboard-body .dashboard-funds-panel {
    padding: 1.65rem;
}

body.whmcs-dashboard-body .dashboard-funds-panel__art {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 5rem;
    margin-bottom: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-funds-panel__art::before {
    content: "";
    width: 10.5rem;
    height: 6rem;
    border-radius: 1.8rem;
    background:
        radial-gradient(circle at 20% 28%, rgba(var(--primary-rgb),0.18) 0, rgba(var(--primary-rgb),0.18) 8%, transparent 9%),
        radial-gradient(circle at 78% 18%, rgba(var(--primary-rgb),0.14) 0, rgba(var(--primary-rgb),0.14) 6%, transparent 7%),
        linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0.03));
    box-shadow: inset 0 -10px 22px rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .dashboard-funds-form {
    display: grid;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-funds-form__row {
    display: grid;
    grid-template-columns: minmax(210px, 0.32fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
	margin-bottom:20px;
}

body.whmcs-dashboard-body .dashboard-funds-form__label {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    border-radius: 0rem;
    background: rgba(246, 248, 251, 0.98);
    border: 1px solid rgba(227, 234, 240, 0.95);
    padding: 0rem 1.15rem;
    font-weight: 700;
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-funds-form__label-icon {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-funds-form__field {
    display: flex;
    align-items: center;

    border: 1px solid rgba(223, 231, 236, 0.95);
    background: #fff;

    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-funds-form__field .form-control,
body.whmcs-dashboard-body .dashboard-funds-form__field .custom-select {
    border: 0;
    min-height: 4.25rem;
    box-shadow: none;
}

body.whmcs-dashboard-body .dashboard-funds-form__suffix {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.25rem;
    margin-right: 0.85rem;
    border-radius: 0.95rem;
    background: rgba(238, 242, 247, 0.96);
    color: var(--text);
    font-weight: 700;
    padding: 0.8rem 1rem;
}

body.whmcs-dashboard-body .dashboard-funds-form__submit .btn {
    width: 100%;
    min-height: 4.35rem;
    border-radius: 1.2rem;
    font-size: 1.28rem;
}

body.whmcs-dashboard-body .dashboard-funds-note {
    margin-top: 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem 1.15rem;
    border-radius: 1.1rem;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-funds-note__icon {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.13);
    color: var(--primary);
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-ticket-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-filters__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

body.whmcs-dashboard-body .dashboard-ticket-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    border-radius: 1rem;
    border: 1px solid rgba(221, 229, 236, 0.96);
    background: #fff;
    padding: 0.78rem 1.15rem;
    color: var(--text);
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-ticket-chip.is-active {
    border-color: rgba(var(--primary-rgb), 0.45);
    background: rgba(239, 252, 247, 0.92);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-ticket-chip__dot {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 999px;
    background: currentColor;
}

body.whmcs-dashboard-body .dashboard-home-action--ticket {
    margin-right: 0;
}

body.whmcs-dashboard-body .dashboard-ticket-view {
    display: grid;
    gap: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card,
body.whmcs-dashboard-body .dashboard-ticket-reply-panel {
    border: 1px solid rgba(223, 231, 236, 0.88);
    border-radius: 1.7rem;
    background: #fff;

}

body.whmcs-dashboard-body .dashboard-ticket-card .card-body,
body.whmcs-dashboard-body .dashboard-ticket-reply-panel .card-body {
    padding: 1.65rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card__subject {
    color: var(--primary);
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel__art {
    width: 12rem;
    max-width: 24%;
    aspect-ratio: 1.6;
    border-radius: 1.2rem;
    background:
        radial-gradient(circle at 60% 25%, rgba(var(--primary-rgb), 0.16) 0, rgba(var(--primary-rgb), 0.16) 16%, transparent 17%),
        linear-gradient(180deg, rgba(245, 251, 249, 0.96), rgba(255,255,255,0.98));
    position: relative;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel__art::after {
    content: "";
    position: absolute;
    inset: 20% 18%;
    border-radius: 1rem;
    border: 2px dashed rgba(182, 191, 207, 0.6);
}

body.whmcs-dashboard-body .dashboard-settings-card {
    border: 1px solid rgba(223, 231, 236, 0.86);
    border-radius: 1.7rem;
    background: #fff;
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.045);
    padding: 1.65rem;
    margin-bottom: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-settings-card--preferences .row > [class*="col-"] {
    margin-bottom: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-email-preferences {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1.2rem;
    margin-top: 1rem;
}

body.whmcs-dashboard-body .dashboard-email-preference {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    background: rgba(248, 250, 252, 0.98);
    border: 1px solid rgba(229, 235, 241, 0.95);
}

body.whmcs-dashboard-body .dashboard-email-preference i {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-settings-card--marketing .dashboard-marketing-choice {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    background: #fff;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item.is-active {
    border-color: rgba(var(--primary-rgb), 0.45);
    background: rgba(240, 252, 247, 0.95);
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item input {
    accent-color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-settings-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-kb-article-layout {
    display: grid;
    grid-template-columns: minmax(250px, 0.42fr) minmax(0, 1fr);
    gap: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-kb-article-sidebar {
    display: grid;
    gap: 1.2rem;
    align-content: start;
}

body.whmcs-dashboard-body .dashboard-kb-side-nav {
    padding: 1.3rem;
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__links {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.8rem;
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    color: var(--text);
    border: 1px solid transparent;
    background: rgba(248, 250, 252, 0.96);
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link.is-active,
body.whmcs-dashboard-body .dashboard-kb-side-nav__link:hover {
    border-color: rgba(var(--primary-rgb), 0.28);
    color: var(--primary);
    background: rgba(239, 252, 247, 0.9);
}

body.whmcs-dashboard-body .dashboard-kb-help--compact {
    padding: 1.5rem;
}

body.whmcs-dashboard-body .dashboard-kb-article {
    padding: 1.55rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__topbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__eyebrow {
    margin: 0 0 0.3rem;
    color: var(--text-soft);
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-kb-article__title {
    margin: 0;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.1;
}

body.whmcs-dashboard-body .dashboard-kb-article__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.35rem;
    margin: 1rem 0 1.15rem;
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-kb-article__meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__feedback {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1.1rem;
    background: linear-gradient(180deg, rgba(239, 252, 247, 0.95), rgba(249, 252, 251, 0.98));
    margin-bottom: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__feedback-actions {
    display: flex;
    gap: 0.65rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__content {
    color: var(--text);
    line-height: 1.88;
}

body.whmcs-dashboard-body .dashboard-kb-article__content h2,
body.whmcs-dashboard-body .dashboard-kb-article__content h3,
body.whmcs-dashboard-body .dashboard-kb-article__content h4 {
    margin-top: 1.7rem;
    margin-bottom: 0.75rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-kb-tip {
    margin-top: 1.4rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    background: rgba(240, 251, 247, 0.92);
}

body.whmcs-dashboard-body .dashboard-kb-tip__icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-kb-article__footer {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-kb-related {
    padding: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-kb-related__list {
    display: grid;
    gap: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-kb-related__item {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    border: 1px solid rgba(225, 233, 239, 0.92);
    background: #fff;
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-kb-related__icon,
body.whmcs-dashboard-body .dashboard-kb-list__icon,
body.whmcs-dashboard-body .dashboard-kb-category__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(240, 251, 247, 0.92);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-kb-related__copy,
body.whmcs-dashboard-body .dashboard-kb-list__copy {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

body.whmcs-dashboard-body .dashboard-kb-related__copy strong,
body.whmcs-dashboard-body .dashboard-kb-list__copy strong {
    font-size: 1.02rem;
}

body.whmcs-dashboard-body .dashboard-kb-related__copy small,
body.whmcs-dashboard-body .dashboard-kb-list__copy small {
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-kb-hero,
body.whmcs-dashboard-body .dashboard-kb-main,
body.whmcs-dashboard-body .dashboard-kb-help,
body.whmcs-dashboard-body .dashboard-kb-aside .dashboard-panel,
body.whmcs-dashboard-body .dashboard-kb-article,
body.whmcs-dashboard-body .dashboard-kb-related,
body.whmcs-dashboard-body .dashboard-kb-side-nav {
    border: 1px solid var(--border-light);
    background: var(--surface-card);
    box-shadow: 0 18px 42px -32px rgba(15, 23, 42, 0.14);
}

body.whmcs-dashboard-body .dashboard-kb-hero {
    position: relative;
    overflow: hidden;
    padding: 2rem;
    border-radius: var(--radius-xl);
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--primary-rgb), 0.12), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(var(--primary-rgb), 0.07), transparent 30%),
        linear-gradient(180deg, var(--surface-soft), rgba(255, 255, 255, 0.98));
}

body.whmcs-dashboard-body .dashboard-kb-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(22rem, 0.95fr);
    gap: 1.5rem;
    align-items: center;
}

body.whmcs-dashboard-body .dashboard-kb-hero__copy {
    display: grid;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-kb-hero__eyebrow,
body.whmcs-dashboard-body .dashboard-kb-help__eyebrow,
body.whmcs-dashboard-body .dashboard-kb-article__eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .dashboard-kb-hero__title {
    margin: 0;
    max-width: 36rem;
    color: var(--text-primary);
    font-size: clamp(2rem, 4vw, 3.15rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body .dashboard-kb-hero__description {
    margin: 0;
    max-width: 40rem;
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.7;
}

body.whmcs-dashboard-body .dashboard-kb-hero__metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
}

body.whmcs-dashboard-body .dashboard-kb-hero__metric {
    min-width: 10rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: saturate(140%) blur(6px);
    display: grid;
    gap: 0.2rem;
}

body.whmcs-dashboard-body .dashboard-kb-hero__metric strong {
    color: var(--text-primary);
    font-size: 1.35rem;
    line-height: 1;
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body .dashboard-kb-hero__metric span {
    color: var(--text-muted);
    font-size: 0.84rem;
}

body.whmcs-dashboard-body .dashboard-kb-hero__search-shell {
    padding: 1.05rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, 0.8);
}

body.whmcs-dashboard-body .dashboard-kb-search {
    margin: 0;
}

body.whmcs-dashboard-body .dashboard-kb-search .input-group {
    align-items: stretch;
}

body.whmcs-dashboard-body .dashboard-kb-search .input-group-text,
body.whmcs-dashboard-body .dashboard-kb-search .form-control,
body.whmcs-dashboard-body .dashboard-kb-search .btn {
    min-height: 3.65rem;
    border-radius: 1rem;
    border: 1px solid var(--border-soft);
    box-shadow: none;
}

body.whmcs-dashboard-body .dashboard-kb-search .input-group-text {
    border-right: 0;
    background: var(--surface-card);
    color: var(--text-muted);
}

body.whmcs-dashboard-body .dashboard-kb-search .form-control {
    border-left: 0;
    border-right: 0;
    background: var(--surface-card);
    color: var(--text-primary);
    font-size: 0.96rem;
}

body.whmcs-dashboard-body .dashboard-kb-search .form-control::placeholder {
    color: var(--text-muted);
}

body.whmcs-dashboard-body .dashboard-kb-search .btn {
    padding-inline: 1.3rem;
}

body.whmcs-dashboard-body .dashboard-kb-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: center;
}

body.whmcs-dashboard-body .dashboard-kb-tags__label {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--text-secondary);
    font-size: 0.86rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-kb-tag,
body.whmcs-dashboard-body .dashboard-kb-list__tag,
body.whmcs-dashboard-body .dashboard-kb-section-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    background: rgba(var(--primary-rgb), 0.07);
    color: var(--primary);
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
}

body.whmcs-dashboard-body .dashboard-kb-tag:hover {
    color: var(--primary-hover);
    background: rgba(var(--primary-rgb), 0.11);
}

body.whmcs-dashboard-body .dashboard-kb-layout {
    align-items: start;
    gap: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-kb-main {
    padding: 1.55rem;
}

body.whmcs-dashboard-body .dashboard-kb-aside {
    display: grid;
    gap: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-kb-list {
    display: grid;
    gap: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-kb-list__item,
body.whmcs-dashboard-body .dashboard-kb-related__item,
body.whmcs-dashboard-body .dashboard-kb-category {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.95rem;
    padding: 1.05rem 1.1rem;
    min-height: 0;
    border: 1px solid var(--border-light);
    border-radius: 1.2rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--surface-soft));
    transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

body.whmcs-dashboard-body .dashboard-kb-list__item:hover,
body.whmcs-dashboard-body .dashboard-kb-related__item:hover,
body.whmcs-dashboard-body .dashboard-kb-category:hover {
    border-color: rgba(var(--primary-rgb), 0.18);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(var(--primary-rgb), 0.05));
    transform: translateY(-1px);
}

body.whmcs-dashboard-body .dashboard-kb-list__icon,
body.whmcs-dashboard-body .dashboard-kb-related__icon,
body.whmcs-dashboard-body .dashboard-kb-category__icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.12), rgba(var(--primary-rgb), 0.07));
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-kb-list__copy strong,
body.whmcs-dashboard-body .dashboard-kb-related__copy strong,
body.whmcs-dashboard-body .dashboard-kb-category__name {
    color: var(--text-primary);
    font-size: 1rem;
    line-height: 1.35;
}

body.whmcs-dashboard-body .dashboard-kb-list__copy small,
body.whmcs-dashboard-body .dashboard-kb-related__copy small {
    color: var(--text-secondary);
    line-height: 1.55;
}

body.whmcs-dashboard-body .dashboard-kb-list__arrow,
body.whmcs-dashboard-body .dashboard-kb-related__arrow {
    margin-inline-start: auto;
    color: var(--text-muted);
}

body.whmcs-dashboard-body .dashboard-kb-footer-action {
    margin-top: 1.15rem;
}

body.whmcs-dashboard-body .dashboard-kb-footer-action .btn,
body.whmcs-dashboard-body .dashboard-kb-help .btn,
body.whmcs-dashboard-body .dashboard-kb-article__actions .btn,
body.whmcs-dashboard-body .dashboard-kb-article__feedback .btn,
body.whmcs-dashboard-body .dashboard-kb-article__footer .btn {
    min-height: 2.8rem;
    border-radius: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-kb-help {
    display: grid;
    gap: 0.85rem;
    padding: 1.6rem;
    border-radius: 1.6rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--primary-rgb), 0.13), transparent 34%),
        linear-gradient(180deg, rgba(var(--primary-rgb), 0.045), rgba(255, 255, 255, 0.98));
}

body.whmcs-dashboard-body .dashboard-kb-help h3 {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-kb-help p {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.65;
}

body.whmcs-dashboard-body .dashboard-kb-categories {
    display: grid;
    gap: 0.8rem;
}

body.whmcs-dashboard-body .dashboard-kb-category__count {
    margin-inline-start: auto;
    min-width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-kb-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-kb-highlight {
    display: flex;
    align-items: flex-start;
    gap: 0.95rem;
    min-height: 0;
    padding: 1.15rem 1.2rem;
    border: 1px solid var(--border-light);
    border-radius: 1.35rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--surface-soft));
    box-shadow: 0 14px 30px -26px rgba(15, 23, 42, 0.12);
}

body.whmcs-dashboard-body .dashboard-kb-highlight > i {
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.95rem;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-kb-highlight strong {
    display: block;
    color: var(--text-primary);
    margin-bottom: 0.3rem;
}

body.whmcs-dashboard-body .dashboard-kb-highlight p {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.55;
}

body.whmcs-dashboard-body .dashboard-kb-article-layout {
    gap: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-kb-side-nav {
    padding: 1.35rem;
    border-radius: 1.5rem;
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link {
    min-height: 3.25rem;
    border: 1px solid var(--border-light);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), var(--surface-soft));
    color: var(--text-secondary);
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link i {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-kb-side-nav__link.is-active,
body.whmcs-dashboard-body .dashboard-kb-side-nav__link:hover {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.16);
    background: rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .dashboard-kb-help--compact {
    padding: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-kb-article {
    padding: 1.7rem;
    border-radius: 1.7rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__topbar {
    gap: 1.2rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--border-light);
}

body.whmcs-dashboard-body .dashboard-kb-article__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__eyebrow {
    margin-bottom: 0.5rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__title {
    color: var(--text-primary);
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body .dashboard-kb-article__meta {
    gap: 0.8rem;
    margin: 1.1rem 0 1.35rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__meta span {
    min-height: 2.2rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--border-light);
    border-radius: 999px;
    background: var(--surface-soft);
    color: var(--text-secondary);
    font-size: 0.84rem;
}

body.whmcs-dashboard-body .dashboard-kb-article__meta-pill {
    color: var(--primary) !important;
    border-color: rgba(var(--primary-rgb), 0.14) !important;
    background: rgba(var(--primary-rgb), 0.08) !important;
}

body.whmcs-dashboard-body .dashboard-kb-article__feedback {
    padding: 1rem 1.1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.2rem;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.05), rgba(255, 255, 255, 0.98));
}

body.whmcs-dashboard-body .dashboard-kb-article__feedback strong {
    color: var(--text-primary);
}

body.whmcs-dashboard-body .dashboard-kb-article__feedback-thanks {
    color: var(--primary);
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-kb-article__content {
    color: var(--text-secondary);
    font-size: 0.98rem;
    line-height: 1.9;
}

body.whmcs-dashboard-body .dashboard-kb-article__content h1,
body.whmcs-dashboard-body .dashboard-kb-article__content h2,
body.whmcs-dashboard-body .dashboard-kb-article__content h3,
body.whmcs-dashboard-body .dashboard-kb-article__content h4 {
    color: var(--text-primary);
    letter-spacing: -0.02em;
}

body.whmcs-dashboard-body .dashboard-kb-article__content a {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-kb-article__content a:hover {
    color: var(--primary-hover);
}

body.whmcs-dashboard-body .dashboard-kb-article__content img {
    display: block;
    margin: 1.2rem auto;
    border: 1px solid var(--border-light);
    box-shadow: 0 18px 32px -28px rgba(15, 23, 42, 0.18);
}

body.whmcs-dashboard-body .dashboard-kb-tip {
    margin-top: 1.55rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.2rem;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.045), rgba(255, 255, 255, 0.98));
}

body.whmcs-dashboard-body .dashboard-kb-tip strong {
    color: var(--text-primary);
}

body.whmcs-dashboard-body .dashboard-kb-tip p {
    margin: 0.2rem 0 0;
    color: var(--text-secondary);
}

body.whmcs-dashboard-body .dashboard-kb-article__footer {
    margin-top: 1.65rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border-light);
}

body.whmcs-dashboard-body .dashboard-kb-related {
    padding: 1.5rem;
    border-radius: 1.6rem;
}

body.whmcs-dashboard-body .dashboard-announcements__panel {
    padding: 1.7rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(var(--primary-rgb), 0.02)),
        #fff;
    box-shadow: 0 22px 44px -34px rgba(15, 23, 42, 0.12);
}

body.whmcs-dashboard-body .dashboard-announcements__header,
body.whmcs-dashboard-body .dashboard-announcement-view__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-announcements__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.85fr) minmax(320px, 0.74fr);
    gap: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-announcements__featured {
    min-height: 31rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.65rem;
    padding: 1.75rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.82fr);
    gap: 1.15rem;
    align-items: stretch;
    color: var(--text-primary);
    background:
        radial-gradient(circle at 100% 0%, rgba(var(--primary-rgb), 0.12), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(var(--primary-rgb), 0.07), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), var(--surface-soft));
    box-shadow: 0 22px 46px -34px rgba(15, 23, 42, 0.14);
}

body.whmcs-dashboard-body .dashboard-announcements__badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid rgba(var(--primary-rgb), 0.14);
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    padding: 0.5rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .dashboard-announcements__featured h2 {
    color: var(--text-primary);
    font-size: clamp(2rem, 2.8vw, 3.2rem);
    line-height: 1.06;
    letter-spacing: -0.03em;
    margin: 0 0 1rem;
}

body.whmcs-dashboard-body .dashboard-announcements__date {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-announcements__summary {
    color: var(--text-secondary);
    line-height: 1.78;
    margin-bottom: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-announcements__featured-art {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-card {
    width: 100%;
    min-height: 100%;
    padding: 1.45rem;
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at top right, rgba(var(--primary-rgb), 0.12), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(var(--primary-rgb), 0.04));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    display: grid;
    gap: 1rem;
    align-content: start;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-label {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-title {
    color: var(--text-primary);
    font-size: 1.4rem;
    line-height: 1.25;
    letter-spacing: -0.025em;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-copy {
    margin: 0;
    color: var(--text-secondary);
    line-height: 1.7;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-metric {
    padding: 0.95rem 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.74);
    display: grid;
    gap: 0.2rem;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-metric strong {
    color: var(--text-primary);
    font-size: 1.15rem;
    line-height: 1;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-metric span {
    color: var(--text-muted);
    font-size: 0.82rem;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-lines {
    margin-top: auto;
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.72);
}

body.whmcs-dashboard-body .dashboard-announcements__insight-line {
    display: block;
    height: 0.72rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .dashboard-announcements__insight-line--primary {
    width: 36%;
    background: rgba(var(--primary-rgb), 0.24);
}

body.whmcs-dashboard-body .dashboard-announcements__insight-line--lg {
    width: 88%;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-line--md {
    width: 74%;
}

body.whmcs-dashboard-body .dashboard-announcements__insight-line--sm {
    width: 58%;
}

body.whmcs-dashboard-body .dashboard-announcements__list {
    display: grid;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-announcement-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.15rem;
    border-radius: 1.35rem;
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(var(--primary-rgb), 0.02)),
        #fff;
    min-height: 8.8rem;
    box-shadow: 0 16px 34px -34px rgba(15, 23, 42, 0.18);
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

body.whmcs-dashboard-body .dashboard-announcement-card.is-active {
    border-color: rgba(var(--primary-rgb), 0.16);
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(255,255,255,0.98));
}

body.whmcs-dashboard-body .dashboard-announcement-card:hover,
body.whmcs-dashboard-body .dashboard-announcement-card:focus {
    transform: translateY(-2px);
    border-color: rgba(var(--primary-rgb), 0.16);
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon--1 {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon--2 {
    background: rgba(var(--accent-rgb), 0.12);
    color: color-mix(in srgb, var(--accent) 80%, var(--primary) 20%);
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon--3 {
    background: rgba(var(--primary-rgb), 0.14);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon--4 {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-card__icon--5 {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-card__copy {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
    flex: 1 1 auto;
}

body.whmcs-dashboard-body .dashboard-announcement-card__copy strong {
    font-size: 1.1rem;
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-announcement-card.is-active .dashboard-announcement-card__copy strong {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-card__copy small {
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-announcement-view__panel {
    padding: 1.7rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(var(--primary-rgb), 0.02)),
        #fff;
    box-shadow: 0 22px 44px -34px rgba(15, 23, 42, 0.12);
}

body.whmcs-dashboard-body .dashboard-announcement-story {
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    border-radius: 1.6rem;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(var(--primary-rgb), 0.02)),
        #fff;
    padding: 2rem;
    box-shadow: 0 16px 34px -34px rgba(15, 23, 42, 0.12);
}

body.whmcs-dashboard-body .dashboard-announcement-story__title {
    margin: 0 0 1rem;
    font-size: clamp(2rem, 3vw, 3.25rem);
    line-height: 1.08;
}

body.whmcs-dashboard-body .dashboard-announcement-story__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.4rem;
    color: var(--text-soft);
    margin-bottom: 1.3rem;
}

body.whmcs-dashboard-body .dashboard-announcement-story__meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

body.whmcs-dashboard-body .dashboard-announcement-story__summary {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(255,255,255,0.98));
    border-radius: 1.2rem;
    padding: 1.15rem 1.25rem;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(var(--primary-rgb), 0.12);
}

body.whmcs-dashboard-body .dashboard-announcement-story__summary-icon {
    width: 4rem;
    height: 4rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-announcement-story__summary p {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.75;
}

body.whmcs-dashboard-body .dashboard-announcement-story__content {
    color: var(--text-secondary);
    line-height: 1.95;
}

body.whmcs-dashboard-body .dashboard-announcement-story__content h1,
body.whmcs-dashboard-body .dashboard-announcement-story__content h2,
body.whmcs-dashboard-body .dashboard-announcement-story__content h3,
body.whmcs-dashboard-body .dashboard-announcement-story__content h4 {
    color: var(--text-main);
}

body.whmcs-dashboard-body .dashboard-announcement-story__content a {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-announcement-story__content a:hover,
body.whmcs-dashboard-body .dashboard-announcement-story__content a:focus {
    color: var(--primary-hover);
}

body.whmcs-dashboard-body .dashboard-announcement-story__content img {
    max-width: 100%;
    height: auto;
    border-radius: 1rem;
}

body.whmcs-dashboard-body .dashboard-announcement-story__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-announcement-comments {
    margin-top: 1.35rem;
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    box-shadow: 0 20px 42px -34px rgba(15, 23, 42, 0.12);
}

body.invoice-dashboard-body {
    background: linear-gradient(180deg, #f7fbff 0%, #f7fafc 100%);
    color: var(--text);
}

body.invoice-dashboard-body .invoice-dashboard {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.74fr);
    gap: 1.4rem;
    margin-bottom: 1.35rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero__main,
body.invoice-dashboard-body .dashboard-invoice-status-card,
body.invoice-dashboard-body .dashboard-invoice-overview,
body.invoice-dashboard-body .dashboard-invoice-block {
    border: 1px solid rgba(223, 231, 236, 0.88);
    border-radius: 1.7rem;
    background: #fff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.05);
}

body.invoice-dashboard-body .dashboard-invoice-hero__main,
body.invoice-dashboard-body .dashboard-invoice-overview,
body.invoice-dashboard-body .dashboard-invoice-block {
    padding: 1.65rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero__brand {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.45rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero__brand-icon {
    width: 5rem;
    height: 5rem;
    border-radius: 1.25rem;
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero__eyebrow {
    margin: 0 0 0.35rem;
    color: var(--text-soft);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.invoice-dashboard-body .dashboard-invoice-hero h1 {
    margin: 0;
    font-size: clamp(3rem, 5vw, 4.5rem);
}

body.invoice-dashboard-body .dashboard-invoice-hero__copy p {
    margin: 0;
    color: var(--text-soft);
    font-size: 1.08rem;
    line-height: 1.8;
}

body.invoice-dashboard-body .dashboard-invoice-status-card {
    overflow: hidden;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__header {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1.45rem 1.5rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ff4c2e;
    font-size: 1.3rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__header strong {
    display: block;
    font-size: 1.85rem;
    line-height: 1.1;
    text-transform: uppercase;
    color: #ff3d20;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__header span {
    color: var(--text);
    font-size: 1.05rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__body {
    padding: 1.35rem 1.45rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details {
    display: grid;
    gap: 0.8rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details span {
    color: var(--text-soft);
}

body.invoice-dashboard-body .dashboard-invoice-status-card__paybtn {
    margin-top: 1rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__paybtn .btn,
body.invoice-dashboard-body .dashboard-invoice-payment-note__cta .btn {
    min-width: 14rem;
}

body.invoice-dashboard-body .dashboard-invoice-overview__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

body.invoice-dashboard-body .dashboard-invoice-overview__card {
    display: flex;
    gap: 1rem;
    padding: 1.15rem;
    border-radius: 1.2rem;
    border: 1px solid rgba(226, 233, 239, 0.92);
    background: rgba(255,255,255,0.98);
}

body.invoice-dashboard-body .dashboard-invoice-overview__icon {
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 1rem;
    background: rgba(240, 251, 247, 0.92);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex: 0 0 auto;
}

body.invoice-dashboard-body .dashboard-invoice-overview__card strong {
    display: block;
    margin-bottom: 0.55rem;
    font-size: 1.4rem;
}

body.invoice-dashboard-body .dashboard-invoice-overview__card p,
body.invoice-dashboard-body .dashboard-invoice-overview__card address {
    margin: 0;
    color: var(--text);
    line-height: 1.8;
}

body.invoice-dashboard-body .dashboard-invoice-overview__badge {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 0.9rem;
    background: rgba(243, 247, 251, 0.95);
}

body.invoice-dashboard-body .dashboard-invoice-block {
    margin-top: 1.35rem;
}

body.invoice-dashboard-body .dashboard-invoice-table th,
body.invoice-dashboard-body .dashboard-invoice-table td {
    padding-top: 1.05rem;
    padding-bottom: 1.05rem;
}

body.invoice-dashboard-body .dashboard-invoice-table__total td {
    background: rgba(239, 252, 247, 0.92);
    font-size: 1.1rem;
}

body.invoice-dashboard-body .dashboard-invoice-table__balance td:last-child,
body.invoice-dashboard-body .dashboard-invoice-table__total td:last-child {
    color: var(--primary);
    font-weight: 700;
}

body.invoice-dashboard-body .dashboard-invoice-tax-note {
    margin: 0.9rem 0 0;
    color: var(--text-soft);
}

body.invoice-dashboard-body .dashboard-invoice-payment-note {
    margin-top: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 1.4rem;
    padding: 1rem 1.25rem;
    border: 1px solid rgba(245, 158, 11, 0.16);
    background: linear-gradient(180deg, rgba(255, 249, 235, 0.96), rgba(255, 252, 245, 0.99));
}

body.invoice-dashboard-body .dashboard-invoice-payment-note__icon {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note p {
    margin: 0;
    flex: 1 1 auto;
    color: #b45309;
}

body.invoice-dashboard-body .dashboard-invoice-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.35rem;
}

body.invoice-dashboard-body .dashboard-invoice-actions__group {
    display: flex;
    gap: 0.85rem;
}

body.invoice-dashboard-body {
    background:
        radial-gradient(circle at top left, rgba(var(--primary-rgb), 0.08), transparent 28%),
        linear-gradient(180deg, color-mix(in srgb, var(--surface-page, #f7fbff) 88%, #ffffff 12%) 0%, #f8fbfd 100%);
    color: var(--text-main, #162338);
}

body.invoice-dashboard-body .invoice-dashboard {
    max-width: 1320px;
    padding: 2.2rem 1.15rem 3.2rem;
}

body.invoice-dashboard-body .dashboard-invoice-hero__main,
body.invoice-dashboard-body .dashboard-invoice-status-card,
body.invoice-dashboard-body .dashboard-invoice-overview,
body.invoice-dashboard-body .dashboard-invoice-block,
body.invoice-dashboard-body .dashboard-invoice-credit,
body.invoice-dashboard-body .dashboard-inline-alert--invoice {
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    box-shadow: 0 20px 42px -34px rgba(15, 23, 42, 0.12);
}

body.invoice-dashboard-body .dashboard-invoice-hero__main {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(var(--primary-rgb), 0.035)),
        #fff;
}

body.invoice-dashboard-body .dashboard-invoice-hero__brand-icon {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 1.15rem;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.12), rgba(var(--accent-rgb), 0.1));
    color: var(--primary);
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb), 0.08);
}

body.invoice-dashboard-body .dashboard-invoice-hero__eyebrow,
body.invoice-dashboard-body .dashboard-invoice-status-card__details span,
body.invoice-dashboard-body .dashboard-invoice-tax-note {
    color: var(--text-muted, #6b7280);
}

body.invoice-dashboard-body .dashboard-invoice-hero h1,
body.invoice-dashboard-body .dashboard-invoice-overview__card strong,
body.invoice-dashboard-body .dashboard-invoice-status-card__header strong {
    color: var(--text-main, #162338);
}

body.invoice-dashboard-body .dashboard-invoice-hero__copy p,
body.invoice-dashboard-body .dashboard-invoice-overview__card p,
body.invoice-dashboard-body .dashboard-invoice-overview__card address,
body.invoice-dashboard-body .dashboard-invoice-status-card__header span {
    color: var(--text-secondary, #475467);
}

body.invoice-dashboard-body .dashboard-invoice-status-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(var(--primary-rgb), 0.025)),
        #fff;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__icon {
    border-radius: 1rem;
}

body.invoice-dashboard-body .dashboard-invoice-status-card__details div + div {
    padding-top: 0.75rem;
    border-top: 1px solid rgba(var(--primary-rgb), 0.08);
}

body.invoice-dashboard-body .dashboard-invoice-overview__card {
    border: 1px solid rgba(var(--primary-rgb), 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(var(--primary-rgb), 0.028)),
        #fff;
}

body.invoice-dashboard-body .dashboard-invoice-overview__icon {
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.1), rgba(var(--accent-rgb), 0.08));
    color: var(--primary);
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb), 0.08);
}

body.invoice-dashboard-body .dashboard-invoice-overview__badge {
    border: 1px solid rgba(var(--primary-rgb), 0.1);
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--text-main, #162338);
}

body.invoice-dashboard-body .dashboard-invoice-block .dashboard-panel__header,
body.invoice-dashboard-body .dashboard-invoice-credit .dashboard-panel__header {
    border-bottom-color: rgba(var(--primary-rgb), 0.08);
}

body.invoice-dashboard-body .dashboard-invoice-table thead th {
    color: var(--text-muted, #6b7280);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border-bottom-color: rgba(var(--primary-rgb), 0.08);
    background: rgba(var(--primary-rgb), 0.025);
}

body.invoice-dashboard-body .dashboard-invoice-table tbody td {
    border-top-color: rgba(var(--primary-rgb), 0.06);
}

body.invoice-dashboard-body .dashboard-invoice-table tbody tr:hover td {
    background: rgba(var(--primary-rgb), 0.025);
}

body.invoice-dashboard-body .dashboard-invoice-table__total td {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--text-main, #162338);
}

body.invoice-dashboard-body .dashboard-invoice-table__balance td:last-child,
body.invoice-dashboard-body .dashboard-invoice-table__total td:last-child {
    color: var(--primary);
}

body.invoice-dashboard-body .dashboard-invoice-credit .input-group {
    border-radius: 1rem;
    overflow: hidden;
}

body.invoice-dashboard-body .dashboard-invoice-credit .form-control,
body.invoice-dashboard-body .dashboard-invoice-overview__paymethod .custom-select {
    min-height: 3.25rem;
    border-color: rgba(var(--primary-rgb), 0.12);
    border-radius: 1rem;
    box-shadow: none;
}

body.invoice-dashboard-body .dashboard-invoice-credit .btn,
body.invoice-dashboard-body .dashboard-invoice-actions .btn,
body.invoice-dashboard-body .dashboard-invoice-payment-note__cta .btn,
body.invoice-dashboard-body .dashboard-inline-alert__action .btn {
    min-height: 3rem;
    border-radius: 1rem;
    box-shadow: none;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note {
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    background:
        linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(255, 255, 255, 0.98)),
        #fff;
}

body.invoice-dashboard-body .dashboard-invoice-payment-note__icon {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.invoice-dashboard-body .dashboard-invoice-payment-note p {
    color: var(--text-secondary, #475467);
}

body.invoice-dashboard-body .dashboard-invoice-actions .btn-default {
    border-color: rgba(var(--primary-rgb), 0.12);
    background: rgba(255, 255, 255, 0.95);
    color: var(--text-main, #162338);
}

body.invoice-dashboard-body .dashboard-invoice-actions .btn-default:hover,
body.invoice-dashboard-body .dashboard-invoice-actions .btn-default:focus {
    border-color: rgba(var(--primary-rgb), 0.2);
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-error-page__panel {
    padding: 1.8rem;
}

body.whmcs-dashboard-body .dashboard-error-page__hero {
    text-align: center;
    padding: 2.25rem 1.5rem 2rem;
}

body.whmcs-dashboard-body .dashboard-error-page__art {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-error-page__window {
    width: min(22rem, 70vw);
    aspect-ratio: 1.2;
    border-radius: 1.6rem;
    background:
        radial-gradient(circle at 82% 72%, rgba(var(--primary-rgb), 0.16) 0, rgba(var(--primary-rgb), 0.16) 16%, transparent 17%),
        linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(255,255,255,0.98));
    border: 1px solid rgba(var(--primary-rgb), 0.16);
    display: grid;
    place-items: center;
    position: relative;
}

body.whmcs-dashboard-body .dashboard-error-page__window-top {
    position: absolute;
    top: 0.9rem;
    left: 1rem;
    width: 3.2rem;
    height: 0.7rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.22);
}

body.whmcs-dashboard-body .dashboard-error-page__window strong {
    font-size: clamp(4rem, 8vw, 6rem);
    color: var(--primary);
    line-height: 1;
}

body.whmcs-dashboard-body .dashboard-error-page__window i {
    position: absolute;
    right: 2rem;
    bottom: 1.7rem;
    font-size: 4rem;
    color: rgba(var(--primary-rgb), 0.85);
}

body.whmcs-dashboard-body .dashboard-error-page__hero h1 {
    font-size: clamp(2.5rem, 4vw, 4rem);
    margin: 0 0 0.65rem;
}

body.whmcs-dashboard-body .dashboard-error-page__hero p {
    color: var(--text-soft);
    font-size: 1.18rem;
}

body.whmcs-dashboard-body .dashboard-error-page__actions {
    margin-top: 1.2rem;
    display: flex;
    justify-content: center;
    gap: 0.9rem;
}

body.whmcs-dashboard-body .dashboard-error-page__suggestions {
    border-top: 1px solid rgba(227, 233, 239, 0.88);
    margin-top: 1rem;
    padding-top: 1.4rem;
}

body.whmcs-dashboard-body .dashboard-error-page__suggestions > p {
    text-align: center;
    color: var(--text-soft);
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .dashboard-error-page__cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-error-page__card {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    border: 1px solid rgba(223, 231, 236, 0.92);
    background: #fff;
    color: var(--text);
}

body.whmcs-dashboard-body .dashboard-error-page__card span {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(240, 251, 247, 0.92);
    color: var(--primary);
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-error-page__card small {
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-error-page__search {
    margin: 1rem auto 0;
    max-width: 74rem;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    border: 1px solid rgba(223, 231, 236, 0.92);
    border-radius: 1rem;
    background: #fff;
    padding: 0 1rem;
    min-height: 4.2rem;
}

body.whmcs-dashboard-body .dashboard-error-page__search i {
    color: var(--text-soft);
}

body.whmcs-dashboard-body .dashboard-error-page__search .form-control {
    border: 0;
    box-shadow: none;
}

@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body .dashboard-support-request__layout,
    body.whmcs-dashboard-body .dashboard-kb-article-layout,
    body.whmcs-dashboard-body .dashboard-announcements__layout,
    body.invoice-dashboard-body .dashboard-invoice-hero {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-announcements__featured {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    body.whmcs-dashboard-body .dashboard-announcements__featured-art {
        min-height: 0;
    }
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .dashboard-email-preferences,
    body.whmcs-dashboard-body .dashboard-settings-card--marketing .dashboard-marketing-choice,
    body.invoice-dashboard-body .dashboard-invoice-overview__grid,
    body.whmcs-dashboard-body .dashboard-error-page__cards {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-funds-form__row {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-ticket-reply-panel__header,
    body.whmcs-dashboard-body .dashboard-announcements__header,
    body.whmcs-dashboard-body .dashboard-announcement-view__header,
    body.whmcs-dashboard-body .dashboard-kb-article__topbar,
    body.whmcs-dashboard-body .dashboard-kb-article__footer,
    body.invoice-dashboard-body .dashboard-invoice-actions,
    body.whmcs-dashboard-body .dashboard-error-page__actions,
    body.whmcs-dashboard-body .dashboard-ticket-filters,
    body.invoice-dashboard-body .dashboard-invoice-payment-note {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .dashboard-error-page__panel,
    body.invoice-dashboard-body .invoice-dashboard {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    body.whmcs-dashboard-body .dashboard-announcement-card,
    body.whmcs-dashboard-body .dashboard-kb-related__item,
    body.whmcs-dashboard-body .dashboard-kb-list__item {
        padding: 1rem;
    }
}

html {
    scroll-behavior: smooth;
}

body.whmcs-dashboard-body {
    min-width: 320px;
    font-family: var(--font-body);
    color: var(--foreground);
    background: #fff;
}

body.whmcs-dashboard-body,
body.whmcs-dashboard-body button,
body.whmcs-dashboard-body input,
body.whmcs-dashboard-body select,
body.whmcs-dashboard-body textarea {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.5;
}

body.whmcs-dashboard-body h1,
body.whmcs-dashboard-body h2,
body.whmcs-dashboard-body h3,
body.whmcs-dashboard-body h4,
body.whmcs-dashboard-body h5,
body.whmcs-dashboard-body h6,
body.whmcs-dashboard-body .logo-wordmark,
body.whmcs-dashboard-body .dashboard-page-title,
body.whmcs-dashboard-body .dashboard-card__value,
body.whmcs-dashboard-body .dashboard-panel__title {
    font-family: var(--font-heading);
}

body.whmcs-dashboard-body a {
    color: inherit;
    text-decoration: none;
}

body.whmcs-dashboard-body img {
    max-width: 100%;
}

.dashboard-shell {
    min-height: 100vh;
    display: flex;
    background: linear-gradient(180deg, #fbfcfd 0%, #f5f8fa 100%);
}

.dashboard-sidebar {
    width: var(--sidebar-width);
    background: rgba(255, 255, 255, 0.86);
    border-right: 1px solid rgba(223, 231, 236, 0.95);
    backdrop-filter: blur(12px);
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 1040;
    display: flex;
    flex-direction: column;
}

.dashboard-sidebar__brand {
    min-height: var(--topbar-height);
    padding: 0 1.2rem 0 1.45rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(223, 231, 236, 0.95);
}

.dashboard-sidebar__brand-lockup {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.dashboard-sidebar-boundary {
    position: fixed;
    top: calc((var(--topbar-height) - 2.7rem) / 2);
    left: calc(var(--sidebar-width) - 1.35rem);
    z-index: 1040;
    width: 2.7rem;
    height: 2.7rem;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.navbar-brand-lockup {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.navbar-brand-lockup > svg,
.navbar-brand-lockup > img,
.navbar-brand-lockup__mark {
    width: 3.35rem;
    height: 3.35rem;
    display: block;
    flex: 0 0 auto;
}

.hostique-logo-lockup {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    line-height: 0;
}

.hostique-logo-lockup__image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.navbar-brand-lockup > .hostique-logo-lockup {
    flex: 0 1 auto;
    min-width: 0;
}

.hostique-logo-lockup--sidebar .hostique-logo-lockup__image {
    height: 3.2rem;
}

.hostique-logo-lockup--focus .hostique-logo-lockup__image {
    height: 3rem;
}

.hostique-logo-lockup--mobile .hostique-logo-lockup__image {
    height: 2.35rem;
}

.hostique-logo-lockup--auth .hostique-logo-lockup__image {
    height: 3.35rem;
}

.auth-shell__brand {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
}

.dashboard-sidebar__brand-lockup .hostique-logo-lockup__image,
.dashboard-focus-topbar__brand .hostique-logo-lockup__image,
.dashboard-topbar__brand .hostique-logo-lockup__image {
    width: auto;
}

.dashboard-topbar__brand {
    max-width: min(100%, 12rem);
}

@media (max-width: 767.98px) {
    .hostique-logo-lockup--mobile .hostique-logo-lockup__image {
        height: 2.1rem;
    }

    .hostique-logo-lockup--auth .hostique-logo-lockup__image {
        height: 3rem;
    }
}

.logo-wordmark {
    font-family: var(--font-alt);
    font-size: 1.38rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.045em;
}

.logo-kicker {
    margin-top: 0.2rem;
    color: var(--muted);
    font-size: 0.56rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
}

.dashboard-sidebar__brand,
.dashboard-topbar,
.dashboard-focus-topbar,
.auth-shell__brand {
    position: relative;
}

.hostique-logo-lockup {
    position: relative;
}

.hostique-logo-lockup__image {
    image-rendering: auto;
    transform: translateZ(0);
    transition: filter 0.28s ease, transform 0.28s ease, opacity 0.28s ease;
    filter: var(--brand-logo-filter-core, none) drop-shadow(0 16px 32px rgba(var(--primary-rgb), 0.18));
}

.hostique-logo-lockup--sidebar .hostique-logo-lockup__image {
    height: 3rem;
}

.hostique-logo-lockup--focus .hostique-logo-lockup__image {
    height: 2.85rem;
}

.hostique-logo-lockup--mobile .hostique-logo-lockup__image {
    height: 2.2rem;
}

.hostique-logo-lockup--auth .hostique-logo-lockup__image {
    height: 3.1rem;
}

.dashboard-sidebar__brand-lockup .navbar-brand-lockup,
.dashboard-focus-topbar__brand,
.dashboard-topbar__brand {
    padding: 0.5rem 0.85rem;
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), var(--brand-soft-1)),
        radial-gradient(circle at top left, rgba(var(--primary-rgb), 0.16), transparent 55%);
    box-shadow: 0 18px 40px -28px rgba(var(--primary-rgb), 0.34);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.dashboard-sidebar__brand-lockup .navbar-brand-lockup:hover,
.dashboard-focus-topbar__brand:hover,
.dashboard-topbar__brand:hover {
    transform: translateY(-1px);
    border-color: rgba(var(--primary-rgb), 0.24);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 1), var(--brand-soft-2)),
        radial-gradient(circle at top left, rgba(var(--primary-rgb), 0.2), transparent 58%);
    box-shadow: 0 22px 44px -28px rgba(var(--primary-rgb), 0.42);
}

.dashboard-sidebar__brand-lockup .navbar-brand-lockup:hover .hostique-brand__name,
.dashboard-focus-topbar__brand:hover .hostique-brand__name,
.dashboard-topbar__brand:hover .hostique-brand__name {
    color: color-mix(in srgb, var(--text-main) 78%, var(--brand-primary) 22%);
}

body.whmcs-dashboard-body[data-theme="green"] {
    --brand-logo-filter-core: hue-rotate(-86deg) saturate(1.18) brightness(1.01);
}

body.whmcs-dashboard-body[data-theme="hostique"] {
    --brand-logo-filter-core: saturate(1.02) contrast(1.02);
}

body.whmcs-dashboard-body[data-theme="blue"] {
    --brand-logo-filter-core: none;
}

body.whmcs-dashboard-body[data-theme="purple"] {
    --brand-logo-filter-core: hue-rotate(48deg) saturate(1.2) brightness(1.01);
}

body.whmcs-dashboard-body[data-theme="red"] {
    --brand-logo-filter-core: hue-rotate(138deg) saturate(1.1) brightness(0.98);
}

body.whmcs-dashboard-body[data-theme="yellow"] {
    --brand-logo-filter-core: hue-rotate(178deg) saturate(1.45) brightness(1.08);
}

body.whmcs-dashboard-body[data-theme="black"] {
    --brand-logo-filter-core: grayscale(0.92) brightness(0.66) contrast(1.12);
}

.text-gradient {
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.dashboard-sidebar__close,
.dashboard-sidebar__toggle,
.dashboard-mobile-toggle,
.header-control-btn,
.toolbar-icon {
    width: 2.7rem;
    height: 2.7rem;
    border: 0;
    border-radius: 0.95rem;
    background: var(--surface-2);
    color: var(--muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.header-control-btn {
    width: auto;
    min-height: 2.7rem;
    padding: 0 0.85rem;
    gap: 0.5rem;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(223, 231, 236, 0.95);
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
}

.dashboard-sidebar__close:hover,
.dashboard-sidebar__toggle:hover,
.dashboard-mobile-toggle:hover,
.header-control-btn:hover,
.toolbar-icon:hover,
.dashboard-sidebar__close:focus,
.dashboard-sidebar__toggle:focus,
.dashboard-mobile-toggle:focus,
.header-control-btn:focus,
.toolbar-icon:focus {
    color: var(--foreground);
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(var(--primary-rgb), 0.22);
    box-shadow: 0 10px 22px rgba(var(--primary-rgb), 0.1);
    outline: 0;
}

.dashboard-sidebar__close {
    display: none;
}

.dashboard-sidebar__toggle {
    flex: 0 0 auto;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(223, 231, 236, 0.95);
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
    pointer-events: auto;
}

.dashboard-sidebar__toggle:hover,
.dashboard-sidebar__toggle:focus {
    border-color: rgba(var(--primary-rgb), 0.22);
    box-shadow: 0 10px 22px rgba(var(--primary-rgb), 0.1);
}

.dashboard-sidebar__toggle svg,
.dashboard-sidebar-reopen svg {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.24s ease;
}

.dashboard-sidebar__toggle.is-collapsed svg {
    transform: rotate(180deg);
}

.dashboard-nav {
    padding: 1rem 0.9rem;
    display: grid;
    gap: 0.3rem;
    align-content: start;
    grid-auto-rows: max-content;
    flex: 1 1 auto;
}

.dashboard-nav__group {
    display: grid;
    gap: 0.18rem;
    border-radius: 1.05rem;
}

.dashboard-nav__row {
    position: relative;
    display: block;
}

.dashboard-nav__link {
    width: 100%;
    border: 0;
    padding: 0.9rem 1rem;
    border-radius: 0.95rem;
    background: transparent;
    color: var(--muted);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-family: var(--font-body);
    font-size: 0.95rem;
    font-weight: 500;
    line-height: 1.4;
}

.dashboard-nav__link-main,
.dashboard-nav__chevron {
    display: inline-flex;
    align-items: center;
}

.dashboard-nav__link--solo {
    justify-content: space-between;
}

.dashboard-nav__link-main {
    gap: 0.75rem;
    min-width: 0;
}

.dashboard-nav__chevron {
    flex-shrink: 0;
    justify-content: center;
    color: currentColor;
}

.dashboard-nav__chevron--placeholder {
    visibility: hidden;
    pointer-events: none;
}

body.whmcs-dashboard-body .dashboard-nav__link--solo {
    justify-content: space-between !important;
    color: var(--muted) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
}

body.whmcs-dashboard-body .dashboard-nav__link--solo .dashboard-nav__link-main,
body.whmcs-dashboard-body .dashboard-nav__link--solo .dashboard-nav__link-main span,
body.whmcs-dashboard-body .dashboard-nav__link--solo svg {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

body.whmcs-dashboard-body .dashboard-nav__link--solo:hover,
body.whmcs-dashboard-body .dashboard-nav__link--solo:focus,
body.whmcs-dashboard-body .dashboard-nav__link--solo.active {
    color: var(--primary) !important;
    background: rgba(var(--primary-rgb), 0.09) !important;
    font-weight: 700 !important;
}

body.whmcs-dashboard-body .dashboard-nav__link--solo:hover .dashboard-nav__link-main,
body.whmcs-dashboard-body .dashboard-nav__link--solo:hover .dashboard-nav__link-main span,
body.whmcs-dashboard-body .dashboard-nav__link--solo:hover svg,
body.whmcs-dashboard-body .dashboard-nav__link--solo:focus .dashboard-nav__link-main,
body.whmcs-dashboard-body .dashboard-nav__link--solo:focus .dashboard-nav__link-main span,
body.whmcs-dashboard-body .dashboard-nav__link--solo:focus svg,
body.whmcs-dashboard-body .dashboard-nav__link--solo.active .dashboard-nav__link-main,
body.whmcs-dashboard-body .dashboard-nav__link--solo.active .dashboard-nav__link-main span,
body.whmcs-dashboard-body .dashboard-nav__link--solo.active svg {
    color: var(--primary) !important;
    font-weight: 700 !important;
}

.dashboard-nav__chevron svg {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.2s ease;
}

.dashboard-nav__link svg,
.dashboard-search svg,
.dashboard-card svg,
.toolbar-icon svg,
.header-control-btn svg,
.dashboard-mobile-toggle svg,
.dashboard-cta-btn svg {
    width: 1.1rem;
    height: 1.1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

.dashboard-nav__link.active,
.dashboard-nav__link:hover {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.09);
    font-weight: 700;
}

.dashboard-nav__link:focus {
    outline: 0;
}

.dashboard-nav__group.is-open .dashboard-nav__chevron svg {
    transform: rotate(180deg);
}

.dashboard-nav__submenu-wrap {
    margin-left: 1.15rem;
    padding-left: 0.95rem;
    border-left: 1px solid rgba(223, 231, 236, 0.95);
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    transition: max-height 0.28s ease, opacity 0.2s ease, transform 0.2s ease;
}

.dashboard-nav__group.is-open .dashboard-nav__submenu-wrap {
    opacity: 1;
    transform: translateY(0);
}

.dashboard-nav__submenu {
    display: grid;
    gap: 0.2rem;
    padding-top: 0.15rem;
    padding-bottom: 0.25rem;
}

.dashboard-nav__sublink {
    padding: 0.6rem 0.8rem;
    border-radius: 0.8rem;
    color: var(--muted);
    font-size: 0.88rem;
    font-weight: 500;
    line-height: 1.35;
    transition: all 0.2s ease;
}

.dashboard-nav__sublink:hover,
.dashboard-nav__sublink:focus {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.08);
    text-decoration: none;
}

.dashboard-nav__sublink.active {
    color: inherit !important;
    background: transparent !important;
    font-weight: 500 !important;
    text-decoration: none;
    box-shadow: none !important;
}

.dashboard-nav__group.is-open .dashboard-nav__row .dashboard-nav__link:not(.active) {
    background: transparent;
}

.dashboard-sidebar__user {
    padding: 1rem;
    border-top: 1px solid rgba(223, 231, 236, 0.95);
}

.dashboard-user-menu {
    position: relative;
}

.dashboard-user-card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 1.15rem;
    background: rgba(244, 247, 248, 0.75);
    border: 1px solid rgba(223, 231, 236, 0.9);
    text-align: left;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    cursor: pointer;
}

.dashboard-user-card__avatar {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--foreground);
    font-weight: 700;
    box-shadow: inset 0 0 0 1px rgba(223, 231, 236, 0.95);
}

.dashboard-user-card__name {
    font-weight: 700;
    line-height: 1.2;
}

.dashboard-user-card__meta {
    min-width: 0;
    flex: 1 1 auto;
}

.dashboard-user-card__email {
    color: var(--muted);
    font-size: 0.85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-user-card__chevron {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    flex: 0 0 auto;
    transition: transform 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.dashboard-user-card__chevron svg {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard-user-menu.is-open .dashboard-user-card,
.dashboard-user-card:hover,
.dashboard-user-card:focus-visible {
    border-color: rgba(var(--primary-rgb), 0.25);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 28px -18px rgba(var(--primary-rgb), 0.45);
    outline: none;
}

.dashboard-user-menu.is-open .dashboard-user-card__chevron {
    transform: rotate(180deg);
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.08);
}

.dashboard-user-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 0.8rem);
    padding: 0.45rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 36px -22px rgba(16, 24, 40, 0.2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    z-index: 1080;
}

.dashboard-user-menu.is-open .dashboard-user-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.dashboard-user-dropdown__section + .dashboard-user-dropdown__section,
.dashboard-user-dropdown__footer {
    margin-top: 0.35rem;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(223, 231, 236, 0.8);
}

.dashboard-user-dropdown__item,
.dashboard-user-logout {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.72rem 0.8rem;
    border-radius: 0.95rem;
    color: var(--foreground);
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 600;
    transition: background 0.2s ease, color 0.2s ease;
}

.dashboard-user-dropdown__item:hover,
.dashboard-user-dropdown__item:focus-visible,
.dashboard-user-logout:hover,
.dashboard-user-logout:focus-visible {
    background: rgba(var(--primary-rgb), 0.07);
    color: var(--primary);
    outline: none;
}

.dashboard-user-dropdown__item.active {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

.dashboard-user-dropdown__item > span:last-child,
.dashboard-user-logout > span:last-child {
    text-transform: capitalize;
}

.dashboard-user-dropdown__icon {
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    flex: 0 0 auto;
}

.dashboard-user-dropdown__icon svg {
    width: 1rem;
    height: 1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard-user-dropdown__icon.logout {
    background: rgba(239, 68, 68, 0.08);
    color: #dc2626;
}

.dashboard-user-logout {
    color: #b42318;
}

.dashboard-user-logout:hover,
.dashboard-user-logout:focus-visible {
    background: rgba(239, 68, 68, 0.07);
    color: #b42318;
}

.dashboard-main {
    flex: 1 1 auto;
    margin-left: var(--sidebar-width);
    min-width: 0;
    transition: margin-left 0.28s ease, margin-right 0.28s ease;
}

body.whmcs-dashboard-body .dashboard-sidebar,
body.whmcs-dashboard-body .navbar-brand-lockup,
body.whmcs-dashboard-body .dashboard-nav__submenu-wrap,
body.whmcs-dashboard-body .dashboard-user-card,
body.whmcs-dashboard-body .dashboard-sidebar__user {
    transition: all 0.28s ease;
}

@media (min-width: 992px) {
    body.whmcs-dashboard-body .dashboard-sidebar {
        transition: transform 0.34s ease, opacity 0.28s ease, visibility 0.28s ease;
    }

    body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-sidebar {
        transform: translateX(calc(-100% - 1.25rem));
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-main {
        margin-left: 0;
    }
}

.dashboard-topbar {
    min-height: var(--topbar-height);
    padding: 1.2rem 1.5rem;
    border-bottom: 1px solid rgba(223, 231, 236, 0.95);
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.dashboard-sidebar-reopen {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.7rem;
    height: 2.7rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.92);
    color: #344054;
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
    backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    min-width: 2.7rem;
    margin-right: 0;
    overflow: hidden;
    transform: scale(0.92);
    pointer-events: none;
    position: absolute;
    inset: 0;
    transition: opacity 0.24s ease, visibility 0.24s ease, transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.dashboard-sidebar-reopen:hover,
.dashboard-sidebar-reopen:focus {
    border-color: rgba(var(--primary-rgb), 0.24);
    box-shadow: 0 16px 34px rgba(var(--primary-rgb), 0.12);
    outline: 0;
}

.dashboard-sidebar-reopen.is-visible {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto;
}

body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-sidebar-boundary {
    left: 1rem;
}

body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-sidebar__toggle {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(0.92);
}

body.whmcs-dashboard-body:not(.dashboard-sidebar-hidden) .dashboard-sidebar__toggle {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

body.whmcs-dashboard-body.modal-open .dashboard-sidebar-boundary {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.dashboard-topbar__left,
.dashboard-topbar__actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-topbar__left {
    flex: 1 1 auto;
    min-width: 0;
}

.dashboard-search {
    width: min(100%, 360px);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 1rem;
}

.dashboard-search input {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 0;
    color: var(--foreground);
    box-shadow: none;
    font-size: 1rem;
}

.dashboard-search input:focus {
    outline: 0;
}

.header-flag {
    font-size: 0.82rem;
    font-weight: 700;
}

.theme-swatch {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid rgba(223, 231, 236, 1);
    flex-shrink: 0;
}

.header-control-btn--theme {
    justify-content: flex-start;
    gap: 0.6rem;
    width: auto;
    padding-inline: 0.9rem 0.68rem;
    border-radius: 16px;

    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(223, 231, 236, 0.95);
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
    color: var(--muted);
}

.header-control-btn--theme:hover,
.header-control-btn--theme:focus {
    color: var(--foreground);
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(var(--primary-rgb), 0.22);
    box-shadow: 0 10px 22px rgba(var(--primary-rgb), 0.1);
}

.current-theme-name {
    font-size: 0.82rem;
    font-weight: 700;
    color: #475467;
    line-height: 1;
}

.header-control-btn__chevron {
    font-size: 0.68rem;
    color: #98a2b3;
}

.header-control-btn__meta,
.current-theme-name {
    white-space: nowrap;
}

.header-control-btn--theme .theme-swatch {
    width: 15px;
    height: 15px;
    border: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
}

.header-control-btn--theme .current-theme-name {
    font-size: 0.95rem;
    font-weight: 700;
    color: #344054;
}

.toolbar-icon {
    position: relative;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(223, 231, 236, 0.95);
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.06);
}

.toolbar-icon--cart {
    min-width: 2.9rem;
    padding-inline: 0.7rem;
}

.toolbar-icon__badge {
    position: absolute;
    top: -0.38rem;
    inset-inline-end: -0.2rem;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.28rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--gradient-primary);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 8px 16px rgba(var(--primary-rgb), 0.18);
}

.dashboard-theme-menu {
    min-width: 15rem;
    padding: 0.5rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 1rem;
    box-shadow: 0 20px 40px rgba(16, 24, 40, 0.08);
}

.dashboard-theme-menu__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.45rem 0.55rem 0.7rem;
}

.dashboard-theme-menu__header strong {
    display: block;
    font-size: 0.85rem;
    line-height: 1.1;
    color: #101828;
}

.dashboard-theme-menu__header span {
    display: block;
    font-size: 0.72rem;
    color: #98a2b3;
    line-height: 1.2;
}

.dashboard-theme-menu__options {
    display: grid;
    gap: 0.35rem;
}

.theme-option {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    padding: 0.72rem 0.8rem;
    border: 1px solid transparent;
    border-radius: 0.9rem;
    background: transparent;
    color: #101828;
    text-align: left;
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.theme-option:hover,
.theme-option:focus-visible {
    background: rgba(16, 24, 40, 0.03);
    border-color: rgba(223, 231, 236, 0.92);
    outline: none;
    text-decoration: none;
}

.theme-option.active {
    background: rgba(var(--primary-rgb), 0.08);
    border-color: rgba(var(--primary-rgb), 0.16);
}

.theme-option__swatch-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.75rem;
    background: rgba(248, 250, 252, 0.96);
    border: 1px solid rgba(223, 231, 236, 0.92);
    flex-shrink: 0;
}

.theme-option__copy {
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 0;
    flex: 1 1 auto;
}

.theme-option__copy strong {
    font-size: 0.84rem;
    line-height: 1.2;
    color: #101828;
}

.theme-option__copy small {
    font-size: 0.72rem;
    color: #98a2b3;
    line-height: 1.2;
}

.theme-option__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    color: transparent;
    background: transparent;
    flex-shrink: 0;
    transition: color 0.18s ease, background-color 0.18s ease;
}

.theme-option.active .theme-option__check {
    color: #ffffff;
    background: var(--gradient-primary);
}

.theme-swatch.hostique {
    background: linear-gradient(135deg, #ff7a00, #ffb14a);
}

.theme-swatch.green {
    background: linear-gradient(135deg, #0d9766, #1bb79b);
}

.theme-swatch.blue {
    background: linear-gradient(135deg, #1665dc, #1ba0f0);
}

.theme-swatch.purple {
    background: linear-gradient(135deg, #6d2bd7, #b03ced);
}

.theme-swatch.red {
    background: linear-gradient(135deg, #cf334d, #f26b7a);
}

.theme-swatch.yellow {
    background: linear-gradient(135deg, #b87412, #e9a72f);
}

.theme-swatch.black {
    background: linear-gradient(135deg, #111827, #374151);
}

.toolbar-dot {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-accent));
    position: absolute;
    top: 0.42rem;
    right: 0.42rem;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.92);
}

.dashboard-notification-menu {
    width: 22rem;
    padding: 0.85rem !important;
}

.dashboard-notification-menu__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.25rem 0.2rem 0.9rem;
    border-bottom: 1px solid rgba(223, 231, 236, 0.95);
    margin-bottom: 0.4rem;
}

.dashboard-notification-menu__title {
    font-family: var(--font-heading);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--foreground);
}

.dashboard-notification-menu__subtitle {
    margin-top: 0.25rem;
    color: var(--muted);
    font-size: 0.86rem;
}

.dashboard-notification-menu__badge {
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.65rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.86rem;
    font-weight: 700;
}

.dashboard-notification-menu__list {
    display: grid;
    gap: 0.45rem;
}

.dashboard-notification-item {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.8rem 0.75rem;
    border-radius: 1rem;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.dashboard-notification-item:hover,
.dashboard-notification-item:focus {
    background: rgba(var(--primary-rgb), 0.06);
}

.dashboard-notification-item__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dashboard-notification-item__icon svg {
    width: 1.1rem;
    height: 1.1rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dashboard-notification-item__icon.invoices {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

.dashboard-notification-item__icon.tickets {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

.dashboard-notification-item__icon.services {
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--accent);
}

.dashboard-notification-item__icon.domains,
.dashboard-notification-item__icon.neutral {
    background: rgba(148, 163, 184, 0.14);
    color: #475467;
}

.dashboard-notification-item__content {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.dashboard-notification-item__title {
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--foreground);
}

.dashboard-notification-item__meta {
    margin-top: 0.2rem;
    font-size: 0.84rem;
    color: var(--muted);
    line-height: 1.35;
}

.dashboard-notification-item__count {
    min-width: 1.9rem;
    height: 1.9rem;
    padding: 0 0.55rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.84rem;
    font-weight: 700;
    flex-shrink: 0;
}

.dashboard-notification-item__count.neutral {
    background: rgba(148, 163, 184, 0.16);
    color: #475467;
}

.modal-localisation .modal-content {
    background: #fff;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 1.4rem;
    box-shadow: 0 24px 60px rgba(16, 24, 40, 0.18);
    overflow: hidden;
}

.modal-localisation .modal-body {
    padding: 1.35rem 1.35rem 1.1rem;
    background:
        radial-gradient(circle at top right, rgba(var(--primary-rgb), 0.08), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
    max-height: min(72vh, 42rem);
    overflow-y: auto;
}

.modal-localisation .modal-footer {
    border: 0;
    padding: 0 1.35rem 1.35rem;
    background: #fff;
}

.modal-localisation .h5 {
    padding-top: 0.4rem !important;
    padding-bottom: 0.9rem !important;
    margin-bottom: 0;
    color: var(--foreground);
    font-family: var(--font-heading);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.modal-generate-password .modal-content {
    background: #fff;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 1.4rem;
    box-shadow: 0 24px 60px rgba(16, 24, 40, 0.18);
    overflow: hidden;
}

.modal-generate-password .modal-header {
    align-items: center;
    border-bottom: 1px solid rgba(223, 231, 236, 0.88);
    padding: 1.2rem 1.35rem;
    background:
        radial-gradient(circle at top right, rgba(var(--primary-rgb), 0.08), transparent 32%),
        linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(255, 255, 255, 0.98));
}

.modal-generate-password .modal-title {
    margin: 0;
    color: var(--foreground);
    font-family: var(--font-heading);
    font-size: 1.28rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.modal-generate-password .modal-header .close {
    margin: 0;
    padding: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #344054;
    opacity: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-shadow: none;
    box-shadow: inset 0 0 0 1px rgba(223, 231, 236, 0.95);
}

.modal-generate-password .modal-header .close:hover,
.modal-generate-password .modal-header .close:focus {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.08);
    outline: 0;
}

.modal-generate-password .modal-body {
    padding: 1.35rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.modal-generate-password .modal-body .form-group {
    margin-bottom: 1rem;
}

.modal-generate-password .modal-body .col-form-label {
    color: var(--foreground);
    font-weight: 700;
}

.modal-generate-password .modal-body .form-control {
    min-height: 3rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 0.95rem;
    box-shadow: none;
}

.modal-generate-password .modal-body .form-control:focus {
    border-color: rgba(var(--primary-rgb), 0.45);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.12);
}

.modal-generate-password .modal-body .btn {
    min-height: 2.75rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 700;
}

.modal-generate-password .modal-body .btn-default,
.modal-generate-password .modal-footer .btn-default {
    border-color: rgba(223, 231, 236, 0.95);
    background: rgba(255, 255, 255, 0.95);
    color: var(--foreground);
}

.modal-generate-password .modal-body .btn-default:hover,
.modal-generate-password .modal-body .btn-default:focus,
.modal-generate-password .modal-footer .btn-default:hover,
.modal-generate-password .modal-footer .btn-default:focus {
    border-color: rgba(var(--primary-rgb), 0.28);
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.05);
}

.modal-generate-password .modal-footer {
    border-top: 1px solid rgba(223, 231, 236, 0.88);
    padding: 1rem 1.35rem 1.35rem;
    background: #fff;
}

.modal-generate-password .modal-footer .btn {
    min-height: 2.95rem;
    border-radius: 0.95rem;
    font-weight: 700;
}

.modal-generate-password .modal-footer .btn-primary {
    color: #fff;
    background: var(--gradient-primary);
    border-color: transparent;
    box-shadow: none;
}

.modal-generate-password .modal-footer .btn-primary:hover,
.modal-generate-password .modal-footer .btn-primary:focus {
    color: #fff;
    background: var(--gradient-primary-hover);
    border-color: transparent;
}

.dashboard-localisation-close {
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.14);
    color: var(--muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    text-shadow: none;
}

.dashboard-localisation-close:hover,
.dashboard-localisation-close:focus {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    outline: 0;
}

.modal-localisation .item-selector {
    margin-left: -0.4rem;
    margin-right: -0.4rem;
}

.modal-localisation .item-selector > [class*="col-"] {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    margin-bottom: 0.8rem;
}

.modal-localisation .item-selector .item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.96);
    color: var(--foreground);
    font-size: 0.96rem;
    font-weight: 600;
    text-align: center;
    transition: all 0.2s ease;
}

.modal-localisation .item-selector .item:hover,
.modal-localisation .item-selector .item:focus {
    background: rgba(var(--primary-rgb), 0.06);
    border-color: rgba(var(--primary-rgb), 0.18);
    color: var(--primary);
    text-decoration: none;
}

.modal-localisation .item-selector .item.active {
    background: rgba(var(--primary-rgb), 0.1);
    border-color: rgba(var(--primary-rgb), 0.28);
    color: var(--primary);
}

.dashboard-localisation-group + .dashboard-localisation-group {
    margin-top: 1rem;
}

.dashboard-localisation-group__title {
    margin: 0 0 0.75rem;
    color: #667085;
    font-size: 0.84rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.modal-localisation .item-selector--languages .item {
    min-height: 3.25rem;
}

.dashboard-localisation-note {
    margin: 0.35rem 0 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.btn.btn-brand,
.dashboard-cta-btn {
    background: var(--gradient-primary);
    border: 0;
    color: #fff;
    box-shadow: 0 0 40px -12px rgba(var(--primary-rgb), 0.28);
    border-radius: 999px;
    min-height: 2.7rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.8rem 1rem;
    font-weight: 700;
}

.btn.btn-brand:hover,
.btn.btn-brand:focus,
.dashboard-cta-btn:hover,
.dashboard-cta-btn:focus {
    color: #fff;
    opacity: 0.96;
}

.dashboard-page {
    padding: 1.5rem;
}

.dashboard-page__inner {
    width: 100%;
    max-width: 1620px;
    margin: 0 auto;
}

.dashboard-page-header,
.dashboard-card,
.dashboard-panel,
.dashboard-context-panel,
.dashboard-stat-card,
.dashboard-list-card {
    border: 1px solid rgba(223, 231, 236, 0.9);
    border-radius: var(--radius-xl);
    background: var(--card);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(16, 24, 40, 0.025);
}

.dashboard-page-header {
    padding: 1.6rem 1.75rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.dashboard-page-title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.dashboard-page-subtitle {
    margin: 0.35rem 0 0;
    color: var(--muted);
}

.dashboard-page-breadcrumb .breadcrumb {
    margin: 0;
    background: transparent;
    padding: 0;
}

@media (min-width: 992px) {
    .dashboard-mobile-toggle,
    .dashboard-sidebar__close,
    .dashboard-topbar__brand {
        display: none !important;
    }
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-card {
    padding: 1.95rem 1.65rem;
    min-height: 13.4rem;
}

.dashboard-card__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.15rem;
    color: var(--muted);
}

.dashboard-card__value {
    margin: 0;
    font-size: clamp(2.15rem, 3vw, 3.15rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

.dashboard-card__meta {
    margin: 0.7rem 0 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.dashboard-panel,
.dashboard-context-panel {
    padding: 2rem 1.95rem;
}

.dashboard-panel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

.dashboard-panel__title {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

.dashboard-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    padding: 0.72rem 1.15rem;
    border: 0;
    border-radius: 0.95rem;
    background: var(--gradient-primary);
    color: #fff !important;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 10px 24px -16px rgba(var(--primary-rgb), 0.55);
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.dashboard-link i {
    padding-right: 10px;
}

.dashboard-link:hover,
.dashboard-link:focus {
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 14px 28px -18px rgba(var(--primary-rgb), 0.65);
    transform: translateY(-1px);
}

.dashboard-link:active {
    transform: translateY(0);
}

.dashboard-panel__copy {
    margin: 0.4rem 0 0;
    color: var(--muted);
    font-size: 0.96rem;
    line-height: 1.7;
}

body.whmcs-dashboard-body .dashboard-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-stat-grid--compact {
    margin-top: -0.15rem;
}

body.whmcs-dashboard-body .dashboard-stat-card {
    padding: 1.75rem 1.6rem;
    min-height: 10.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

body.whmcs-dashboard-body .dashboard-stat-card__label {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.whmcs-dashboard-body .dashboard-stat-card__value {
    display: block;
    margin-top: 0.75rem;
    color: var(--foreground);
    font-size: clamp(2rem, 2.5vw, 2.6rem);
    line-height: 1;
    letter-spacing: -0.05em;
}

body.whmcs-dashboard-body .dashboard-stat-card__meta {
    margin-top: 0.65rem;
    color: var(--muted);
    font-size: 0.94rem;
}

body.whmcs-dashboard-body .dashboard-home-stats {
    gap: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-home-stat {
    position: relative;
    min-height: 10rem;
    padding: 1.55rem 1.65rem 1.3rem;
    border-color: rgba(222, 229, 236, 0.96);

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02),
        0 16px 36px rgba(16, 24, 40, 0.045);
}

body.whmcs-dashboard-body .dashboard-home-stat::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    opacity: 0.98;
}

body.whmcs-dashboard-body .dashboard-home-stat::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border-radius: 1.5rem;
    pointer-events: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

body.whmcs-dashboard-body .dashboard-home-stat__body {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    align-items: start;
    gap: 1.1rem;
}

body.whmcs-dashboard-body .dashboard-home-stat__icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body.whmcs-dashboard-body .dashboard-home-stat__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    min-width: 0;
}

body.whmcs-dashboard-body .dashboard-home-stat__icon svg {
    width: 1.65rem;
    height: 1.65rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.whmcs-dashboard-body .dashboard-home-stat__title {
    margin: 0;
    color: #182230;
    font-size: 1.16rem;
    font-weight: 700;
    line-height: 1.25;
}

body.whmcs-dashboard-body .dashboard-home-stat__trend {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.35rem 0.72rem;
    border-radius: 999px;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.whmcs-dashboard-body .dashboard-home-stat__value {
    margin-top: 0.7rem;
    font-family: var(--font-heading);
    font-size: clamp(2.3rem, 3vw, 3rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.05em;
}

body.whmcs-dashboard-body .dashboard-home-stat__meta {
    margin: 0.85rem 0 0;
    color: #667085;
    font-size: 0.95rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .dashboard-home-stat__decor {
    display: none;
}

body.whmcs-dashboard-body .dashboard-home-stat__decor--wave {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__icon {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.12) 0%, rgba(var(--primary-rgb), 0.18) 100%);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting::before {
    display: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__value {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__trend {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__decor--wave {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 96' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='170' y1='22' x2='170' y2='96' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2318C38B' stop-opacity='0.16'/%3E%3Cstop offset='1' stop-color='%2318C38B' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='s' x='0' y='18' width='340' height='62' filterUnits='userSpaceOnUse'%3E%3CfeGaussianBlur stdDeviation='3.5'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 70C18 70 24 78 42 78C60 78 66 40 84 40C102 40 108 56 126 56C144 56 150 70 168 70C186 70 192 34 210 34C228 34 234 50 252 50C270 50 276 22 294 22C312 22 322 30 340 30V96H0V70Z' fill='url(%23g)'/%3E%3Cpath d='M0 70C18 70 24 78 42 78C60 78 66 40 84 40C102 40 108 56 126 56C144 56 150 70 168 70C186 70 192 34 210 34C228 34 234 50 252 50C270 50 276 22 294 22C312 22 322 30 340 30' stroke='%2318C38B' stroke-opacity='0.18' stroke-width='8' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M0 70C18 70 24 78 42 78C60 78 66 40 84 40C102 40 108 56 126 56C144 56 150 70 168 70C186 70 192 34 210 34C228 34 234 50 252 50C270 50 276 22 294 22C312 22 322 30 340 30' stroke='%2318C38B' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='338' cy='30' r='8' fill='%2318C38B' fill-opacity='0.18'/%3E%3Ccircle cx='338' cy='30' r='5.3' fill='%2318C38B'/%3E%3C/svg%3E");
}

body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__icon {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.12) 0%, rgba(var(--primary-rgb), 0.18) 100%);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--billing::before {
    display: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__value {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__trend {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__decor--wave {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 96' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='170' y1='22' x2='170' y2='96' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F5A623' stop-opacity='0.16'/%3E%3Cstop offset='1' stop-color='%23F5A623' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='s' x='0' y='18' width='340' height='62' filterUnits='userSpaceOnUse'%3E%3CfeGaussianBlur stdDeviation='3.5'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 76C18 76 24 84 42 84C60 84 66 50 84 50C102 50 108 36 126 36C144 36 150 82 168 82C186 82 192 44 210 44C228 44 234 62 252 62C270 62 276 26 294 26C312 26 322 30 340 30V96H0V76Z' fill='url(%23g)'/%3E%3Cpath d='M0 76C18 76 24 84 42 84C60 84 66 50 84 50C102 50 108 36 126 36C144 36 150 82 168 82C186 82 192 44 210 44C228 44 234 62 252 62C270 62 276 26 294 26C312 26 322 30 340 30' stroke='%23F5A623' stroke-opacity='0.18' stroke-width='8' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M0 76C18 76 24 84 42 84C60 84 66 50 84 50C102 50 108 36 126 36C144 36 150 82 168 82C186 82 192 44 210 44C228 44 234 62 252 62C270 62 276 26 294 26C312 26 322 30 340 30' stroke='%23F5A623' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='338' cy='30' r='8' fill='%23F5A623' fill-opacity='0.18'/%3E%3Ccircle cx='338' cy='30' r='5.3' fill='%23F5A623'/%3E%3C/svg%3E");
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__icon {
    background: linear-gradient(180deg, rgba(37, 99, 235, 0.12) 0%, rgba(37, 99, 235, 0.18) 100%);
    color: #2b6ef3;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains::before {
    display: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__value {
    color: #2b6ef3;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__trend {
    background: rgba(37, 99, 235, 0.1);
    color: #2b6ef3;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__decor--bars {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    align-items: end;
    gap: 0.55rem;
    padding-inline: 0.5rem;
    height: 4.3rem;
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__decor--bars::before,
body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__decor--bars::after {
    content: "";
}

body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__decor--bars {
    --bar-color: rgba(37, 99, 235, 0.22);
    background:
        linear-gradient(rgba(37, 99, 235, 0.09), rgba(37, 99, 235, 0.09)) 0 38%/100% 1px no-repeat,
        linear-gradient(rgba(37, 99, 235, 0.09), rgba(37, 99, 235, 0.09)) 0 74%/100% 1px no-repeat,
        linear-gradient(var(--bar-color), var(--bar-color)) 4% 100%/1rem 1.5rem no-repeat,
        linear-gradient(var(--bar-color), var(--bar-color)) 18% 100%/1rem 2.35rem no-repeat,
        linear-gradient(var(--bar-color), var(--bar-color)) 32% 100%/1rem 1.65rem no-repeat,
        linear-gradient(var(--bar-color), var(--bar-color)) 46% 100%/1rem 2.05rem no-repeat,
        linear-gradient(var(--bar-color), var(--bar-color)) 60% 100%/1rem 2.8rem no-repeat,
        linear-gradient(var(--bar-color), var(--bar-color)) 74% 100%/1rem 2.05rem no-repeat,
        linear-gradient(var(--bar-color), var(--bar-color)) 88% 100%/1rem 3rem no-repeat,
        linear-gradient(rgba(37, 99, 235, 0.72), rgba(37, 99, 235, 0.72)) 100% 100%/1rem 4rem no-repeat;
}

body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__icon {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.11) 0%, rgba(var(--primary-rgb), 0.17) 100%);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--tickets::before {
    display: none;
}

body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__value {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__trend {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__decor--wave {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 96' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='170' y1='16' x2='170' y2='96' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237D6BFF' stop-opacity='0.16'/%3E%3Cstop offset='1' stop-color='%237D6BFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='s' x='0' y='10' width='340' height='70' filterUnits='userSpaceOnUse'%3E%3CfeGaussianBlur stdDeviation='3.5'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 72C18 72 26 76 44 76C62 76 70 56 88 56C106 56 114 36 132 36C150 36 158 50 176 50C194 50 202 72 220 72C238 72 246 50 264 50C282 50 290 16 308 16C322 16 330 34 340 34V96H0V72Z' fill='url(%23g)'/%3E%3Cpath d='M0 72C18 72 26 76 44 76C62 76 70 56 88 56C106 56 114 36 132 36C150 36 158 50 176 50C194 50 202 72 220 72C238 72 246 50 264 50C282 50 290 16 308 16C322 16 330 34 340 34' stroke='%237D6BFF' stroke-opacity='0.18' stroke-width='8' stroke-linecap='round' filter='url(%23s)'/%3E%3Cpath d='M0 72C18 72 26 76 44 76C62 76 70 56 88 56C106 56 114 36 132 36C150 36 158 50 176 50C194 50 202 72 220 72C238 72 246 50 264 50C282 50 290 16 308 16C322 16 330 34 340 34' stroke='%237D6BFF' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='338' cy='34' r='8' fill='%237D6BFF' fill-opacity='0.18'/%3E%3Ccircle cx='338' cy='34' r='5.3' fill='%237D6BFF'/%3E%3C/svg%3E");
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__icon,
body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__icon,
body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__icon,
body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__icon {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.1) 0%, rgba(var(--primary-rgb), 0.16) 100%);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat--hosting .dashboard-home-stat__value,
body.whmcs-dashboard-body .dashboard-home-stat--billing .dashboard-home-stat__value,
body.whmcs-dashboard-body .dashboard-home-stat--domains .dashboard-home-stat__value,
body.whmcs-dashboard-body .dashboard-home-stat--tickets .dashboard-home-stat__value {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-home-stat__title {
    color: #182230;
}

body.whmcs-dashboard-body .dashboard-home-stat__meta {
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-home-panel__header {
    align-items: flex-start;
    gap: 1rem;
}

body.whmcs-dashboard-body[data-page-template="clientareahome"] .dashboard-table tbody td {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    padding-left: 0;
    padding-right: 0;
}

body.whmcs-dashboard-body .dashboard-home-panel__subtitle {
    margin: 0.45rem 0 0;
    color: #667085;
    font-size: 0.98rem;
}

body.whmcs-dashboard-body .dashboard-chip-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary) !important;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

body.whmcs-dashboard-body .dashboard-chip-link:hover,
body.whmcs-dashboard-body .dashboard-chip-link:focus {
    color: var(--primary) !important;
    text-decoration: none;
    background: rgba(var(--primary-rgb), 0.14);
}

body.whmcs-dashboard-body .dashboard-home-services-table thead th:nth-child(1),
body.whmcs-dashboard-body .dashboard-home-services-table tbody td:nth-child(1) {
    width: 28%;
    padding-right: 1.6rem;
}

body.whmcs-dashboard-body .dashboard-home-services-table thead th:nth-child(2),
body.whmcs-dashboard-body .dashboard-home-services-table tbody td:nth-child(2) {
    width: 17%;
}

body.whmcs-dashboard-body .dashboard-home-services-table thead th:nth-child(3),
body.whmcs-dashboard-body .dashboard-home-services-table tbody td:nth-child(3) {
    width: 16%;
}

body.whmcs-dashboard-body .dashboard-home-services-table thead th:nth-child(4),
body.whmcs-dashboard-body .dashboard-home-services-table tbody td:nth-child(4) {
    width: 23%;
}

body.whmcs-dashboard-body .dashboard-home-services-table thead th:nth-child(5),
body.whmcs-dashboard-body .dashboard-home-services-table tbody td:nth-child(5) {
    width: 16%;
}

body.whmcs-dashboard-body .dashboard-home-services-table {
    border-collapse: separate;
    border-spacing: 0 0;
}

body.whmcs-dashboard-body .dashboard-home-th {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

body.whmcs-dashboard-body .dashboard-home-th i {
    color: #b8c0cc;
    font-size: 0.7rem;
}

body.whmcs-dashboard-body .dashboard-home-th--right {
    justify-content: flex-end;
    width: 100%;
}

body.whmcs-dashboard-body .dashboard-home-services-table thead th {
    padding-top: 0.2rem;
    padding-bottom: 1rem;
    color: #667085;
    font-size: 0.86rem;
    letter-spacing: 0.08em;
}

body.whmcs-dashboard-body .dashboard-home-services-table tbody td {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    border-bottom: 1px solid rgba(229, 236, 240, 0.92);
    background: transparent;
}

body.whmcs-dashboard-body .dashboard-home-services-table thead th:first-child,
body.whmcs-dashboard-body .dashboard-home-services-table tbody td:first-child {
    padding-left: 1rem;
}

body.whmcs-dashboard-body .dashboard-home-services-table thead th:last-child,
body.whmcs-dashboard-body .dashboard-home-services-table tbody td:last-child {
    padding-right: 1rem;
}

body.whmcs-dashboard-body .dashboard-home-services-table tbody tr:last-child td {
    border-bottom: 0;
}

body.whmcs-dashboard-body .dashboard-home-service {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: center;
    gap: 0.9rem;
}

body.whmcs-dashboard-body .dashboard-home-service__icon,
body.whmcs-dashboard-body .dashboard-ticket-row__icon,
body.whmcs-dashboard-body .dashboard-home-empty__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .dashboard-home-service__icon svg,
body.whmcs-dashboard-body .dashboard-ticket-row__icon svg,
body.whmcs-dashboard-body .dashboard-home-empty__icon svg,
body.whmcs-dashboard-body .dashboard-home-action svg,
body.whmcs-dashboard-body .dashboard-ticket-row__chevron svg {
    width: 1.35rem;
    height: 1.35rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.whmcs-dashboard-body .dashboard-home-renewal__date {
    color: #1f2937;
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-home-action {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 1rem;
    color: #667085;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.96);
    transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}

body.whmcs-dashboard-body .dashboard-home-action:hover,
body.whmcs-dashboard-body .dashboard-home-action:focus {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.24);
    background: rgba(var(--primary-rgb), 0.06);
    transform: translateY(-1px);
    text-decoration: none;
}

body.whmcs-dashboard-body .dashboard-home-action svg {
    width: 1.05rem;
    height: 1.05rem;
    stroke-width: 2.1;
}

body.whmcs-dashboard-body .dashboard-home-table-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-inline: 1rem;
    padding-top: 1.1rem;
    border-top: 0;
    margin-top: 0.35rem;
}

body.whmcs-dashboard-body .dashboard-home-table-footer__count {
    color: #667085;
    font-size: 0.98rem;
}

body.whmcs-dashboard-body .dashboard-home-table-footer__pager {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

body.whmcs-dashboard-body .dashboard-home-table-footer__page-btn {
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #98a2b3;
    background: rgba(255, 255, 255, 0.96);
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-home-table-footer__page-btn.is-active {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.1);
    border-color: rgba(var(--primary-rgb), 0.12);
}

body.whmcs-dashboard-body .dashboard-home-services-table .status-pill.success::before {
    content: "";
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: currentColor;
    opacity: 0.95;
}

body.whmcs-dashboard-body .dashboard-list-card--invoice,
body.whmcs-dashboard-body .dashboard-list-card--ticket {
    border-radius: 1.1rem;
    background: #fff;
}

body.whmcs-dashboard-body .dashboard-ticket-row {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    align-items: center;
    gap: 0.95rem;
    min-width: 0;
}

body.whmcs-dashboard-body .dashboard-ticket-row__icon {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-ticket-row__meta {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    margin-left: auto;
}

body.whmcs-dashboard-body .dashboard-ticket-row__chevron {
    color: #98a2b3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .dashboard-home-empty {
    min-height: 14rem;
    display: grid;
    place-items: center;
    text-align: center;
    gap: 0.7rem;
}

body.whmcs-dashboard-body .dashboard-home-empty__icon {
    width: 4.3rem;
    height: 4.3rem;
    border-radius: 1.6rem;
}

body.whmcs-dashboard-body .dashboard-home-empty__title {
    font-size: 1.12rem;
    font-weight: 700;
    color: #344054;
}

body.whmcs-dashboard-body .dashboard-home-loading {
    min-height: 14rem;
    display: grid;
    place-items: center;
    text-align: center;
    gap: 0.9rem;
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-home-loading__icon {
    width: 4.3rem;
    height: 4.3rem;
    border-radius: 1.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    animation: dashboard-home-loading-pulse 1.1s ease-in-out infinite alternate;
}

body.whmcs-dashboard-body .dashboard-home-loading__icon svg {
    width: 1.5rem;
    height: 1.5rem;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.whmcs-dashboard-body .dashboard-home-loading__copy {
    display: grid;
    gap: 0.35rem;
}

body.whmcs-dashboard-body .dashboard-home-loading__title {
    font-size: 1.02rem;
    font-weight: 700;
    color: #344054;
}

@keyframes dashboard-home-loading-pulse {
    from {
        transform: scale(0.98);
        opacity: 0.82;
    }
    to {
        transform: scale(1.04);
        opacity: 1;
    }
}

.dashboard-table {
    margin-bottom: 0;
}

.dashboard-table thead th {
    color: var(--muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-top: 0;
    border-bottom: 1px solid rgba(223, 231, 236, 0.95);
    padding: 0.85rem 1rem;
    background: transparent;
}

.dashboard-table tbody td {
    padding: 0.9rem 1rem;
    vertical-align: middle;
    border: 0;
    font-size: 0.94rem;
    line-height: 1.45;
}

.table-container tbody tr {
    border-radius: 0 !important;
}

.dashboard-table tbody tr:hover {
    background: rgba(var(--primary-rgb), 0.03);
    border-radius: 0 !important;
}

.dashboard-table tbody tr:hover td,
.dashboard-table tbody tr:hover th {
    border-radius: 0 !important;
}

.dashboard-item-title {
    font-weight: 700;
    color: var(--foreground);
    font-size: 0.96rem;
    line-height: 1.3;
}

.dashboard-item-subtitle {
    margin-top: 0.14rem;
    color: var(--muted);
    font-size: 0.84rem;
    line-height: 1.35;
}

.dashboard-stack {
    display: grid;
    gap: 1rem;
}

.dashboard-list-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.08rem 1.15rem;
    border-radius: 1.25rem;
}

.dashboard-list-card:hover {
    border-color: rgba(var(--primary-rgb), 0.3);
}

.dashboard-list-status {
    margin-top: 0.25rem;
    font-size: 0.86rem;
    font-weight: 700;
}

.muted-copy.small,
.dashboard-card__head .small {
    font-size: 0.92rem !important;
    font-weight: 500;
}

.dashboard-list-status.paid,
.dashboard-list-status.status-paid {
    color: var(--accent);
}

.dashboard-empty-state,
.dashboard-empty-cell {
    text-align: center;
    color: var(--muted);
    padding: 2rem 1rem;
}

.auth-shell {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 1.25rem;
    align-items: start;
}

.auth-shell__intro,
.auth-form {
    min-height: 100%;
}

.auth-shell__intro {
    padding: 2rem;
    background:
        linear-gradient(135deg, rgba(var(--primary-rgb), 0.08), rgba(var(--accent-rgb), 0.1)),
        rgba(255, 255, 255, 0.94);
}

.auth-shell__eyebrow {
    display: inline-block;
    margin-bottom: 0.8rem;
    color: var(--primary);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.auth-shell__title,
.auth-form__title {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 2.45rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
}

.auth-shell__copy,
.auth-form__subtitle {
    margin: 0.8rem 0 0;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.8;
}

.auth-form {
    padding: 2rem;
}

.auth-form__header {
    margin-bottom: 1.5rem;
}

.auth-input-group {
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 0.95rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.88);
}

.auth-input-group .input-group-text,
.auth-input-group .form-control,
.auth-input-group .btn {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.auth-input-group .input-group-text {
    color: var(--muted);
    padding-inline: 1rem;
}

.auth-input-group .form-control {
    min-height: 3.2rem;
    padding-inline: 0.25rem 1rem;
}

.auth-input-group:focus-within {
    border-color: rgba(var(--primary-rgb), 0.4);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.12);
}

.auth-reveal-btn {
    color: var(--muted);
    padding-inline: 1rem;
}

.auth-form__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

.auth-submit-btn {
    display: inline-flex;
    align-items: center;
    min-width: 10rem;
    justify-content: center;
    text-align: center;
    gap: 0.55rem;
}

.auth-remember {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--foreground);
}

.auth-remember .form-check-input {
    margin: 0;
    position: static;
    flex-shrink: 0;
}

.auth-form__footer {
    margin-top: 1.5rem;
    padding-top: 1.2rem;
    border-top: 1px solid rgba(223, 231, 236, 0.9);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--muted);
}

.auth-form__footer a {
    color: var(--foreground);
    font-weight: 700;
}

.status-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.status-pill.success {
    background: rgba(var(--accent-rgb), 0.12);
    color: var(--accent);
}

.status-pill.primary {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.status-pill.warning {
    background: rgba(245, 158, 11, 0.14);
    color: #d97706;
}

.status-pill.danger {
    background: rgba(239, 68, 68, 0.12);
    color: #ef4444;
}

.status-pill.info {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
}

.status-pill.muted {
    background: rgba(102, 112, 133, 0.12);
    color: var(--muted);
}

.dashboard-page-section {
    display: grid;
    gap: 1.35rem;
}

.dashboard-page-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.15rem;
}

.dashboard-page-heading--inline {
    margin-bottom: 1.45rem;
}

.dashboard-page-heading__title,
.dashboard-page-heading__actions {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.dashboard-page-heading__title {
    min-width: 0;
}

.dashboard-page-heading__actions {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dashboard-page-heading__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex: 0 0 auto;
}

.dashboard-page-table-panel {
    padding: 1.6rem;
}

.dashboard-page-table-panel--tight {
    padding: 1.35rem 1.55rem 1.45rem;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-page-table-panel,
body.whmcs-dashboard-body[data-page-template="clientareadomaindetails"] .dashboard-page-table-panel,
body.whmcs-dashboard-body[data-page-template="clientareadomaindetails"] .dashboard-page-table-panel--tight {
    overflow: visible;
}

.dashboard-page-table-panel--tight .dashboard-table tbody td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dashboard-analytics-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.5rem;
    align-items: stretch;
}

.dashboard-analytics-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.4rem !important;
    align-items: stretch;
}

body.whmcs-dashboard-body .dashboard-analytics-grid,
body.whmcs-dashboard-body .dashboard-analytics-grid--three {
    position: relative;
}

body.whmcs-dashboard-body .dashboard-analytics-grid > *,
body.whmcs-dashboard-body .dashboard-analytics-grid--three > * {
    min-width: 0;
}

.dashboard-analytics-card {
    position: relative;
    overflow: hidden;
    min-height: 10rem;
    padding: 1.55rem 1.65rem 1.3rem;
    border: 1px solid rgba(222, 229, 236, 0.96);
    border-radius: var(--radius-xl);

    display: flex;
    align-items: center;
    gap: 1.1rem;
    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02),
        0 16px 36px rgba(16, 24, 40, 0.045);
}

.dashboard-analytics-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    opacity: 0.98;
    pointer-events: none;
}

.dashboard-analytics-card::after {
    content: "";
    position: absolute;
    inset: 1rem;
    border-radius: 1.5rem;
    pointer-events: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.dashboard-analytics-card--spark {
    padding-right: 9rem;
}

.dashboard-analytics-card__icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.dashboard-analytics-card__copy {
    display: grid;
    gap: 0.2rem;
    position: relative;
    z-index: 1;
}

.dashboard-analytics-card__label {
    color: #182230;
    font-size: 1.04rem;
    font-weight: 700;
    line-height: 1.25;
}

.dashboard-analytics-card__value {
    font-family: var(--font-heading);
    font-size: clamp(2rem, 2.8vw, 2.8rem);
    line-height: 1;
    letter-spacing: -0.05em;
    color: #182230;
}

.dashboard-analytics-card__meta {
    color: #667085;
    font-size: 0.92rem;
}

.dashboard-analytics-card__line {
    position: absolute;
    right: 1rem;
    bottom: 0.9rem;
    width: 8.8rem;
    height: 2.7rem;
    pointer-events: none;
    opacity: 0.84;
    z-index: 0;
}

.dashboard-analytics-card__line--green {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 56' fill='none'%3E%3Cpath d='M0 46C10 46 14 28 26 28C38 28 44 8 56 8C68 8 74 24 86 24C98 24 104 42 116 42C128 42 134 14 146 14C152 14 156 18 160 18' stroke='%2319C38B' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M0 56V46C10 46 14 28 26 28C38 28 44 8 56 8C68 8 74 24 86 24C98 24 104 42 116 42C128 42 134 14 146 14C152 14 156 18 160 18V56H0Z' fill='url(%23g)'/%3E%3Cdefs%3E%3ClinearGradient id='g' x1='80' y1='14' x2='80' y2='56' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2319C38B' stop-opacity='0.18'/%3E%3Cstop offset='1' stop-color='%2319C38B' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center/100% 100%;
}

.dashboard-analytics-card__line--amber {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 56' fill='none'%3E%3Cpath d='M0 48C12 48 18 18 30 18C42 18 48 8 60 8C72 8 78 38 90 38C102 38 108 16 120 16C132 16 138 6 150 6C154 6 157 8 160 8' stroke='%23F59E0B' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M0 56V48C12 48 18 18 30 18C42 18 48 8 60 8C72 8 78 38 90 38C102 38 108 16 120 16C132 16 138 6 150 6C154 6 157 8 160 8V56H0Z' fill='url(%23g)'/%3E%3Cdefs%3E%3ClinearGradient id='g' x1='80' y1='8' x2='80' y2='56' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F59E0B' stop-opacity='0.18'/%3E%3Cstop offset='1' stop-color='%23F59E0B' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center/100% 100%;
}

.dashboard-analytics-card__line--mint {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 56' fill='none'%3E%3Cpath d='M0 48C12 48 18 24 30 24C42 24 48 10 60 10C72 10 78 40 90 40C102 40 108 18 120 18C132 18 138 10 150 10C154 10 157 4 160 4' stroke='%2310B981' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M0 56V48C12 48 18 24 30 24C42 24 48 10 60 10C72 10 78 40 90 40C102 40 108 18 120 18C132 18 138 10 150 10C154 10 157 4 160 4V56H0Z' fill='url(%23g)'/%3E%3Cdefs%3E%3ClinearGradient id='g' x1='80' y1='4' x2='80' y2='56' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2310B981' stop-opacity='0.18'/%3E%3Cstop offset='1' stop-color='%2310B981' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center/100% 100%;
}

.dashboard-analytics-card__line--violet {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 56' fill='none'%3E%3Cpath d='M0 48C12 48 18 30 30 30C42 30 48 12 60 12C72 12 78 16 90 16C102 16 108 6 120 6C132 6 138 12 150 12C154 12 157 10 160 10' stroke='%238B5CF6' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M0 56V48C12 48 18 30 30 30C42 30 48 12 60 12C72 12 78 16 90 16C102 16 108 6 120 6C132 6 138 12 150 12C154 12 157 10 160 10V56H0Z' fill='url(%23g)'/%3E%3Cdefs%3E%3ClinearGradient id='g' x1='80' y1='10' x2='80' y2='56' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%238B5CF6' stop-opacity='0.18'/%3E%3Cstop offset='1' stop-color='%238B5CF6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center/100% 100%;
}

.dashboard-analytics-card--green .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.dashboard-analytics-card--mint .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.dashboard-analytics-card--amber .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.dashboard-analytics-card--rose .dashboard-analytics-card__icon {
    background: rgba(239, 68, 68, 0.08);
    color: #ff4d4f;
}

.dashboard-analytics-card--violet .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-analytics-card {
    min-height: 10rem;
    padding: 1.55rem 1.65rem 1.3rem;
    border-color: rgba(222, 229, 236, 0.96);
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0) 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(249, 251, 252, 0.99) 100%);
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    align-items: start;
    gap: 1.1rem;
    box-shadow: none;
}

body.whmcs-dashboard-body .dashboard-analytics-card::before {
    display: none;
}

body.whmcs-dashboard-body .dashboard-analytics-card__line {
    display: none !important;
}

body.whmcs-dashboard-body .dashboard-analytics-card__icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1.2rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body.whmcs-dashboard-body .dashboard-analytics-card__copy {
    display: grid;
    gap: 0;
    min-width: 0;
}

body.whmcs-dashboard-body .dashboard-analytics-card__label {
    color: #182230;
    font-size: 1.16rem;
    font-weight: 700;
    line-height: 1.25;
}

body.whmcs-dashboard-body .dashboard-analytics-card__value {
    margin-top: 0.7rem;
    color: var(--primary);
    font-size: clamp(2.3rem, 3vw, 2rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.05em;
}

body.whmcs-dashboard-body .dashboard-analytics-card__meta {
    margin-top: 0.85rem;
    color: #667085;
    font-size: 0.95rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .dashboard-analytics-card--green .dashboard-analytics-card__icon,
body.whmcs-dashboard-body .dashboard-analytics-card--mint .dashboard-analytics-card__icon,
body.whmcs-dashboard-body .dashboard-analytics-card--amber .dashboard-analytics-card__icon,
body.whmcs-dashboard-body .dashboard-analytics-card--violet .dashboard-analytics-card__icon {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.1) 0%, rgba(var(--primary-rgb), 0.16) 100%);
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-analytics-card--green .dashboard-analytics-card__value,
body.whmcs-dashboard-body .dashboard-analytics-card--mint .dashboard-analytics-card__value,
body.whmcs-dashboard-body .dashboard-analytics-card--amber .dashboard-analytics-card__value,
body.whmcs-dashboard-body .dashboard-analytics-card--violet .dashboard-analytics-card__value {
    color: var(--primary);
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="accountuserpermissions"] .dashboard-analytics-card {

    border-color: rgba(222, 229, 236, 0.96);
    box-shadow: none;
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card {
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card {
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card {
    box-shadow: none !important;
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="accountuserpermissions"] .dashboard-analytics-card::before {
    display: none !important;
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="accountcontactsmanage"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="accountcontactsnew"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="accountuserpermissions"] .dashboard-analytics-card__line {
    display: none !important;
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card {
    border-color: rgba(222, 229, 236, 0.96);
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0) 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(249, 251, 252, 0.99) 100%);
    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02),
        0 16px 36px rgba(16, 24, 40, 0.045);
}

body.whmcs-dashboard-body[data-page-template="clientareaproducts"] .dashboard-analytics-card::before {
    display: block;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card {
    border-color: rgba(222, 229, 236, 0.96);

    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02),
        0 16px 36px rgba(16, 24, 40, 0.045);
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card__line {
    display: block;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card--green .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card--violet .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-analytics-card--amber .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] #tableDomainsList thead th:first-child,
body.whmcs-dashboard-body[data-page-template="clientareadomains"] #tableDomainsList tbody td:first-child {
    width: 2.15rem;
    min-width: 2.15rem;
    max-width: 2.15rem;
    padding-left: 0.45rem;
    padding-right: 0.1rem;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] #tableDomainsList thead th:nth-child(2),
body.whmcs-dashboard-body[data-page-template="clientareadomains"] #tableDomainsList tbody td:nth-child(2) {
    padding-left: 0.05rem;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .dashboard-table-service--domain {
    grid-template-columns: 2.9rem minmax(0, 1fr);
    gap: 0.5rem;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .domids {
    margin: 0;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList thead th:nth-child(1),
body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList tbody td:nth-child(1) {
    width: 34%;
    white-space: nowrap;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList thead th:nth-child(2),
body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList tbody td:nth-child(2) {
    padding-left: 0.5rem;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList thead th:last-child,
body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList tbody td:last-child {
    width: 5.5rem;
    padding-right: 1rem;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList tbody td:first-child {
    text-align: left !important;
    padding-right: 0.5rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] table.dataTable > tbody > tr.child span.dtr-title,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] #tableInvoicesList tbody tr.child span.dtr-title {
    display: inline-block;
    min-width: 180px !important;
    width: 180px !important;
    max-width: 180px !important;
    white-space: nowrap !important;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList .dashboard-table-inline {
    justify-content: flex-start;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList .dashboard-table-service--compact {
    grid-template-columns: 2.9rem minmax(0, 1fr);
    gap: 0.8rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] #tableInvoicesList .dashboard-table-service--compact {
    grid-template-columns: 2.35rem minmax(3.5rem, 1fr);
    gap: 0.85rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] #tableInvoicesList .dashboard-table-service__copy {
    min-width: 3.5rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] #tableInvoicesList .dashboard-item-title {
    display: inline-block;
    min-width: 3.5rem;
    white-space: nowrap;
}

body.whmcs-dashboard-body[data-page-template="clientareaemails"] #tableEmailsList .dashboard-row-actions {
    justify-content: flex-end;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card {
    border-color: rgba(222, 229, 236, 0.96);
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0) 46%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(249, 251, 252, 0.99) 100%);
    box-shadow:
        0 1px 2px rgba(16, 24, 40, 0.02),
        0 16px 36px rgba(16, 24, 40, 0.045);
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card__line,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card::before,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card__line {
    display: block;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card--green .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card--mint .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-analytics-card--amber .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card--green .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card--amber .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-page-template="supportticketslist"] .dashboard-analytics-card--violet .dashboard-analytics-card__icon {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline {
    display: block;
    margin-bottom: 1.2rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-page-heading__title {
    min-width: 0;
    gap: 1rem;
    align-items: flex-start;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-page-heading__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.85rem;
    padding-left: 0;
    margin-top: 1rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-page-heading__actions--invoices {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-panel__copy {
    margin: 0.35rem 0 0;
    max-width: 52ch;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-page-heading__icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-link,
body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-action-ghost {
    min-height: 3.1rem;
    padding-inline: 1.2rem;
}

body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-page-heading--inline .dashboard-page-heading__actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.85rem;
    padding-left: 0;
    margin-top: 1rem;
}

body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-page-heading--inline .dashboard-page-heading__actions .dashboard-link--hero,
body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-page-heading--inline .dashboard-page-heading__actions .dashboard-action-ghost {
    justify-content: flex-start;
    text-align: left;
    min-width: 13rem;
    padding-inline: 1.15rem 1.35rem;
}

body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-page-heading--inline .dashboard-page-heading__actions .dashboard-link--hero i,
body.whmcs-dashboard-body[data-page-template="usersecurity"] .dashboard-page-heading--inline .dashboard-page-heading__actions .dashboard-action-ghost i {
    width: 1rem;
    text-align: center;
    flex: 0 0 1rem;
}

.dashboard-page-heading__actions--security {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    gap: 0.85rem;
    padding-left: 0;
    margin-top: 1rem;
}

.dashboard-page-heading__actions--security .dashboard-link--hero,
.dashboard-page-heading__actions--security .dashboard-action-ghost {
    justify-content: flex-start !important;
    text-align: left !important;
    min-width: 13rem;
    padding-inline: 1.15rem 1.35rem;
}

.dashboard-page-heading__actions--security .dashboard-link--hero i,
.dashboard-page-heading__actions--security .dashboard-action-ghost i {
    width: 1rem;
    text-align: center;
    flex: 0 0 1rem;
}

.dashboard-page-heading__actions--user-management {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    width: 100%;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.dashboard-page-heading__actions--user-management .dashboard-link--hero {
    justify-content: flex-start !important;
    align-self: flex-start;
    margin-left: 0 !important;
}

body.whmcs-dashboard-body .twofa-config-link.enable.btn.btn-success.open-modal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 3.2rem;
    padding: 0.9rem 1.3rem;
    border: 0;
    border-radius: 1rem;
    background: var(--gradient-primary);
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: 0 14px 30px rgba(var(--primary-rgb), 0.18);
}

body.whmcs-dashboard-body .twofa-config-link.enable.btn.btn-success.open-modal:hover,
body.whmcs-dashboard-body .twofa-config-link.enable.btn.btn-success.open-modal:focus {
    background: var(--gradient-primary-hover);
    color: #fff !important;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 18px 36px rgba(var(--primary-rgb), 0.22);
}

body.whmcs-dashboard-body .twofa-config-link.enable.btn.btn-success.open-modal i {
    font-size: 0.98rem;
}

@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline {
        display: block;
    }

    body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-heading--inline .dashboard-page-heading__actions {
        justify-content: flex-start;
        padding-left: 0;
    }
}

.dashboard-link--hero,
.dashboard-action-ghost,
.dashboard-icon-btn {
    min-height: 2.85rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    font-weight: 700;
}

.dashboard-link--hero {
    padding: 0.82rem 1.2rem;
}

.dashboard-action-ghost {
    padding: 0.82rem 1.05rem;
    border: 1px solid rgba(210, 220, 228, 0.95);
    background: rgba(255, 255, 255, 0.96);
    color: var(--foreground) !important;
}

.dashboard-action-ghost:hover,
.dashboard-action-ghost:focus {
    border-color: rgba(var(--primary-rgb), 0.18);
    background: rgba(var(--primary-rgb), 0.04);
    color: var(--primary) !important;
    text-decoration: none;
}

.dashboard-icon-btn {
    width: 3rem;
    border: 1px solid rgba(210, 220, 228, 0.95);
    background: rgba(255, 255, 255, 0.96);
    color: #667085;
}

.dashboard-icon-btn.is-active,
.dashboard-icon-btn:hover,
.dashboard-icon-btn:focus {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.06);
    border-color: rgba(var(--primary-rgb), 0.18);
    outline: 0;
}

.dashboard-page-table-toolbar,
.dashboard-page-toolbar-stack {
    gap: 1rem;
}

.dashboard-page-table-toolbar {
    display: flex;
    justify-content: space-between;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;

    flex-wrap: wrap;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-table-toolbar {
    grid-template-columns: 1fr;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-table-toolbar__actions--invoices {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.85rem;
    flex-wrap: wrap;
    width: 100%;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-table-toolbar__actions--invoices .dashboard-toolbar-search {
    flex: 1 1 18rem;
    min-width: 14rem;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-table-toolbar__actions--invoices .dashboard-toolbar-search .form-control {
    width: 100%;
}

body.whmcs-dashboard-body[data-page-template="clientareainvoices"] .dashboard-page-table-toolbar__actions--invoices .dashboard-select-wrap {
    flex: 0 0 auto;
}

.dashboard-page-table-toolbar--domains {
    grid-template-columns: minmax(0, 1fr) auto;
}

.dashboard-page-table-toolbar__spacer {
    min-height: 1px;
}

.dashboard-page-table-toolbar__actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
}

.dashboard-toolbar-search,
.dashboard-select-wrap {
    position: relative;
}

.dashboard-toolbar-search i,
.dashboard-select-wrap i {
    position: absolute;
    left: 1.15rem;
    top: 50%;
    transform: translateY(-50%);
    color: #667085;
    z-index: 1;
    pointer-events: none;
}

.dashboard-toolbar-search .form-control,
.dashboard-select-wrap .form-control {
    min-width: 0;
    min-height: 3rem;
    border-radius: 1rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: none;
}

.dashboard-toolbar-search .form-control {
    width: min(100%, 24rem);
    padding-left: 3.55rem;
}

.dashboard-page-table-toolbar > .dashboard-toolbar-search {
    flex: 0 1 24rem;
}

.dashboard-select-wrap .form-control {
    min-width: 10rem;
    padding-left: 3.5rem;
    padding-right: 2.75rem;
}

.dashboard-page-table-panel .dataTables_filter {
    display: none !important;
}

.dashboard-table--rich thead th {
    font-size: 0.9rem;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 700;
    color: #667085;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dashboard-table--rich tbody td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.dashboard-table-service {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.dashboard-table-service--compact {
    grid-template-columns: 2.35rem minmax(0, 1fr);
    gap: 0.7rem;
}

.dashboard-table-service--compact .dashboard-table-service__icon {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.78rem;
    font-size: 0.92rem;
}

.dashboard-table-service--compact .dashboard-table-service__copy {
    gap: 0.1rem;
}

.dashboard-table-service__icon {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.12rem;
    background: rgba(102, 112, 133, 0.08);
    color: #98a2b3;
}

.dashboard-table-service__icon.is-active {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.dashboard-table-service__icon.is-pending {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

.dashboard-table-service__icon.is-muted {
    background: rgba(148, 163, 184, 0.12);
    color: #98a2b3;
}

.dashboard-table-service__copy {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.dashboard-table-money {
    color: #182230;
    font-size: 1.02rem;
    font-weight: 700;
}

.dashboard-table-date {
    color: #344054;
    font-weight: 500;
}

.dashboard-row-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-row-action {
    width: 3rem;
    height: 3rem;
    border: 1px solid rgba(223, 231, 236, 0.95);
    border-radius: 0.95rem;
    color: #344054 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 254, 0.98) 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.04);
}

.dashboard-row-action:hover,
.dashboard-row-action:focus {
    color: var(--primary) !important;
    border-color: rgba(var(--primary-rgb), 0.2);
    background: rgba(var(--primary-rgb), 0.04);
    text-decoration: none;
}

.dashboard-icon-btn {
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.dashboard-icon-btn.is-active,
.dashboard-icon-btn:hover,
.dashboard-icon-btn:focus {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.22);
    background: rgba(var(--primary-rgb), 0.06);
    box-shadow: 0 10px 20px rgba(var(--primary-rgb), 0.08);
    transform: translateY(-1px);
}

.dashboard-page-table-panel .dashboard-table tbody tr {
    transition: background-color 0.18s ease, transform 0.18s ease;
}

.dashboard-page-table-panel .dataTables_info,
.dashboard-page-table-panel .dataTables_length,
.dashboard-page-table-panel .dataTables_paginate {
    margin-top: 1rem;
}

.dashboard-page-table-panel .dataTables_info,
.dashboard-page-table-panel .dataTables_length label {
    color: #72809a;
    font-size: 0.95rem;
}

.dashboard-toolbar-search .form-control,
.dashboard-select-wrap .form-control {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.dashboard-page-heading__actions {
    gap: 0.85rem;
}

.dashboard-page-heading__actions .dashboard-action-ghost {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.dashboard-table-service__icon.is-muted {
    background: linear-gradient(135deg, rgba(245, 247, 250, 0.98) 0%, rgba(236, 240, 245, 0.98) 100%);
    color: #8c98aa;
}

.dashboard-panel__copy {
    max-width: 62ch;
}

.dashboard-table-inline {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #344054;
}

.dashboard-table-inline i {
    color: #667085;
}

.dashboard-domain-overview {
    display: grid;
    gap: 1rem;
}

.dashboard-domain-overview__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.dashboard-overview-alert {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 3.75rem;
    padding: 1rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    color: #a16207;
    background: rgba(245, 158, 11, 0.08);
}

.dashboard-overview-alert--warning {
    border-color: rgba(245, 158, 11, 0.24);
}

.dashboard-overview-alert--danger {
    color: #dc2626;
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.2);
}

.dashboard-domain-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1.15rem;
    padding-bottom: 1.45rem;
    border-bottom: 1px solid rgba(223, 231, 236, 0.85);
}

.dashboard-domain-hero__identity {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 1.15rem;
    align-items: center;
}

.dashboard-domain-hero__icon {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.dashboard-domain-hero__copy {
    display: grid;
    gap: 0.7rem;
}

.dashboard-domain-hero__copy h2 {
    margin: 0;
    font-size: clamp(2rem, 3vw, 2.7rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
    font-family: var(--font-heading);
}

.dashboard-domain-hero__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.dashboard-overview-metric {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    min-height: 6rem;
    padding: 1.2rem 1.25rem;
    border: 1px solid rgba(223, 231, 236, 0.88);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.98);
}

.dashboard-overview-metric__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.9rem;
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dashboard-overview-metric__icon--blue {
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
}

.dashboard-overview-metric__label {
    display: block;
    color: #667085;
    font-size: 0.95rem;
    margin-bottom: 0.2rem;
}

.dashboard-overview-metric__value {
    color: #182230;
    font-size: 1.12rem;
    font-weight: 700;
}

.dashboard-overview-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
    padding-top: 1.35rem;
}

.dashboard-overview-grid__column {
    display: grid;
}

.dashboard-overview-row {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr) auto;
    gap: 0.9rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(223, 231, 236, 0.8);
}

.dashboard-overview-row:last-child {
    border-bottom: 0;
}

.dashboard-overview-row__icon {
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

.dashboard-overview-row__icon--blue {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

.dashboard-overview-row__icon--amber {
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
}

.dashboard-overview-row__icon--violet {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

.dashboard-overview-row__label {
    color: #182230;
    font-size: 1rem;
    font-weight: 700;
}

.dashboard-overview-row__value {
    color: #344054;
    font-size: 1rem;
    font-weight: 500;
    text-align: right;
}

.dashboard-overview-actions {
    margin-top: 1rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(223, 231, 236, 0.85);
    display: grid;
    gap: 1rem;
    justify-items: center;
}

.dashboard-overview-actions__label {
    color: #667085;
    font-size: 1.08rem;
    font-weight: 600;
}

.dashboard-overview-actions__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    flex-wrap: wrap;
}

.dashboard-domain-actions-menu {
    position: relative;
}

.dashboard-domain-actions-menu__toggle {
    position: relative;
    z-index: 1;
}

.dashboard-domain-actions-menu__dropdown {
    position: absolute;
    top: calc(100% + 0.7rem);
    right: 0;
    left: auto;
    min-width: 15rem;
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    pointer-events: none;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    border: 1px solid rgba(223, 231, 236, 0.96);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 54px rgba(15, 23, 42, 0.12);
    padding: 0.55rem;
    z-index: 1200;
}

.dashboard-domain-actions-menu.is-open .dashboard-domain-actions-menu__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.dashboard-domain-actions-menu__dropdown .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    min-height: 2.9rem;
    border-radius: 0.85rem;
    color: #344054;
    font-weight: 600;
}

.dashboard-domain-actions-menu__dropdown .dropdown-item::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.28);
    flex: 0 0 auto;
}

.dashboard-domain-actions-menu__dropdown .dropdown-item:hover,
.dashboard-domain-actions-menu__dropdown .dropdown-item:focus {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body #alertOverdueInvoice,
body.whmcs-dashboard-body #alertUnpaidInvoice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 5.7rem;
    padding: 1.15rem 1.35rem;
    border-radius: 1.45rem;
    border: 1px solid rgba(251, 146, 60, 0.28);
    background: linear-gradient(180deg, rgba(255, 248, 242, 0.98), rgba(255, 252, 248, 0.98));
    box-shadow: none;
    text-align: left;
}

body.whmcs-dashboard-body #alertOverdueInvoice .float-right,
body.whmcs-dashboard-body #alertUnpaidInvoice .float-right {
    margin-left: auto;
    float: none !important;
    flex: 0 0 auto;
    order: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body #alertOverdueInvoice .btn,
body.whmcs-dashboard-body #alertUnpaidInvoice .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.85rem;
    min-width: 7.6rem;
    padding: 0.75rem 1.15rem;
    border-radius: 0.95rem;
    border: 0;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff !important;
    font-weight: 700;
    box-shadow: none;
    text-align: center;
}

body.whmcs-dashboard-body #alertOverdueInvoice .btn:hover,
body.whmcs-dashboard-body #alertUnpaidInvoice .btn:hover,
body.whmcs-dashboard-body #alertOverdueInvoice .btn:focus,
body.whmcs-dashboard-body #alertUnpaidInvoice .btn:focus {
    background: linear-gradient(135deg, #fb923c, #ea580c);
    color: #fff !important;
}

body.whmcs-dashboard-body #alertOverdueInvoice > :not(.float-right),
body.whmcs-dashboard-body #alertUnpaidInvoice > :not(.float-right) {
    order: 1;
    flex: 1 1 auto;
    margin-right: 1rem;
    text-align: left;
}

.dashboard-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    margin-bottom: 1.2rem;
}

.dashboard-toolbar .btn {
    min-height: 2.85rem;
    padding: 0.72rem 1rem;
    border-radius: 0.95rem;
    font-weight: 600;
}

.dashboard-toolbar .dropdown-menu {
    border: 1px solid rgba(223, 231, 236, 0.96);
    border-radius: 1rem;
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.08);
    padding: 0.55rem;
    z-index: 1200;
}

.dashboard-toolbar .dropdown-item {
    border-radius: 0.8rem;
    padding: 0.7rem 0.85rem;
    font-weight: 600;
}

.dashboard-toolbar .dropdown-item i {
    width: 1.15rem;
    margin-right: 0.45rem;
}

body.whmcs-dashboard-body .btn-default,
body.whmcs-dashboard-body .btn.btn-default {
    border: 1px solid rgba(210, 220, 228, 0.95);
    background: rgba(255, 255, 255, 0.94);
    color: var(--foreground);
    box-shadow: none;
}

body.whmcs-dashboard-body .btn-default:hover,
body.whmcs-dashboard-body .btn-default:focus,
body.whmcs-dashboard-body .btn.btn-default:hover,
body.whmcs-dashboard-body .btn.btn-default:focus {
    border-color: rgba(var(--primary-rgb), 0.28);
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.05);
}

body.whmcs-dashboard-body .btn-primary,
body.whmcs-dashboard-body .btn-success,
body.whmcs-dashboard-body .btn-danger {

    box-shadow: none;
}

body.whmcs-dashboard-body .btn-primary,
body.whmcs-dashboard-body input.btn-primary,
body.whmcs-dashboard-body button.btn-primary {
    color: #fff;
    background: var(--gradient-primary);
    border-color: transparent;
}

body.whmcs-dashboard-body .btn-primary:hover,
body.whmcs-dashboard-body .btn-primary:focus,
body.whmcs-dashboard-body input.btn-primary:hover,
body.whmcs-dashboard-body input.btn-primary:focus,
body.whmcs-dashboard-body button.btn-primary:hover,
body.whmcs-dashboard-body button.btn-primary:focus {
    color: #fff;
    background: var(--gradient-primary-hover);
    border-color: transparent;
}

body.whmcs-dashboard-body .recaptcha-container,
body.whmcs-dashboard-body .g-recaptcha {
    max-width: 100%;
    margin-inline: auto;
}

body.whmcs-dashboard-body .captchaimage img,
body.whmcs-dashboard-body #inputCaptchaImage {
    width: auto;
    max-width: 100%;
    height: 30px;
    object-fit: contain;
    border-radius: 0.7rem;
    display: inline-block;
}

body.whmcs-dashboard-body #default-captcha-domainchecker {
    align-items: center;
    justify-content: center;
    gap: 0.9rem 0;
}

@media (max-width: 480px) {
    body.whmcs-dashboard-body .g-recaptcha {
        transform: scale(0.92);
        transform-origin: top center;
    }

    body.whmcs-dashboard-body .captchaimage img,
    body.whmcs-dashboard-body #inputCaptchaImage {
        height: 30px;
    }
}

body.whmcs-dashboard-body .alert {
    border: 1px solid rgba(223, 231, 236, 0.9);
    border-radius: 1.25rem;
    box-shadow: none;
    padding: 1rem 1.1rem;
}

body.whmcs-dashboard-body .alert-success {
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.08);
    border-color: rgba(var(--primary-rgb), 0.2);
}

body.whmcs-dashboard-body .alert-warning {
    color: #b86800;
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.22);
}

body.whmcs-dashboard-body .alert-danger,
body.whmcs-dashboard-body .alert-error {
    color: #c2410c;
    background: rgba(249, 115, 22, 0.1);
    border-color: rgba(249, 115, 22, 0.2);
}

body.whmcs-dashboard-body .card {
    border: 1px solid rgba(223, 231, 236, 0.9);
    border-radius: var(--radius-xl);
    background: var(--card);

    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-panel .card,
body.whmcs-dashboard-body .dashboard-card .card,
body.whmcs-dashboard-body .dashboard-context-panel .card,
body.whmcs-dashboard-body .dashboard-list-card .card,
body.whmcs-dashboard-body .card .card {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.whmcs-dashboard-body .card + .card {
    margin-top: 1.25rem;
}

body.whmcs-dashboard-body .card-body,
body.whmcs-dashboard-body .card-header,
body.whmcs-dashboard-body .card-footer {
    padding: 1.5rem 1.6rem;
    border-color: rgba(223, 231, 236, 0.9);
    background: transparent;
}

body.whmcs-dashboard-body .card-title,
body.whmcs-dashboard-body .card-subtitle {
    margin: 0;
    color: var(--foreground);
    font-size: 1.28rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body .card-body,
body.whmcs-dashboard-body .dashboard-panel,
body.whmcs-dashboard-body .dashboard-page-header {
    color: var(--foreground);
    font-size: 0.98rem;
    line-height: 1.75;
}

body.whmcs-dashboard-body .row {
    row-gap: 0.9rem;
}

body.whmcs-dashboard-body .card-body p,
body.whmcs-dashboard-body .dashboard-panel p,
body.whmcs-dashboard-body .alert,
body.whmcs-dashboard-body .small-text,
body.whmcs-dashboard-body .text-muted {
    line-height: 1.75;
}

body.whmcs-dashboard-body .card-body h3,
body.whmcs-dashboard-body .card-body h4,
body.whmcs-dashboard-body .dashboard-panel h3,
body.whmcs-dashboard-body .dashboard-panel h4 {
    color: var(--foreground);
    letter-spacing: -0.02em;
}

body.whmcs-dashboard-body .card-body h4,
body.whmcs-dashboard-body .dashboard-panel h4 {
    font-size: 1rem;
    font-weight: 700;
    margin: 1rem 0 0.35rem;
}

body.whmcs-dashboard-body .card-body > :first-child,
body.whmcs-dashboard-body .dashboard-panel > :first-child {
    display: grid;
    margin-top: 0;
}

body.whmcs-dashboard-body i.fas,
body.whmcs-dashboard-body i.far,
body.whmcs-dashboard-body i.fal,
body.whmcs-dashboard-body i.fab {
    vertical-align: middle;
}

body.whmcs-dashboard-body .fa-fw {
    width: 1.15em;
}

body.whmcs-dashboard-body .fa-stack {
    width: 2.65em;
    height: 2.65em;
    line-height: 2.65em;
}

body.whmcs-dashboard-body .fa-stack.fa-lg {
    width: 3em;
    height: 3em;
    line-height: 3em;
}

body.whmcs-dashboard-body .card img,
body.whmcs-dashboard-body .dashboard-panel img,
body.whmcs-dashboard-body .product-details img,
body.whmcs-dashboard-body .ticket-reply img {
    max-width: 100%;
    height: auto;
}

body.whmcs-dashboard-body .product-details {
    color: var(--foreground);
}

body.whmcs-dashboard-body .product-details .row {
    row-gap: 0.85rem;
}

body.whmcs-dashboard-body .product-details .col-md-6.text-center {
    text-align: left !important;
}

body.whmcs-dashboard-body .product-details .col-md-6.text-center h4 {
    margin-top: 0.95rem;
}

body.whmcs-dashboard-body .product-icon {
    margin-bottom: 0.8rem;
    min-height: 6.2rem;
    padding: 1rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.78);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .product-icon .fa-stack {
    font-size: 1rem;
}

body.whmcs-dashboard-body .product-icon h3 {
    margin: 0.85rem 0 0.15rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

body.whmcs-dashboard-body .product-icon h4 {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .module-client-area,
body.whmcs-dashboard-body .product-details-tab-container {
    font-size: 0.97rem;
    line-height: 1.75;
}

body.whmcs-dashboard-body .product-details-tab-container .row {
    padding: 0.8rem 0;
    border-bottom: 1px solid rgba(223, 231, 236, 0.8);
    align-items: flex-start;
}

body.whmcs-dashboard-body .product-details-tab-container .row:last-child {
    border-bottom: 0;
}

body.whmcs-dashboard-body .product-details-tab-container strong {
    font-weight: 700;
}

body.whmcs-dashboard-body .product-details-tab-container .btn {
    margin-top: 0.4rem;
}

body.whmcs-dashboard-body .ticket-number {
    display: inline-block;
    margin-right: 0.45rem;
    color: var(--muted);
    font-weight: 700;
}

body.whmcs-dashboard-body .ticket-subject {
    color: var(--foreground);
    font-weight: 600;
}

body.whmcs-dashboard-body .posted-by-name {
    color: var(--foreground);
    font-weight: 700;
}

body.whmcs-dashboard-body .posted-on {
    color: var(--muted);
    font-size: 0.92rem;
}

body.whmcs-dashboard-body .requestor-badge {
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
    border: 1px solid rgba(203, 213, 225, 0.95);
    background: rgba(248, 250, 252, 0.98);
}

body.whmcs-dashboard-body .attachment-list {
    display: grid;
    gap: 0.8rem;
    padding: 0;
    margin: 0.9rem 0 0;
    list-style: none;
}

body.whmcs-dashboard-body .attachment-list li span,
body.whmcs-dashboard-body .attachment-list li a span {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1rem;
}

body.whmcs-dashboard-body .attachment-list figure {
    margin: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    flex-shrink: 0;
}

body.whmcs-dashboard-body .attachment-list .caption {
    min-width: 0;
    color: var(--foreground);
    font-weight: 600;
    line-height: 1.5;
}

body.whmcs-dashboard-body .dataTables_wrapper .dataTable td strong,
body.whmcs-dashboard-body .dataTables_wrapper .dataTable td a,
body.whmcs-dashboard-body .table td strong,
body.whmcs-dashboard-body .table td a {
    line-height: 1.4;
    font-size: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-table td .text-muted,
body.whmcs-dashboard-body .dashboard-table td small,
body.whmcs-dashboard-body .dashboard-table td .dashboard-item-subtitle {
    font-size: 0.84rem !important;
}

body.whmcs-dashboard-body .dashboard-table td img,
body.whmcs-dashboard-body .dashboard-table td .ssl-info img {
    width: 20px !important;
    max-width: 20px;
    height: auto;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management {
    table-layout: auto;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management thead th:first-child,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management tbody td:first-child {
    width: auto !important;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management thead th:last-child,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management tbody td:last-child {
    width: 1%;
    white-space: nowrap;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-table-service--compact {
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: 0.9rem;
    align-items: center;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-table-service__icon {
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.9rem;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-table-service__copy,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-item-title,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-item-subtitle,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management td,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management td a,
body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management td strong {
    overflow-wrap: normal !important;
    word-break: normal !important;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-item-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    line-height: 1.35;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-item-subtitle {
    line-height: 1.45;
    white-space: normal;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-row-actions {
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .btn {
    min-width: 9.5rem;
}

body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management + .text-muted {
    margin-top: 0.9rem !important;
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .dashboard-row-actions {
        justify-content: flex-start;
    }

    body.whmcs-dashboard-body[data-page-template="accountusermanagement"] .dashboard-table--user-management .btn {
        min-width: 0;
    }
}

body.whmcs-dashboard-body .dashboard-table .status-pill {
    padding: 0.32rem 0.7rem;
    font-size: 0.72rem;
}

body.whmcs-dashboard-body [data-dashboard-services-table] tbody tr + tr td {
    border-top: 0;
}

body.whmcs-dashboard-body [data-dashboard-services-table] {
    table-layout: fixed;
}

body.whmcs-dashboard-body [data-dashboard-services-table] thead th:nth-child(1),
body.whmcs-dashboard-body [data-dashboard-services-table] tbody td:nth-child(1) {
    width: 33%;
    padding-right: 2rem;
}

body.whmcs-dashboard-body [data-dashboard-services-table] thead th:nth-child(2),
body.whmcs-dashboard-body [data-dashboard-services-table] tbody td:nth-child(2) {
    width: 24%;
    padding-right: 1.6rem;
}

body.whmcs-dashboard-body [data-dashboard-services-table] thead th:nth-child(3),
body.whmcs-dashboard-body [data-dashboard-services-table] tbody td:nth-child(3) {
    width: 20%;
}

body.whmcs-dashboard-body [data-dashboard-services-table] thead th:nth-child(4),
body.whmcs-dashboard-body [data-dashboard-services-table] tbody td:nth-child(4) {
    width: 23%;
}

body.whmcs-dashboard-body [data-dashboard-services-table] tbody td {
    padding-top: 1.05rem;
    padding-bottom: 1.05rem;
}

body.whmcs-dashboard-body [data-dashboard-services-table] tbody tr:hover {
    background: rgba(247, 250, 252, 0.88);
}

body.whmcs-dashboard-body .form-control,
body.whmcs-dashboard-body .custom-select,
body.whmcs-dashboard-body .custom-file-label,
body.whmcs-dashboard-body .bootstrap-select .dropdown-toggle {

    background: rgba(255, 255, 255, 0.96);
    color: var(--foreground);
    box-shadow: none;
}

body.whmcs-dashboard-body .btn,
body.whmcs-dashboard-body button,
body.whmcs-dashboard-body input[type="submit"],
body.whmcs-dashboard-body input[type="button"],
body.whmcs-dashboard-body input[type="reset"] {
    font-family: var(--font-body);
}

body.whmcs-dashboard-body textarea.form-control {
    min-height: 8rem;
    padding-block: 0.9rem;
}

body.whmcs-dashboard-body .form-control:focus,
body.whmcs-dashboard-body .custom-select:focus,
body.whmcs-dashboard-body .custom-file-input:focus ~ .custom-file-label,
body.whmcs-dashboard-body .bootstrap-select .dropdown-toggle:focus {
    border-color: rgba(var(--primary-rgb), 0.42);
    box-shadow: 0 0 0 0.22rem rgba(var(--primary-rgb), 0.12);
}

body.whmcs-dashboard-body .form-group label,
body.whmcs-dashboard-body .col-form-label {
    color: var(--foreground);
    font-weight: 600;
    margin-bottom: 0.55rem;
}

body.whmcs-dashboard-body .form-group {
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .form-check {
    padding-left: 0;
}

body.whmcs-dashboard-body .form-check label {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--foreground);
    font-weight: 500;
}

body.whmcs-dashboard-body .form-check-input {
    position: static;
    margin: 0;
	margin-top: 5px;
  margin-right: 10px;
}

body.whmcs-dashboard-body .nav-tabs {
    gap: 0.55rem;
    border-bottom: 0;
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .nav-tabs .nav-item {
    margin-bottom: 0;
}

body.whmcs-dashboard-body .nav-tabs .nav-link {
    border: 1px solid rgba(223, 231, 236, 0.9);
    border-radius: 999px;
    padding: 0.75rem 1rem;
    color: var(--muted);
    background: rgba(255, 255, 255, 0.88);
    font-weight: 600;
}

body.whmcs-dashboard-body .nav-tabs .nav-link:hover,
body.whmcs-dashboard-body .nav-tabs .nav-link:focus,
body.whmcs-dashboard-body .nav-tabs .nav-link.active {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.2);
    background: rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .responsive-tabs-sm-connector {
    display: none;
}

body.whmcs-dashboard-body .table-container {
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin-top: 0;
}

body.whmcs-dashboard-body[data-page-template="clientareadomains"] .table-container,
body.whmcs-dashboard-body[data-page-template="clientareadomaindetails"] .table-container {
    overflow: visible;
}

body.whmcs-dashboard-body .table-container #tableLoading {
    padding: 1.25rem;
    color: var(--muted);
}

.dashboard-context-panel__body {
    color: var(--muted);
}

.dashboard-context-panel__body .panel,
.dashboard-context-panel__body .list-group {
    margin-bottom: 0;
}

.dashboard-context-panel__body .list-group-item {
    border: 1px solid rgba(223, 231, 236, 0.8);
    margin-bottom: 0.6rem;
    background: rgba(255, 255, 255, 0.92);
}

.dashboard-context-panel__body .list-group-item.active {
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.22);
    background: rgba(var(--primary-rgb), 0.08);
}

.dashboard-notification-menu,
.dropdown-menu {
    border-color: rgba(223, 231, 236, 0.95);
    border-radius: 1rem;
    box-shadow: var(--shadow-soft);
    padding: 0.6rem;
}

.dropdown-item {
    border-radius: 0.8rem;
    padding: 0.7rem 0.85rem;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item:active {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

.dashboard-overlay {
    position: fixed;
    inset: 0;
    background: rgba(16, 24, 40, 0.35);
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    z-index: 1035;
}

.dashboard-sidebar-open .dashboard-overlay {
    opacity: 1;
    visibility: visible;
}

.dashboard-context-panel {
    margin-top: 1.5rem;
}

.dashboard-context-panel__body .sidebar,
.dashboard-context-panel__body .panel-sidebar {
    margin: 0;
    width: 100%;
}

.dashboard-context-panel__body .list-group-item,
.dashboard-context-panel__body .panel {
    border-radius: 0.85rem;
}

.dashboard-data-table.dataTable {
    width: 100% !important;
}

.dataTables_wrapper {
    padding: 1.15rem 1.2rem 1.2rem;
}

.dataTables_wrapper .row:first-child,
.dataTables_wrapper .row:last-child {
    align-items: center;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    border-color: rgba(223, 231, 236, 0.95);
    border-radius: 0.9rem;
    min-height: 2.9rem;
    box-shadow: none;
    padding: 0.55rem 0.95rem;
    background: rgba(255, 255, 255, 0.98);
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_length {
    margin-top: 0;
}

.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--muted);
    font-weight: 600;
    margin: 0;
}

.dataTables_wrapper .dataTables_filter input:focus,
.dataTables_wrapper .dataTables_length select:focus {
    border-color: rgba(var(--primary-rgb), 0.4);
    box-shadow: 0 0 0 0.2rem rgba(var(--primary-rgb), 0.12);
    outline: 0;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate {
    color: var(--muted);
    margin-top: 1rem;
    font-size: 0.95rem;
}

.dataTables_wrapper .dataTables_paginate {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.12rem;
    flex-wrap: wrap;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.dataTables_wrapper .paginate_button {
    min-width: 2.3rem;
    height: 2.3rem;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1rem !important;
    background: transparent !important;
    color: var(--foreground) !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em;
    box-shadow: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
}

.dataTables_wrapper .paginate_button.current,
.dataTables_wrapper .paginate_button:hover {
    background: transparent !important;
    color: var(--primary) !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: translateY(-1px);
}

.dataTables_wrapper .paginate_button.current {
    color: var(--primary) !important;
    transform: none;
}

.dataTables_wrapper .paginate_button.disabled,
.dataTables_wrapper .paginate_button.disabled:hover,
.dataTables_wrapper .paginate_button.disabled:focus {
    opacity: 1;
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(223, 231, 236, 0.88) !important;
    color: var(--muted) !important;
    box-shadow: none !important;
    cursor: default !important;
    transform: none !important;
}

.dataTables_wrapper .paginate_button.previous,
.dataTables_wrapper .paginate_button.next {
    min-width: 2.3rem;
    height: 2.3rem;
}

.dataTables_wrapper .ellipsis {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 2.6rem;
    color: var(--foreground);
    font-size: 0.95rem;
    font-weight: 700;
}

.dataTables_wrapper .paginate_button:focus,
.dataTables_wrapper .paginate_button:active {
    outline: none !important;
}

.dataTables_wrapper .paginate_button.current:hover {
    background: var(--primary) !important;
    color: #fff !important;
    transform: none !important;
}

body.whmcs-dashboard-body .dashboard-pagination-wrap,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate,
body.whmcs-dashboard-body .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .pagination {
    margin: 0;
    padding: 0;
}

body.whmcs-dashboard-body .pagination .page-item {
    margin: 0;
}

body.whmcs-dashboard-body .pagination .page-item .page-link,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 2.85rem;
    height: 2.85rem;
    padding: 0 0.9rem;
    border-radius: 1rem !important;
    border: 0 !important;
    background: rgba(255, 255, 255, 0.82) !important;
    color: var(--text-muted) !important;
    font-size: 0.98rem !important;
    font-weight: 700;
    line-height: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    transition: background-color 0.22s ease, color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

body.whmcs-dashboard-body .pagination .page-item .page-link:hover,
body.whmcs-dashboard-body .pagination .page-item .page-link:focus,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
    background: rgba(var(--primary-rgb), 0.09) !important;
    border-color: transparent !important;
    color: var(--brand-primary) !important;
    box-shadow: none !important;
    transform: translateY(-1px);
    outline: 0;
}

body.whmcs-dashboard-body .pagination .page-item.active .page-link,
body.whmcs-dashboard-body .pagination .page-item.active .page-link:hover,
body.whmcs-dashboard-body .pagination .page-item.active .page-link:focus,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: rgba(var(--primary-rgb), 0.16) !important;
    border-color: transparent !important;
    color: var(--brand-primary) !important;
    box-shadow: none !important;
    transform: none !important;
}

body.whmcs-dashboard-body .pagination .page-item.disabled .page-link,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: rgba(255, 255, 255, 0.5) !important;
    color: var(--text-soft) !important;
    box-shadow: none !important;
    opacity: 1;
    transform: none !important;
    cursor: not-allowed;
}

body.whmcs-dashboard-body .pagination .page-item:first-child .page-link,
body.whmcs-dashboard-body .pagination .page-item:last-child .page-link,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
body.whmcs-dashboard-body .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding-inline: 1rem;
}

body.whmcs-dashboard-body .product-status {
    border-radius: 1.35rem;
    padding: 1.55rem;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.055), rgba(255, 255, 255, 0.98));
    border: 1px solid rgba(223, 231, 236, 0.9);
}

body.whmcs-dashboard-body .product-overview-hero__row {
    align-items: flex-start;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

body.whmcs-dashboard-body .product-overview-hero__row > [class*="col-"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

body.whmcs-dashboard-body .product-overview-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

body.whmcs-dashboard-body .product-overview-card__main {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

body.whmcs-dashboard-body .product-overview-card__brand {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

body.whmcs-dashboard-body .product-overview-card__icon-shell {
    position: relative;
    width: 6.45rem;
    height: 6.45rem;
    padding: 0.85rem;
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(223, 231, 236, 0.9);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
    flex-shrink: 0;
}

body.whmcs-dashboard-body .product-overview-card__icon {
    width: 100%;
    height: 100%;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(255, 255, 255, 0.98));
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .product-overview-card__icon.fa-stack {
    font-size: 1.25rem;
}

body.whmcs-dashboard-body .product-overview-card__icon .fa-square {
    color: rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .product-overview-card__icon .fa-stack-1x {
    color: var(--primary);
}

body.whmcs-dashboard-body .product-overview-card__icon-check {
    position: absolute;
    right: 0.55rem;
    bottom: 0.55rem;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    background: #fff;
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    line-height: 1;
}

body.whmcs-dashboard-body .product-overview-card__copy {
    min-width: 0;
}

body.whmcs-dashboard-body .product-overview-card__copy h3 {
    margin: 0 0 0.4rem;
    font-size: clamp(1.85rem, 2vw, 2.55rem);
    line-height: 1.05;
    letter-spacing: -0.045em;
    color: var(--foreground);
}

body.whmcs-dashboard-body .product-overview-card__copy h4 {
    margin: 0;
    color: #667085;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.45;
}

body.whmcs-dashboard-body .product-status-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.5rem 0.9rem;
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary);
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

body.whmcs-dashboard-body .product-overview-card__status-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .product-overview-card__status-copy {
    color: #475467;
    font-size: 0.98rem;
    font-weight: 500;
    line-height: 1.45;
}

body.whmcs-dashboard-body .product-overview-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 1.2rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid rgba(223, 231, 236, 0.78);
    color: #344054;
    font-size: 0.98rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .product-overview-card__meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

body.whmcs-dashboard-body .product-overview-card__meta i {
    color: var(--primary);
}

body.whmcs-dashboard-body .product-overview-card__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(223, 231, 236, 0.82);
    border-radius: 1.15rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.88);
}

body.whmcs-dashboard-body .product-overview-card__fact {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.05rem;
    min-width: 0;
}

body.whmcs-dashboard-body .product-overview-card__fact + .product-overview-card__fact {
    border-left: 1px solid rgba(223, 231, 236, 0.82);
}

body.whmcs-dashboard-body .product-overview-card__fact-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.95rem;
    background: rgba(233, 239, 246, 0.72);
    color: #475467;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.05rem;
}

body.whmcs-dashboard-body .product-overview-card__fact-copy {
    min-width: 0;
}

body.whmcs-dashboard-body .product-overview-card__fact-copy span {
    display: block;
    color: #667085;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.35;
}

body.whmcs-dashboard-body .product-overview-card__fact-copy strong {
    display: block;
    margin-top: 0.28rem;
    color: var(--foreground);
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.25;
}

body.whmcs-dashboard-body .product-overview-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 1px solid rgba(223, 231, 236, 0.82);
    border-radius: 1.15rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.92);
}

body.whmcs-dashboard-body .product-overview-card__action-link {
    min-height: 5rem;
    padding: 1rem 1.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 700;
    transition: background-color 0.2s ease, color 0.2s ease;
}

body.whmcs-dashboard-body .product-overview-card__action-link + .product-overview-card__action-link {
    border-left: 1px solid rgba(223, 231, 236, 0.82);
}

body.whmcs-dashboard-body .product-overview-card__action-link:hover,
body.whmcs-dashboard-body .product-overview-card__action-link:focus {
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--primary);
    text-decoration: none;
}

body.whmcs-dashboard-body .product-overview-card__cancel {
    margin-top: 1rem;
}

body.whmcs-dashboard-body .product-overview-card__cancel-btn {
    min-height: 3.6rem;
    border-radius: 1rem;
    border: 1.5px solid rgba(248, 113, 113, 0.72);
    background: rgba(255, 247, 247, 0.96);
    color: #ef4444;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    box-shadow: none;
    font-size: 1rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .product-overview-card__cancel-btn:hover,
body.whmcs-dashboard-body .product-overview-card__cancel-btn:focus {
    background: rgba(254, 242, 242, 0.98);
    border-color: rgba(239, 68, 68, 0.75);
    color: #ef4444;
    box-shadow: none;
}

body.whmcs-dashboard-body .product-overview-info {
    display: grid;
    gap: 0;
    height: 100%;
    padding-top: 0.1rem;
}

body.whmcs-dashboard-body .product-overview-info__row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1.15rem 0;
    border-bottom: 1px solid rgba(223, 231, 236, 0.8);
}

body.whmcs-dashboard-body .product-overview-info__row:first-child {
    padding-top: 0;
}

body.whmcs-dashboard-body .product-overview-info__row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

body.whmcs-dashboard-body .product-overview-info__icon {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 1rem;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

body.whmcs-dashboard-body .product-overview-info__label {
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

body.whmcs-dashboard-body .product-overview-info__value {
    min-width: 0;
    color: #344054;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: right;
}

body.whmcs-dashboard-body .product-overview-info__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.1rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    font-size: 0.86rem;
    font-weight: 800;
    text-transform: capitalize;
}

body.whmcs-dashboard-body .dashboard-module-summary {
    margin-bottom: 1.5rem;
}

body.whmcs-dashboard-body .dashboard-module-summary__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
    gap: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-module-panel {
    border: 1px solid rgba(223, 231, 236, 0.9);
    border-radius: 1.6rem;
    background: rgba(255, 255, 255, 0.96);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(16, 24, 40, 0.025);
}

body.whmcs-dashboard-body .dashboard-module-panel__header {
    padding: 1.2rem 1.45rem 0;
}

body.whmcs-dashboard-body .dashboard-module-panel__body {
    padding: 1.45rem;
}

body.whmcs-dashboard-body .dashboard-module-panel__title-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-module-panel__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.95rem;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .dashboard-module-panel__title {
    margin: 0;
    color: var(--foreground);
    font-family: var(--font-heading);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

body.whmcs-dashboard-body .dashboard-module-service__hero {
    display: grid;
    grid-template-columns: 10rem minmax(0, 1fr);
    align-items: center;
    gap: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-module-service__art {
    min-height: 11rem;
    border-radius: 1.4rem;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.06), rgba(255, 255, 255, 0.98));
    border: 1px solid rgba(223, 231, 236, 0.86);
    display: flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .dashboard-module-service__icon {
    width: 5.75rem;
    height: 5.75rem;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.14), rgba(var(--accent-rgb), 0.18));
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2.2rem;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

body.whmcs-dashboard-body .dashboard-module-service__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    font-size: 0.9rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-module-service__title {
    margin: 1rem 0 0.35rem;
    font-family: var(--font-heading);
    font-size: clamp(1.8rem, 2vw, 2.6rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.045em;
    color: var(--foreground);
}

body.whmcs-dashboard-body .dashboard-module-service__subtitle {
    margin: 0;
    color: #667085;
    font-size: 1rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-module-service__site {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 1rem;
    color: #475467;
    font-size: 1rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .dashboard-module-service__site:hover,
body.whmcs-dashboard-body .dashboard-module-service__site:focus {
    color: var(--primary);
    text-decoration: none;
}

body.whmcs-dashboard-body .dashboard-module-service__cta {
    margin-top: 1.1rem;
}

body.whmcs-dashboard-body .dashboard-module-service__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.9rem 1.7rem;
    margin-top: 1.35rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(223, 231, 236, 0.82);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.9);
}

body.whmcs-dashboard-body .dashboard-module-service__status {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--primary);
    font-size: 1rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-module-service__status .fa-circle {
    font-size: 0.55rem;
}

body.whmcs-dashboard-body .dashboard-module-service__meta-item {
    color: #344054;
    font-size: 0.96rem;
    font-weight: 500;
}

body.whmcs-dashboard-body .dashboard-module-service__meta-item strong {
    margin-right: 0.55rem;
    color: #667085;
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-module-usage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
}

body.whmcs-dashboard-body .dashboard-module-usage__item {
    text-align: center;
    padding: 0 1rem;
}

body.whmcs-dashboard-body .dashboard-module-usage__item + .dashboard-module-usage__item {
    border-left: 1px solid rgba(223, 231, 236, 0.82);
}

body.whmcs-dashboard-body .dashboard-module-usage__item h4 {
    margin: 0 0 1rem;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-usage-meter {
    --usage-value: 0;
    width: 7.8rem;
    height: 7.8rem;
    margin: 0 auto 1rem;
    display: grid;
    place-items: center;
}

body.whmcs-dashboard-body .dashboard-usage-meter__ring {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background:
        conic-gradient(var(--primary) calc(var(--usage-value) * 1%), rgba(232, 238, 244, 0.92) 0);
    display: grid;
    place-items: center;
    position: relative;
}

body.whmcs-dashboard-body .dashboard-usage-meter--accent .dashboard-usage-meter__ring {
    background:
        conic-gradient(var(--primary) calc(var(--usage-value) * 1%), rgba(232, 238, 244, 0.92) 0);
}

body.whmcs-dashboard-body .dashboard-usage-meter__ring::before {
    content: "";
    position: absolute;
    inset: 0.85rem;
    border-radius: 999px;
    background: #fff;
}

body.whmcs-dashboard-body .dashboard-usage-meter__ring span {
    position: relative;
    z-index: 1;
    color: var(--foreground);
    font-family: var(--font-heading);
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: -0.04em;
}

body.whmcs-dashboard-body .dashboard-module-usage__item p {
    margin: 0;
    color: #475467;
    font-size: 1rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    text-align: center;
}

body.whmcs-dashboard-body .dashboard-module-usage__item p strong {
    color: var(--foreground);
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-module-usage__item p span {
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-module-usage__footer {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(223, 231, 236, 0.82);
    color: #667085;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

body.whmcs-dashboard-body .dashboard-module-overview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card {
    margin-bottom: 0 !important;
    border: 1px solid rgba(223, 231, 236, 0.9);
    border-radius: 1.6rem;
    background: rgba(255, 255, 255, 0.96);
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(16, 24, 40, 0.025);
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--hidden {
    display: none;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--wordpress,
body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--wordpress-r {
    grid-column: 1 / -1;
}

body.whmcs-dashboard-body .dashboard-module-overview .card-header {
    padding: 1.2rem 1.45rem;
    border-bottom: 1px solid rgba(223, 231, 236, 0.85);
    background: rgba(255, 255, 255, 0.96);
}

body.whmcs-dashboard-body .dashboard-module-overview .card-header h3 {
    margin: 0;
    color: var(--foreground);
    font-family: var(--font-heading);
    font-size: 1.22rem;
    font-weight: 700;
    letter-spacing: -0.03em;
}

body.whmcs-dashboard-body .dashboard-module-overview .card-body {
    padding: 1.35rem 1.45rem;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--wordpress .card-body {
    display: grid;
    gap: 1.15rem;
}

body.whmcs-dashboard-body .cpanel-wp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

body.whmcs-dashboard-body .cpanel-wp-header__title,
body.whmcs-dashboard-body .cpanel-wp-header__actions {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .cpanel-wp-btn {
    min-height: 2.9rem;
    padding: 0.75rem 1rem;
    border-radius: 1rem;
    font-weight: 700;
    font-size: 0.96rem;
}

body.whmcs-dashboard-body .cpanel-wp-btn--ghost {
    border: 1px solid rgba(210, 220, 228, 0.95);
    background: #fff;
    color: var(--foreground);
}

body.whmcs-dashboard-body .cpanel-wp-btn--primary {
    background: #18212f;
    border: 0;
    color: #fff;
}

body.whmcs-dashboard-body .cpanel-wp-header__icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.07);
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}

body.whmcs-dashboard-body .cpanel-wp-header__badge {
    min-height: 2rem;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
    font-size: 0.88rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

body.whmcs-dashboard-body .cpanel-wp-instance__card {
    border: 1px solid rgba(223, 231, 236, 0.82);
    border-radius: 1.2rem;
    background: rgba(255, 255, 255, 0.98);
    padding: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, 0.9fr);
    gap: 0;
    align-items: center;
    overflow: hidden;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site,
body.whmcs-dashboard-body .cpanel-wp-instance__meta,
body.whmcs-dashboard-body .cpanel-wp-instance__selector {
    min-width: 0;
    min-height: 100%;
    padding: 1.15rem 1.3rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site,
body.whmcs-dashboard-body .cpanel-wp-instance__meta {
    border-right: 1px solid rgba(223, 231, 236, 0.82);
}

body.whmcs-dashboard-body .cpanel-wp-instance__site {
    display: flex;
    align-items: center;
    gap: 1rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site-icon {
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 1rem;
    background: rgba(245, 248, 252, 0.98);
    border: 1px solid rgba(223, 231, 236, 0.82);
    color: #475467;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    flex-shrink: 0;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site-copy strong,
body.whmcs-dashboard-body .cpanel-wp-instance__site-copy span {
    display: block;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site-copy strong {
    color: var(--foreground);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
}

body.whmcs-dashboard-body .cpanel-wp-instance__site-copy span {
    margin-top: 0.35rem;
    color: #667085;
    font-size: 0.94rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__meta {
    display: flex;
    align-items: stretch;
    gap: 1.05rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__meta-block {
    display: grid;
    gap: 0.7rem;
    align-content: center;
}

body.whmcs-dashboard-body .cpanel-wp-instance__pill {
    min-height: 2rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.86rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .cpanel-wp-instance__pill--success {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

body.whmcs-dashboard-body .cpanel-wp-instance__pill .fa-circle {
    font-size: 0.45rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__meta-item {
    display: grid;
    gap: 0.2rem;
}

body.whmcs-dashboard-body .cpanel-wp-instance__meta-label {
    color: #667085;
    font-size: 0.85rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .cpanel-wp-instance__meta-value {
    color: #344054;
    font-size: 0.96rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .cpanel-wp-instance__selector label,
body.whmcs-dashboard-body .cpanel-wp-field label {
    display: block;
    margin-bottom: 0.45rem;
    color: #667085;
    font-size: 0.86rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .cpanel-wp-instance__selector {
    display: grid;
    align-content: center;
}

body.whmcs-dashboard-body .cpanel-wp-select--hidden {
    display: none !important;
}

body.whmcs-dashboard-body .cpanel-wp-create {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(223, 231, 236, 0.82);
}

body.whmcs-dashboard-body .cpanel-wp-create__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

body.whmcs-dashboard-body .cpanel-wp-create__header h5 {
    margin: 0 0 0.35rem;
    color: var(--foreground);
    font-size: 1.05rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .cpanel-wp-create__header p {
    margin: 0;
    color: #667085;
    font-size: 0.92rem;
}

body.whmcs-dashboard-body .cpanel-wp-create__add {
    min-height: 3.35rem;
    min-width: 0;
    padding: 0.8rem 1rem;
    border-radius: 1rem;
    border: 1px dashed rgba(185, 197, 210, 0.95);
    background: rgba(249, 251, 252, 0.96);
    color: #667085;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    font-weight: 600;
}

body.whmcs-dashboard-body .cpanel-wp-create__grid {
    display: grid;
    grid-template-columns: 1.05fr repeat(4, minmax(0, 1fr)) 0.85fr;
    gap: 0.9rem;
    align-items: end;
}

body.whmcs-dashboard-body .cpanel-wp-field--submit {
    align-self: end;
}

body.whmcs-dashboard-body .cpanel-wp-field--submit .btn {
    min-height: 3.1rem;
    background: #18212f;
    border: 0;
    color: #fff;
    width: 100%;
}

body.whmcs-dashboard-body .cpanel-wp-install-btn i {
    margin-right: 0.4rem;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--wordpress h5 {
    margin: 0 0 0.85rem;
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .dashboard-module-overview input[type="text"],
body.whmcs-dashboard-body .dashboard-module-overview input[type="password"],
body.whmcs-dashboard-body .dashboard-module-overview input[type="email"],
body.whmcs-dashboard-body .dashboard-module-overview select {
    min-height: 3rem;
    border: 1px solid rgba(210, 220, 228, 0.95);
    border-radius: 0.95rem;
    background: rgba(255, 255, 255, 0.96);
    color: var(--foreground);
    box-shadow: none;
    padding-inline: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-module-overview .btn,
body.whmcs-dashboard-body .dashboard-module-overview button {
    min-height: 2.9rem;
    border-radius: 0.95rem;
}

body.whmcs-dashboard-body .dashboard-module-overview .btn-primary,
body.whmcs-dashboard-body .dashboard-module-overview .btn-success {
    background: var(--gradient-primary);
    border: 0;
    color: #fff;
}

body.whmcs-dashboard-body .dashboard-module-overview .btn-default,
body.whmcs-dashboard-body .dashboard-module-overview .btn-secondary {
    border: 1px solid rgba(210, 220, 228, 0.95);
    background: #fff;
    color: var(--foreground);
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--quick-shortcuts .card-body a {
    display: grid;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    min-height: 8rem;
    padding: 1rem 0.85rem;
    border: 1px solid rgba(223, 231, 236, 0.72);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.96);
    color: #344054;
    font-weight: 600;
    text-align: center;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--quick-shortcuts .card-body {
    display: block !important;
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--quick-shortcuts .card-body a img {
    width: 2.6rem !important;
    height: 2.6rem !important;
    max-width: 2.6rem;
    object-fit: contain;
    filter: grayscale(1) contrast(0.65);
}

body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--quick-shortcuts .card-body a:hover,
body.whmcs-dashboard-body .dashboard-module-overview .dashboard-module-card--quick-shortcuts .card-body a:focus {
    color: var(--primary);
    text-decoration: none;
    background: rgba(var(--primary-rgb), 0.06);
    border-color: rgba(var(--primary-rgb), 0.18);
}

body.whmcs-dashboard-body .cpanel-module-heading {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

body.whmcs-dashboard-body .cpanel-module-heading__icon {
    width: 3.15rem;
    height: 3.15rem;
    border-radius: 1.05rem;
    background: rgba(var(--primary-rgb), 0.06);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.18rem;
}

body.whmcs-dashboard-body .cpanel-module-heading__copy {
    display: grid;
    gap: 0.25rem;
}

body.whmcs-dashboard-body .cpanel-module-heading__copy .card-title {
    margin: 0;
}

body.whmcs-dashboard-body .cpanel-module-heading__subtitle {
    margin: 0;
    color: #667085;
    font-size: 0.96rem;
    line-height: 1.55;
}

body.whmcs-dashboard-body .cpanel-tools-panel .card-body {
    display: flex !important;
    flex-direction: column;
    gap: 1.35rem;
    padding-top: 0.3rem;
}

body.whmcs-dashboard-body .cpanel-tools-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.3rem;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
}

body.whmcs-dashboard-body .cpanel-tools-tile {
    position: relative;
    min-height: 8.9rem;
    padding: 1.3rem 1.05rem 1.05rem;
    border: 1px solid rgba(223, 231, 236, 0.82);
    border-radius: 1.22rem;
    background: rgba(255, 255, 255, 0.98);
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.9rem;
    color: #1f2937;
    text-align: center;
    transition: transform 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
    width: 100%;
}

body.whmcs-dashboard-body .cpanel-tools-tile:hover,
body.whmcs-dashboard-body .cpanel-tools-tile:focus {
    text-decoration: none;
    color: var(--primary);
    border-color: rgba(var(--primary-rgb), 0.22);
    background: rgba(var(--primary-rgb), 0.04);
    transform: translateY(-1px);
}

body.whmcs-dashboard-body .cpanel-tools-tile__icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.05rem;
    background: rgba(var(--primary-rgb), 0.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .cpanel-tools-tile__icon i {
    color: var(--primary);
    font-size: 1.45rem;
}

body.whmcs-dashboard-body .cpanel-tools-tile__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    max-width: 11rem;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

body.whmcs-dashboard-body .cpanel-tools-tile__arrow {
    display: none;
}

body.whmcs-dashboard-body .cpanel-tools-help {
    margin-top: 0.95rem;
    padding: 1.2rem 1.35rem;
    border-radius: 1.2rem;
    background: linear-gradient(90deg, rgba(var(--primary-rgb), 0.08), rgba(var(--accent-rgb), 0.05));
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    width: 100%;
    flex: 0 0 100%;
    align-self: stretch;
    clear: both;
    overflow: visible;
    text-align: left !important;
}

body.whmcs-dashboard-body .cpanel-tools-help,
body.whmcs-dashboard-body .cpanel-tools-help * {
    visibility: visible !important;
    opacity: 1 !important;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy {
    min-width: 0;
    display: flex !important;
    align-items: center;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    gap: 0.45rem;
    color: #667085 !important;
    text-align: left !important;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy::before {
    content: "✦";
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 0.95rem;
    background: rgba(var(--primary-rgb), 0.09);
    color: var(--primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy span {
    color: #667085;
    font-size: 0.88rem;
    line-height: 1.45;
    white-space: nowrap;
    display: inline !important;
    text-align: left;
    margin: 0;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy > span:first-child {
    white-space: nowrap;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy > span:last-child {
    white-space: nowrap;
    flex: 0 1 auto;
}

body.whmcs-dashboard-body .cpanel-tools-help__copy strong {
    color: var(--foreground);
    font-size: 0.98rem;
    font-weight: 700;
    display: inline;
    margin-right: 0;
}

body.whmcs-dashboard-body .cpanel-tools-help__accent {
    color: var(--primary);
    font-weight: 600;
}

body.whmcs-dashboard-body .cpanel-tools-help__link {
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0;
    margin-left: auto;
    white-space: nowrap;
    flex: 0 0 auto;
    align-self: center;
    justify-self: end;
    color: var(--primary) !important;
    font-weight: 700;
    text-decoration: none;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    width: auto !important;
}

body.whmcs-dashboard-body .cpanel-tools-help__link:hover,
body.whmcs-dashboard-body .cpanel-tools-help__link:focus {
    color: var(--primary-hover) !important;
    text-decoration: none;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.whmcs-dashboard-body .cpanel-tools-help__link i {
    color: inherit;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

body.whmcs-dashboard-body .cpanel-email-panel .card-body {
    border-top: 1px solid rgba(223, 231, 236, 0.82);
}

body.whmcs-dashboard-body .cpanel-email-panel__body {
    padding-top: 1.2rem;
}

body.whmcs-dashboard-body .cpanel-email-form__grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
}

body.whmcs-dashboard-body .cpanel-email-form .col-md-6,
body.whmcs-dashboard-body .cpanel-email-form .col-md-3 {
    display: flex;
    align-items: center;
    max-width: none;
    flex: 1 1 auto;
    min-width: 0;
}

body.whmcs-dashboard-body .cpanel-email-form__user {
    min-width: 0;
    width: 100%;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .cpanel-email-form__password {
    min-width: 0;
    width: 100%;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .cpanel-email-form__action {
    min-width: 0;
    width: 100%;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .cpanel-email-form .input-group,
body.whmcs-dashboard-body .cpanel-email-form .form-control,
body.whmcs-dashboard-body .cpanel-email-form__submit {
    width: 100%;
}

body.whmcs-dashboard-body .cpanel-email-form__user .input-group {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    margin-bottom: 0 !important;
}

body.whmcs-dashboard-body .cpanel-email-form__user .input-group > .form-control {
    min-width: 0;
    width: 100% !important;
    flex: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.whmcs-dashboard-body .cpanel-email-form__user .input-group > .input-group-append,
body.whmcs-dashboard-body .cpanel-email-form__user .input-group > .input-group-addon {
    width: auto;
    flex: 0 0 auto;
}

body.whmcs-dashboard-body .cpanel-email-form__suffix .input-group-text {
    min-height: 3rem;
    border: 1px solid rgba(210, 220, 228, 0.95);
    border-left: 0;
    border-radius: 0 0.95rem 0.95rem 0;
    background: rgba(244, 247, 248, 0.96);
    color: #475467;
    font-size: 0.95rem;
    font-weight: 600;
    padding-inline: 0.95rem;
    white-space: nowrap;
}

body.whmcs-dashboard-body .cpanel-email-form__password-wrap {
    position: relative;
    width: 100%;
}

body.whmcs-dashboard-body .cpanel-email-form__password-wrap .form-control {
    padding-right: 2.8rem;
}

body.whmcs-dashboard-body .cpanel-email-form__eye {
    position: absolute;
    top: 50%;
    right: 0.75rem;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #98a2b3;
    width: 1.7rem;
    height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .cpanel-email-form__eye:hover,
body.whmcs-dashboard-body .cpanel-email-form__eye:focus,
body.whmcs-dashboard-body .cpanel-email-form__eye.is-active {
    color: var(--primary);
    outline: 0;
}

body.whmcs-dashboard-body .cpanel-email-form__submit {
    min-height: 3rem;
    border-radius: 1rem;
    background: var(--gradient-primary);
    color: #fff;
    border: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    font-size: 0.98rem;
    font-weight: 700;
    padding-inline: 1.2rem;
    white-space: nowrap;
    width: 100%;
}

body.whmcs-dashboard-body .cpanel-email-form__submit:hover,
body.whmcs-dashboard-body .cpanel-email-form__submit:focus {
    color: #fff;
}

body.whmcs-dashboard-body .product-details > .row {
    align-items: stretch;
    gap: 0;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:first-child {
    padding-right: 1.25rem;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:last-child {
    padding-left: 1.25rem;
    display: grid;
    align-content: start;
    gap: 0.25rem;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:last-child h4 {
    margin: 0.8rem 0 0.15rem;
    color: var(--foreground);
    font-size: 0.98rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:last-child h4:first-of-type {
    margin-top: 0;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:last-child > :not(h4) {
    color: #0f172a;
    font-size: 1.02rem;
    line-height: 1.55;
}

body.whmcs-dashboard-body .product-details > .row > .col-md-6:last-child br {
    display: none;
}

body.whmcs-dashboard-body .product-actions-wrapper .col-12 + .col-12 {
    margin-top: 0.55rem;
}

body.whmcs-dashboard-body .product-actions-wrapper .btn {
    width: 100%;
}

body.whmcs-dashboard-body .product-actions-wrapper {
    gap: 0.85rem 0;
}

body.whmcs-dashboard-body .product-details-tab-container {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 1.25rem;
}

body.whmcs-dashboard-body .view-ticket .ticket-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

body.whmcs-dashboard-body .ticket-reply {
    border: 0;
    border-radius: 1.25rem;
    overflow: hidden;
    background: rgba(247, 250, 252, 0.88);
    box-shadow: none;
}

body.whmcs-dashboard-body .ticket-reply .posted-by,
body.whmcs-dashboard-body .ticket-reply .message,
body.whmcs-dashboard-body .ticket-reply .attachments {
    padding: 1rem 1.1rem;
}

body.whmcs-dashboard-body .ticket-reply .posted-by {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.05), rgba(247, 250, 252, 0.9));
    border-bottom: 1px solid rgba(223, 231, 236, 0.84);
}

body.whmcs-dashboard-body .attachment-list li span,
body.whmcs-dashboard-body .attachment-list li a span {
    border-radius: 1rem;
    border: 0;
    background: rgba(247, 250, 252, 0.9);
    box-shadow: none;
}

.dashboard-page-header .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.dashboard-page-header .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(102, 112, 133, 0.55);
}

.dashboard-page-header .breadcrumb-item,
.dashboard-page-header .breadcrumb-item a {
    color: var(--muted);
}

.dashboard-page-header .breadcrumb-item.active {
    color: var(--foreground);
}

.muted-copy {
    color: var(--muted);
}

html[lang="ar"] body.whmcs-dashboard-body,
html[lang="ar"] body.whmcs-dashboard-body button,
html[lang="ar"] body.whmcs-dashboard-body input,
html[lang="ar"] body.whmcs-dashboard-body select,
html[lang="ar"] body.whmcs-dashboard-body textarea,
html[lang="ar"] body.whmcs-dashboard-body h1,
html[lang="ar"] body.whmcs-dashboard-body h2,
html[lang="ar"] body.whmcs-dashboard-body h3,
html[lang="ar"] body.whmcs-dashboard-body h4,
html[lang="ar"] body.whmcs-dashboard-body h5,
html[lang="ar"] body.whmcs-dashboard-body h6 {
    font-family: "Cairo", sans-serif;
}

html[dir="rtl"] .dashboard-sidebar {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 1px solid rgba(223, 231, 236, 0.95);
}

html[dir="rtl"] .dashboard-main {
    margin-left: 0;
    margin-right: var(--sidebar-width);
}

@media (min-width: 992px) {
    html[dir="rtl"] body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-main {
        margin-right: 0;
    }
}

html[dir="rtl"] .dashboard-sidebar-reopen {
    transform: scale(0.92);
}

html[dir="rtl"] .dashboard-sidebar-reopen.is-visible {
    transform: scale(1);
}

html[dir="rtl"] .dashboard-sidebar-boundary {
    left: auto;
    right: calc(var(--sidebar-width) - 1.35rem);
}

@media (min-width: 992px) {
    html[dir="rtl"] body.whmcs-dashboard-body.dashboard-sidebar-hidden .dashboard-sidebar-boundary {
        right: 1rem;
    }
}

html[dir="rtl"] .dashboard-page-header,
html[dir="rtl"] .dashboard-panel__header,
html[dir="rtl"] .dashboard-list-card,
html[dir="rtl"] .dashboard-card__head {
    text-align: right;
}

@media (max-width: 1399.98px) {
    .dashboard-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.whmcs-dashboard-body .dashboard-module-summary__grid,
    body.whmcs-dashboard-body .dashboard-module-overview {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .cpanel-wp-instance__card,
    body.whmcs-dashboard-body .cpanel-wp-create__grid {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .cpanel-wp-instance__site,
    body.whmcs-dashboard-body .cpanel-wp-instance__meta,
    body.whmcs-dashboard-body .cpanel-wp-instance__selector {
        border-right: 0;
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(223, 231, 236, 0.82);
    }

    body.whmcs-dashboard-body .product-overview-card__facts {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .product-overview-card__fact + .product-overview-card__fact {
        border-left: 0;
        border-top: 1px solid rgba(223, 231, 236, 0.82);
    }

    body.whmcs-dashboard-body .cpanel-tools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .dashboard-sidebar {
        transform: translateX(-100%);
        transition: transform 0.25s ease;
    }

    .dashboard-sidebar-boundary,
    .dashboard-sidebar-reopen {
        display: none !important;
    }

    .dashboard-sidebar__close {
        display: inline-flex;
    }

    .dashboard-main {
        margin-left: 0;
    }

    .dashboard-sidebar-open .dashboard-sidebar {
        transform: translateX(0);
    }

    html[dir="rtl"] .dashboard-sidebar {
        transform: translateX(100%);
    }

    html[dir="rtl"] .dashboard-sidebar-open .dashboard-sidebar {
        transform: translateX(0);
    }
}

@media (max-width: 991.98px) {
    .dashboard-topbar {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-topbar__actions {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .auth-shell {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .product-overview-info {
        margin-top: 1.2rem;
        padding-top: 0;
    }

    body.whmcs-dashboard-body .dashboard-module-service__hero {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .cpanel-wp-header,
    body.whmcs-dashboard-body .cpanel-wp-create__header {
        flex-direction: column;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .cpanel-module-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .cpanel-email-form__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .dashboard-page {
        padding: 1rem;
    }

    .dashboard-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-stat-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-page-header,
    .dashboard-card,
    .dashboard-panel,
    .dashboard-context-panel {
        padding: 1.15rem;
    }

    .dashboard-page-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .dashboard-page-header .breadcrumb {
        justify-content: flex-start;
    }

    .dashboard-search {
        width: 100%;
    }

    .dashboard-cta-btn {
        width: 100%;
        justify-content: center;
    }

    .dashboard-table thead {
        display: none;
    }

    .dashboard-table,
    .dashboard-table tbody,
    .dashboard-table tr,
    .dashboard-table td {
        display: block;
        width: 100%;
    }

    .dashboard-table tr {
        padding: 0.8rem 0;
        border-bottom: 1px solid rgba(223, 231, 236, 0.95);
    }

    .dashboard-table td {
        border: 0;
        padding: 0.35rem 0;
        text-align: left !important;
    }

    html[dir="rtl"] .dashboard-table td {
        text-align: right !important;
    }

    .dashboard-list-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .dataTables_wrapper {
        padding: 0.85rem 0.9rem 1rem;
    }

    .dataTables_wrapper .dataTables_length label,
    .dataTables_wrapper .dataTables_filter label {
        width: 100%;
        flex-wrap: wrap;
    }

    .dataTables_wrapper .dataTables_filter input,
    .dataTables_wrapper .dataTables_length select {
        width: 100%;
        margin-left: 0 !important;
    }

    .auth-form,
    .auth-shell__intro {
        padding: 1.25rem;
    }

    .auth-form__actions,
    .auth-form__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .auth-submit-btn {
        width: 100%;
    }

    body.whmcs-dashboard-body .product-overview-card {
        gap: 0.85rem;
    }

    body.whmcs-dashboard-body .product-overview-card__brand {
        flex-direction: column;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .product-overview-card__status-row {
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .product-overview-card__actions {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .product-overview-card__action-link + .product-overview-card__action-link {
        border-left: 0;
        border-top: 1px solid rgba(223, 231, 236, 0.82);
    }

    body.whmcs-dashboard-body .product-overview-info__row {
        grid-template-columns: auto 1fr;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .product-overview-info__value {
        grid-column: 2;
        text-align: left;
    }

    body.whmcs-dashboard-body .dashboard-module-panel__body,
    body.whmcs-dashboard-body .dashboard-module-overview .card-body,
    body.whmcs-dashboard-body .dashboard-module-overview .card-header {
        padding: 1.05rem 1.1rem;
    }

    body.whmcs-dashboard-body .dashboard-module-usage {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .dashboard-module-usage__item + .dashboard-module-usage__item {
        border-left: 0;
        border-top: 1px solid rgba(223, 231, 236, 0.82);
        padding-top: 1.15rem;
    }

    body.whmcs-dashboard-body .dashboard-module-service__meta {
        align-items: flex-start;
        flex-direction: column;
    }

    body.whmcs-dashboard-body .cpanel-wp-create__add {
        width: 100%;
        min-width: 0;
    }

    body.whmcs-dashboard-body .cpanel-tools-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-analytics-grid,
    .dashboard-analytics-grid--three {
        grid-template-columns: 1fr;
    }

    .dashboard-page-heading,
    .dashboard-page-heading__actions {
        display: grid;
        justify-content: stretch;
    }

    .dashboard-page-heading__title,
    .dashboard-page-heading__actions,
    .dashboard-page-table-toolbar,
    .dashboard-domain-hero,
    .dashboard-domain-hero__metrics,
    .dashboard-overview-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-toolbar-search .form-control {
        width: 100%;
    }

    .dashboard-page-heading__actions,
    .dashboard-page-table-toolbar__actions,
    .dashboard-overview-actions__buttons {
        justify-content: flex-start;
    }

    .dashboard-overview-row,
    .dashboard-overview-metric,
    .dashboard-domain-hero__identity,
    .dashboard-table-service {
        grid-template-columns: 1fr;
        justify-items: flex-start;
    }

    .dashboard-overview-row__value {
        text-align: left;
    }
}

.dashboard-inline-alert {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 1.15rem 1.35rem;
    margin-bottom: 1.35rem;
    border-radius: 1.35rem;
    border: 1px solid rgba(255, 158, 102, 0.28);
    background: linear-gradient(180deg, rgba(255, 249, 245, 0.96), rgba(255, 252, 250, 0.94));
    box-shadow: 0 12px 30px rgba(16, 24, 40, 0.04);
}

.dashboard-inline-alert__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 122, 0, 0.08);
    color: #f97316;
    font-size: 1.2rem;
}

.dashboard-inline-alert__copy strong {
    display: block;
    margin-bottom: 0.18rem;
    color: #f97316;
    font-size: 1.12rem;
    font-weight: 700;
}

.dashboard-inline-alert__copy p {
    margin: 0;
    color: #667085;
}

.dashboard-inline-alert__action .btn,
.dashboard-inline-alert__action button,
.dashboard-inline-alert__action input[type="submit"] {
    min-height: 3rem;
    padding-inline: 1.35rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #ff8a1d, #f97316);
    color: #fff;
    border: 0;
    font-weight: 700;
    box-shadow: 0 14px 30px rgba(249, 115, 22, 0.2);
}

body.whmcs-dashboard-body .dashboard-ticket-table__department {
    display: inline-flex;
    align-items: center;
    gap: 0.8rem;
    font-weight: 600;
    color: #344054;
}

body.whmcs-dashboard-body .dashboard-ticket-table__avatar {
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-rgb), 0.03));
    color: var(--primary);
    font-size: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-table__subject {
    display: grid;
    gap: 0.18rem;
    color: inherit;
}

body.whmcs-dashboard-body .dashboard-ticket-table__updated {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: #667085;
}

body.whmcs-dashboard-body .dashboard-ticket-table__updated i {
    color: var(--primary);
}

body.whmcs-dashboard-body .dashboard-support-request__verified-field {
    position: relative;
}

body.whmcs-dashboard-body .dashboard-support-request__verified-field .form-control {
    padding-right: 3rem;
}

body.whmcs-dashboard-body .dashboard-support-request__verified {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.1);
    font-size: 0.85rem;
}

body.whmcs-dashboard-body .dashboard-support-upload {
    display: grid;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 1.4rem 1.5rem;
    border-radius: 1.25rem;
    border: 1.5px dashed rgba(var(--primary-rgb), 0.34);
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.06), rgba(var(--primary-rgb), 0.03));
}

body.whmcs-dashboard-body .dashboard-support-upload__icon {
    width: 4rem;
    height: 4rem;
    position: relative;
    border-radius: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-rgb), 0.06));
    color: var(--primary);
    font-size: 1.45rem;
    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-support-upload__icon i {
    position: absolute;
    inset: 1.2rem;

}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone strong,
body.whmcs-dashboard-body .dashboard-support-upload__dropzone span,
body.whmcs-dashboard-body .dashboard-support-upload__dropzone small {
    display: block;
}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone strong {
    color: #1f2937;
    font-size: 1rem;
    margin-bottom: 0.15rem;
}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone span {
    color: var(--primary);
    font-weight: 600;
}

body.whmcs-dashboard-body .dashboard-support-upload__dropzone small {
    color: #98a2b3;
    margin-top: 0.25rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card {
    overflow: hidden;
}

body.whmcs-dashboard-body .dashboard-ticket-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card__identity {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card__subject {
    margin: 0;
    color: #667085;
    font-size: 1rem;
}

body.whmcs-dashboard-body .dashboard-ticket-card__subject strong {
    color: var(--primary);
    font-weight: 700;
}

body.whmcs-dashboard-body .view-ticket .ticket-actions .btn-danger {
    background: #f85f68;
    border-color: #f85f68;
    color: #fff;
}

body.whmcs-dashboard-body .ticket-reply {
    background: #fff;
    border: 1px solid rgba(223, 231, 236, 0.82);
}

body.whmcs-dashboard-body .ticket-reply .posted-by {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.05), rgba(249, 250, 251, 0.88));
}

body.whmcs-dashboard-body .ticket-reply.staff {
    border-color: rgba(var(--primary-rgb), 0.18);
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(247, 250, 255, 0.96));
}

body.whmcs-dashboard-body .ticket-reply .message {
    color: #344054;
    font-size: 1rem;
    line-height: 1.8;
    min-height: 6rem;
}

body.whmcs-dashboard-body .dashboard-ticket-reply-panel__art {
    width: 25rem;
    height: 6rem;
    border-radius: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.1), rgba(var(--primary-rgb), 0.03));
    color: var(--primary);
    font-size: 2.2rem;
}

body.whmcs-dashboard-body .dashboard-settings-card__heading,
body.whmcs-dashboard-body .auth-register-card__heading {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.35rem;
}

body.whmcs-dashboard-body .dashboard-settings-card__heading .card-title,
body.whmcs-dashboard-body .auth-register-card__heading .card-title {
    margin-bottom: 0.25rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__hero {
    padding: 1.6rem 1.8rem;
}

body.whmcs-dashboard-body .dashboard-account-settings__steps {
    gap: 0.75rem;
}

body.whmcs-dashboard-body .dashboard-account-step {
    min-width: 10rem;
    padding: 0.85rem 1rem;
    border-radius: 999px;
    background: rgba(248, 250, 252, 0.92);
    border: 1px solid rgba(223, 231, 236, 0.84);
}

body.whmcs-dashboard-body .dashboard-account-step.is-active {
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0.03));
    border-color: rgba(var(--primary-rgb), 0.32);
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.04);
}

body.whmcs-dashboard-body .dashboard-account-step__count {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.92rem;
    font-weight: 700;
    background: #fff;
    border: 1px solid rgba(223, 231, 236, 0.9);
}

body.whmcs-dashboard-body .dashboard-account-step.is-active .dashboard-account-step__count {
    background: var(--gradient-primary);
    color: #fff;
    border-color: transparent;
}

body.whmcs-dashboard-body .dashboard-email-preference--card {
    position: relative;
    min-height: 5.15rem;
    padding: 1rem 1.15rem;
    border-radius: 1rem;
    border: 1px solid rgba(223, 231, 236, 0.82);
    background: #fff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.whmcs-dashboard-body .dashboard-email-preference--card:hover {
    border-color: rgba(var(--primary-rgb), 0.28);
    transform: translateY(-1px);
}

body.whmcs-dashboard-body .dashboard-email-preference--card .form-check-input {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

body.whmcs-dashboard-body .dashboard-marketing-choice__item {
    min-height: 4.5rem;
    border-radius: 1rem;
}

body.whmcs-dashboard-body .auth-shell__intro {
    position: relative;
    overflow: hidden;

}

body.whmcs-dashboard-body .auth-shell__intro::after {
    content: "";
    position: absolute;
    inset: auto -10% -15% -10%;
    height: 15rem;

    pointer-events: none;
}

body.whmcs-dashboard-body .auth-form,
body.whmcs-dashboard-body .auth-register-card,
body.whmcs-dashboard-body .auth-register-steps-panel {
    border: 1px solid rgba(223, 231, 236, 0.82);

}

body.whmcs-dashboard-body .auth-submit-btn {
    min-height: 3.35rem;
    border-radius: 1rem;
    font-weight: 700;
}

body.whmcs-dashboard-body .auth-form .btn-primary.auth-submit-btn,
body.whmcs-dashboard-body .auth-form button.auth-submit-btn.btn-primary {
    color: #fff;
    background: var(--gradient-primary);
    border-color: transparent;
    box-shadow: none;
}

body.whmcs-dashboard-body .auth-form .btn-primary.auth-submit-btn:hover,
body.whmcs-dashboard-body .auth-form .btn-primary.auth-submit-btn:focus,
body.whmcs-dashboard-body .auth-form button.auth-submit-btn.btn-primary:hover,
body.whmcs-dashboard-body .auth-form button.auth-submit-btn.btn-primary:focus {
    color: #fff;
    background: var(--gradient-primary-hover);
    border-color: transparent;
}

body.whmcs-dashboard-body .dashboard-panel__header .dashboard-link,
body.whmcs-dashboard-body .dashboard-page-heading__actions .dashboard-link {
    min-height: 3rem;
}

@media (max-width: 991.98px) {
    .dashboard-inline-alert {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .dashboard-ticket-card__header {
        flex-direction: column;
    }
}

body.whmcs-dashboard-body .auth-shell {
    align-items: stretch;
    gap: 1.75rem;
}

body.whmcs-dashboard-body .auth-shell__intro,
body.whmcs-dashboard-body .auth-form {
    min-height: 100%;
}

body.whmcs-dashboard-body .auth-shell__intro {
    padding: 2.4rem 2.25rem;
}

body.whmcs-dashboard-body .auth-shell__hero-art {
    position: relative;
    min-height: 22rem;
    margin: 1.1rem 0 1.35rem;
    border-radius: 2rem;

    overflow: hidden;
}

body.whmcs-dashboard-body .auth-shell__hero-art--reset {
    min-height: 21rem;
}

body.whmcs-dashboard-body .auth-shell__hero-orbit {
    position: absolute;
    border-radius: 999px;
    border: 1px solid rgba(var(--primary-rgb), 0.18);
}

body.whmcs-dashboard-body .auth-shell__hero-orbit--one {
    inset: 20% 11% 18% 11%;
}

body.whmcs-dashboard-body .auth-shell__hero-orbit--two {
    inset: 28% 2% 26% 2%;
}

body.whmcs-dashboard-body .auth-shell__hero-node {
    position: absolute;
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: var(--primary);
    box-shadow: 0 0 0 6px rgba(var(--primary-rgb), 0.08);
}

body.whmcs-dashboard-body .auth-shell__hero-node--one {
    top: 28%;
    right: 17%;
}

body.whmcs-dashboard-body .auth-shell__hero-node--two {
    left: 18%;
    bottom: 24%;
}

body.whmcs-dashboard-body .auth-shell__hero-node--three {
    right: 8%;
    bottom: 34%;
}

body.whmcs-dashboard-body .auth-shell__hero-cloud,
body.whmcs-dashboard-body .auth-shell__hero-server,
body.whmcs-dashboard-body .auth-shell__hero-shield {
    position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.whmcs-dashboard-body .auth-shell__hero-cloud {
    left: 50%;
    top: 22%;
    transform: translateX(-50%);
    width: 11rem;
    height: 7.7rem;
    border-radius: 45% 45% 40% 40%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(var(--primary-rgb), 0.08));
    box-shadow:
        0 20px 36px rgba(16, 24, 40, 0.08),
        inset -10px -14px 24px rgba(var(--accent-rgb), 0.12);
    color: var(--accent);
    font-size: 3rem;
}

body.whmcs-dashboard-body .auth-shell__hero-server {
    width: 9.6rem;
    height: 2.8rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(var(--accent-rgb), 0.96), var(--primary));
    color: #fff;
    font-size: 1.8rem;
    box-shadow: 0 18px 28px rgba(var(--primary-rgb), 0.22);
}

body.whmcs-dashboard-body .auth-shell__hero-server--one {
    left: 50%;
    top: 52%;
    transform: translateX(-50%);
}

body.whmcs-dashboard-body .auth-shell__hero-server--two {
    left: 50%;
    top: 64%;
    transform: translateX(-50%);
}

body.whmcs-dashboard-body .auth-shell__hero-shield {
    right: 23%;
    bottom: 20%;
    width: 5.8rem;
    height: 6.6rem;
    border-radius: 1.6rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(var(--primary-rgb), 0.08));
    color: var(--primary);
    font-size: 2.3rem;
    box-shadow: 0 14px 26px rgba(16, 24, 40, 0.08);
}

body.whmcs-dashboard-body .auth-shell__hero-shield--large {
    width: 7rem;
    height: 7rem;
    right: 21%;
    bottom: 17%;
    border-radius: 2rem;
    color: var(--primary);
}

body.whmcs-dashboard-body .auth-shell__features--stacked {
    gap: 1.1rem;
}

body.whmcs-dashboard-body .auth-shell__copyright {
    margin: 1.2rem 0 0;
    color: #98a2b3;
    font-size: 0.92rem;
}

body.whmcs-dashboard-body .auth-form {
    padding: 2.6rem 2.4rem 2rem;
}

body.whmcs-dashboard-body .auth-form__lock {
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.2rem;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.12), rgba(var(--primary-rgb), 0.04));
    color: var(--primary);
    font-size: 2rem;
}

body.whmcs-dashboard-body .auth-form__meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    margin-top: 1.6rem;
    padding-top: 1.35rem;
    border-top: 1px solid rgba(223, 231, 236, 0.82);
}

body.whmcs-dashboard-body .auth-form__meta-item {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.9rem 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(223, 231, 236, 0.72);
}

body.whmcs-dashboard-body .auth-form__meta-item i {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: rgba(var(--primary-rgb), 0.08);
    font-size: 1rem;
}

body.whmcs-dashboard-body .auth-form__meta-item strong,
body.whmcs-dashboard-body .auth-form__meta-item span {
    display: block;
}

body.whmcs-dashboard-body .auth-form__meta-item strong {
    color: #111827;
    font-size: 0.92rem;
}

body.whmcs-dashboard-body .auth-form__meta-item span {
    color: #667085;
    font-size: 0.84rem;
}

body.whmcs-dashboard-body .auth-shell__support-card {
    margin-top: 1.35rem;
    padding: 1.35rem 1.45rem;
    border-radius: 1.35rem;
    background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.08), rgba(var(--primary-rgb), 0.03));
    border: 1px solid rgba(var(--primary-rgb), 0.14);
}

body.whmcs-dashboard-body .auth-shell__support-card h4 {
    margin: 0 0 0.35rem;
    font-size: 1.15rem;
    color: #111827;
}

body.whmcs-dashboard-body .auth-shell__support-card p {
    margin: 0 0 0.85rem;
    color: #667085;
}

body.whmcs-dashboard-body .auth-shell__support-link,
body.whmcs-dashboard-body .auth-help-inline__link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--primary);
    font-weight: 700;
}

body.whmcs-dashboard-body .auth-help-inline {
    margin-top: 1.4rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(223, 231, 236, 0.82);
    text-align: center;
}

body.whmcs-dashboard-body .auth-help-inline h4 {
    margin: 0 0 0.25rem;
    font-size: 1.1rem;
    color: #111827;
}

body.whmcs-dashboard-body .auth-help-inline p {
    margin: 0 0 0.65rem;
    color: #667085;
}

@media (max-width: 1199.98px) {
    body.whmcs-dashboard-body .auth-form__meta {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .auth-shell__hero-art {
        min-height: 18rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-cloud {
        width: 8.8rem;
        height: 6.3rem;
        font-size: 2.45rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-server {
        width: 7.8rem;
        height: 2.45rem;
        font-size: 1.45rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-shield,
    body.whmcs-dashboard-body .auth-shell__hero-shield--large {
        width: 5.5rem;
        height: 5.8rem;
        font-size: 1.9rem;
    }
}

.dashboard-page-title,
.dashboard-panel__title,
.dashboard-panel__copy,
.dashboard-item-title,
.dashboard-item-subtitle,
.dashboard-table td,
.dashboard-table td a,
.dashboard-table td strong,
.dashboard-table-service__copy,
.dashboard-analytics-card,
.dashboard-analytics-card__copy,
.dashboard-analytics-card__label,
.dashboard-analytics-card__meta,
.dashboard-analytics-card__value,
.dashboard-page-heading__title > div,
.dashboard-page-heading__title > div > *,
.dashboard-page-heading__actions > *,
.dashboard-inline-alert,
.status-pill {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.dashboard-page-heading__title,
.dashboard-page-heading__actions,
.dashboard-row-actions,
.dashboard-inline-alert,
.dashboard-table-inline {
    max-width: 100%;
}

.dashboard-link--hero,
.dashboard-action-ghost,
.dashboard-row-actions .btn,
.dashboard-row-actions a,
.dashboard-row-actions button,
body.whmcs-dashboard-body .btn-sm,
body.whmcs-dashboard-body .btn {
    white-space: normal;
    text-align: center;
}

.dashboard-row-actions {
    flex-wrap: wrap;
}

.status-pill {
    max-width: 100%;
    white-space: normal;
    line-height: 1.25;
    text-align: center;
}

body.whmcs-dashboard-body .form-check-inline {
    margin-right: 0.75rem;
    row-gap: 0.55rem;
}

body.whmcs-dashboard-body .form-check-inline label,
body.whmcs-dashboard-body .form-check-inline span {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
    .dashboard-analytics-card--spark {
        padding-right: 1.45rem;
    }

    .dashboard-page-table-panel,
    .dashboard-page-table-panel--tight {
        padding: 1.2rem;
    }

    .dashboard-page-heading__title {
        align-items: flex-start;
    }

    .dashboard-page-heading__actions > .dashboard-link--hero,
    .dashboard-page-heading__actions > .dashboard-action-ghost,
    .dashboard-page-heading__actions > .dashboard-link,
    .dashboard-row-actions,
    .dashboard-row-actions .btn,
    .dashboard-row-actions a,
    .dashboard-row-actions button {
        width: 100%;
    }

    .dashboard-row-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .dashboard-table td:first-child {
        width: 100% !important;
    }

    .dashboard-table-service {
        align-items: flex-start;
    }

    body.whmcs-dashboard-body .form-check-inline {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 575.98px) {
    .dashboard-page-table-panel,
    .dashboard-page-table-panel--tight,
    .dashboard-panel,
    .dashboard-analytics-card {
        border-radius: 1.1rem;
    }

    .dashboard-page-table-panel,
    .dashboard-page-table-panel--tight {
        padding: 1rem;
    }

    .dashboard-analytics-card {
        min-height: auto;
        padding: 1.1rem 1rem;
        align-items: flex-start;
    }

    .dashboard-analytics-card__icon {
        width: 3rem;
        height: 3rem;
        font-size: 1.1rem;
    }

    .dashboard-analytics-card__label,
    .dashboard-analytics-card__meta {
        font-size: 0.88rem;
    }

    .dashboard-analytics-card__value {
        font-size: clamp(1.55rem, 7vw, 2rem);
    }

    .dashboard-page-heading__icon {
        width: 2.7rem;
        height: 2.7rem;
        border-radius: 0.9rem;
    }

    .dashboard-page-title {
        font-size: 1.35rem;
        line-height: 1.25;
    }

    .dashboard-panel__title {
        font-size: 1.05rem;
        line-height: 1.35;
    }

    .dashboard-panel__copy,
    .dashboard-item-subtitle,
    body.whmcs-dashboard-body .dashboard-table td .text-muted,
    body.whmcs-dashboard-body .dashboard-table td small,
    body.whmcs-dashboard-body .dashboard-table td .dashboard-item-subtitle {
        font-size: 0.82rem !important;
        line-height: 1.55;
    }
}

body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card__line--green,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card__line--mint,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card__line--amber,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card__line--violet {
    background:
        linear-gradient(180deg, rgba(var(--accent-rgb), 0.18), rgba(var(--accent-rgb), 0) 100%),
        linear-gradient(90deg, rgba(var(--primary-rgb), 0.18) 0%, rgba(var(--accent-rgb), 0.82) 68%, rgba(var(--accent-rgb), 0.05) 100%);
    clip-path: polygon(0 82%, 10% 82%, 18% 48%, 28% 48%, 36% 18%, 46% 18%, 54% 44%, 64% 44%, 72% 68%, 82% 68%, 90% 30%, 100% 30%, 100% 100%, 0 100%);
}

body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card--green .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card--mint .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card--amber .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card--rose .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-analytics-card--violet .dashboard-analytics-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-overview-metric__icon--blue,
body.whmcs-dashboard-body[data-theme] .dashboard-overview-row__icon--blue,
body.whmcs-dashboard-body[data-theme] .dashboard-overview-row__icon--amber,
body.whmcs-dashboard-body[data-theme] .dashboard-overview-row__icon--violet {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body[data-theme] .dataTables_wrapper .paginate_button.current:hover,
body.whmcs-dashboard-body[data-theme] .dashboard-usage-meter--accent .dashboard-usage-meter__ring {
    background: var(--primary) !important;
}

body.whmcs-dashboard-body[data-theme] .dashboard-usage-meter--accent .dashboard-usage-meter__ring {
    background:
        conic-gradient(var(--primary) calc(var(--usage-value) * 1%), rgba(232, 238, 244, 0.92) 0) !important;
}

body.whmcs-dashboard-body[data-theme] .dashboard-settings-aside-card--violet,
body.whmcs-dashboard-body[data-theme] .dashboard-settings-aside-card--mint,
body.whmcs-dashboard-body[data-theme] .dashboard-support-tip--violet,
body.whmcs-dashboard-body[data-theme] .dashboard-support-tip--mint,
body.whmcs-dashboard-body[data-theme] .dashboard-support-tip--amber {
    background:
        linear-gradient(180deg, rgba(var(--primary-rgb), 0.075), rgba(255, 255, 255, 0.985));
    border-color: rgba(var(--primary-rgb), 0.14);
}

body.whmcs-dashboard-body[data-theme] .dashboard-support-tip__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-settings-aside-card__icon,
body.whmcs-dashboard-body[data-theme] .dashboard-page-heading__icon--mint,
body.whmcs-dashboard-body[data-theme] .dashboard-page-heading__icon--violet {
    background: rgba(var(--primary-rgb), 0.1);
    color: var(--primary);
}

body.whmcs-dashboard-body[data-theme] .dashboard-marketing-choice__item.is-active,
body.whmcs-dashboard-body[data-theme] .requestor-badge,
body.whmcs-dashboard-body[data-theme] .dashboard-support-upload__icon {
    border-color: rgba(var(--primary-rgb), 0.22);
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary);
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .dashboard-page {
        padding: 1.15rem;
    }

    body.whmcs-dashboard-body .dashboard-topbar {
        min-height: auto;
    }

    body.whmcs-dashboard-body .dashboard-topbar__inner,
    body.whmcs-dashboard-body .dashboard-topbar__right {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    body.whmcs-dashboard-body .dashboard-topbar__search,
    body.whmcs-dashboard-body .dashboard-topbar__search .form-control,
    body.whmcs-dashboard-body .dashboard-cta-btn {
        width: 100%;
    }

    body.whmcs-dashboard-body .dashboard-analytics-grid,
    body.whmcs-dashboard-body .dashboard-home-stats,
    body.whmcs-dashboard-body .dashboard-module-summary__grid,
    body.whmcs-dashboard-body .dashboard-module-usage,
    body.whmcs-dashboard-body .auth-form__meta,
    body.whmcs-dashboard-body .product-overview-card__actions,
    body.whmcs-dashboard-body .dashboard-email-preferences,
    body.whmcs-dashboard-body .dashboard-email-preferences--grid,
    body.whmcs-dashboard-body .cpanel-tools-grid {
        grid-template-columns: 1fr !important;
    }

    body.whmcs-dashboard-body .dashboard-page-header,
    body.whmcs-dashboard-body .dashboard-page-heading--inline,
    body.whmcs-dashboard-body .dashboard-page-table-toolbar,
    body.whmcs-dashboard-body .dashboard-page-table-toolbar__actions {
        grid-template-columns: 1fr !important;
        display: grid;
        align-items: stretch;
        gap: 0.85rem;
    }

    body.whmcs-dashboard-body .dashboard-page-breadcrumb,
    body.whmcs-dashboard-body .dashboard-page-header .breadcrumb {
        justify-content: flex-start;
    }

    body.whmcs-dashboard-body .dashboard-toolbar-search,
    body.whmcs-dashboard-body .dashboard-toolbar-search .form-control,
    body.whmcs-dashboard-body .dashboard-page-table-toolbar__actions > *,
    body.whmcs-dashboard-body .dashboard-page-heading__actions,
    body.whmcs-dashboard-body .dashboard-page-heading__actions > * {
        width: 100%;
    }

    body.whmcs-dashboard-body .dashboard-funds-form__row {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .cpanel-tools-help {
        grid-template-columns: 1fr;
        text-align: left !important;
    }

    body.whmcs-dashboard-body .cpanel-tools-help__copy {
        flex-wrap: wrap;
        white-space: normal;
    }

    body.whmcs-dashboard-body .cpanel-tools-help__copy span,
    body.whmcs-dashboard-body .cpanel-tools-help__copy > span:first-child,
    body.whmcs-dashboard-body .cpanel-tools-help__copy > span:last-child {
        white-space: normal;
    }

    body.whmcs-dashboard-body .cpanel-tools-help__link {
        justify-self: flex-start;
        margin-left: 0;
    }

    body.whmcs-dashboard-body .auth-shell,
    body.whmcs-dashboard-body .auth-register-layout {
        grid-template-columns: 1fr;
    }

    body.whmcs-dashboard-body .auth-shell__intro,
    body.whmcs-dashboard-body .auth-form,
    body.whmcs-dashboard-body .auth-register-panel,
    body.whmcs-dashboard-body .auth-register-content {
        min-height: auto;
    }

    body.whmcs-dashboard-body .auth-shell__features,
    body.whmcs-dashboard-body .auth-shell__features--stacked {
        padding-right: 0;
    }

    body.whmcs-dashboard-body .auth-shell__hero-art,
    body.whmcs-dashboard-body .auth-register-panel__art {
        min-height: 18rem;
    }

    body.whmcs-dashboard-body .dashboard-account-settings__layout,
    body.whmcs-dashboard-body .dashboard-account-settings {
        grid-template-columns: 1fr !important;
    }

    body.whmcs-dashboard-body .dashboard-account-settings__aside,
    body.whmcs-dashboard-body[data-page-template="clientareadetails"] .dashboard-account-settings__aside {
        position: static !important;
        top: auto !important;
        margin-top: 0 !important;
    }

    body.whmcs-dashboard-body .dashboard-table--user-management tbody tr,
    body.whmcs-dashboard-body .dashboard-table--user-management tbody td {
        display: block;
        width: 100%;
        text-align: left !important;
    }

    body.whmcs-dashboard-body .dashboard-table--user-management thead {
        display: none;
    }

    body.whmcs-dashboard-body .dashboard-table--user-management tbody tr {
        padding: 1rem 0;
        border-bottom: 1px solid rgba(223, 231, 236, 0.82);
    }

    body.whmcs-dashboard-body .dashboard-table--user-management tbody tr:last-child {
        border-bottom: 0;
    }

    body.whmcs-dashboard-body .dashboard-table--user-management .dashboard-row-actions,
    body.whmcs-dashboard-body .dashboard-table--user-management .dashboard-row-actions .btn,
    body.whmcs-dashboard-body .dashboard-table--user-management form.d-inline-flex {
        width: 100%;
    }

    body.whmcs-dashboard-body .dashboard-table--user-management .dashboard-row-actions,
    body.whmcs-dashboard-body .dashboard-table--user-management form.d-inline-flex {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 0.6rem;
        margin-top: 0.85rem;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .dashboard-panel,
    body.whmcs-dashboard-body .dashboard-page-table-panel,
    body.whmcs-dashboard-body .dashboard-page-table-panel--tight,
    body.whmcs-dashboard-body .dashboard-page-header,
    body.whmcs-dashboard-body .dashboard-analytics-card {
        padding: 1rem;
    }

    body.whmcs-dashboard-body .dashboard-page-title {
        font-size: 1.25rem;
        line-height: 1.3;
    }

    body.whmcs-dashboard-body .dashboard-panel__copy,
    body.whmcs-dashboard-body .dashboard-page-subtitle,
    body.whmcs-dashboard-body .dashboard-item-subtitle {
        font-size: 0.84rem;
        line-height: 1.55;
    }

    body.whmcs-dashboard-body .auth-shell__hero-art,
    body.whmcs-dashboard-body .auth-register-panel__art {
        min-height: 15rem;
        border-radius: 1.35rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-cloud {
        width: 8.8rem;
        height: 6.2rem;
        font-size: 2.45rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-server {
        width: 7.4rem;
        height: 2.45rem;
        font-size: 1.35rem;
    }

    body.whmcs-dashboard-body .auth-shell__hero-shield,
    body.whmcs-dashboard-body .auth-shell__hero-shield--large {
        width: 5rem;
        height: 5.4rem;
        font-size: 1.75rem;
    }

    body.whmcs-dashboard-body .dashboard-funds-panel__art::before,
    body.whmcs-dashboard-body .dashboard-ticket-reply-panel__art {
        width: 100%;
        max-width: 100%;
    }
}

.order-domain-hosting-state--attached {
    color: var(--order-primary);
    font-weight: 700;
}

.order-domain-hosting-state--missing {
    color: #cc0000;
    font-weight: 700;
}

.card {
	
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
	
}

body.whmcs-dashboard-body .dashboard-ticket-card .card-body + .card-body {
	
	margin-top: 20px;
	
}

@media (max-width: 991.98px) {
    :root {
        --topbar-height: 70px;
        --header-height: 70px;
    }

    body.whmcs-dashboard-body {
        --mobile-topbar-bg:
            linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 252, 250, 0.94)),
            radial-gradient(circle at top left, rgba(var(--primary-rgb), 0.1), transparent 44%);
    }

    body.whmcs-dashboard-body .dashboard-main {
        width: 100%;
    }

    body.whmcs-dashboard-body .dashboard-page {
        padding: 0.95rem 0.9rem 1.1rem;
    }

    .dashboard-topbar {
        position: sticky;
        top: 0;
        z-index: 1030;
        min-height: 70px;
        padding: 0.85rem 0.9rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.7rem;
        background: var(--mobile-topbar-bg);
        border-bottom: 1px solid rgba(var(--primary-rgb), 0.08);
        box-shadow: 0 10px 30px -28px rgba(15, 23, 42, 0.22);
        backdrop-filter: blur(14px);
    }

    .dashboard-topbar__left {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0;
        min-width: 0;
        flex: 1 1 auto;
    }

    .dashboard-topbar__actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0.45rem;
        flex: 0 0 auto;
        flex-wrap: nowrap;
    }

    .dashboard-mobile-toggle,
    .toolbar-icon,
    .toolbar-icon--user,
    .dashboard-sidebar__close {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
        min-height: 2.5rem;
        border: 0;
        border-radius: 0.95rem;
        background: rgba(255, 255, 255, 0.88);
        color: #587086;
        box-shadow: none;
    }

    .dashboard-mobile-toggle:hover,
    .dashboard-mobile-toggle:focus,
    .toolbar-icon:hover,
    .toolbar-icon:focus,
    .toolbar-icon--user:hover,
    .toolbar-icon--user:focus {
        background: rgba(255, 255, 255, 0.98);
        color: var(--primary);
        box-shadow: none;
        transform: none;
    }

    .dashboard-topbar__brand {
        position: relative;
        left: auto;
        transform: none;
        z-index: 3;
        max-width: min(62vw, 13rem);
        padding: 0.22rem 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        pointer-events: auto;
    }

    .dashboard-topbar__brand:hover {
        transform: none;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .hostique-logo-lockup--mobile .hostique-logo-lockup__image,
    .dashboard-topbar__brand .hostique-logo-lockup__image {
        height: 2.9rem;
        filter: var(--brand-logo-filter-core, none);
    }

    .toolbar-dot,
    .toolbar-icon__badge {
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.98);
    }

    .toolbar-dot {
        top: 0.3rem;
        inset-inline-end: 0.3rem;
    }

    .toolbar-icon__badge {
        top: -0.16rem;
        inset-inline-end: -0.16rem;
        min-width: 1.15rem;
        height: 1.15rem;
        font-size: 0.64rem;
    }

    .dashboard-user-dropdown--topbar,
    .dashboard-user-dropdown {
        min-width: min(92vw, 20rem);
        max-width: min(92vw, 20rem);
        padding: 0.4rem;
        border: 1px solid rgba(var(--primary-rgb), 0.1);
        border-radius: 1.1rem;
        box-shadow: 0 16px 34px -28px rgba(15, 23, 42, 0.2);
        background: rgba(255, 255, 255, 0.985);
    }

    .dashboard-user-dropdown__item,
    .dashboard-user-logout {
        min-height: 3rem;
        gap: 0.65rem;
        padding: 0.8rem 0.88rem;
        border-radius: 0.9rem;
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1.25;
    }

    .dashboard-user-dropdown__icon {
        width: 1.35rem;
        height: 1.35rem;
        border-radius: 0;
        background: transparent;
        color: color-mix(in srgb, var(--brand-primary) 78%, #6b7280 22%);
    }

    .dashboard-user-dropdown__icon svg {
        width: 1rem;
        height: 1rem;
        stroke-width: 2;
    }

    .dashboard-user-dropdown__section + .dashboard-user-dropdown__section,
    .dashboard-user-dropdown__footer {
        margin-top: 0.18rem;
        padding-top: 0.18rem;
        border-top: 1px solid rgba(var(--primary-rgb), 0.08);
    }

    .dashboard-user-dropdown__item.active,
    .dashboard-user-dropdown__item:hover,
    .dashboard-user-dropdown__item:focus-visible,
    .dashboard-user-logout:hover,
    .dashboard-user-logout:focus-visible {
        background: rgba(var(--primary-rgb), 0.08);
        box-shadow: none;
    }

    .dashboard-user-dropdown__item > span:last-child,
    .dashboard-user-logout > span:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dashboard-user-dropdown__icon.logout {
        background: transparent;
        color: #dc2626;
    }

    .dashboard-user-dropdown__mobile-section {
        display: none !important;
    }

    .dashboard-cta-btn {
        display: none !important;
    }

    .dashboard-page-header {
        padding: 1.05rem 1rem;
        border-radius: 1.15rem;
    }

    .dashboard-home-stats,
    .dashboard-grid,
    .dashboard-stat-grid {
        gap: 0.8rem;
    }

    .dashboard-card,
    .dashboard-panel,
    .dashboard-page-table-panel,
    .dashboard-page-table-panel--tight,
    .dashboard-analytics-card {
        border-radius: 1.15rem;
        box-shadow: 0 10px 28px -24px rgba(15, 23, 42, 0.16);
    }

    .dashboard-home-stat__body,
    .dashboard-panel,
    .dashboard-analytics-card {
        padding: 1rem;
    }

    .dashboard-home-stat__icon,
    .dashboard-analytics-card__icon {
        width: 2.85rem;
        height: 2.85rem;
        border-radius: 0.9rem;
    }

    .dashboard-home-stat__title,
    .dashboard-panel__title,
    .dashboard-analytics-card__label {
        font-size: 0.96rem;
        line-height: 1.3;
    }

    .dashboard-home-stat__value,
    .dashboard-analytics-card__value {
        font-size: clamp(1.55rem, 7vw, 1.9rem);
        line-height: 1.05;
    }

    .dashboard-home-stat__meta,
    .dashboard-panel__copy,
    .dashboard-item-subtitle,
    .dashboard-analytics-card__meta {
        font-size: 0.82rem;
        line-height: 1.45;
    }

    .dashboard-home-panel__header,
    .dashboard-panel__header {
        align-items: flex-start;
        gap: 0.75rem;
        margin-bottom: 0.9rem;
    }

    .dashboard-home-services-table thead,
    .dashboard-table thead {
        display: none;
    }

    .dashboard-home-services-table,
    .dashboard-home-services-table tbody,
    .dashboard-home-services-table tr,
    .dashboard-home-services-table td,
    .dashboard-table,
    .dashboard-table tbody,
    .dashboard-table tr,
    .dashboard-table td {
        display: block;
        width: 100%;
    }

    .dashboard-home-services-table tbody tr,
    .dashboard-table tbody tr {
        padding: 0.95rem;
        margin-bottom: 0.8rem;
        border: 1px solid rgba(232, 238, 243, 0.95);
        border-radius: 1rem;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 10px 28px -26px rgba(15, 23, 42, 0.16);
    }

    .dashboard-home-services-table tbody tr:last-child,
    .dashboard-table tbody tr:last-child {
        margin-bottom: 0;
    }

    .dashboard-home-services-table tbody td,
    .dashboard-table tbody td {
        padding: 0;
        border: 0;
        text-align: left !important;
    }

    .dashboard-home-services-table tbody td + td,
    .dashboard-table tbody td + td {
        margin-top: 0.7rem;
        padding-top: 0.7rem;
        border-top: 1px solid rgba(239, 243, 246, 0.98);
    }

    .dashboard-home-services-table tbody td::before {
        display: block;
        margin-bottom: 0.28rem;
        color: #7b8794;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .dashboard-home-services-table tbody td:nth-child(1)::before { content: "Product"; }
    .dashboard-home-services-table tbody td:nth-child(2)::before { content: "Domain"; }
    .dashboard-home-services-table tbody td:nth-child(3)::before { content: "Status"; }
    .dashboard-home-services-table tbody td:nth-child(4)::before { content: "Renewal"; }
    .dashboard-home-services-table tbody td:nth-child(5)::before { content: "Actions"; }

    .dashboard-home-services-table tbody td:last-child,
    .dashboard-home-services-table tbody td.text-right {
        text-align: left !important;
    }

    .dashboard-home-action {
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 0.85rem;
        background: rgba(var(--primary-rgb), 0.08);
    }

    .dashboard-home-table-footer {
        display: none;
    }

    .dashboard-list-card {
        gap: 0.7rem;
        padding: 0.95rem 1rem;
        border-radius: 1rem;
        align-items: flex-start;
    }

    .dashboard-list-card .fw-semibold,
    .dashboard-list-status,
    .dashboard-ticket-row__meta,
    .dashboard-list-card .text-right {
        text-align: left !important;
    }
}

@media (max-width: 767.98px) {
    .dashboard-topbar {
        min-height: 68px;
        padding: 0.78rem 0.82rem;
    }

    .dashboard-page {
        padding: 0.85rem 0.8rem 1rem;
    }

    .dashboard-home-stat__body,
    .dashboard-panel,
    .dashboard-page-table-panel,
    .dashboard-page-table-panel--tight,
    .dashboard-analytics-card {
        padding: 0.95rem;
    }

    .dashboard-home-stat__icon,
    .dashboard-analytics-card__icon {
        width: 2.65rem;
        height: 2.65rem;
    }

    .dashboard-panel__title,
    .dashboard-home-stat__title,
    .dashboard-analytics-card__label {
        font-size: 0.94rem;
    }

    .dashboard-item-title {
        font-size: 0.95rem;
        line-height: 1.32;
    }
}

@media (max-width: 991.98px) {
    .dashboard-topbar {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 70px !important;
        padding: 0.85rem 0.9rem !important;
        gap: 0.7rem !important;
    }

    .dashboard-topbar__left {
        position: relative;
        z-index: 3;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .dashboard-topbar__actions {
        position: relative;
        z-index: 3;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0.45rem !important;
        flex-wrap: nowrap !important;
        width: auto !important;
        margin-inline-start: auto !important;
    }

    .dashboard-topbar__brand {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        z-index: 3 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        max-width: min(62vw, 13rem) !important;
        margin: 0 !important;
    }

    .dashboard-mobile-toggle {
        position: relative;
        z-index: 4;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 auto !important;
        color: #415366 !important;
        background: rgba(255, 255, 255, 0.92) !important;
    }

    .dashboard-mobile-toggle svg {
        display: block !important;
        width: 1.08rem !important;
        height: 1.08rem !important;
        stroke-width: 2.2 !important;
    }

    .dashboard-mobile-toggle--toolbar {
        margin-inline-start: 0 !important;
    }

    .dashboard-sidebar {
        width: min(88vw, 22.5rem) !important;
        max-width: 22.5rem !important;
        height: 100dvh !important;
        background: rgba(255, 255, 255, 0.98) !important;
        border-right: 1px solid rgba(232, 238, 243, 0.98) !important;
        box-shadow: 0 22px 48px -26px rgba(15, 23, 42, 0.28) !important;
        z-index: 1046 !important;
        overflow-y: auto;
    }

    .dashboard-sidebar__brand {
        min-height: 78px !important;
        padding: 0 1.15rem 0 1.15rem !important;
    }

    .dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
        height: 3.35rem !important;
    }

    .dashboard-sidebar__close {
        display: inline-flex !important;
        flex: 0 0 auto;
        color: #415366 !important;
        background: rgba(247, 250, 252, 0.96) !important;
    }

    .dashboard-sidebar__close svg,
    .dashboard-sidebar__close i {
        pointer-events: none;
    }

    .dashboard-nav {
        padding: 0.9rem !important;
        gap: 0.42rem !important;
    }

    .dashboard-nav__link {
        min-height: 3.2rem;
        padding: 0.9rem 1rem !important;
        border-radius: 1rem !important;
    }

    .dashboard-nav__link-main {
        gap: 0.82rem !important;
        font-size: 0.96rem !important;
        font-weight: 700 !important;
        line-height: 1.25 !important;
    }

    .dashboard-nav__link-main span {
        font-size: 0.96rem !important;
        line-height: 1.25 !important;
    }

    .dashboard-nav__link svg {
        width: 1.1rem !important;
        height: 1.1rem !important;
        stroke-width: 1.95 !important;
    }

    .dashboard-nav__submenu-wrap {
        margin-left: 1rem !important;
        padding-left: 0.85rem !important;
    }

    .dashboard-nav__sublink {
        min-height: 2.5rem !important;
        padding: 0.62rem 0.2rem !important;
        font-size: 0.9rem !important;
        line-height: 1.35 !important;
    }

    .dashboard-overlay {
        z-index: 1044 !important;
        background: rgba(15, 23, 42, 0.34) !important;
        backdrop-filter: blur(3px);
    }

    body.whmcs-dashboard-body.dashboard-sidebar-mobile-active {
        overflow: hidden;
        touch-action: none;
    }
}

@media (max-width: 767.98px) {
    .dashboard-topbar {
        min-height: 68px !important;
        padding: 0.78rem 0.82rem !important;
    }

    .dashboard-topbar__brand {
        max-width: min(68vw, 15rem) !important;
    }

    .hostique-logo-lockup--mobile .hostique-logo-lockup__image,
    .dashboard-topbar__brand .hostique-logo-lockup__image {
        height: 3.1rem;
    }

    .dashboard-sidebar {
        width: min(92vw, 23rem) !important;
    }

    .dashboard-sidebar__brand {
        min-height: 76px !important;
    }

    .dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
        height: 3.5rem !important;
    }
}

.hostique-logo-lockup--sidebar .hostique-logo-lockup__image,
.dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
    height: 3.15rem;
}

.hostique-logo-lockup--focus .hostique-logo-lockup__image,
.hostique-logo-lockup--auth .hostique-logo-lockup__image {
    height: 3rem;
}

@media (max-width: 991.98px) {
    .hostique-logo-lockup--mobile .hostique-logo-lockup__image,
    .dashboard-topbar__brand .hostique-logo-lockup__image {
        height: 3rem !important;
    }

    .dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
        height: 3.45rem !important;
    }
}

@media (max-width: 767.98px) {
    .hostique-logo-lockup--mobile .hostique-logo-lockup__image,
    .dashboard-topbar__brand .hostique-logo-lockup__image {
        height: 3.15rem !important;
    }

    .dashboard-sidebar__brand-lockup .hostique-logo-lockup__image {
        height: 3.55rem !important;
    }
}

@media (max-width: 991.98px) {
    body.whmcs-dashboard-body .dashboard-kb-hero {
        padding: 1.5rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-hero__grid,
    body.whmcs-dashboard-body .dashboard-kb-layout,
    body.whmcs-dashboard-body .dashboard-kb-article-layout,
    body.whmcs-dashboard-body .dashboard-kb-highlights {
        grid-template-columns: minmax(0, 1fr);
    }

    body.whmcs-dashboard-body .dashboard-kb-article-sidebar {
        order: 2;
    }

    body.whmcs-dashboard-body .dashboard-kb-article-main {
        order: 1;
    }
}

@media (max-width: 767.98px) {
    body.whmcs-dashboard-body .dashboard-kb-hero,
    body.whmcs-dashboard-body .dashboard-kb-main,
    body.whmcs-dashboard-body .dashboard-kb-help,
    body.whmcs-dashboard-body .dashboard-kb-aside .dashboard-panel,
    body.whmcs-dashboard-body .dashboard-kb-article,
    body.whmcs-dashboard-body .dashboard-kb-related,
    body.whmcs-dashboard-body .dashboard-kb-side-nav {
        border-radius: 1.25rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-hero {
        padding: 1.15rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-hero__title {
        font-size: 1.7rem;
        line-height: 1.14;
    }

    body.whmcs-dashboard-body .dashboard-kb-hero__description,
    body.whmcs-dashboard-body .dashboard-kb-highlight p,
    body.whmcs-dashboard-body .dashboard-kb-help p,
    body.whmcs-dashboard-body .dashboard-kb-list__copy small,
    body.whmcs-dashboard-body .dashboard-kb-related__copy small,
    body.whmcs-dashboard-body .dashboard-kb-article__content {
        font-size: 0.92rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-hero__metric {
        min-width: 0;
        flex: 1 1 calc(50% - 0.45rem);
    }

    body.whmcs-dashboard-body .dashboard-kb-hero__search-shell,
    body.whmcs-dashboard-body .dashboard-kb-main,
    body.whmcs-dashboard-body .dashboard-kb-help,
    body.whmcs-dashboard-body .dashboard-kb-aside .dashboard-panel,
    body.whmcs-dashboard-body .dashboard-kb-article,
    body.whmcs-dashboard-body .dashboard-kb-related,
    body.whmcs-dashboard-body .dashboard-kb-side-nav {
        padding: 1rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-search .input-group {
        gap: 0.6rem;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    body.whmcs-dashboard-body .dashboard-kb-search .input-group-prepend,
    body.whmcs-dashboard-body .dashboard-kb-search .input-group-append {
        display: contents;
    }

    body.whmcs-dashboard-body .dashboard-kb-search .input-group-text,
    body.whmcs-dashboard-body .dashboard-kb-search .form-control,
    body.whmcs-dashboard-body .dashboard-kb-search .btn {
        border-radius: 0.95rem;
        border: 1px solid var(--border-soft);
    }

    body.whmcs-dashboard-body .dashboard-kb-search .input-group-text {
        display: none;
    }

    body.whmcs-dashboard-body .dashboard-kb-list__item,
    body.whmcs-dashboard-body .dashboard-kb-related__item,
    body.whmcs-dashboard-body .dashboard-kb-category,
    body.whmcs-dashboard-body .dashboard-kb-highlight {
        padding: 0.9rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-list__icon,
    body.whmcs-dashboard-body .dashboard-kb-related__icon,
    body.whmcs-dashboard-body .dashboard-kb-category__icon {
        width: 2.7rem;
        height: 2.7rem;
        border-radius: 0.85rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-article__topbar,
    body.whmcs-dashboard-body .dashboard-kb-article__feedback,
    body.whmcs-dashboard-body .dashboard-kb-article__footer {
        flex-direction: column;
        align-items: stretch;
    }

    body.whmcs-dashboard-body .dashboard-kb-article__meta {
        gap: 0.55rem;
    }

    body.whmcs-dashboard-body .dashboard-kb-article__meta span {
        width: 100%;
        justify-content: center;
    }
}