:root[data-theme="dark"] .sidebar-dark .nav-item .nav-link {
    border-radius: .55rem;
    transition: background-color .18s ease, color .18s ease;
}

:root[data-theme="dark"] .sidebar-dark .nav-item .nav-link:hover,
:root[data-theme="dark"] .sidebar-dark .nav-item .nav-link:focus {
    background-color: rgba(94, 234, 212, .11) !important;
    color: #f0fdfa !important;
}

:root[data-theme="dark"] .sidebar-dark .nav-item .nav-link:hover i,
:root[data-theme="dark"] .sidebar-dark .nav-item .nav-link:hover span,
:root[data-theme="dark"] .sidebar-dark .nav-item .nav-link:focus i,
:root[data-theme="dark"] .sidebar-dark .nav-item .nav-link:focus span {
    color: #f0fdfa !important;
}

:root[data-theme="dark"] .sidebar-dark .nav-item.active > .nav-link {
    background-color: rgba(94, 234, 212, .16) !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .sidebar-dark .nav-item .collapse-inner {
    border: 1px solid rgba(94, 234, 212, .12);
    background-color: #0c2427 !important;
    box-shadow: 0 .5rem 1.25rem rgba(0, 0, 0, .18);
}

:root[data-theme="dark"] .sidebar-dark .collapse-inner .collapse-item {
    color: #cbd9dc !important;
    transition: background-color .16s ease, color .16s ease;
}

:root[data-theme="dark"] .sidebar-dark .collapse-inner .collapse-item:hover,
:root[data-theme="dark"] .sidebar-dark .collapse-inner .collapse-item:focus {
    background-color: rgba(94, 234, 212, .12) !important;
    color: #99f6e4 !important;
}

:root[data-theme="dark"] .sidebar-dark .collapse-inner .collapse-item.active {
    background-color: rgba(20, 184, 166, .2) !important;
    color: #5eead4 !important;
}

:root[data-theme="dark"] .sidebar-dark .collapse-inner .service-menu-dot {
    background-color: #5eead4 !important;
}
:root[data-theme="dark"] .table tbody td {
    color: #c8d3df !important;
}

:root[data-theme="dark"] .table tbody td.font-weight-bold,
:root[data-theme="dark"] .table tbody td strong,
:root[data-theme="dark"] .table tbody td b {
    color: #eef4f8 !important;
}

:root[data-theme="dark"] .table tbody td .text-muted,
:root[data-theme="dark"] .table tbody td small,
:root[data-theme="dark"] .table tbody td .small {
    color: #8798aa !important;
}

:root[data-theme="dark"] .table tbody td a:not(.btn):not(.badge) {
    color: #5eead4 !important;
}

:root[data-theme="dark"] .table tbody td a:not(.btn):not(.badge):hover,
:root[data-theme="dark"] .table tbody td a:not(.btn):not(.badge):focus {
    color: #99f6e4 !important;
}

:root[data-theme="dark"] .table-hover tbody tr:hover td {
    background-color: rgba(32, 201, 181, .055) !important;
    color: #e7f0f5 !important;
}
:root[data-theme="dark"] .sidebar-dark .sidebar-divider {
    border-top-color: rgba(255, 255, 255, .15) !important;
}

:root[data-theme="dark"] .orders-shell .orders-card,
:root[data-theme="dark"] .refund-shell .summary-card,
:root[data-theme="dark"] .refund-shell .refund-table-card,
:root[data-theme="dark"] .activity-shell .activity-card,
:root[data-theme="dark"] .topup-card,
:root[data-theme="dark"] .profile-page .soft-card,
:root[data-theme="dark"] .rank-current,
:root[data-theme="dark"] .rank-card,
:root[data-theme="dark"] .article-card,
:root[data-theme="dark"] .not-found-card,
:root[data-theme="dark"] .update-item,
:root[data-theme="dark"] .admin-media-card,
:root[data-theme="dark"] .admin-media-modal__dialog {
    border-color: var(--app-border) !important;
    background: var(--app-surface) !important;
    color: var(--app-text) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}

:root[data-theme="dark"] .topup-promo,
:root[data-theme="dark"] .profile-page .rank-panel,
:root[data-theme="dark"] .profile-page .current-rank-card,
:root[data-theme="dark"] .profile-page .member-rank-overview-card,
:root[data-theme="dark"] .article-toc {
    border-color: var(--brand-primary-border) !important;
    background: linear-gradient(145deg, #10252a, #0d1c28) !important;
    color: var(--app-text) !important;
}

:root[data-theme="dark"] .topup-mini,
:root[data-theme="dark"] .topup-stat,
:root[data-theme="dark"] .topup-soft-box,
:root[data-theme="dark"] .topup-result-box,
:root[data-theme="dark"] .profile-page .profile-info-card,
:root[data-theme="dark"] .profile-page .member-rank-current-section .profile-info-card,
:root[data-theme="dark"] .profile-page .activity-item,
:root[data-theme="dark"] .profile-page .rank-journey-step,
:root[data-theme="dark"] .rank-stat,
:root[data-theme="dark"] .rank-condition,
:root[data-theme="dark"] .rank-avatar-fallback,
:root[data-theme="dark"] .admin-media-thumb {
    border-color: var(--app-border) !important;
    background: #0c1723 !important;
    color: var(--app-text) !important;
}

:root[data-theme="dark"] .profile-page .rank-journey-step.is-reached,
:root[data-theme="dark"] .profile-page .rank-journey-step.is-current {
    background: #10251f !important;
}

:root[data-theme="dark"] .profile-page .rank-badge,
:root[data-theme="dark"] .profile-page .current-rank-discount,
:root[data-theme="dark"] .profile-page .rank-journey-arrow,
:root[data-theme="dark"] .article-toc-link,
:root[data-theme="dark"] .blog-pagination a,
:root[data-theme="dark"] .blog-pagination span,
:root[data-theme="dark"] .updates-pages a,
:root[data-theme="dark"] .updates-pages span {
    border-color: var(--app-border) !important;
    background: #142130 !important;
    color: var(--app-text) !important;
}

:root[data-theme="dark"] .rank-risk {
    border-color: rgba(251, 191, 36, .28) !important;
    background: rgba(146, 64, 14, .16) !important;
    color: #fcd34d !important;
}

:root[data-theme="dark"] .orders-shell .orders-table,
:root[data-theme="dark"] .orders-shell .orders-table tbody,
:root[data-theme="dark"] .orders-shell .orders-table tr,
:root[data-theme="dark"] .orders-shell .orders-table td,
:root[data-theme="dark"] .refund-shell .refund-table,
:root[data-theme="dark"] .refund-shell .refund-table tbody,
:root[data-theme="dark"] .refund-shell .refund-table tr,
:root[data-theme="dark"] .refund-shell .refund-table td,
:root[data-theme="dark"] .activity-shell .activity-table,
:root[data-theme="dark"] .activity-shell .activity-table tbody,
:root[data-theme="dark"] .activity-shell .activity-table tr,
:root[data-theme="dark"] .activity-shell .activity-table td,
:root[data-theme="dark"] .topup-table,
:root[data-theme="dark"] .topup-table tbody,
:root[data-theme="dark"] .topup-table tr,
:root[data-theme="dark"] .topup-table td {
    border-color: var(--app-border) !important;
    background-color: transparent !important;
    color: var(--app-text) !important;
}

:root[data-theme="dark"] .orders-shell .orders-table th,
:root[data-theme="dark"] .refund-shell .refund-table th,
:root[data-theme="dark"] .activity-shell .activity-table th,
:root[data-theme="dark"] .topup-table th,
:root[data-theme="dark"] .orders-shell label,
:root[data-theme="dark"] .refund-shell label,
:root[data-theme="dark"] .activity-shell label,
:root[data-theme="dark"] .topup-shell label {
    color: #9fb0c3 !important;
}

:root[data-theme="dark"] .orders-shell .orders-metric,
:root[data-theme="dark"] .refund-shell .summary-label,
:root[data-theme="dark"] .refund-shell .summary-note,
:root[data-theme="dark"] .profile-page .metric-label,
:root[data-theme="dark"] .profile-page .metric-note,
:root[data-theme="dark"] .profile-page .section-note,
:root[data-theme="dark"] .profile-page .profile-info-card .label,
:root[data-theme="dark"] .topup-shell .rank-muted,
:root[data-theme="dark"] .article-lead,
:root[data-theme="dark"] .article-body,
:root[data-theme="dark"] .blog-excerpt,
:root[data-theme="dark"] .blog-meta,
:root[data-theme="dark"] .update-date,
:root[data-theme="dark"] .admin-media-path,
:root[data-theme="dark"] .admin-media-meta {
    color: var(--app-muted) !important;
}

:root[data-theme="dark"] .refund-shell .summary-value,
:root[data-theme="dark"] .profile-page .metric-value,
:root[data-theme="dark"] .profile-page .rank-name,
:root[data-theme="dark"] .profile-page .rank-journey-name,
:root[data-theme="dark"] .profile-page .profile-info-card .value,
:root[data-theme="dark"] .rank-stat-value,
:root[data-theme="dark"] .rank-discount,
:root[data-theme="dark"] .article-title,
:root[data-theme="dark"] .article-toc-title,
:root[data-theme="dark"] .article-body h2,
:root[data-theme="dark"] .article-body h3,
:root[data-theme="dark"] .article-body h4,
:root[data-theme="dark"] .blog-card h2,
:root[data-theme="dark"] .update-name,
:root[data-theme="dark"] .admin-media-name,
:root[data-theme="dark"] .admin-media-modal__dialog h5,
:root[data-theme="dark"] .not-found-card h1 {
    color: var(--app-heading) !important;
}

:root[data-theme="dark"] .orders-shell .action-btn,
:root[data-theme="dark"] .profile-page .config-badge {
    border-color: var(--app-border) !important;
    background: #1b2a3a !important;
    color: #d8e2ec !important;
}

:root[data-theme="dark"] .activity-shell .balance-pill.is-plus {
    border-color: rgba(52, 211, 153, .3) !important;
    background: rgba(16, 185, 129, .12) !important;
    color: #6ee7b7 !important;
}

:root[data-theme="dark"] .activity-shell .balance-pill.is-minus {
    border-color: rgba(248, 113, 113, .3) !important;
    background: rgba(239, 68, 68, .12) !important;
    color: #fca5a5 !important;
}

:root[data-theme="dark"] .activity-shell .balance-pill.is-neutral,
:root[data-theme="dark"] .topup-shell .topup-badge {
    border-color: var(--brand-primary-border) !important;
    background: var(--brand-primary-soft) !important;
    color: #5eead4 !important;
}

.topbar .theme-toggle-wrap {
    margin-right: 20px !important;
}

:root[data-theme="dark"] .article-author,
:root[data-theme="dark"] .article-body,
:root[data-theme="dark"] .static-page-content {
    color: #c8d3df !important;
}

:root[data-theme="dark"] .article-body p,
:root[data-theme="dark"] .article-body li,
:root[data-theme="dark"] .article-body div,
:root[data-theme="dark"] .article-body span,
:root[data-theme="dark"] .static-page-content p,
:root[data-theme="dark"] .static-page-content li,
:root[data-theme="dark"] .static-page-content div,
:root[data-theme="dark"] .static-page-content span {
    color: #c8d3df !important;
}

:root[data-theme="dark"] .article-body strong,
:root[data-theme="dark"] .article-body b,
:root[data-theme="dark"] .static-page-content strong,
:root[data-theme="dark"] .static-page-content b {
    color: #eef4f8 !important;
}

:root[data-theme="dark"] .article-body h1,
:root[data-theme="dark"] .article-body h2,
:root[data-theme="dark"] .article-body h3,
:root[data-theme="dark"] .article-body h4,
:root[data-theme="dark"] .article-body h5,
:root[data-theme="dark"] .article-body h6,
:root[data-theme="dark"] .static-page-content h1,
:root[data-theme="dark"] .static-page-content h2,
:root[data-theme="dark"] .static-page-content h3,
:root[data-theme="dark"] .static-page-content h4,
:root[data-theme="dark"] .static-page-content h5,
:root[data-theme="dark"] .static-page-content h6 {
    color: #eaf2f7 !important;
}

:root[data-theme="dark"] .article-body a,
:root[data-theme="dark"] .static-page-content a,
:root[data-theme="dark"] .related-grid h3 a {
    color: #5eead4 !important;
}

:root[data-theme="dark"] .article-body a:hover,
:root[data-theme="dark"] .static-page-content a:hover,
:root[data-theme="dark"] .related-grid h3 a:hover {
    color: #99f6e4 !important;
}

:root[data-theme="dark"] .article-author {
    border-bottom-color: var(--app-border) !important;
}

:root[data-theme="dark"] .article-body blockquote,
:root[data-theme="dark"] .static-page-content blockquote {
    border-left: 4px solid var(--brand-primary) !important;
    background: #0c1723 !important;
    color: #b9c7d5 !important;
}

:root[data-theme="dark"] .article-body pre,
:root[data-theme="dark"] .article-body code,
:root[data-theme="dark"] .static-page-content pre,
:root[data-theme="dark"] .static-page-content code {
    border-color: var(--app-border) !important;
    background: #09131e !important;
    color: #d8e6ef !important;
}

:root[data-theme="dark"] .article-body hr,
:root[data-theme="dark"] .static-page-content hr,
:root[data-theme="dark"] .article-related {
    border-color: var(--app-border) !important;
}

:root[data-theme="dark"] .static-contact-item {
    border-color: var(--app-border) !important;
    background: #0c1723 !important;
    color: #d8e2ec !important;
}

:root[data-theme="dark"] .static-contact-item:hover {
    border-color: var(--brand-primary-border) !important;
    background: #10251f !important;
    color: #5eead4 !important;
}

:root[data-theme="dark"] .static-contact-item i,
:root[data-theme="dark"] .static-contact-item strong {
    background: var(--brand-primary-soft) !important;
    color: #5eead4 !important;
}

:root[data-theme="dark"] .blog-card h2,
:root[data-theme="dark"] .blog-card h2 a {
    color: #eaf2f7 !important;
}

:root[data-theme="dark"] .blog-excerpt {
    color: #a9b7c6 !important;
}

:root[data-theme="dark"] .blog-meta {
    color: #8798aa !important;
}
:root[data-theme="dark"] .blog-editor,
:root[data-theme="dark"] .page-editor,
:root[data-theme="dark"] .landing-editor,
:root[data-theme="dark"] .popup-editor {
    border-color: var(--app-border-strong) !important;
    background: #0c1723 !important;
    color: #c8d3df !important;
}

:root[data-theme="dark"] .blog-editor h1,
:root[data-theme="dark"] .blog-editor h2,
:root[data-theme="dark"] .blog-editor h3,
:root[data-theme="dark"] .page-editor h1,
:root[data-theme="dark"] .page-editor h2,
:root[data-theme="dark"] .page-editor h3 {
    color: #eaf2f7 !important;
}

:root[data-theme="dark"] .blog-editor.is-html-source,
:root[data-theme="dark"] .page-editor.is-html-source,
:root[data-theme="dark"] .landing-editor.is-html-source,
:root[data-theme="dark"] .popup-editor.is-html-source {
    background: #09131e !important;
    color: #bfe7df !important;
}
:root[data-theme="dark"] .buff-service-item,
:root[data-theme="dark"] .buff-service-panel {
    border-color: var(--app-border) !important;
    background: #0c1723 !important;
    color: var(--app-text) !important;
}

:root[data-theme="dark"] .buff-service-head {
    background: #101e2c !important;
    color: var(--app-heading) !important;
}

:root[data-theme="dark"] .buff-service-panel {
    border-top-color: var(--app-border) !important;
}

:root[data-theme="dark"] .buff-variant-option {
    border-color: var(--app-border) !important;
    background: #142130 !important;
    color: #cbd9e5 !important;
}

:root[data-theme="dark"] .buff-variant-option:hover,
:root[data-theme="dark"] .buff-variant-option.is-active {
    border-color: var(--brand-primary-border) !important;
    background: #102c28 !important;
    color: #5eead4 !important;
}

:root[data-theme="dark"] .buff-variant-summary,
:root[data-theme="dark"] .buff-usage-notice {
    border-color: var(--app-border) !important;
    background: #101e2c !important;
    color: var(--app-text) !important;
}

:root[data-theme="dark"] .buff-variant-summary strong,
:root[data-theme="dark"] .buff-usage-notice strong,
:root[data-theme="dark"] .server-help-title,
:root[data-theme="dark"] .server-help-content strong {
    color: var(--app-heading) !important;
}

:root[data-theme="dark"] .server-help-subtitle,
:root[data-theme="dark"] .server-help-content span {
    color: var(--app-muted) !important;
}

:root[data-theme="dark"] .server-help-item,
:root[data-theme="dark"] .buff-service-total {
    border-color: var(--app-border) !important;
}

:root[data-theme="dark"] .buff-service-note,
:root[data-theme="dark"] .server-help-note {
    border-color: rgba(245, 158, 11, .34) !important;
    background: rgba(120, 53, 15, .2) !important;
    color: #fcd34d !important;
}

:root[data-theme="dark"] .buff-service-item.is-open {
    border-color: var(--brand-primary-border) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .2) !important;
}