.statistics-shell,
.enler-page-wrapper {
    width: 100% !important;
}

.statistics-shell {
    padding: 8px !important;
}

.statistics-group {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(124, 232, 179, .16) !important;
border-radius: 12px !important;
    background: linear-gradient(145deg, #07101f 0%, #0e1a2d 52%, #09121d 100%) !important;
    box-shadow: 0 8px 18px rgba(3, 10, 22, .18) !important;
    isolation: isolate !important;
}

.statistics-group:before,
.stat-card:before,
.enler-main-card:before {
    content: none !important;
    display: none !important;
}

.statistics-group+.statistics-group {
    margin-top: 12px !important;
}

.statistics-group-head {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.statistics-group-main {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(132px, 180px) !important;
    gap: 10px !important;
    align-items: center !important;
}

.statistics-group-title {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    color: #f8fbff !important;
    font-weight: 900 !important;
}

.statistics-group-icon,
.stat-card-icon,
.enler-hero-icon {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #20e18b !important;
    background: rgba(32, 225, 139, .14) !important;
    border: 1px solid rgba(124, 232, 179, .20) !important;
    box-shadow: none !important;
}

.statistics-group-subtitle {
    display: block !important;
    color: rgba(226, 240, 255, .62) !important;
    font-weight: 800 !important;
    margin-top: 2px !important;
}

.statistics-group-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 10px !important;
border-radius: 12px !important;
    color: #b7d7ff !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.statistics-toggle-btn,
.enler-toggle-btn,
.enler-stat-detail-btn {
    min-width: 34px !important;
    min-height: 34px !important;
border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: #d7ecff !important;
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .14) !important;
}

.statistics-graph-card {
    min-height: 72px !important;
    padding: 8px 9px !important;
border-radius: 12px !important;
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    box-shadow: none !important;
}

.statistics-graph-labels {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    color: rgba(226, 240, 255, .72) !important;
    font-weight: 900 !important;
}

.statistics-graph-labels strong {
    color: #20e18b !important;
    line-height: 1 !important;
}

.statistics-info-btn {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 50% !important;
    color: #b7d7ff !important;
    background: rgba(255, 255, 255, .08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
 

.statistics-sparkline {
    width: 100% !important;
    height: 42px !important;
    margin-top: 4px !important;
    overflow: visible !important;
}

.statistics-sparkline-shadow {
    fill: none !important;
    stroke: rgba(255, 255, 255, .10) !important;
    stroke-width: 2 !important;
    stroke-dasharray: 3 5 !important;
}

.statistics-sparkline-line {
    fill: none !important;
    stroke: #20e18b !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter: none !important;
}

.statistics-table-wrap {
    padding: 8px !important;
}

.statistics-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 7px !important;
}

.statistics-table th {
    padding: 0 7px 2px !important;
    border: 0 !important;
    color: rgba(226, 240, 255, .58) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

.statistics-table td {
    padding: 8px 7px !important;
    border: 0 !important;
    vertical-align: middle !important;
    background: rgba(255, 255, 255, .065) !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.statistics-table tbody td:first-child {
    border-left: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 8px 0 0 8px !important;
}

.statistics-table tbody td:last-child {
    border-right: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 0 8px 8px 0 !important;
}

.statistics-name {
    display: block !important;
    min-width: 0 !important;
    color: #f8fbff !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.statistics-row-track,
.stat-rank-meter {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    height: 5px !important;
    margin-top: 7px !important;
    border-radius: 99px !important;
    background: rgba(255, 255, 255, .10) !important;
}

.statistics-row-track span,
.stat-rank-meter span {
    display: block !important;
    width: var(--stat-ratio, var(--rank-ratio, 0%)) !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #20e18b 0%, #5cc8ff 72%, #ffd166 100%) !important;
    box-shadow: none !important;
}

.statistics-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    max-width: 104px !important;
    min-height: 30px !important;
    padding: 0 9px !important;
border-radius: 12px !important;
    color: #f8fbff !important;
    background: rgba(10, 17, 29, .62) !important;
    border: 1px solid rgba(124, 232, 179, .20) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
    box-shadow: none !important;
}

.statistics-value.is-muted {
    color: rgba(226, 240, 255, .52) !important;
    border-color: rgba(255, 255, 255, .10) !important;
}

.statistics-detail-row td {
    padding: 0 !important;
border-radius: 12px !important;
    background: transparent !important;
    border: 0 !important;
}

.statistics-detail-panel {
    margin-top: 2px !important;
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
border-radius: 12px !important;
    background: rgba(255, 255, 255, .06) !important;
}

.stat-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(124, 232, 179, .16) !important;
border-radius: 12px !important;
    background: linear-gradient(145deg, #07101f 0%, #101a2a 100%) !important;
    box-shadow: 0 8px 18px rgba(3, 10, 22, .16) !important;
    isolation: isolate;
}

.statistics-card-group-toggle.js-toggle-stat-group.btn.border-ff{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #20e18b !important;
    background: rgba(32, 225, 139, .10) !important;
    border-color: rgba(32, 225, 139, .22) !important;
    box-shadow: none !important;
}

.card-header.stat-card-head,
.card-header.stat-card-footer {
    background: transparent !important;
}

.card-footer.stat-card-head,
.card-footer.stat-card-footer {
    background: transparent !important;
}

.stat-card-head,
.stat-card-footer {
    background: transparent !important;
}

.stat-card .card-body {
    position: relative !important;
}

.stat-card .card-header span,
.stat-card .card-header i {
    color: #f8fbff !important;
}

.stat-card .text-muted {
    color: rgba(226, 240, 255, .58) !important;
}

.stat-rank-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 44px !important;
    padding: 7px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
border-radius: 12px !important;
    background: rgba(255, 255, 255, .06) !important;
}

.stat-card-person-img {
    height: 34px !important;
    width: 34px !important;
    flex: 0 0 34px !important;
    object-fit: cover !important;
border-radius: 12px !important;
    background: rgba(255, 255, 255, .08) !important;
}

.stat-card-rank {
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #07101f !important;
    background: #d7ecff !important;
    font-weight: 950 !important;
}

.stat-card-rank.rank-1 {
    background: linear-gradient(180deg, #ffe29a 0%, #ffb703 100%) !important;
}

.stat-card-rank.rank-2 {
    background: linear-gradient(180deg, #e7f2ff 0%, #9fc5e8 100%) !important;
}

.stat-card-rank.rank-3 {
    background: linear-gradient(180deg, #f6caa6 0%, #c47b42 100%) !important;
}

.stat-rank-content span:first-child {
    color: #f8fbff !important;
}

.stat-card-value {
    width: clamp(44px, 18vw, 62px) !important;
    min-width: 0 !important;
    flex: 0 0 clamp(44px, 18vw, 62px) !important;
}

.stat-card-score {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 31px !important;
border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #20e18b !important;
    background: rgba(32, 225, 139, .10) !important;
    border: 1px solid rgba(32, 225, 139, .22) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    white-space: normal !important;
}

.stat-card-footer .btn {
    color: #d7ecff !important;
    background: rgba(255, 255, 255, .07) !important;
    border-color: rgba(255, 255, 255, .12) !important;
}

.stat-tree-action {
    width: 34px !important;
    min-width: 34px !important;
    height: 30px !important;
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 0 !important;
border-radius: 12px !important;
    color: #20e18b !important;
    background: rgba(32, 225, 139, .10) !important;
    border: 1px solid rgba(32, 225, 139, .22) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.stat-tree-action i,
.stat-tree-action span {
    color: inherit !important;
}
 

.stat-tree-action:disabled,
.stat-tree-action[aria-disabled="true"] {
    color: rgba(226, 240, 255, .46) !important;
    background: rgba(255, 255, 255, .05) !important;
    border-color: rgba(255, 255, 255, .09) !important;
    cursor: not-allowed !important;
}

.stat-card-detail-btn {
    flex: 0 0 auto !important;
}

.statistics-card-groups {
    width: 100% !important;
    padding: 8px !important;
}

.statistics-card-group {
    padding: 10px !important;
    border: 1px solid rgba(124, 232, 179, .16) !important;
    border-radius: 12px !important;
    background: linear-gradient(145deg, #07101f 0%, #0f1b2d 100%) !important;
    box-shadow: 0 8px 18px rgba(3, 10, 22, .16) !important;
}

.statistics-card-group+.statistics-card-group {
    margin-top: 12px !important;
}

.statistics-card-group-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .065) !important;
}

.statistics-card-group-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #f8fbff !important;
    font-weight: 950 !important;
}

.statistics-card-group-desc {
    display: block !important;
    margin-top: 2px !important;
    color: rgba(226, 240, 255, .58) !important;
    font-weight: 800 !important;
}

.statistics-card-group-count {
    white-space: nowrap !important;
}

.statistics-card-group-toggle {
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: #d7ecff !important;
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .14) !important;
}

.statistics-card-group-body {
    padding-top: 10px !important;
}

.enler-main-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(124, 232, 179, .16) !important;
border-radius: 12px !important;
    background: linear-gradient(145deg, #07101f 0%, #0f1b2d 100%) !important;
    box-shadow: 0 8px 18px rgba(3, 10, 22, .18) !important;
    isolation: isolate !important;
}

.enler-hero {
    padding: 15px 14px 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}
 

.enler-live-dot {
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    background: #20e18b !important;
    box-shadow: none !important;
}

.enler-section {
    padding: 10px !important;
}

.enler-section+.enler-section {
    border-top: 1px solid rgba(255, 255, 255, .07) !important;
}

.enler-section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 10px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
border-radius: 12px !important;
    background: rgba(255, 255, 255, .065) !important;
}

.enler-section-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #f8fbff !important;
    font-weight: 950 !important;
}

.enler-section-desc {
    display: block !important;
    margin-top: 2px !important;
    color: rgba(226, 240, 255, .58) !important;
    font-weight: 800 !important;
}

.enler-section-count {
    white-space: nowrap !important;
}

.enler-section-body {
    padding-top: 10px !important;
}

.enler-grid {
    display: grid !important;
    gap: 9px !important;
}

.enler-grid-regular {
    grid-template-columns: repeat(auto-fit, minmax(166px, 1fr)) !important;
}

.enler-grid-mini {
    grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)) !important;
}

.enler-card {
    position: relative;
    min-height: 222px !important;
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    cursor: pointer !important;
    isolation: isolate !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .045) 100%) !important;
    box-shadow: 0 6px 14px rgba(3, 10, 22, .16) !important;
    transition: border-color .14s ease-in-out, background .14s ease-in-out !important;
}

.enler-card:before {
    content: "" !important;
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, #20e18b 0%, #5cc8ff 55%, #ffd166 100%) !important;
    z-index: 1;
}
 

.enler-card-top {
    min-height: 44px !important;
    padding: 13px 10px 4px 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.enler-card-title {
    color: #f8fbff !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
}

.enler-rank {
    position: absolute;
    left: 10px;
    top: 48px;
    width: 28px !important;
    height: 28px !important;
border-radius: 12px !important;
    background: linear-gradient(180deg, #ffe29a 0%, #ffb703 100%) !important;
    color: #07101f !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 950 !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    box-shadow: none !important;
    z-index: 2;
}

.enler-image-area {
    position: relative;
    height: 78px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    margin-top: 2px !important;
}

.enler-image-area:before {
    content: none !important;
    display: none !important;
}

.enler-main-img {
    position: relative;
    width: 72px !important;
    height: 72px !important;
    object-fit: cover !important;
    object-position: top center !important;
    border-radius: 18px !important;
    border: 2px solid rgba(255, 255, 255, .86) !important;
    box-shadow: none !important;
}

.enler-team-badge {
    position: absolute;
    right: 18px;
    bottom: 7px;
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
    padding: 3px !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
}

.enler-player-name,
.enler-player-subtitle,
.enler-value,
.enler-value-label {
    display: block !important;
    text-align: center !important;
}

.enler-player-name {
    padding: 9px 12px 0 !important;
    color: #f8fbff !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
}

.enler-player-subtitle {
    padding: 4px 12px 0 !important;
    color: rgba(226, 240, 255, .62) !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
}

.enler-values {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1px !important;
    margin: 11px 12px 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
border-radius: 12px !important;
    background: rgba(255, 255, 255, .08) !important;
}

.enler-values.is-single {
    grid-template-columns: 1fr !important;
}

.enler-value-item {
    min-width: 0 !important;
    padding: 8px 6px !important;
    background: rgba(4, 12, 24, .54) !important;
}

.enler-value {
    color: #20e18b !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
}

.enler-value-label {
    padding-top: 3px !important;
    color: rgba(226, 240, 255, .58) !important;
    font-weight: 850 !important;
}

.enler-card-mini {
    min-height: 176px !important;
}

.enler-card-mini .enler-card-top {
    min-height: 34px !important;
    padding: 10px 8px 2px 28px !important;
}

.enler-card-mini .enler-rank {
    left: 8px;
    top: 39px;
    width: 22px !important;
    height: 22px !important;
    border-radius: 7px !important;
}

.enler-card-mini .enler-image-area {
    height: 54px !important;
}

.enler-card-mini .enler-main-img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
}

.enler-card-mini .enler-team-badge {
    width: 25px !important;
    height: 25px !important;
    right: 9px;
    bottom: 4px;
    border-radius: 6px !important;
    padding: 2px !important;
}

.enler-card-mini .enler-player-name {
    padding-top: 5px !important;
}

.enler-card-mini .enler-player-subtitle {
    display: none !important;
}

.enler-card-mini .enler-values {
    grid-template-columns: 1fr !important;
    margin: 7px 8px 0 !important;
}

.enler-card-mini .enler-value-item {
    padding: 5px 6px !important;
}

.enler-card-spacer {
    flex: 1 1 auto !important;
}

.enler-card-footer {
    margin-top: auto !important;
    padding: 8px 10px 9px !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    background: rgba(4, 12, 24, .30) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

.enler-card-footer-label {
    color: #20e18b !important;
    font-weight: 900 !important;
}

.enler-card-detail-link {
    min-height: 30px !important;
    border: 1px solid rgba(32, 225, 139, .18) !important;
border-radius: 12px !important;
    background: rgba(32, 225, 139, .08) !important;
    color: #20e18b !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.enler-empty-state {
    min-height: 132px !important;
    color: rgba(226, 240, 255, .66) !important;
}

.enler-empty-state .fw-bold {
    color: #f8fbff !important;
}

.enler-empty-icon {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
    color: #b7d7ff !important;
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
}

.enler-empty-card {
    padding: 18px !important;
    text-align: center !important;
    border: 1px dashed rgba(255, 255, 255, .18) !important;
border-radius: 12px !important;
    color: rgba(226, 240, 255, .66) !important;
    background: rgba(255, 255, 255, .06) !important;
}

.truncate-1-lines {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body .statistics-group .statistics-group-title,
body .statistics-group .statistics-name,
body .statistics-group .statistics-value,
body .statistics-group .statistics-graph-labels,
body .statistics-group .statistics-detail-panel,
body .stat-card .stat-rank-content span:first-child,
body .stat-card .stat-card-score,
body .enler-main-card .enler-section-title,
body .enler-main-card .enler-card-title,
body .enler-main-card .enler-player-name,
body .enler-main-card .enler-value {
    color: #f8fbff !important;
}

body .statistics-group .statistics-graph-labels strong,
body .stat-card .stat-card-score,
body .enler-main-card .enler-value,
body .enler-main-card .enler-card-footer-label,
body .enler-main-card .stat-tree-action {
    color: #20e18b !important;
}

body .statistics-group .statistics-group-subtitle,
body .statistics-group .statistics-detail-panel .text-white-50,
body .stat-card .text-muted,
body .stat-card .stat-rank-content .text-muted,
body .enler-main-card .enler-section-desc,
body .enler-main-card .enler-player-subtitle,
body .enler-main-card .enler-value-label {
    color: rgba(226, 240, 255, .62) !important;
}

body .statistics-group .statistics-toggle-btn.category-toggle,
body .statistics-group .statistics-info-btn.statistics-info-btn,
body .statistics-group .stat-tree-action.stat-tree-action,
body .stat-card .stat-tree-action.stat-tree-action,
body .enler-main-card .stat-tree-action.stat-tree-action,
body .enler-main-card .enler-toggle-btn.enler-toggle-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #20e18b !important;
    background: rgba(32, 225, 139, .10) !important;
    border-color: rgba(32, 225, 139, .22) !important;
    box-shadow: none !important;
}

body .statistics-group .statistics-toggle-btn.category-toggle {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    color: #d7ecff !important;
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .14) !important;
}

body .statistics-group .statistics-group-title .statistics-toggle-btn.category-toggle {
    margin-left: auto !important;
    flex: 0 0 34px !important;
}

.swal2-popup.stat-tree-modal-popup {
    color: #f8fbff !important;
    background: #07101f !important;
    border: 1px solid rgba(124, 232, 179, .18) !important;
}

.swal2-popup.stat-tree-modal-popup .swal2-title {
    color: #f8fbff !important;
}

.swal2-popup.stat-tree-modal-popup .statistics-detail-panel,
.swal2-popup.stat-tree-modal-popup .js-stat-tree-panel {
    color: #f8fbff !important;
    background: rgba(255, 255, 255, .07) !important;
}

.swal2-popup.stat-tree-modal-popup .text-white-50,
.swal2-popup.stat-tree-modal-popup .text-muted {
    color: rgba(226, 240, 255, .68) !important;
}
 

@media (min-width: 1200px) {
    .enler-grid-regular {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    .enler-grid-mini {
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575.98px) {
    .statistics-shell {
        padding: 6px !important;
    }

    .statistics-group-head {
        gap: 8px !important;
        padding: 10px !important;
        align-items: flex-start !important;
    }

    .statistics-group-main {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .statistics-graph-card {
        min-height: 58px !important;
    }

    .statistics-sparkline {
        height: 30px !important;
    }

    .statistics-group-meta {
        display: none !important;
    }

    .statistics-table th {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .statistics-table td {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .statistics-name {
        line-height: 1.15 !important;
    }

    .statistics-value {
        min-width: 38px !important;
        max-width: 76px !important;
        min-height: 27px !important;
        padding: 0 5px !important;
    }

    .stat-rank-row {
        gap: 6px !important;
        padding: 6px !important;
    }

    .stat-card-person-img {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    .stat-card-value {
        width: 42px !important;
        flex-basis: 42px !important;
    }

    .stat-card-score {
        min-height: 28px !important;
        padding: 0 3px !important;
        font-size: .62rem !important;
    }

    .enler-hero {
        padding: 13px 12px 10px !important;
    }

    .enler-section {
        padding: 9px !important;
    }

    .enler-grid-regular,
    .enler-grid-mini {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .enler-card {
        min-height: 206px !important;
    }

    .enler-main-img {
        width: 62px !important;
        height: 62px !important;
    }

    .enler-team-badge {
        right: 10px !important;
    }
}

body {
    --stat-premium-accent: #169b62;
    --stat-premium-accent-strong: #0f7f50;
    --stat-premium-accent-soft: rgba(22, 155, 98, .10);
    --stat-premium-accent-border: rgba(22, 155, 98, .20);
    --stat-premium-ink: #12201b;
    --stat-premium-muted: rgba(18, 32, 27, .62);
    --stat-premium-muted-strong: rgba(18, 32, 27, .76);
    --stat-premium-surface: linear-gradient(145deg, rgba(255, 255, 255, .98) 0%, rgba(246, 251, 248, .94) 54%, rgba(239, 248, 243, .92) 100%);
    --stat-premium-surface-solid: rgba(255, 255, 255, .96);
    --stat-premium-surface-soft: rgba(246, 251, 248, .86);
    --stat-premium-row: rgba(255, 255, 255, .72);
    --stat-premium-row-strong: rgba(248, 253, 250, .94);
    --stat-premium-border: rgba(20, 78, 51, .11);
    --stat-premium-border-strong: rgba(22, 155, 98, .22);
    --stat-premium-pill: rgba(22, 155, 98, .10);
    --stat-premium-blue: #245d7a;
    --stat-premium-shadow: 0 18px 46px rgba(17, 52, 37, .10), 0 4px 14px rgba(17, 52, 37, .06), inset 0 1px 0 rgba(255, 255, 255, .92);
    --stat-premium-shadow-soft: 0 10px 26px rgba(17, 52, 37, .08), inset 0 1px 0 rgba(255, 255, 255, .84);
    --stat-premium-rank-bg: #eaf5ff;
    --stat-premium-footer: rgba(245, 251, 248, .78);
}

body.dark-mode,
body.darkmode {
    --stat-premium-accent: #20e18b;
    --stat-premium-accent-strong: #20e18b;
    --stat-premium-accent-soft: rgba(32, 225, 139, .10);
    --stat-premium-accent-border: rgba(32, 225, 139, .22);
    --stat-premium-ink: #f8fbff;
    --stat-premium-muted: rgba(226, 240, 255, .62);
    --stat-premium-muted-strong: rgba(226, 240, 255, .72);
    --stat-premium-surface: linear-gradient(145deg, #07101f 0%, #0f1b2d 100%);
    --stat-premium-surface-solid: rgba(10, 17, 29, .92);
    --stat-premium-surface-soft: rgba(255, 255, 255, .065);
    --stat-premium-row: rgba(255, 255, 255, .06);
    --stat-premium-row-strong: rgba(255, 255, 255, .08);
    --stat-premium-border: rgba(255, 255, 255, .10);
    --stat-premium-border-strong: rgba(124, 232, 179, .16);
    --stat-premium-pill: rgba(255, 255, 255, .07);
    --stat-premium-blue: #b7d7ff;
    --stat-premium-shadow: 0 8px 18px rgba(3, 10, 22, .18);
    --stat-premium-shadow-soft: 0 8px 18px rgba(3, 10, 22, .16);
    --stat-premium-rank-bg: #d7ecff;
    --stat-premium-footer: rgba(4, 12, 24, .30);
}

body .statistics-group,
body .stat-card,
body .statistics-card-group,
body .enler-main-card {
    color: var(--stat-premium-ink) !important;
    background: var(--stat-premium-surface) !important;
    border-color: var(--stat-premium-border-strong) !important;
    box-shadow: var(--stat-premium-shadow) !important;
}

body .statistics-group-head,
body .enler-hero {
    border-color: var(--stat-premium-border) !important;
}

body .statistics-card-group-header,
body .enler-section-header,
body .statistics-graph-card,
body .statistics-detail-panel,
body .stat-rank-row,
body .enler-card,
body .enler-value-item,
body .enler-empty-icon,
body .enler-empty-card,
body .stat-card-person-img {
    color: var(--stat-premium-ink) !important;
    background: var(--stat-premium-row) !important;
    border-color: var(--stat-premium-border) !important;
    box-shadow: none !important;
}

body .enler-card-top,
body .enler-card-footer {
    background: var(--stat-premium-footer) !important;
    border-color: var(--stat-premium-border) !important;
}

body .statistics-group .statistics-group-title,
body .statistics-group .statistics-name,
body .statistics-group .statistics-value,
body .statistics-group .statistics-graph-labels,
body .statistics-group .statistics-detail-panel,
body .statistics-card-group-title,
body .stat-card .stat-rank-content span:first-child,
body .stat-card .card-header span,
body .stat-card .card-header i,
body .enler-main-card .enler-section-title,
body .enler-main-card .enler-card-title,
body .enler-main-card .enler-player-name,
body .enler-main-card .enler-value,
body .enler-empty-state .fw-bold,
body .swal2-popup.stat-tree-modal-popup,
body .swal2-popup.stat-tree-modal-popup .swal2-title,
body .swal2-popup.stat-tree-modal-popup .statistics-detail-panel,
body .swal2-popup.stat-tree-modal-popup .js-stat-tree-panel {
    color: var(--stat-premium-ink) !important;
}

body .statistics-group .statistics-group-subtitle,
body .statistics-group .statistics-detail-panel .text-white-50,
body .statistics-card-group-desc,
body .stat-card .text-muted,
body .stat-card .stat-rank-content .text-muted,
body .enler-main-card .enler-section-desc,
body .enler-main-card .enler-player-subtitle,
body .enler-main-card .enler-value-label,
body .enler-empty-state,
body .enler-empty-card,
body .swal2-popup.stat-tree-modal-popup .text-white-50,
body .swal2-popup.stat-tree-modal-popup .text-muted {
    color: var(--stat-premium-muted) !important;
}

body .statistics-group-icon,
body .stat-card-icon,
body .enler-hero-icon {
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-accent-soft) !important;
    border-color: var(--stat-premium-accent-border) !important;
}

body .statistics-group .statistics-graph-labels strong,
body .stat-card .stat-card-score,
body .enler-main-card .enler-value,
body .enler-main-card .enler-card-footer-label,
body .enler-main-card .stat-tree-action,
body .statistics-card-group-toggle.js-toggle-stat-group.btn.border-ff,
body .statistics-group .statistics-toggle-btn.category-toggle,
body .statistics-group .statistics-info-btn.statistics-info-btn,
body .statistics-group .stat-tree-action.stat-tree-action,
body .stat-card .stat-tree-action.stat-tree-action,
body .enler-main-card .stat-tree-action.stat-tree-action,
body .enler-main-card .enler-toggle-btn.enler-toggle-btn {
    color: var(--stat-premium-accent) !important;
}

body .statistics-card-group-count,
body .enler-section-count,
body .statistics-group-meta,
body .stat-card-score,
body .stat-tree-action,
body .enler-card-detail-link,
body .statistics-card-group-toggle,
body .statistics-toggle-btn,
body .enler-toggle-btn,
body .enler-stat-detail-btn {
    background: var(--stat-premium-accent-soft) !important;
    border-color: var(--stat-premium-accent-border) !important;
    color: var(--stat-premium-accent) !important;
    box-shadow: none !important;
}

body .statistics-row-track,
body .stat-rank-meter {
    background: rgba(22, 155, 98, .08) !important;
}

body.dark-mode .statistics-row-track,
body.darkmode .statistics-row-track,
body.dark-mode .stat-rank-meter,
body.darkmode .stat-rank-meter {
    background: rgba(255, 255, 255, .08) !important;
}

body .statistics-row-track span,
body .stat-rank-meter span,
body .enler-live-dot {
    background: var(--stat-premium-accent) !important;
}

body .statistics-sparkline-shadow {
    stroke: rgba(22, 155, 98, .10) !important;
}

body .statistics-sparkline-line {
    stroke: var(--stat-premium-accent) !important;
}

body .stat-card-rank {
    color: var(--stat-premium-ink) !important;
    background: var(--stat-premium-rank-bg) !important;
}

body .stat-card-rank.rank-1,
body .enler-rank {
    color: #3a2a02 !important;
    background: linear-gradient(180deg, #fff1ba 0%, #f5b829 100%) !important;
}

body .stat-card-rank.rank-2 {
    color: #1a3443 !important;
    background: linear-gradient(180deg, #f6fbff 0%, #bfd7ea 100%) !important;
}

body .stat-card-rank.rank-3 {
    color: #3d2110 !important;
    background: linear-gradient(180deg, #ffd9bb 0%, #c7834b 100%) !important;
}

body .enler-main-img,
body .enler-team-badge {
    border-color: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 12px 28px rgba(17, 52, 37, .14) !important;
}

body.dark-mode .enler-main-img,
body.darkmode .enler-main-img,
body.dark-mode .enler-team-badge,
body.darkmode .enler-team-badge {
    box-shadow: 0 14px 34px rgba(0, 0, 0, .32) !important;
}

body .swal2-popup.stat-tree-modal-popup {
    background: var(--stat-premium-surface) !important;
    border-color: var(--stat-premium-border-strong) !important;
    box-shadow: var(--stat-premium-shadow) !important;
}

body .swal2-popup.stat-tree-modal-popup .statistics-detail-panel,
body .swal2-popup.stat-tree-modal-popup .js-stat-tree-panel {
    background: var(--stat-premium-row) !important;
    border-color: var(--stat-premium-border) !important;
}

body.dark-mode .statistics-group,
body.darkmode .statistics-group,
body.dark-mode .stat-card,
body.darkmode .stat-card,
body.dark-mode .card.stat-card,
body.darkmode .card.stat-card,
body.dark-mode .statistics-card-group,
body.darkmode .statistics-card-group,
body.dark-mode .enler-main-card {
    background: var(--stat-premium-surface) !important;
    border-color: var(--stat-premium-border-strong) !important;
    box-shadow: var(--stat-premium-shadow) !important;
}

body.dark-mode .statistics-card-group-header,
body.darkmode .statistics-card-group-header,
body.dark-mode .enler-section-header,
body.darkmode .enler-section-header,
body.dark-mode .statistics-graph-card,
body.darkmode .statistics-graph-card,
body.dark-mode .statistics-detail-panel,
body.darkmode .statistics-detail-panel,
body.dark-mode .stat-rank-row,
body.darkmode .stat-rank-row,
body.dark-mode .enler-card,
body.darkmode .enler-card,
body.dark-mode .enler-value-item,
body.darkmode .enler-value-item,
body.dark-mode .enler-empty-icon,
body.darkmode .enler-empty-icon,
body.dark-mode .enler-empty-card,
body.darkmode .enler-empty-card {
    background: var(--stat-premium-row) !important;
    border-color: var(--stat-premium-border) !important;
}

body.dark-mode .card-header.stat-card-head,
body.darkmode .card-header.stat-card-head,
body.dark-mode .card-footer.stat-card-footer,
body.darkmode .card-footer.stat-card-footer,
body.dark-mode .stat-card-head,
body.darkmode .stat-card-head,
body.dark-mode .stat-card-footer,
body.darkmode .stat-card-footer {
    background: transparent !important;
    border-color: var(--stat-premium-border) !important;
    box-shadow: none !important;
}

body.dark-mode .stat-card .btn,
body.darkmode .stat-card .btn,
body.dark-mode .statistics-card-group .btn,
body.darkmode .statistics-card-group .btn,
body.dark-mode .statistics-group .btn,
body.darkmode .statistics-group .btn,
body.dark-mode .enler-main-card .btn,
body.darkmode .enler-main-card .btn {
    background: var(--stat-premium-accent-soft) !important;
    border-color: var(--stat-premium-accent-border) !important;
    color: var(--stat-premium-accent) !important;
    box-shadow: none !important;
}

body.dark-mode .stat-card .stat-rank-row,
body.darkmode .stat-card .stat-rank-row,
body.dark-mode .stat-card .stat-card-person-img,
body.darkmode .stat-card .stat-card-person-img {
    background: var(--stat-premium-row) !important;
    border-color: var(--stat-premium-border) !important;
}

body:not(.dark-mode):not(.darkmode) .statistics-group .text-white,
body:not(.dark-mode):not(.darkmode) .statistics-card-group .text-white,
body:not(.dark-mode):not(.darkmode) .stat-card .text-white,
body:not(.dark-mode):not(.darkmode) .enler-main-card .text-white,
body:not(.dark-mode):not(.darkmode) .swal2-popup.stat-tree-modal-popup .text-white {
    color: var(--stat-premium-ink) !important;
}

body:not(.dark-mode):not(.darkmode) .statistics-group .text-white-50,
body:not(.dark-mode):not(.darkmode) .statistics-group .text-white-75,
body:not(.dark-mode):not(.darkmode) .statistics-card-group .text-white-50,
body:not(.dark-mode):not(.darkmode) .statistics-card-group .text-white-75,
body:not(.dark-mode):not(.darkmode) .stat-card .text-white-50,
body:not(.dark-mode):not(.darkmode) .stat-card .text-white-75,
body:not(.dark-mode):not(.darkmode) .enler-main-card .text-white-50,
body:not(.dark-mode):not(.darkmode) .enler-main-card .text-white-75,
body:not(.dark-mode):not(.darkmode) .swal2-popup.stat-tree-modal-popup .text-white-50,
body:not(.dark-mode):not(.darkmode) .swal2-popup.stat-tree-modal-popup .text-white-75 {
    color: var(--stat-premium-muted) !important;
}

body:not(.dark-mode):not(.darkmode) .stat-card .js-toggle-more-text.text-white,
body:not(.dark-mode):not(.darkmode) .statistics-group .stat-tree-action .text-white,
body:not(.dark-mode):not(.darkmode) .statistics-card-group .statistics-card-group-toggle .text-white,
body:not(.dark-mode):not(.darkmode) .enler-main-card .stat-tree-action .text-white,
body:not(.dark-mode):not(.darkmode) .enler-main-card .enler-toggle-btn .text-white,
body:not(.dark-mode):not(.darkmode) .enler-main-card .enler-hero-icon.text-white,
body:not(.dark-mode):not(.darkmode) .enler-main-card .enler-hero-icon .text-white {
    color: var(--stat-premium-accent) !important;
}