.main-smartcoin-page > [data-smartcoins-original],
.main-smartcoin-page:has(> [data-smartcoins-dashboard]) > :not([data-smartcoins-dashboard]) { display:none !important; }
[data-smartcoins-wrapper] > [data-smartcoins-legacy-section],
.container-main-wrapper:has(.smartcoins-dashboard) > :not(.main-smartcoin-page) { display:none !important; }
.smartcoins-premium-page { width: 100%; max-width: 1180px; margin: 0 auto; }
main.container-main:has(.smartcoins-dashboard) {
    width:calc(100% - 48px) !important;
    max-width:none !important;
    margin-inline:auto !important;
}
.container-main-wrapper:has(.smartcoins-dashboard) {
    width:100% !important;
    max-width:none !important;
    flex:1 1 100% !important;
    display:block !important;
}
.main-smartcoin-page.smartcoins-premium-page {
    min-width:0 !important;
    flex:1 1 100% !important;
    display:block !important;
    grid-template-columns:minmax(0,1fr) !important;
}
.smartcoins-dashboard { --sc-card:rgba(17,23,37,.94); --sc-border:rgba(153,166,203,.16); --sc-text:#f5f7ff; --sc-muted:#929aaf; --sc-purple:#7657ff; color:var(--sc-text); display:grid; gap:16px; padding-bottom:110px; }
.sc-balance-card,.sc-panel { border:1px solid var(--sc-border); border-radius:20px; background:linear-gradient(145deg,rgba(23,28,47,.98),rgba(12,17,29,.98)); box-shadow:0 20px 50px rgba(0,0,0,.18); }
.sc-balance-card { min-height:310px; padding:30px; position:relative; overflow:hidden; isolation:isolate; }
.sc-balance-card::before { content:""; width:420px; height:420px; position:absolute; right:-100px; top:-150px; z-index:-1; border-radius:50%; background:radial-gradient(circle,rgba(115,72,255,.25),transparent 66%); }
.sc-balance-card__content { width:min(64%,650px); position:relative; z-index:2; }
.sc-kicker { color:#d7daf0; font-size:14px; font-weight:650; }
.sc-kicker i { margin-left:6px; color:var(--sc-muted); font-size:12px; }
.sc-balance { margin:12px 0 6px; display:flex; align-items:baseline; gap:9px; }
.sc-balance strong { font-size:48px; line-height:1; letter-spacing:-.05em; }
.sc-balance span { color:#b8aaff; font-size:18px; font-weight:700; }
.sc-rank-line { display:flex; align-items:center; gap:9px; color:#cbd0df; font-size:12px; }
.sc-rank-line span { width:4px; height:4px; border-radius:50%; background:#7860ff; }
.sc-rank-line b:last-child { color:#b7a9ff; }
.sc-progress-label { margin-top:22px; display:flex; justify-content:space-between; color:#c8ccda; font-size:12px; }
.sc-progress-label b { color:#fff; }
.sc-progress { height:8px; margin-top:8px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.08); }
.sc-progress span { height:100%; display:block; border-radius:inherit; background:linear-gradient(90deg,#5a51ff,#a369ff); box-shadow:0 0 16px rgba(122,77,255,.5); }
.sc-balance-card__content > p { margin:9px 0 0; color:var(--sc-muted); font-size:12px; }
.sc-hero-actions { margin-top:22px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.sc-hero-actions button,.sc-hero-actions a { min-height:48px; padding:0 18px; border:1px solid rgba(255,255,255,.12); border-radius:12px; color:#f8f8ff; background:rgba(255,255,255,.035); display:flex; align-items:center; justify-content:center; gap:9px; font:600 13px inherit; text-decoration:none; cursor:pointer; transition:.2s ease; }
.sc-hero-actions a { border-color:transparent; background:linear-gradient(100deg,#5d56ff,#762ee9); }
.sc-hero-actions button:hover,.sc-hero-actions a:hover { transform:translateY(-1px); filter:brightness(1.08); }
.sc-balance-card__coin { width:330px; height:330px; position:absolute; right:-22px; top:-8px; z-index:1; object-fit:cover; object-position:center; border-radius:50%; filter:drop-shadow(0 25px 30px rgba(0,0,0,.35)); mix-blend-mode:screen; }
.sc-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.sc-panel { padding:22px; }
.sc-panel h2 { margin:0; font-size:17px; letter-spacing:-.015em; }
.sc-panel__heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sc-panel__heading > span,.sc-panel__heading a { color:var(--sc-muted); font-size:11px; text-decoration:none; }
.sc-panel__heading > span { padding:6px 9px; border:1px solid rgba(255,255,255,.08); border-radius:999px; }
.sc-panel__heading i { margin-right:5px; }
.sc-panel__heading a { color:#aa93ff; font-weight:600; }
.sc-panel__heading a i { margin:0 0 0 7px; font-size:9px; }
.sc-reward-list,.sc-prize-list { margin-top:14px; display:grid; }
.sc-reward-list > div,.sc-prize-list > div { min-height:48px; border-bottom:1px solid rgba(255,255,255,.055); display:flex; align-items:center; gap:11px; }
.sc-reward-list > div:last-child,.sc-prize-list > div:last-child { border-bottom:0; }
.sc-round-icon { width:34px; height:34px; flex:0 0 34px; border-radius:50%; color:#b9a8ff; background:rgba(119,82,255,.16); display:grid; place-items:center; }
.sc-round-icon--2 { color:#7bb3ff; background:rgba(58,116,210,.18); }
.sc-round-icon--3 { color:#77d69a; background:rgba(49,152,95,.18); }
.sc-round-icon--4 { color:#d68aff; background:rgba(154,60,210,.18); }
.sc-reward-list p,.sc-prize-list p { margin:0; color:var(--sc-muted); font-size:12px; }
.sc-reward-list p b { min-width:35px; margin-right:6px; color:#fff; display:inline-block; }
.sc-prize-list > div > i { width:22px; color:#d2b25d; text-align:center; }
.sc-prize-list p { display:grid; gap:2px; }
.sc-prize-list p b { color:#fff; font-size:12px; }
.sc-medal { width:30px; height:30px; flex:0 0 30px; border-radius:50%; color:#382600; background:linear-gradient(145deg,#ffe67c,#f7a819); display:grid; place-items:center; font-size:12px; font-weight:800; box-shadow:inset 0 0 0 2px rgba(255,255,255,.35); }
.sc-medal--2 { color:#343944; background:linear-gradient(145deg,#f3f5f8,#9fa9b8); }
.sc-medal--3 { color:#4b200d; background:linear-gradient(145deg,#ffb567,#bd6436); }
.sc-leaders { overflow:hidden; }
.sc-leader-list { margin-top:12px; }
.sc-leader-list__head,.sc-leader-row { display:grid; grid-template-columns:72px minmax(0,1fr) 110px; align-items:center; column-gap:12px; }
.sc-leader-list__head { min-height:30px; border-bottom:1px solid rgba(255,255,255,.08); color:var(--sc-muted); font-size:10px; }
.sc-leader-list__head span:last-child { text-align:right; }
.sc-leader-row { min-height:51px; border-bottom:1px solid rgba(255,255,255,.055); }
.sc-leader-row:last-child { border-bottom:0; }
.sc-leader-row .sc-position { position:static; }
.sc-position--1 { color:#3d2900 !important; background:#f5c64c !important; }
.sc-position--2 { color:#101521 !important; background:#cad0db !important; }
.sc-position--3 { color:#41210e !important; background:#d6844d !important; }
.sc-leader-person { min-width:0; display:flex; align-items:center; gap:10px; }
.sc-leader-person strong { overflow:hidden; color:#f4f5fb; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.sc-leader-row > b { text-align:right; font-size:12px; }
.sc-leader-row i { width:17px; height:17px; margin-left:4px; border-radius:50%; color:#fff; background:#f0a817; display:inline-grid; place-items:center; font:700 9px inherit; }
.sc-podium { min-height:180px; margin-top:18px; display:flex; align-items:end; justify-content:center; gap:12px; }
.sc-podium__person { width:min(31%,220px); min-height:135px; padding:22px 10px 13px; position:relative; border:1px solid rgba(255,255,255,.07); border-radius:16px 16px 0 0; background:rgba(255,255,255,.025); display:flex; flex-direction:column; align-items:center; text-align:center; }
.sc-podium__person--1 { min-height:165px; border-color:rgba(238,185,61,.30); background:linear-gradient(180deg,rgba(160,116,26,.16),rgba(255,255,255,.025)); }
.sc-podium__person--2 { order:-1; }
.sc-position { width:25px; height:25px; position:absolute; top:-12px; border-radius:50%; color:#101521; background:#cad0db; display:grid; place-items:center; font-size:11px; font-weight:800; }
.sc-podium__person--1 .sc-position { color:#3d2900; background:#f5c64c; }
.sc-podium__person--3 .sc-position { color:#41210e; background:#d6844d; }
.sc-avatar { width:50px; height:50px; overflow:hidden; border-radius:50%; color:#eef0ff; background:linear-gradient(145deg,#436b9c,#7045ef); display:grid; place-items:center; font-size:13px; font-weight:700; }
.sc-avatar img { width:100%; height:100%; object-fit:cover; }
.sc-podium__person strong { width:100%; margin-top:9px; overflow:hidden; color:#f4f5fb; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.sc-podium__person > b { margin-top:5px; color:#fff; font-size:13px; }
.sc-podium__person i,.sc-current-rank i,.sc-activity-list b i { width:17px; height:17px; margin-left:3px; border-radius:50%; color:#fff; background:#f0a817; display:inline-grid; place-items:center; font:700 9px inherit; }
.sc-current-rank { min-height:54px; padding:0 16px; border:1px solid rgba(113,85,255,.22); border-radius:12px; background:rgba(100,72,221,.10); display:flex; align-items:center; gap:10px; }
.sc-current-rank > b { min-width:24px; color:#a997ff; }
.sc-avatar--small { width:28px; height:28px; font-size:8px; }
.sc-current-rank strong { font-size:12px; }
.sc-current-rank span { padding:4px 7px; border-radius:999px; color:#bdb4f4; background:rgba(108,82,221,.16); font-size:9px; }
.sc-current-rank em { margin-left:auto; color:#fff; font-size:13px; font-style:normal; font-weight:700; }
.sc-activity-list { margin-top:12px; }
.sc-activity-list > div { min-height:58px; border-bottom:1px solid rgba(255,255,255,.055); display:flex; align-items:center; gap:11px; }
.sc-activity-list > div:last-child { border-bottom:0; }
.sc-activity-list p { margin:0; display:grid; gap:3px; }
.sc-activity-list strong { font-size:12px; }
.sc-activity-list small { color:var(--sc-muted); font-size:10px; }
.sc-activity-list > div > b { margin-left:auto; font-size:13px; }
.sc-activity-list > div > b.is-negative { color:#ff8895; }
.sc-empty { margin:20px 0; color:var(--sc-muted); font-size:12px; text-align:center; }
.sc-loading,.sc-error { min-height:420px; grid-column:1 / -1; border:1px solid var(--sc-border); border-radius:20px; background:var(--sc-card); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; color:var(--sc-muted); text-align:center; }
.sc-loading span { width:38px; height:38px; border:3px solid rgba(255,255,255,.1); border-top-color:#7b5cff; border-radius:50%; animation:sc-spin .8s linear infinite; }
.sc-error i { color:#ff7d88; font-size:26px; }
.sc-error strong { color:#fff; }
.sc-error button { padding:10px 18px; border:0; border-radius:10px; color:#fff; background:#6e54eb; cursor:pointer; }
@keyframes sc-spin { to { transform:rotate(360deg); } }

@media (min-width:1100px) {
    .smartcoins-premium-page {
        width:min(1320px,100%) !important;
        max-width:1320px !important;
        padding:18px 0 32px;
    }
    .smartcoins-dashboard {
        grid-template-columns:repeat(12,minmax(0,1fr));
        gap:12px;
        padding-bottom:24px;
        align-items:start;
    }
    .sc-balance-card {
        grid-column:1 / span 7;
        min-height:382px;
        padding:26px 30px;
    }
    .sc-balance-card__content { width:min(62%,620px); }
    .sc-balance-card__coin {
        width:270px;
        height:270px;
        right:10px;
        top:18px;
    }
    .sc-info-grid {
        grid-column:8 / -1;
        grid-row:1;
        grid-template-columns:1fr;
        gap:12px;
    }
    .sc-info-grid .sc-panel { min-height:0; padding:14px 18px; }
    .sc-info-grid .sc-reward-list,
    .sc-info-grid .sc-prize-list { margin-top:8px; }
    .sc-info-grid .sc-reward-list > div,
    .sc-info-grid .sc-prize-list > div { min-height:36px; }
    .sc-info-grid .sc-round-icon { width:28px; height:28px; flex-basis:28px; font-size:11px; }
    .sc-info-grid .sc-medal { width:26px; height:26px; flex-basis:26px; }
    .sc-info-grid .sc-reward-list,
    .sc-info-grid .sc-prize-list {
        grid-template-columns:1fr 1fr;
        column-gap:18px;
    }
    .sc-info-grid .sc-reward-list > div:nth-last-child(-n+2),
    .sc-info-grid .sc-prize-list > div:last-child { border-bottom:0; }
    .sc-panel { padding:18px 20px; }
    .sc-leaders {
        grid-column:1 / span 7;
        min-height:220px;
    }
    .sc-activity {
        grid-column:8 / -1;
        min-height:220px;
    }
    .sc-activity-list > div { min-height:54px; }
    .sc-current-rank { min-height:44px; margin-top:8px; }
    .sc-progress-label { margin-top:16px; }
    .sc-hero-actions { margin-top:16px; }
}

@media (min-width:1100px) and (max-width:1280px) {
    .smartcoins-premium-page { width:100% !important; }
    .sc-balance-card__coin { width:220px; height:220px; right:-12px; top:35px; }
    .sc-balance-card__content { width:68%; }
    .sc-info-grid .sc-reward-list,
    .sc-info-grid .sc-prize-list { grid-template-columns:1fr; }
    .sc-info-grid .sc-reward-list > div:nth-last-child(2) { border-bottom:1px solid rgba(255,255,255,.055); }
}

@media (max-width:760px) {
    main.container-main:has(.smartcoins-dashboard) { width:calc(100% - 24px) !important; }
    .smartcoins-dashboard { gap:12px; padding:0 2px 108px; }
    .sc-balance-card { min-height:300px; padding:22px; border-radius:18px; }
    .sc-balance-card__content { width:72%; }
    .sc-balance strong { font-size:42px; }
    .sc-balance-card__coin { width:225px; height:225px; right:-72px; top:18px; opacity:.88; }
    .sc-info-grid { grid-template-columns:1fr 1fr; gap:10px; }
    .sc-panel { padding:16px; border-radius:17px; }
    .sc-panel h2 { font-size:15px; }
    .sc-reward-list > div,.sc-prize-list > div { min-height:54px; }
    .sc-reward-list p,.sc-prize-list p { font-size:10px; }
    .sc-podium { gap:6px; }
    .sc-podium__person { width:33%; padding-inline:5px; }
}

@media (max-width:430px) {
    .sc-balance-card__content { width:100%; }
    .sc-balance-card__coin { width:165px; height:165px; right:-45px; top:18px; opacity:.42; }
    .sc-rank-line,.sc-progress-label,.sc-progress,.sc-balance-card__content > p { max-width:82%; }
    .sc-hero-actions { grid-template-columns:1fr; max-width:82%; }
    .sc-info-grid { grid-template-columns:1fr; }
    .sc-current-rank { padding:0 10px; gap:7px; }
    .sc-current-rank span { display:none; }
    .sc-panel__heading > span { font-size:9px; }
}

@media (prefers-reduced-motion:reduce) {
    .sc-loading span { animation:none; }
    .sc-hero-actions button,.sc-hero-actions a { transition:none; }
}
