.chartContainer__5sv1ls {
    width: 100%;
    background: var(--card-bg, #1a1a1a);
    border-radius: var(--border-radius-md, 12px);
    border: 1px solid var(--border-color, #333);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    position: relative
}

.chartWrapper__9dh1e6 {
    flex: 1 1;
    min-height: 200px;
    position: relative
}

.chartInfo__rm4y5r {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #333)
}

.legend__seonu2 {
    display: flex;
    gap: 1.5rem
}

.legendItem__r8cen7 {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    color: var(--muted, #9ca3af)
}

.legendColor__83a8k9 {
    width: 12px;
    height: 12px;
    border-radius: 2px
}

.stats__lnhlya {
    display: flex;
    gap: 1rem
}

.stat__eg2ii9 {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.statLabel__xej3y5 {
    font-size: .75rem;
    color: var(--muted, #9ca3af);
    text-transform: uppercase;
    letter-spacing: .5px
}

.statValue__x90y80 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-color, #36d300)
}

.loading__wx0l6n {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--muted, #9ca3af)
}

.loadingSpinner__2xm78m {
    width: 32px;
    height: 32px;
    border-top: 3px solid var(--border-color, #333);
    border: 3px solid var(--border-color, #333);
    border-top-color: var(--primary-color, #36d300);
    border-radius: 50%;
    animation: spin__eg2fq7 1s linear infinite;
    margin-bottom: 1rem
}

@keyframes spin__eg2fq7 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.error__lfrk5n {
    flex-direction: column;
    color: #ef4444;
    text-align: center
}

.empty__lfobv4,
.error__lfrk5n {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.empty__lfobv4 {
    color: var(--muted, #9ca3af)
}

@media (max-width:768px) {
    .chartContainer__5sv1ls {
        padding: 1rem
    }
    .chartInfo__rm4y5r {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch
    }
    .legend__seonu2,
    .stats__lnhlya {
        justify-content: center
    }
    .stat__eg2ii9 {
        align-items: center
    }
}

@media (max-width:480px) {
    .legend__seonu2,
    .stats__lnhlya {
        flex-direction: column;
        gap: .5rem
    }
}

.adminUsersTab__y02l94 {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.adminUsersHeader__ntzrva {
    text-align: center;
    margin-bottom: 1rem
}

.adminUsersTitle__1phnh7 {
    color: var(--text-color);
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 .5rem
}

.adminUsersSubtitle__non3hx {
    color: var(--muted);
    font-size: 1rem;
    max-width: 600px;
    margin: 0 auto
}

.adminUsersChart__1g44gx {
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    padding: 2rem;
    border: 1px solid var(--border-color)
}

.chartTitle__k5enha {
    color: var(--text-color);
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
    text-align: center
}

.adminUsersStats__1p4huq {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 1rem;
    gap: 1rem
}

.adminUsersStatCard__8iijfl {
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    padding: 1.5rem;
    border: 1px solid var(--border-color);
    text-align: center
}

.adminUsersStatCard__8iijfl h3 {
    color: var(--text-color);
    font-size: .9rem;
    font-weight: 500;
    margin: 0 0 .5rem;
    opacity: .8
}

.adminUsersStatValue__jw1i68 {
    color: var(--primary-color);
    font-size: 2rem;
    font-weight: 700;
    margin: 0
}

.adminUsersTableContainer__qwx3hs {
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    overflow: hidden
}

.userName__yveaiu {
    font-weight: 600;
    color: var(--text-color)
}

.userEmail__fpcysz {
    color: var(--text-color);
    font-size: .9rem
}

.accountField__nxm3fz {
    font-family: Monaco, Menlo, Ubuntu Mono, monospace;
    font-size: .75rem;
    background: rgba(255, 255, 255, .05);
    padding: .25rem .5rem;
    border-radius: var(--border-radius-sm);
    color: var(--primary-color)
}

.userDate__yvko83 {
    color: var(--muted);
    font-size: .8rem
}

.adminUsersError__1heg23 {
    padding: 3rem;
    text-align: center;
    color: var(--error)
}

.adminUsersError__1heg23 p {
    margin: 0 0 1rem;
    font-size: 1.1rem
}

@media (max-width:768px) {
    .adminUsersTab__y02l94 {
        gap: 1.5rem
    }
    .adminUsersTitle__1phnh7 {
        font-size: 1.5rem
    }
    .adminUsersStats__1p4huq {
        grid-template-columns: repeat(2, 1fr);
        gap: .75rem
    }
    .adminUsersStatCard__8iijfl {
        padding: 1rem
    }
    .adminUsersStatValue__jw1i68 {
        font-size: 1.5rem
    }
}

@media (max-width:480px) {
    .adminUsersStats__1p4huq {
        grid-template-columns: 1fr
    }
    .adminUsersError__1heg23 {
        padding: 2rem 1rem
    }
}

.container__4z4kpv {
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.header__gc1nrp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(54, 211, 0, .3)
}

.header__gc1nrp h2 {
    margin: 0;
    color: var(--text);
    font-size: 28px;
    font-weight: 600
}

.statsGrid__mim1i1 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 20px;
    gap: 20px;
    margin-bottom: 30px
}

.statCard__ujbme6 {
    background: var(--card-bg);
    color: var(--text);
    padding: 24px;
    border-radius: 16px;
    border: 1px solid rgba(54, 211, 0, .2);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .3), 0 2px 8px rgba(54, 211, 0, .1);
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.statCard__ujbme6:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(54, 211, 0, .08), rgba(253, 131, 9, .06));
    opacity: 0;
    transition: opacity .3s ease
}

.statCard__ujbme6:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .4), 0 6px 16px rgba(54, 211, 0, .2);
    border-color: rgba(54, 211, 0, .4)
}

.statCard__ujbme6:hover:before {
    opacity: 1
}

.statCard__ujbme6:first-child {
    border-color: rgba(54, 211, 0, .4);
    background: linear-gradient(135deg, rgba(54, 211, 0, .1), rgba(54, 211, 0, .05))
}

.statCard__ujbme6:nth-child(2) {
    border-color: rgba(253, 131, 9, .4);
    background: linear-gradient(135deg, rgba(253, 131, 9, .1), rgba(253, 131, 9, .05))
}

.statCard__ujbme6:nth-child(3) {
    border-color: rgba(59, 130, 246, .4);
    background: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(59, 130, 246, .05))
}

.statCard__ujbme6:nth-child(4) {
    border-color: rgba(168, 85, 247, .4);
    background: linear-gradient(135deg, rgba(168, 85, 247, .1), rgba(168, 85, 247, .05))
}

.statCard__ujbme6:nth-child(5) {
    border-color: rgba(236, 72, 153, .4);
    background: linear-gradient(135deg, rgba(236, 72, 153, .1), rgba(236, 72, 153, .05))
}

.statCard__ujbme6:nth-child(6) {
    border-color: rgba(14, 165, 233, .4);
    background: linear-gradient(135deg, rgba(14, 165, 233, .1), rgba(14, 165, 233, .05))
}

@keyframes statCardFadeIn__z1en9f {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(.95)
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

.statCard__ujbme6 {
    animation: statCardFadeIn__z1en9f .6s ease-out forwards
}

.statCard__ujbme6:first-child {
    animation-delay: .1s
}

.statCard__ujbme6:nth-child(2) {
    animation-delay: .2s
}

.statCard__ujbme6:nth-child(3) {
    animation-delay: .3s
}

.statCard__ujbme6:nth-child(4) {
    animation-delay: .4s
}

.statCard__ujbme6:nth-child(5) {
    animation-delay: .5s
}

.statCard__ujbme6:nth-child(6) {
    animation-delay: .6s
}

.statValue__my3l7l {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 8px;
    line-height: 1;
    background: linear-gradient(135deg, var(--primary-color) 0, var(--secondary-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: flex;
    align-items: center;
    gap: 8px
}

.statLabel__n3lqxq {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .8px;
    opacity: .9
}

.statCard__ujbme6:first-child .statValue__my3l7l:before {
    content: "👥";
    font-size: 20px
}

.statCard__ujbme6:nth-child(2) .statValue__my3l7l:before {
    content: "👆";
    font-size: 20px
}

.statCard__ujbme6:nth-child(3) .statValue__my3l7l:before {
    content: "✅";
    font-size: 20px
}

.statCard__ujbme6:nth-child(4) .statValue__my3l7l:before {
    content: "💰";
    font-size: 20px
}

.statCard__ujbme6:nth-child(5) .statValue__my3l7l:before {
    content: "📨";
    font-size: 20px
}

.statCard__ujbme6:nth-child(6) .statValue__my3l7l:before {
    content: "🎯";
    font-size: 20px
}

.section__a9vtfr {
    margin-bottom: 30px
}

.insightsCard__ab923t {
    background: var(--card-bg);
    border: 1px solid rgba(54, 211, 0, .2);
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 4px 16px rgba(54, 211, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.insightsHeader__vjtyvu {
    margin-bottom: 32px;
    text-align: center
}

.insightsHeader__vjtyvu h3 {
    margin: 0 0 8px;
    color: var(--text);
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--primary-color) 0, var(--secondary-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.insightsSubtitle__5uogwf {
    color: var(--muted);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 400px;
    margin: 0 auto
}

.insightsGrid__abbyfz {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 24px;
    gap: 24px;
    margin-bottom: 32px
}

.insight__a25bp6 {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
    background: rgba(13, 15, 19, .8);
    border-radius: 12px;
    border: 1px solid rgba(54, 211, 0, .2);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 6px rgba(54, 211, 0, .1);
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px)
}

.insight__a25bp6:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, transparent, rgba(54, 211, 0, .05));
    opacity: 0;
    transition: opacity .3s ease
}

.insight__a25bp6:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, .4), 0 6px 16px rgba(54, 211, 0, .15)
}

.insight__a25bp6:hover:before {
    opacity: 1
}

.insightConversion__3rtb8w {
    border-color: rgba(59, 130, 246, .4);
    background: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(59, 130, 246, .05))
}

.insightTokens__lkbdtg {
    border-color: rgba(253, 131, 9, .4);
    background: linear-gradient(135deg, rgba(253, 131, 9, .1), rgba(253, 131, 9, .05))
}

.insightActive__ce0v8g {
    border-color: rgba(54, 211, 0, .4);
    background: linear-gradient(135deg, rgba(54, 211, 0, .1), rgba(54, 211, 0, .05))
}

.insightCompletion__w27wty {
    border-color: rgba(139, 92, 246, .4);
    background: linear-gradient(135deg, rgba(139, 92, 246, .1), rgba(139, 92, 246, .05))
}

.insightIcon__y229rh {
    font-size: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, .1);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .1)
}

.insightContent__75phep {
    flex: 1 1;
    min-width: 0
}

.insightLabel__9qc90a {
    font-size: 12px;
    color: var(--muted);
    margin-bottom: 8px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    opacity: .8
}

.insightValue__9vueqf {
    font-size: 32px;
    font-weight: 800;
    color: var(--text);
    margin-bottom: 8px;
    line-height: 1;
    background: linear-gradient(135deg, var(--primary-color) 0, var(--secondary-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.insightDesc__y25f4l {
    font-size: 13px;
    color: var(--muted);
    line-height: 1.5;
    margin-bottom: 16px
}

.insightProgress__fzuq7t {
    background: rgba(255, 255, 255, .1);
    border-radius: 4px;
    height: 6px;
    overflow: hidden;
    margin-top: 8px;
    border: 1px solid rgba(255, 255, 255, .1)
}

.progressBar__x4gqd4 {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-color) 0, var(--secondary-color) 100%);
    border-radius: 4px;
    transition: width .8s ease-out;
    position: relative
}

.progressBar__x4gqd4:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
    animation: shimmer__bs7203 2s infinite
}

@keyframes shimmer__bs7203 {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(100%)
    }
}

.insightTrend__9v1iyr {
    margin-top: 8px
}

.trendPositive__7pa08 {
    color: var(--primary-color)
}

.trendNeutral__ow8yt4,
.trendPositive__7pa08 {
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px
}

.trendNeutral__ow8yt4 {
    color: var(--secondary-color)
}

.trendLow__t91ctn {
    color: var(--error);
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px
}

.additionalInsights__yaij28 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 16px;
    gap: 16px;
    padding: 24px;
    background: rgba(54, 211, 0, .08);
    border-radius: 12px;
    border: 1px solid rgba(54, 211, 0, .2)
}

.additionalInsight__uz02lp {
    text-align: center;
    padding: 16px;
    background: rgba(13, 15, 19, .6);
    border-radius: 8px;
    border: 1px solid rgba(54, 211, 0, .15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px)
}

.additionalLabel__u0khkf {
    font-size: 12px;
    color: var(--muted);
    font-weight: 500;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: .5px;
    opacity: .8
}

.additionalValue__u62nak {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
    background: linear-gradient(135deg, var(--primary-color) 0, var(--secondary-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.insightStats__9uixj9 {
    margin-top: 12px
}

.statItem__uj7eor {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: rgba(255, 255, 255, .05);
    border-radius: 6px;
    margin-bottom: 6px;
    border: 1px solid rgba(255, 255, 255, .08)
}

.statItem__uj7eor:last-child {
    margin-bottom: 0
}

.statLabel__n3lqxq {
    font-size: 11px;
    color: var(--muted);
    font-weight: 500;
    opacity: .8
}

.statValue__my3l7l {
    font-size: 13px;
    color: var(--text);
    font-weight: 600
}

.referralCode__9v8p6g {
    background: rgba(255, 255, 255, .1);
    padding: 4px 8px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 12px;
    color: var(--text);
    border: 1px solid rgba(54, 211, 0, .3)
}

.statusBadge__403e7n {
    padding: 4px 8px;
    border-radius: 12px;
    color: white;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize
}

.error__40lhey,
.loading__gqpp7m,
.noData__dcsjyv {
    text-align: center;
    padding: 40px 20px;
    background: var(--card-bg);
    border: 1px solid rgba(54, 211, 0, .2);
    border-radius: 8px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.error__40lhey p,
.loading__gqpp7m p,
.noData__dcsjyv p {
    margin: 0 0 15px;
    color: var(--muted);
    font-size: 16px
}

@media (max-width:1024px) {
    .statsGrid__mim1i1 {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr))
    }
    .insightsGrid__abbyfz {
        grid-template-columns: 1fr
    }
    .insightsCard__ab923t {
        padding: 24px
    }
    .insightsHeader__vjtyvu h3 {
        font-size: 20px
    }
    .insightsSubtitle__5uogwf {
        font-size: 13px
    }
    .insight__a25bp6 {
        padding: 20px
    }
    .insightValue__9vueqf {
        font-size: 28px
    }
    .additionalInsights__yaij28 {
        grid-template-columns: 1fr;
        padding: 20px
    }
}

@media (max-width:768px) {
    .container__4z4kpv {
        padding: 15px
    }
    .header__gc1nrp {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px
    }
    .header__gc1nrp h2 {
        font-size: 24px
    }
    .statsGrid__mim1i1 {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 15px
    }
    .statValue__my3l7l {
        font-size: 28px
    }
    .statValue__my3l7l:before {
        font-size: 18px
    }
    .statLabel__n3lqxq {
        font-size: 11px;
        letter-spacing: .5px
    }
    .insightsCard__ab923t,
    .statCard__ujbme6 {
        padding: 20px
    }
    .insightsHeader__vjtyvu h3 {
        font-size: 18px;
        flex-direction: column;
        gap: 6px
    }
    .insightsSubtitle__5uogwf {
        font-size: 12px
    }
    .insight__a25bp6 {
        flex-direction: column;
        text-align: center;
        gap: 12px;
        padding: 16px
    }
    .insightIcon__y229rh {
        align-self: center;
        width: 40px;
        height: 40px
    }
    .insightValue__9vueqf {
        font-size: 24px
    }
    .insightDesc__y25f4l {
        text-align: center
    }
    .additionalInsights__yaij28 {
        padding: 16px
    }
    .additionalValue__u62nak {
        font-size: 16px
    }
}

@media (max-width:480px) {
    .statsGrid__mim1i1 {
        grid-template-columns: 1fr
    }
    .statValue__my3l7l {
        font-size: 24px
    }
    .header__gc1nrp h2 {
        font-size: 20px
    }
}

.titleIcon__njyy7h {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    color: var(--primary-color)
}

.insightIconSvg__47gaq9 {
    width: 20px;
    height: 20px;
    color: var(--primary-color)
}

.trendIcon__gm8i6w {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.chartContainer__xgwww6 {
    width: 100%;
    background: var(--card-bg, #1a1a1a);
    border-radius: var(--border-radius-md, 12px);
    border: 1px solid var(--border-color, #333);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    position: relative
}

.chartWrapper__gdpdxo {
    flex: 1 1;
    min-height: 200px;
    position: relative
}

.chartInfo__rih72t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #333)
}

.legend__di4ock {
    display: flex;
    gap: 1.5rem
}

.legendItem__udsq6h {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .85rem;
    color: var(--muted, #9ca3af)
}

.legendColor__iknn29 {
    width: 12px;
    height: 12px;
    border-radius: 2px
}

.stats__eapv2g {
    display: flex;
    gap: 1rem
}

.stat__l2zosr {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.statLabel__xi6v13 {
    font-size: .75rem;
    color: var(--muted, #9ca3af);
    text-transform: uppercase;
    letter-spacing: .5px
}

.statValue__xcopay {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-color, #22c55e)
}

.loading__2xin17 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--muted, #9ca3af)
}

.loadingSpinner__stpw8k {
    width: 32px;
    height: 32px;
    border-top: 3px solid var(--border-color, #333);
    border: 3px solid var(--border-color, #333);
    border-top-color: var(--primary-color, #22c55e);
    border-radius: 50%;
    animation: spin__l2zm0p 1s linear infinite;
    margin-bottom: 1rem
}

@keyframes spin__l2zm0p {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.error__e2zt9t {
    flex-direction: column;
    color: #ef4444;
    text-align: center
}

.empty__e2wkza,
.error__e2zt9t {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.empty__e2wkza {
    color: var(--muted, #9ca3af)
}

@media (max-width:768px) {
    .chartContainer__xgwww6 {
        padding: 1rem
    }
    .chartInfo__rih72t {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch
    }
    .legend__di4ock,
    .stats__eapv2g {
        justify-content: center
    }
    .stat__l2zosr {
        align-items: center
    }
}

@media (max-width:480px) {
    .legend__di4ock,
    .stats__eapv2g {
        flex-direction: column;
        gap: .5rem
    }
}

.adminReferralsTab__8t9y64 {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.adminReferralsHeader__j5ltom {
    text-align: center;
    margin-bottom: 1rem
}

.adminReferralsTitle__guc5z3 {
    color: var(--text-color);
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 .5rem
}

.adminReferralsSubtitle__3zci7j {
    color: var(--muted);
    font-size: 1rem;
    max-width: 600px;
    margin: 0 auto
}

.adminReferralsChart__gkymyt {
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    padding: 2rem;
    border: 1px solid var(--border-color)
}

.chartTitle__xci0gc {
    color: var(--text-color);
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
    text-align: center
}

.adminReferralsStats__gtz0cm {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1rem;
    gap: 1rem
}

.adminReferralsStatCard__j5h29v {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    padding: 1.5rem;
    border: 1px solid var(--border-color);
    transition: transform .2s ease, box-shadow .2s ease
}

.adminReferralsStatCard__j5h29v:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(54, 211, 0, .1)
}

.adminReferralsStatIcon__j5d6xm {
    font-size: 2rem;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(54, 211, 0, .1);
    border-radius: var(--border-radius-md)
}

.adminReferralsStatContent__w1s444 {
    flex: 1 1
}

.adminReferralsStatContent__w1s444 h3 {
    color: var(--text-color);
    font-size: .9rem;
    font-weight: 500;
    margin: 0 0 .5rem;
    opacity: .8
}

.adminReferralsStatValue__p6cjdo {
    color: var(--primary-color);
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0
}

.adminReferralsStatIconSvg__kombz6 {
    width: 24px;
    height: 24px;
    color: var(--primary-color)
}

.adminReferralsContent__s5wiow {
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color)
}

@media (max-width:768px) {
    .adminReferralsTab__8t9y64 {
        gap: 1.5rem
    }
    .adminReferralsTitle__guc5z3 {
        font-size: 1.5rem
    }
    .adminReferralsStats__gtz0cm {
        grid-template-columns: repeat(2, 1fr);
        gap: .75rem
    }
    .adminReferralsStatCard__j5h29v {
        padding: 1rem
    }
    .adminReferralsStatIcon__j5d6xm {
        width: 50px;
        height: 50px;
        font-size: 1.5rem
    }
    .adminReferralsStatValue__p6cjdo {
        font-size: 1.5rem
    }
}

@media (max-width:480px) {
    .adminReferralsStats__gtz0cm {
        grid-template-columns: 1fr
    }
    .adminReferralsStatCard__j5h29v {
        flex-direction: column;
        text-align: center;
        gap: .75rem
    }
}

.progressCard__1ovmve {
    padding: 2rem;
    background: linear-gradient(135deg, rgba(54, 211, 0, .1), rgba(0, 0, 0, .8));
    border: 1px solid var(--primary-color);
    position: relative;
    overflow: hidden
}

.progressCard__1ovmve:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color), #28a745)
}

.progressHeader__b087lf {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem
}

.progressTitle__ivd0oi {
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0
}

.progressBadge__ilba4d {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(54, 211, 0, .2);
    padding: .75rem 1rem;
    border-radius: var(--border-radius-md);
    border: 1px solid var(--primary-color)
}

.progressPercentage__bg7o1s {
    color: var(--primary-color);
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0
}

.progressLabel__iqt6j2 {
    color: var(--muted);
    font-size: .8rem;
    margin: 0
}

.progressBarContainer__ltjn58 {
    margin-bottom: 2rem
}

.progressBar__g3dkib {
    width: 100%;
    height: 16px;
    background: rgba(255, 255, 255, .1);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: .5rem;
    position: relative
}

.progressFill__1otk47 {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-color), #28a745);
    border-radius: 8px;
    transition: width .5s ease;
    position: relative
}

.progressFill__1otk47:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent);
    animation: shimmer__646m9k 2s infinite
}

@keyframes shimmer__646m9k {
    0% {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(100%)
    }
}

.progressLabels__cu86p1 {
    display: flex;
    justify-content: space-between;
    color: var(--muted);
    font-size: .9rem
}

.progressStats__iuzv21 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-bottom: 2rem
}

.statItem__h62v6o {
    text-align: center;
    padding: 1rem;
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color)
}

.statValue__ytv4ho {
    color: var(--primary-color);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: .25rem
}

.statLabel__yzda7t {
    color: var(--muted);
    font-size: .9rem;
    margin: 0
}

.countdownSection__5m42ur {
    text-align: center;
    padding: 1.5rem;
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color)
}

.countdownTitle__5dtou8 {
    color: var(--text-color);
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1rem
}

.countdownTimer__5dtu6r {
    display: flex;
    justify-content: center;
    gap: 1rem
}

.countdownItem__dkhenf {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px
}

.countdownValue__5cvd9j {
    color: var(--primary-color);
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: .25rem
}

.countdownLabel__5idizo {
    color: var(--muted);
    font-size: .8rem;
    font-weight: 500
}

.loadingSkeleton__jc4mls {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.skeletonHeader__yjtv1p {
    height: 40px;
    border-radius: var(--border-radius-sm)
}

.skeletonHeader__yjtv1p,
.skeletonProgress__u0kswd {
    background: rgba(255, 255, 255, .1);
    animation: pulse__zg7lr4 1.5s infinite
}

.skeletonProgress__u0kswd {
    height: 16px;
    border-radius: 8px
}

.skeletonStats__zb4dgn {
    height: 80px;
    background: rgba(255, 255, 255, .1);
    border-radius: var(--border-radius-sm);
    animation: pulse__zg7lr4 1.5s infinite
}

@keyframes pulse__zg7lr4 {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: .5
    }
}

.noData__yjytgc {
    text-align: center;
    padding: 3rem;
    color: var(--muted)
}

.noData__yjytgc p {
    margin: 0;
    font-size: 1.1rem
}

@media (max-width:768px) {
    .progressCard__1ovmve {
        padding: 1.5rem
    }
    .progressHeader__b087lf {
        flex-direction: column;
        gap: 1rem;
        text-align: center
    }
    .progressStats__iuzv21 {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem
    }
    .countdownTimer__5dtu6r {
        flex-wrap: wrap;
        gap: .75rem
    }
    .countdownItem__dkhenf {
        min-width: 50px
    }
    .countdownValue__5cvd9j {
        font-size: 1.5rem
    }
}

@media (max-width:480px) {
    .progressStats__iuzv21 {
        grid-template-columns: 1fr
    }
    .statValue__ytv4ho {
        font-size: 1.2rem
    }
}

.statsGrid__po70v2 {
    padding: 2rem
}

.statsTitle__eatbr8 {
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 2rem;
    text-align: center
}

.statsCards__ekazeh {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 1.5rem;
    gap: 1.5rem;
    margin-bottom: 2rem
}

.statCard__qn7893 {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    transition: transform .2s ease, box-shadow .2s ease
}

.statCard__qn7893:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(54, 211, 0, .1)
}

.statIcon__qnb3lc {
    font-size: 2rem;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .1);
    border-radius: var(--border-radius-md)
}

.statContent__1igr6q {
    flex: 1 1
}

.statValue__q3okkm {
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: .25rem
}

.statTitle__q4mw5b {
    color: var(--muted);
    font-size: .9rem;
    margin: 0;
    font-weight: 500
}

.breakdownSection__yyntl3 {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color)
}

.breakdownTitle__qumf7q {
    color: var(--text-color);
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1rem
}

.breakdownGrid__lhslr0 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 1rem;
    gap: 1rem
}

.breakdownItem__lhradr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem;
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-sm)
}

.breakdownLabel__qz69d6 {
    color: var(--muted);
    font-size: .9rem
}

.breakdownValue__qto3n1 {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1rem
}

.paymentMethodsSection__jceg8a {
    padding: 1.5rem;
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color)
}

.paymentMethodsTitle__xxfw8n {
    color: var(--text-color);
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1rem
}

.paymentMethodsGrid__82bmnp {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: .75rem;
    gap: .75rem
}

.paymentMethodItem__kdqp9l {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .75rem;
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--border-color)
}

.paymentMethodName__kdnw8h {
    color: var(--text-color);
    font-size: .9rem;
    font-weight: 500
}

.paymentMethodCount__7cn40b {
    color: var(--primary-color);
    font-weight: 600;
    background: rgba(54, 211, 0, .2);
    padding: .25rem .5rem;
    border-radius: var(--border-radius-sm);
    font-size: .8rem
}

.statCard__qn7893 .loadingSkeleton__9xsuo6 {
    width: 100%;
    height: 80px;
    background: rgba(255, 255, 255, .1);
    border-radius: var(--border-radius-sm);
    animation: pulse__1x4upi 1.5s infinite
}

@keyframes pulse__1x4upi {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: .5
    }
}

.noData__ck1ir6 {
    grid-column: 1/-1;
    text-align: center;
    padding: 3rem;
    color: var(--muted)
}

.noData__ck1ir6 p {
    margin: 0;
    font-size: 1.1rem
}

@media (max-width:768px) {
    .statsGrid__po70v2 {
        padding: 1.5rem
    }
    .statsTitle__eatbr8 {
        font-size: 1.2rem
    }
    .statsCards__ekazeh {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem
    }
    .statCard__qn7893 {
        padding: 1rem
    }
    .statIcon__qnb3lc {
        width: 40px;
        height: 40px;
        font-size: 1.5rem
    }
    .statValue__q3okkm {
        font-size: 1.2rem
    }
    .breakdownGrid__lhslr0,
    .paymentMethodsGrid__82bmnp {
        grid-template-columns: 1fr
    }
}

@media (max-width:480px) {
    .statsCards__ekazeh {
        grid-template-columns: 1fr
    }
    .statCard__qn7893 {
        flex-direction: column;
        text-align: center;
        gap: .75rem
    }
}

.statIconSvg__cvmjbo {
    width: 24px;
    height: 24px
}

.presaleOrdersTable__xlaw1u {
    padding: 2rem
}

.tableHeader__4tak3o {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem
}

.tableTitle__mxyqmh {
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0
}

.filters__55020s {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap
}

.filterGroup__it8y1k {
    display: flex;
    align-items: center;
    gap: .5rem
}

.filterLabel__iqt3vn {
    color: var(--text-color);
    font-size: .9rem;
    font-weight: 500
}

.filterSelect__9ggzkd {
    padding: .5rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    background: var(--card-bg);
    color: var(--text-color);
    font-size: .9rem;
    cursor: pointer;
    transition: border-color .2s ease
}

.filterSelect__9ggzkd:focus {
    outline: none;
    border-color: var(--primary-color)
}

.tableStats__mxll00 {
    display: flex;
    gap: 2rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap
}

.statItem__k2l7kq {
    display: flex;
    align-items: center;
    gap: .5rem
}

.statLabel__h325mp {
    color: var(--muted);
    font-size: .9rem
}

.statValue__h8kbcu {
    color: var(--primary-color);
    font-weight: 600;
    font-size: .9rem
}

.tableContainer__34fcoi {
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    overflow: hidden
}

.orderId__owl9y {
    font-family: Monaco, Menlo, Ubuntu Mono, monospace;
    font-size: .8rem;
    background: rgba(255, 255, 255, .05);
    padding: .25rem .5rem;
    border-radius: var(--border-radius-sm);
    color: var(--primary-color);
    font-weight: 500
}

.userInfo__orc8ag {
    display: flex;
    flex-direction: column;
    gap: .25rem
}

.userEmail__duxdv2 {
    color: var(--text-color);
    font-weight: 500;
    font-size: .9rem
}

.userWallet__4wc537 {
    font-family: Monaco, Menlo, Ubuntu Mono, monospace;
    font-size: .75rem;
    color: var(--muted)
}

.statusBadge__ix23ce {
    padding: .25rem .75rem;
    border-radius: var(--border-radius-full);
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase
}

.statusCompleted__gbf6ti,
.statusPaid__ixmd4z {
    background: rgba(54, 211, 0, .2);
    color: var(--primary-color)
}

.statusPending__246qm2 {
    background: rgba(253, 131, 9, .2);
    color: #fd8309
}

.statusCancelled__erlg3k {
    background: rgba(220, 53, 69, .2);
    color: #dc3545
}

.amount__dlfwg9 {
    font-weight: 600;
    color: var(--primary-color);
    font-size: .9rem
}

.tokens__4kkdl3 {
    font-weight: 600;
    color: var(--text-color);
    font-size: .9rem
}

.productBadge__s6l50t {
    padding: .25rem .5rem;
    border-radius: var(--border-radius-sm);
    font-size: .8rem;
    font-weight: 500;
    text-transform: uppercase
}

.productGAM__5yh7yb {
    background: rgba(54, 211, 0, .2);
    color: var(--primary-color)
}

.productNFT__5yhd9o {
    background: rgba(102, 51, 153, .2);
    color: #663399
}

.hasReferral__vv03yw {
    color: #28a745;
    font-size: 1.1rem
}

.noReferral__ftcswz {
    color: var(--muted);
    font-size: 1.1rem
}

.hasPremint__5b890q {
    color: #ffc107;
    font-size: 1.1rem
}

.noPremint__ek1caj {
    color: var(--muted);
    font-size: 1.1rem
}

.date__2pzmz1 {
    color: var(--muted);
    font-size: .8rem
}

.statusContainer__369yo {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start
}

.statusSelect__a3smc3 {
    padding: .25rem .5rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    background: var(--card-bg);
    color: var(--text-color);
    font-size: .75rem;
    cursor: pointer;
    transition: border-color .2s ease
}

.statusSelect__a3smc3:focus {
    outline: none;
    border-color: var(--primary-color)
}

.actions__22hq6 {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap
}

.adminActions__20vv9p {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap
}

@media (max-width:768px) {
    .presaleOrdersTable__xlaw1u {
        padding: 1.5rem
    }
    .tableHeader__4tak3o {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem
    }
    .tableTitle__mxyqmh {
        font-size: 1.2rem
    }
    .filters__55020s {
        width: 100%;
        justify-content: space-between
    }
    .filterGroup__it8y1k {
        flex: 1 1;
        min-width: 120px
    }
    .tableStats__mxll00 {
        flex-direction: column;
        gap: .75rem
    }
}

@media (max-width:480px) {
    .filters__55020s {
        flex-direction: column;
        gap: .75rem
    }
    .filterGroup__it8y1k,
    .filterSelect__9ggzkd {
        width: 100%
    }
}

.analyticsCharts__xp7wwe {
    padding: 2rem
}

.analyticsTitle__qjvha7 {
    color: var(--text-color);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 2rem;
    text-align: center
}

.chartsGrid__ipcc5k {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    grid-gap: 2rem;
    gap: 2rem;
    margin-bottom: 2rem
}

.chartCard__l79s81 {
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    padding: 1.5rem
}

.chartTitle__i8wgvb {
    color: var(--text-color);
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
    text-align: center
}

.simpleChart__d77jhd {
    min-height: 250px
}

.barChart__69u6w {
    display: flex;
    align-items: end;
    justify-content: space-around;
    height: 200px;
    padding: 0 1rem;
    gap: .5rem
}

.barGroup__8novt {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1;
    max-width: 60px
}

.barContainer__d7pqrf {
    height: 150px;
    display: flex;
    align-items: end;
    background: rgba(255, 255, 255, .05)
}

.barContainer__d7pqrf,
.bar__w0we56 {
    width: 100%;
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
    position: relative
}

.bar__w0we56 {
    transition: height .3s ease
}

.bar__w0we56:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, .2), transparent);
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0
}

.barLabel__b3j1q {
    color: var(--muted);
    font-size: .75rem;
    margin-top: .5rem;
    text-align: center;
    transform: rotate(-45deg);
    transform-origin: center;
    white-space: nowrap
}

.barValue__glorv {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--text-color);
    font-size: .8rem;
    font-weight: 600;
    background: rgba(0, 0, 0, .8);
    padding: .25rem .5rem;
    border-radius: var(--border-radius-sm);
    white-space: nowrap
}

.pieChart__hqt9vj {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem
}

.pieSegment__prib84 {
    display: flex;
    align-items: center;
    gap: 1rem
}

.pieLegend__dxu5o4 {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 120px
}

.pieLegendColor__rqgvzr {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    flex-shrink: 0
}

.pieLegendText__uoubkp {
    color: var(--text-color);
    font-size: .9rem;
    white-space: nowrap
}

.pieBar__xrd0ek {
    flex: 1 1;
    height: 20px;
    background: rgba(255, 255, 255, .1);
    border-radius: 10px;
    overflow: hidden
}

.pieBarFill__cepx9l {
    height: 100%;
    border-radius: 10px;
    transition: width .5s ease
}

.analyticsSummary__7c7x71 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1.5rem;
    gap: 1.5rem
}

.summaryCard__91d42f {
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    padding: 1.5rem;
    text-align: center
}

.summaryCard__91d42f h4 {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 .5rem
}

.summaryValue__48lp4o {
    color: var(--primary-color);
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0
}

.chartSkeleton__1irmle {
    background: rgba(255, 255, 255, .05);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.skeletonTitle__bgiila {
    height: 24px
}

.skeletonChart__b74zl0,
.skeletonTitle__bgiila {
    background: rgba(255, 255, 255, .1);
    border-radius: var(--border-radius-sm);
    animation: pulse__jevy6s 1.5s infinite
}

.skeletonChart__b74zl0 {
    height: 200px
}

@keyframes pulse__jevy6s {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: .5
    }
}

.noChartData__889k92,
.noData__ympwrs {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    color: var(--muted);
    text-align: center
}

.noChartData__889k92 p,
.noData__ympwrs p {
    margin: 0;
    font-size: 1rem
}

@media (max-width:768px) {
    .analyticsCharts__xp7wwe {
        padding: 1.5rem
    }
    .analyticsTitle__qjvha7 {
        font-size: 1.2rem
    }
    .chartsGrid__ipcc5k {
        grid-template-columns: 1fr;
        gap: 1.5rem
    }
    .chartCard__l79s81 {
        padding: 1rem
    }
    .barChart__69u6w {
        height: 150px;
        padding: 0 .5rem
    }
    .barValue__glorv {
        font-size: .7rem;
        padding: .2rem .4rem
    }
    .analyticsSummary__7c7x71 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:480px) {
    .chartsGrid__ipcc5k {
        gap: 1rem
    }
    .pieSegment__prib84 {
        flex-direction: column;
        align-items: flex-start;
        gap: .5rem
    }
    .pieLegend__dxu5o4 {
        min-width: auto
    }
    .analyticsSummary__7c7x71 {
        grid-template-columns: 1fr
    }
}

.adminPresaleTab__irtomk {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.presaleHeader__5k0bsh {
    text-align: center;
    margin-bottom: 1rem
}

.presaleTitle__8stg7g {
    color: var(--text-color);
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 .5rem
}

.presaleSubtitle__3th1ok {
    color: var(--muted);
    font-size: 1rem;
    max-width: 600px;
    margin: 0 auto
}

.errorContainer__j6m7wf,
.loadingContainer__o5howb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center
}

.loadingSpinner__es0uar {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(54, 211, 0, .3);
    border-left: 4px solid var(--primary-color);
    border-radius: 50%;
    animation: spin__ebnrx4 1s linear infinite;
    margin-bottom: 1rem
}

@keyframes spin__ebnrx4 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.loadingContainer__o5howb p {
    color: var(--muted);
    font-size: 1.1rem;
    margin: 0
}

.errorTitle__nz6a3u {
    color: var(--error);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem
}

.errorMessage__9goadh {
    color: var(--muted);
    font-size: 1rem;
    margin: 0 0 2rem;
    max-width: 400px
}

.presaleAnalyticsSection__aft6eb,
.presaleOrdersSection__nb9twc,
.presaleProgressSection__y8a9ws,
.presaleStatsSection__29hi7e {
    background: var(--card-bg);
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color);
    overflow: hidden
}

@media (max-width:768px) {
    .adminPresaleTab__irtomk {
        gap: 1.5rem
    }
    .presaleTitle__8stg7g {
        font-size: 1.5rem
    }
    .presaleHeader__5k0bsh {
        padding: 0 1rem
    }
}

.card__qfqzn5 {
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(31, 38, 48, .95), rgba(17, 22, 29, .95));
    border: 1px solid rgba(54, 211, 0, .25);
    box-shadow: 0 16px 40px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08)
}

.header__k7poeq {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: 10px;
    gap: 10px;
    align-items: center;
    padding: 10px 12px 6px;
    color: #fff
}

.dot__gw44zs {
    width: 4px;
    height: 14px;
    background: #36d300;
    border-radius: 2px
}

.title__wjmb1l {
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 1px
}

.more__qfxnw6 {
    color: rgba(148, 163, 184, .8);
    font-size: 16px
}

.error__wrpigp {
    color: #ef4444;
    padding: 0 12px 8px;
    font-size: 12px
}

.row__gw4fdl {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    padding: 12px;
    border-top: 1px solid rgba(148, 163, 184, .08)
}

.left__qfwt7s {
    display: inline-flex;
    align-items: center;
    gap: 12px
}

.icon__qfuuze {
    display: inline-block
}

.iconImg__ql2fwp,
.icon__qfuuze {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.iconImg__ql2fwp {
    object-fit: contain;
    background: rgba(0, 0, 0, .2)
}

.labelWrap__9g32sj {
    color: #fff
}

.name__qfy0do {
    font-weight: 800;
    font-size: 18px
}

.sub__gw4g8v {
    color: rgba(148, 163, 184, 1);
    font-weight: 700;
    font-size: 12px
}

.right__wkq5yd {
    text-align: right
}

.value__winzgw {
    color: #ffffff;
    font-weight: 800;
    font-size: 24px
}

.subRight__kexhr1 {
    color: rgba(148, 163, 184, .9);
    font-size: 10px;
    margin-top: 2px
}

.container__7qypbm {
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(15, 23, 42, .45), rgba(2, 6, 23, .45));
    border: 1px solid rgba(54, 211, 0, .25);
    border-radius: 12px;
    overflow: hidden;
    padding: 16px;
    min-height: 300px
}

.header__jdbv34 {
    justify-content: space-between;
    margin-bottom: 16px;
    width: 100%
}

.header__jdbv34,
.title__yt4km3 {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.title__yt4km3 {
    font-size: 18px;
    font-weight: 600;
    color: rgba(148, 163, 184, 1);
    margin: 0;
    gap: 8px
}

.debugBadge__am6oyr {
    font-size: 10px;
    padding: 2px 6px;
    background: rgba(245, 158, 11, .2);
    color: rgba(245, 158, 11, 1);
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box
}

.status__dxkrln {
    display: flex;
    align-items: center;
    gap: 12px;
    box-sizing: border-box
}

.loading__v7q3wp {
    color: rgba(59, 130, 246, .85)
}

.error__z17s17,
.loading__v7q3wp {
    font-size: 12px;
    box-sizing: border-box
}

.error__z17s17 {
    color: rgb(239, 68, 68)
}

.lastUpdated__zb12oi {
    font-size: 11px;
    color: rgba(148, 163, 184, .7);
    box-sizing: border-box
}

.debugIndicator__hzwf5d {
    font-size: 10px;
    color: rgba(245, 158, 11, .8);
    box-sizing: border-box;
    font-style: italic
}

.tableContainer__4imi7a {
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(2, 6, 23, .3);
    border: 1px solid rgba(54, 211, 0, .15)
}

.tableHeader__6xpbwo {
    display: grid;
    grid-template-columns: 1fr 1fr 120px;
    grid-gap: 12px;
    gap: 12px;
    padding: 12px 16px;
    background: rgba(54, 211, 0, .1);
    border-bottom: 1px solid rgba(54, 211, 0, .2);
    box-sizing: border-box;
    width: 100%
}

.changeColumn__qflf7d,
.pairColumn__jgt7kz,
.rateColumn__2upb6f {
    font-size: 12px;
    font-weight: 600;
    color: rgba(148, 163, 184, .9);
    text-transform: uppercase;
    letter-spacing: .5px;
    box-sizing: border-box
}

.tableBody__xuiz6r,
.tableRow__13aqf5 {
    box-sizing: border-box;
    width: 100%
}

.tableRow__13aqf5 {
    display: grid;
    grid-template-columns: 1fr 1fr 120px;
    grid-gap: 12px;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(54, 211, 0, .08);
    transition: background-color .2s ease;
    align-items: center
}

.tableRow__13aqf5:hover {
    background: rgba(54, 211, 0, .05)
}

.tableRow__13aqf5:last-child {
    border-bottom: none
}

.pairInfo__t2kaij {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
    box-sizing: border-box
}

.fromSymbol__68gcdx {
    font-size: 16px;
    font-weight: 600;
    color: rgba(59, 130, 246, 1);
    box-sizing: border-box
}

.separator__rpe302 {
    color: rgba(148, 163, 184, .7);
    font-weight: 400;
    box-sizing: border-box
}

.toSymbol__flghoa {
    font-size: 14px;
    font-weight: 500;
    color: rgba(16, 185, 129, 1);
    box-sizing: border-box
}

.pairLabel__m5knw9 {
    font-size: 11px;
    color: rgba(148, 163, 184, .7);
    box-sizing: border-box
}

.rateValue__2hdflq {
    font-size: 16px;
    font-weight: 600;
    color: rgba(148, 163, 184, 1);
    margin-bottom: 4px;
    box-sizing: border-box;
    word-break: break-all
}

.rateLabel__2bv9vl {
    font-size: 10px;
    color: rgba(148, 163, 184, .6);
    box-sizing: border-box
}

.changeValue__jhhpzm {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
    box-sizing: border-box
}

.changeLabel__jmzvpr {
    font-size: 10px;
    color: rgba(148, 163, 184, .6);
    box-sizing: border-box
}

.noData__ge2raa {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 16px;
    color: rgba(148, 163, 184, .7);
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    text-align: center
}

.loadingHint__46jptc {
    font-size: 12px;
    color: rgba(148, 163, 184, .5);
    margin-top: 8px;
    box-sizing: border-box
}

.footer__k5nw9e {
    justify-content: space-between;
    margin-top: 16px;
    width: 100%
}

.footer__k5nw9e,
.refreshInfo__exc2fe {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.refreshLabel__yjtaek {
    font-size: 11px;
    color: rgba(148, 163, 184, .7);
    box-sizing: border-box
}

.actions__6fl1ca {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

.refreshButton__16elve {
    font-size: 11px;
    padding: 6px 12px;
    box-sizing: border-box
}

@media (max-width:768px) {
    .container__7qypbm {
        padding: 12px;
        box-sizing: border-box
    }
    .header__jdbv34 {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        box-sizing: border-box
    }
    .status__dxkrln {
        align-self: flex-end;
        box-sizing: border-box
    }
    .tableHeader__6xpbwo,
    .tableRow__13aqf5 {
        grid-template-columns: 1fr 1fr 100px;
        gap: 8px;
        padding: 10px 12px;
        box-sizing: border-box
    }
    .fromSymbol__68gcdx {
        font-size: 14px;
        box-sizing: border-box
    }
    .toSymbol__flghoa {
        font-size: 12px;
        box-sizing: border-box
    }
    .rateValue__2hdflq {
        font-size: 14px;
        box-sizing: border-box
    }
    .changeValue__jhhpzm {
        font-size: 12px;
        box-sizing: border-box
    }
    .footer__k5nw9e {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        box-sizing: border-box
    }
}

@media (max-width:480px) {
    .title__yt4km3 {
        font-size: 16px;
        box-sizing: border-box
    }
    .tableHeader__6xpbwo,
    .tableRow__13aqf5 {
        grid-template-columns: 1fr 1fr 80px;
        gap: 6px;
        padding: 8px 10px;
        box-sizing: border-box
    }
    .pairInfo__t2kaij {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        margin-bottom: 2px;
        box-sizing: border-box
    }
    .separator__rpe302 {
        display: none;
        box-sizing: border-box
    }
    .fromSymbol__68gcdx {
        font-size: 13px;
        box-sizing: border-box
    }
    .toSymbol__flghoa {
        font-size: 11px;
        box-sizing: border-box
    }
    .rateValue__2hdflq {
        font-size: 13px;
        box-sizing: border-box
    }
    .changeValue__jhhpzm {
        font-size: 11px;
        box-sizing: border-box
    }
    .changeLabel__jmzvpr,
    .rateLabel__2bv9vl {
        font-size: 9px;
        box-sizing: border-box
    }
}

.container__m9zfgy {
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(15, 23, 42, .45), rgba(2, 6, 23, .45));
    border: 1px solid rgba(54, 211, 0, .25);
    border-radius: 12px;
    overflow: hidden;
    padding: 20px;
    min-height: 400px
}

.header__udh4u8 {
    margin-bottom: 24px;
    box-sizing: border-box;
    width: 100%
}

.title__lezb97 {
    font-size: 20px;
    font-weight: 600;
    color: rgba(148, 163, 184, 1);
    margin: 0 0 8px;
    box-sizing: border-box
}

.subtitle__bnvbhx {
    font-size: 14px;
    color: rgba(148, 163, 184, .8);
    margin: 0;
    box-sizing: border-box
}

.form__1ldeev {
    gap: 20px
}

.form__1ldeev,
.inputGroup__v5luk8 {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%
}

.inputGroup__v5luk8 {
    gap: 8px;
    position: relative
}

.label__ljj5en {
    font-size: 14px;
    font-weight: 500;
    color: rgba(148, 163, 184, 1);
    box-sizing: border-box
}

.inputWrapper__f4llb8 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    position: relative
}

.input__lkxxl5 {
    flex: 1 1;
    padding: 12px 16px;
    background: rgba(2, 6, 23, .6);
    border: 1px solid rgba(54, 211, 0, .25);
    border-radius: 8px;
    color: rgba(148, 163, 184, 1);
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    transition: border-color .2s ease
}

.input__lkxxl5:focus {
    outline: none;
    border-color: rgba(54, 211, 0, .5);
    box-shadow: 0 0 0 2px rgba(54, 211, 0, .1)
}

.input__lkxxl5::placeholder {
    color: rgba(148, 163, 184, .5)
}

.currencyLabel__166rtc {
    right: 12px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(59, 130, 246, 1);
    background: rgba(2, 6, 23, .8);
    padding: 4px 8px;
    border-radius: 4px
}

.currencyLabel__166rtc,
.dropdownButton__hpuv8q {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box
}

.dropdownButton__hpuv8q {
    right: 8px;
    background: none;
    border: none;
    color: rgba(148, 163, 184, .8);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: color .2s ease
}

.dropdownButton__hpuv8q:hover {
    color: rgba(148, 163, 184, 1);
    background: rgba(54, 211, 0, .1)
}

.chevronIcon__5azgch {
    width: 16px;
    height: 16px;
    box-sizing: border-box
}

.dropdownMenu__racfi5 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: rgba(15, 23, 42, .95);
    border: 1px solid rgba(54, 211, 0, .25);
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(2, 6, 23, .5);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
    margin-top: 4px
}

.dropdownItem__raeojt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
    background: none;
    border: none;
    color: rgba(148, 163, 184, 1);
    text-align: left;
    cursor: pointer;
    transition: background-color .2s ease;
    box-sizing: border-box;
    font-size: 14px
}

.dropdownItem__raeojt:hover {
    background: rgba(54, 211, 0, .1)
}

.dropdownItem__raeojt:first-child {
    border-radius: 8px 8px 0 0
}

.dropdownItem__raeojt:last-child {
    border-radius: 0 0 8px 8px
}

.pairSymbols__m1m4zy {
    font-weight: 600;
    color: rgba(59, 130, 246, 1);
    box-sizing: border-box
}

.pairLabel__ycinxj {
    font-size: 12px;
    color: rgba(148, 163, 184, .7);
    box-sizing: border-box
}

.conversionDisplay__468gqv {
    background: rgba(54, 211, 0, .05);
    border: 1px solid rgba(54, 211, 0, .2);
    border-radius: 8px;
    padding: 16px;
    box-sizing: border-box;
    width: 100%
}

.conversionHeader__pt1i2y {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    box-sizing: border-box;
    width: 100%
}

.conversionLabel__9xsfyt {
    font-size: 14px;
    font-weight: 600;
    color: rgba(54, 211, 0, 1);
    box-sizing: border-box
}

.rateLabel__c75g9r {
    font-size: 12px;
    color: rgba(148, 163, 184, .8);
    box-sizing: border-box
}

.amountDisplay__ccjdpz,
.conversionResult__l29flm {
    box-sizing: border-box;
    width: 100%
}

.amountDisplay__ccjdpz {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px
}

.amountValue__j7efqe {
    font-size: 16px;
    font-weight: 600;
    color: rgba(59, 130, 246, 1);
    box-sizing: border-box
}

.arrow__lp9p1m {
    font-size: 18px;
    color: rgba(54, 211, 0, 1);
    font-weight: 700;
    box-sizing: border-box
}

.convertedValue__q3cfqq {
    font-size: 16px;
    font-weight: 600;
    color: rgba(16, 185, 129, 1);
    box-sizing: border-box
}

.fiatDisplay__77npw9 {
    font-size: 14px;
    color: rgba(148, 163, 184, .8);
    box-sizing: border-box
}

.statusMessage__wq7uqm {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    box-sizing: border-box;
    width: 100%
}

.loading__psd2jb {
    color: rgba(59, 130, 246, .85)
}

.error__ln2iob,
.loading__psd2jb {
    font-size: 14px;
    box-sizing: border-box
}

.error__ln2iob {
    color: rgb(239, 68, 68)
}

.success__8sngs0 {
    font-size: 14px;
    color: rgba(16, 185, 129, 1);
    box-sizing: border-box
}

.confirming__v8ozf9 {
    font-size: 14px;
    color: rgba(245, 158, 11, 1);
    box-sizing: border-box
}

.actions__kglwve {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    box-sizing: border-box;
    width: 100%
}

.confirmButton__ksivb5 {
    min-width: 160px;
    box-sizing: border-box
}

@media (max-width:768px) {
    .container__m9zfgy {
        padding: 16px;
        box-sizing: border-box
    }
    .title__lezb97 {
        font-size: 18px;
        box-sizing: border-box
    }
    .conversionHeader__pt1i2y {
        align-items: flex-start
    }
    .amountDisplay__ccjdpz,
    .conversionHeader__pt1i2y {
        flex-direction: column;
        gap: 8px;
        box-sizing: border-box
    }
    .amountDisplay__ccjdpz {
        align-items: center
    }
    .arrow__lp9p1m {
        transform: rotate(90deg);
        box-sizing: border-box
    }
    .confirmButton__ksivb5 {
        width: 100%;
        box-sizing: border-box
    }
}

@media (max-width:480px) {
    .container__m9zfgy {
        padding: 12px;
        box-sizing: border-box
    }
    .input__lkxxl5 {
        font-size: 16px;
        box-sizing: border-box
    }
    .dropdownMenu__racfi5 {
        max-height: 150px;
        box-sizing: border-box
    }
}

.fixedTabsHeader__4bcnct {
    top: 0;
    z-index: 1100;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, rgba(18, 20, 25, .95), rgba(54, 211, 0, .1) 50%, rgba(18, 20, 25, .95));
    border-bottom: 1px solid rgba(54, 211, 0, .2);
    box-shadow: 0 2px 16px rgba(0, 0, 0, .3)
}

.fixedTabsHeader__4bcnct,
.mobileTabsContainer__95qm8v {
    position: fixed;
    left: 0;
    right: 0;
    display: flex;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px)
}

.mobileTabsContainer__95qm8v {
    top: 80px;
    bottom: 0;
    background: linear-gradient(135deg, rgba(13, 15, 19, .95), rgba(54, 211, 0, .08) 50%, rgba(13, 15, 19, .95));
    z-index: 1000;
    flex-direction: column;
    overflow: hidden
}

.tabsHeader__31vnql {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, rgba(18, 20, 25, .9), rgba(54, 211, 0, .1) 50%, rgba(13, 15, 19, .8));
    border-bottom: 1px solid rgba(54, 211, 0, .15);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.tabsIndicator__gzzcf {
    display: flex;
    gap: 8px
}

.tabButton__7dozol {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    background: transparent;
    border: none;
    border-radius: 12px;
    color: #9ca3af;
    transition: all .3s ease;
    font-size: 12px;
    min-width: 60px
}

.tabButton__7dozol:hover {
    background: rgba(255, 255, 255, .05);
    color: #e5e7eb
}

.tabButton__7dozol.active__x15e14 {
    background: linear-gradient(135deg, #36d300, #6fa840 50%, #2c4600);
    color: white;
    box-shadow: 0 4px 12px rgba(54, 211, 0, .4)
}

.tabIcon__n2l4to {
    font-size: 18px;
    line-height: 1;
    display: block
}

.tabLabel__4yoftt {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px
}

.navArrows__hg7ylx {
    display: flex;
    gap: 8px
}

.navArrow__gloec8 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 8px;
    color: #9ca3af;
    transition: all .2s ease
}

.navArrow__gloec8:hover:not(:disabled) {
    background: rgba(255, 255, 255, .1);
    color: #e5e7eb;
    border-color: rgba(255, 255, 255, .15)
}

.navArrow__gloec8:disabled {
    opacity: .3;
    cursor: not-allowed
}

.tabsContent__q65s7t {
    flex: 1 1;
    overflow: hidden;
    position: relative
}

.tabPanel__50vv3l {
    height: 100%;
    overflow-y: auto;
    padding: 0
}

.expandPanel__ebvt6w {
    display: flex;
    flex-direction: column;
    height: 100%
}

.subNav__t7l8fv {
    display: flex;
    gap: 8px;
    padding: 16px 20px;
    background: linear-gradient(135deg, rgba(18, 20, 25, .8), rgba(54, 211, 0, .05));
    border-bottom: 1px solid rgba(54, 211, 0, .1);
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.subNav__t7l8fv::-webkit-scrollbar {
    display: none
}

.subNavBtn__k6667d {
    padding: 8px 16px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    color: #9ca3af;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    transition: all .2s ease;
    cursor: pointer
}

.subNavBtn__k6667d:hover {
    background: rgba(255, 255, 255, .1);
    color: #e5e7eb
}

.subNavBtn__k6667d.active__x15e14 {
    background: linear-gradient(135deg, #36d300, #6fa840);
    color: white;
    border-color: #36d300
}

.expandContent__k5eakd {
    flex: 1 1;
    overflow: hidden
}

.subPanelContent__9hgyx9 {
    height: 100%;
    overflow-y: auto;
    padding: 0
}

.overviewContent__4tmrpa {
    padding: 40px 20px;
    text-align: center;
    color: #e5e7eb
}

.overviewContent__4tmrpa h3 {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 600
}

.overviewContent__4tmrpa p {
    margin: 0;
    color: #9ca3af;
    font-size: 14px
}

.swipeIndicator__pi3y6h {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(18, 20, 25, .9);
    color: #9ca3af;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    animation: fadeInOut__q3ha5x 3s infinite
}

@keyframes fadeInOut__q3ha5x {
    0%,
    to {
        opacity: .5
    }
    50% {
        opacity: 1
    }
}

@media (max-width:480px) {
    .tabsHeader__31vnql {
        padding: 12px 16px
    }
    .tabButton__7dozol {
        padding: 6px 10px;
        min-width: 50px
    }
    .tabIcon__n2l4to {
        font-size: 14px
    }
    .tabLabel__4yoftt {
        font-size: 9px
    }
    .subNav__t7l8fv {
        padding: 12px 16px
    }
    .subNavBtn__k6667d {
        padding: 6px 12px;
        font-size: 11px
    }
    .overviewContent__4tmrpa {
        padding: 30px 16px
    }
    .overviewContent__4tmrpa h3 {
        font-size: 18px
    }
    .overviewContent__4tmrpa p {
        font-size: 13px
    }
}

@media (max-width:768px) {
    .fixedTabsHeader__4bcnct {
        padding: 12px 16px
    }
    .mobileTabsContainer__95qm8v {
        top: 70px
    }
}

@media (max-width:480px) {
    .fixedTabsHeader__4bcnct {
        padding: 10px 12px
    }
    .mobileTabsContainer__95qm8v {
        top: 65px
    }
}

@media (hover:none) and (pointer:coarse) {
    .tabButton__7dozol {
        min-height: 48px;
        padding: 10px 14px
    }
    .subNavBtn__k6667d {
        min-height: 36px;
        padding: 10px 16px
    }
    .navArrow__gloec8 {
        width: 40px;
        height: 40px
    }
}

.desktopSidebar__46yg6z {
    position: fixed;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 150;
    pointer-events: none
}

.sidebarContainer__67ily8 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: linear-gradient(135deg, rgba(18, 20, 25, .95), rgba(54, 211, 0, .08) 50%, rgba(18, 20, 25, .95));
    border: 1px solid rgba(54, 211, 0, .2);
    border-radius: 16px;
    padding: 16px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 4px 16px rgba(54, 211, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .1);
    pointer-events: auto;
    transition: all .3s ease
}

.sidebarContainer__67ily8:hover {
    transform: translateX(4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, .5), 0 6px 20px rgba(54, 211, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .1)
}

.sidebarButton__46d7rh {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 12px;
    background: transparent;
    border: 1px solid rgba(54, 211, 0, .15);
    border-radius: 12px;
    color: #9ca3af;
    cursor: pointer;
    transition: all .3s ease;
    min-width: 70px;
    min-height: 70px;
    position: relative;
    overflow: hidden
}

.sidebarButton__46d7rh:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(54, 211, 0, .2), transparent);
    transition: left .5s ease
}

.sidebarButton__46d7rh:hover {
    background: linear-gradient(135deg, rgba(54, 211, 0, .1), rgba(54, 211, 0, .05));
    border-color: rgba(54, 211, 0, .4);
    color: #e5e7eb;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(54, 211, 0, .2), 0 2px 8px rgba(0, 0, 0, .1)
}

.sidebarButton__46d7rh:hover:before {
    left: 100%
}

.sidebarButton__46d7rh:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(54, 211, 0, .15), inset 0 1px 2px rgba(0, 0, 0, .1)
}

.buttonIcon__ldjjkq {
    font-size: 24px;
    line-height: 1;
    display: block;
    transition: all .3s ease
}

.sidebarButton__46d7rh:hover .buttonIcon__ldjjkq {
    transform: scale(1.1);
    color: #36d300
}

.buttonLabel__nc7j15 {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
    line-height: 1.2;
    transition: all .3s ease
}

.sidebarButton__46d7rh:hover .buttonLabel__nc7j15 {
    color: #36d300
}

@media (max-width:1024px) {
    .desktopSidebar__46yg6z {
        left: 16px
    }
    .sidebarContainer__67ily8 {
        padding: 14px;
        gap: 10px
    }
    .sidebarButton__46d7rh {
        min-width: 65px;
        min-height: 65px;
        padding: 10px
    }
    .buttonIcon__ldjjkq {
        font-size: 22px
    }
    .buttonLabel__nc7j15 {
        font-size: 10px
    }
}

@media (max-width:768px) {
    .desktopSidebar__46yg6z {
        display: none
    }
}

@keyframes slideInLeft__e3n4ta {
    0% {
        transform: translateX(-20px);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

.sidebarContainer__67ily8 {
    animation: slideInLeft__e3n4ta .6s ease-out
}

.sidebarButton__46d7rh:hover {
    position: relative
}

.sidebarButton__46d7rh:hover:after {
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    background: linear-gradient(135deg, #36d300, #6fa840);
    opacity: .1;
    z-index: -1
}

.wrapper__5xp6yu {
    margin: 16px 0
}

.loading__evshjl {
    color: #9ca3af
}

.scroller__1cdoih {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: clamp(240px, 32vw, 420px);
    grid-gap: 12px;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px
}

.card__by6whp {
    scroll-snap-align: start;
    display: grid;
    grid-template-rows: 160px auto;
    background: rgba(13, 15, 19, .6);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, .06);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    color: #e5e7eb;
    text-decoration: none;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .16s ease, background .16s ease
}

.card__by6whp:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
    background: rgba(17, 19, 24, .7)
}

.image__fdvsb2 {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.body__by6jkf {
    padding: 12px 14px
}

.title__fjvd3f {
    margin: 0 0 6px;
    font-size: 1rem;
    font-weight: 700
}

.desc__by7mgu {
    margin: 0;
    color: #9ca3af;
    font-size: .95rem
}