/* MU Exodus — Resellers & Referral Commissions */
#content .reseller-page,#content .referral-commission-page{overflow:hidden}
#content .reseller-hero,#content .commission-hero{position:relative;min-height:150px}
.reseller-hero-badge,.commission-hero-badge{min-width:210px;padding:18px 20px;border:1px solid rgba(211,166,60,.45);border-radius:14px;background:rgba(7,16,23,.6);text-align:right;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.reseller-hero-badge i{float:left;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(211,166,60,.38);border-radius:50%;color:#e1b246;background:rgba(211,166,60,.08)}
.reseller-hero-badge span,.commission-hero-badge span,.commission-hero-badge small{display:block;color:#82929f;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.reseller-hero-badge strong,.commission-hero-badge strong{display:block;margin-top:5px;color:#efc14f;font:700 28px/1.1 Roboto,sans-serif}
.commission-hero-badge small{margin-top:7px;letter-spacing:.4px;text-transform:none;font-weight:600}
.reseller-body,.commission-body{padding-top:8px}
.reseller-stats,.commission-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 24px}
.reseller-stat,.commission-stats article{position:relative;min-height:150px;padding:22px;border:1px solid #2f4656;border-radius:16px;background:linear-gradient(150deg,#10202a,#0b1720);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 26px rgba(0,0,0,.12);overflow:hidden;transition:.2s ease}
.reseller-stat:before,.commission-stats article:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:#d8a93c;box-shadow:0 0 12px rgba(216,169,60,.28)}
.reseller-stat:hover,.commission-stats article:hover{transform:translateY(-3px);border-color:#786228}
.reseller-stat i,.commission-stats article i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border:1px solid rgba(218,171,63,.28);border-radius:12px;color:#e1b246;background:rgba(218,171,63,.07);font-size:17px}
.reseller-stat span,.commission-stats article span{display:block;color:#82929e;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.reseller-stat strong,.commission-stats article strong{display:block;margin:6px 0 5px;color:#eef2f4;font:700 27px/1.12 Roboto,sans-serif}
.reseller-stat small,.commission-stats article small{color:#6f818e;font-size:11px}
.reseller-stat-primary,.commission-stats .commission-highlight{border-color:rgba(210,164,56,.5);background:linear-gradient(145deg,rgba(197,145,39,.12),#0d1b24 54%,#0a151d)}
.reseller-stat-primary strong,.commission-stats .commission-highlight strong{color:#efbf49}
.reseller-panel,.commission-panel{margin-top:20px;border:1px solid #2d4351;border-radius:16px;background:rgba(9,20,28,.84);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.reseller-panel-heading,.commission-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid #2d414d;background:linear-gradient(90deg,rgba(211,166,60,.08),rgba(19,34,44,.75))}
.reseller-panel-heading.compact,.commission-panel-heading.compact{padding-top:18px;padding-bottom:18px}
.reseller-panel-heading span,.commission-panel-heading span{display:block;color:#dfad3f;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
#content .reseller-panel-heading h2,#content .commission-panel-heading h2{margin:4px 0 0;color:#edf1f4;font:700 26px/1.15 Cinzel,serif}
.reseller-panel-heading p,.commission-panel-heading p{margin:5px 0 0;color:#82939e;font-size:12px}
.reseller-panel-heading>i,.commission-panel-heading>i{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(218,171,63,.28);border-radius:12px;color:#e1b246;background:rgba(218,171,63,.06)}
.reseller-sale-form{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end;padding:24px}
.reseller-sale-form label{display:block;margin:0}.reseller-sale-form label>span{display:block;margin-bottom:8px;color:#8798a4;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.reseller-sale-form .form-control{height:48px!important;padding:0 14px!important;border:1px solid #344b5a!important;border-radius:11px!important;color:#dce4e9!important;background:#09151d!important;box-shadow:none!important}
.reseller-sale-form .form-control:focus{border-color:#a57f2a!important;box-shadow:0 0 0 3px rgba(211,166,60,.08)!important}
.reseller-submit{height:48px;padding:0 20px;border:1px solid #e1b44b;border-radius:11px;color:#111;background:linear-gradient(#dfaF43,#b77b21);font-weight:800;white-space:nowrap;cursor:pointer}.reseller-submit:hover{filter:brightness(1.06)}
.reseller-table,.commission-table{width:100%;border-collapse:collapse;color:#c7d0d6}.reseller-table th,.commission-table th{padding:14px 17px;color:#dce3e7;background:#1d2d38;font-size:10px;letter-spacing:.7px;text-transform:uppercase}.reseller-table td,.commission-table td{padding:15px 17px;border-top:1px solid #283c48;background:#101d25;vertical-align:middle}.reseller-table tbody tr:hover td,.commission-table tbody tr:hover td{background:#152630}.wc-cell{color:#e6b94b;font-weight:800}.operation-id{display:inline-block;max-width:250px;padding:5px 8px;border:1px solid #334955;border-radius:7px;color:#899aa5;background:#0b171f;font:600 10px/1.2 monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reseller-empty,.commission-empty{text-align:center;color:#748591!important;padding:28px!important}
.commission-money{color:#55cf91!important;font-weight:800}.source-badge{display:inline-flex;padding:5px 8px;border:1px solid #40515d;border-radius:999px;color:#c9d1d7;background:#14222b;font-size:10px;font-weight:800;white-space:nowrap}.source-paypal{border-color:#2f6589;color:#7ac7f4}.source-reseller{border-color:#7d6325;color:#e2b344}.source-killer{border-color:#555b7d;color:#b9bdf2}.source-credit_manager{border-color:#3f6a56;color:#77d7a5}
/* Refine the two new cards in Mi Cuenta without touching the original referral widget logic */
#content .account-referral-widget[href*="referralcommissions"],#content .account-referral-widget[href*="reseller/"]{position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(198,145,35,.07),rgba(12,28,38,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 12px 30px rgba(0,0,0,.12)}
#content .account-referral-widget[href*="referralcommissions"]:before,#content .account-referral-widget[href*="reseller/"]:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2px;background:#d8a93c}
@media(max-width:991px){.reseller-stats,.commission-stats{grid-template-columns:repeat(2,1fr)}.reseller-sale-form{grid-template-columns:1fr 1fr}.reseller-submit{grid-column:1/-1}.reseller-hero-badge,.commission-hero-badge{min-width:180px}}
@media(max-width:720px){#content .reseller-hero,#content .commission-hero{display:block}.reseller-hero-badge,.commission-hero-badge{margin-top:18px;text-align:left}.reseller-hero-badge i{margin-right:12px}.reseller-stats,.commission-stats{grid-template-columns:1fr 1fr}.reseller-sale-form{grid-template-columns:1fr}.reseller-submit{grid-column:auto}.reseller-panel-heading p,.commission-panel-heading p{display:none}}
@media(max-width:520px){.reseller-stats,.commission-stats{grid-template-columns:1fr}.reseller-stat,.commission-stats article{min-height:125px}.reseller-panel-heading,.commission-panel-heading{padding:18px}.reseller-sale-form{padding:18px}.reseller-table th,.reseller-table td,.commission-table th,.commission-table td{padding:12px 13px}}

/* V3 — withdrawal workflow + spacing refinements */
#content .reseller-page,#content .referral-commission-page{margin-top:18px}
#content .reseller-hero,#content .commission-hero{padding-top:28px;padding-bottom:28px;align-items:center}
#content .commission-hero{min-height:170px}
.commission-withdraw-box{min-width:320px;max-width:370px;padding:18px;border:1px solid rgba(211,166,60,.48);border-radius:16px;background:linear-gradient(145deg,rgba(207,153,39,.08),rgba(7,17,24,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 14px 32px rgba(0,0,0,.16)}
.commission-balance-line{display:flex;align-items:center;gap:14px;margin-bottom:14px}.commission-balance-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border:1px solid rgba(211,166,60,.38);border-radius:50%;color:#efbd45;background:rgba(211,166,60,.08);font-size:18px}.commission-balance-line span{display:block;color:#8fa0ab;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.commission-balance-line strong{display:block;margin-top:3px;color:#f0bf48;font:800 30px/1.05 Roboto,sans-serif}.withdraw-form{display:grid;grid-template-columns:92px 1fr;gap:8px}.withdraw-input-wrap{display:flex;height:40px;border:1px solid #344c5b;border-radius:9px;background:#09151d;overflow:hidden}.withdraw-input-wrap span{display:grid;place-items:center;width:28px;color:#d6a638;font-weight:800;background:rgba(211,166,60,.06)}.withdraw-input-wrap input{min-width:0;width:100%;border:0;outline:0;color:#dfe6ea;background:transparent;font-weight:700}.withdraw-form button{height:40px;border:1px solid #e0ad3c;border-radius:9px;color:#111;background:linear-gradient(#e3b044,#ba7f22);font-weight:800;cursor:pointer}.withdraw-form button:disabled,.withdraw-input-wrap input:disabled{opacity:.45;cursor:not-allowed}.withdraw-minimum{display:block;margin-top:8px;color:#738693;font-size:10px;text-align:right}.withdraw-request-state{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #66531f;border-radius:9px;color:#cfbe8f;background:#201d14;font-size:11px}.withdraw-request-state i{color:#e2ad37}.withdraw-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.withdraw-pending{border:1px solid #79601f;color:#e8b741;background:#211d12}.withdraw-paid{border:1px solid #2f6b50;color:#6ad9a1;background:#11271f}.withdraw-rejected{border:1px solid #6d3b3b;color:#e08f8f;background:#271717}.commission-stats-compact article{min-height:138px}
@media(max-width:991px){.commission-withdraw-box{min-width:280px}.withdraw-form{grid-template-columns:88px 1fr}}
@media(max-width:720px){.commission-withdraw-box{min-width:0;max-width:none;width:100%;margin-top:18px}.withdraw-form{grid-template-columns:1fr 1fr}}
@media(max-width:520px){#content .reseller-page,#content .referral-commission-page{margin-top:12px}.withdraw-form{grid-template-columns:1fr}.commission-balance-line strong{font-size:26px}}

/* V5 — withdrawal card redesign */
.commission-withdraw-box{min-width:350px;max-width:390px;padding:0;border:1px solid rgba(211,166,60,.46);border-radius:16px;background:linear-gradient(150deg,rgba(203,151,42,.075),rgba(7,17,24,.94) 52%);overflow:hidden}
.commission-balance-line{margin:0;padding:16px 18px;gap:12px;border-bottom:1px solid rgba(129,109,53,.28)}
.commission-balance-icon{width:44px;height:44px;flex-basis:44px;font-size:16px}
.commission-balance-line span{font-size:9px;letter-spacing:1.35px}
.commission-balance-line strong{font-size:29px;margin-top:2px}
.withdraw-form-ready{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(150px,1.2fr);gap:10px;padding:14px 16px 0}
.withdraw-amount-field{display:block;margin:0}
.withdraw-amount-field>span{display:block;margin:0 0 6px;color:#81939f;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.withdraw-input-wrap{height:42px;border-color:#334b59;border-radius:10px}
.withdraw-input-wrap b{display:grid;place-items:center;width:30px;color:#e1b246;background:rgba(211,166,60,.06);font-size:13px}
.withdraw-input-wrap input{padding:0 8px;font-size:13px}
.withdraw-form-ready button{align-self:end;height:42px;border-radius:10px;font-size:12px}
.withdraw-minimum{margin:8px 16px 14px;text-align:left;color:#718491;font-size:9px}
.withdraw-locked{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px}
.withdraw-locked>div span{display:block;color:#758894;font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.withdraw-locked>div strong{display:block;margin-top:3px;color:#b9c3c9;font:700 17px/1 Roboto,sans-serif}
.withdraw-locked button{height:38px;padding:0 15px;border:1px solid #4d492f;border-radius:9px;color:#7f7a5a;background:rgba(153,122,40,.08);font-size:11px;font-weight:800;cursor:not-allowed}
.withdraw-request-state{margin:14px 16px;padding:11px 12px;border-radius:10px}
.withdraw-request-state>div span{display:block;color:#8d9aa2;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.withdraw-request-state>div strong{display:block;margin-top:2px;color:#e6b84a;font-size:17px}
@media(max-width:991px){.commission-withdraw-box{min-width:320px}.withdraw-form-ready{grid-template-columns:1fr 1.2fr}}
@media(max-width:720px){.commission-withdraw-box{min-width:0;max-width:none}.withdraw-form-ready{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.withdraw-form-ready,.withdraw-locked{grid-template-columns:1fr}.withdraw-locked button{width:100%}}

/* V6 — heroes integrated with the rest of Exodus + compact withdrawal area */
#content .reseller-page,
#content .referral-commission-page{
    margin-top:0 !important;
    padding:18px 18px 0 !important;
    overflow:hidden !important;
}
#content .reseller-page > .module-hero,
#content .referral-commission-page > .module-hero{
    min-height:118px !important;
    margin:0 !important;
    padding:18px 14px 24px !important;
    border:0 !important;
    border-bottom:1px solid rgba(48,67,79,.7) !important;
    border-left:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#content .reseller-page > .module-hero:hover,
#content .referral-commission-page > .module-hero:hover{
    transform:none !important;
    border-color:#30434f !important;
    border-left-color:#d0a34d !important;
}
#content .reseller-page > .module-page-body,
#content .referral-commission-page > .module-page-body{
    padding:24px 0 4px !important;
}
#content .reseller-hero,
#content .commission-hero{min-height:118px !important}
#content .reseller-hero .module-hero-copy,
#content .commission-hero .module-hero-copy{max-width:720px}
#content .reseller-hero h1,
#content .commission-hero h1{margin-bottom:7px !important}
#content .reseller-hero p,
#content .commission-hero p{max-width:650px}
#content .reseller-hero .module-hero-icon,
#content .commission-hero .module-hero-icon{width:58px;height:58px;flex:0 0 58px}

/* Old hero badges are no longer used, keep hidden for cache-safe upgrades. */
.reseller-hero-badge,.commission-hero-badge,.commission-withdraw-box{display:none !important}

.reseller-toast{position:fixed;z-index:9999;right:24px;bottom:24px;display:flex;align-items:flex-start;gap:11px;width:min(440px,calc(100vw - 32px));padding:15px 16px;border:1px solid;border-radius:10px;background:#101d25;box-shadow:0 18px 46px rgba(0,0,0,.42);color:#dce5ea;font:600 12px/1.45 Roboto,sans-serif;animation:resellerToastIn .24s ease-out}.reseller-toast>i{margin-top:2px;font-size:16px}.reseller-toast span{min-width:0;flex:1}.reseller-toast button{padding:0;border:0;color:#81919b;background:transparent;cursor:pointer}.reseller-toast-success{border-color:#2c6949}.reseller-toast-success>i{color:#5bd397}.reseller-toast-error{border-color:#733b42}.reseller-toast-error>i{color:#ed8490}@keyframes resellerToastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.commission-withdraw-strip{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:78px;
    margin:0 0 22px;
    padding:14px 16px;
    border:1px solid #30434f;
    border-radius:13px;
    background:linear-gradient(100deg,rgba(201,154,67,.055),rgba(11,25,34,.96) 48%);
}
.commission-withdraw-strip .commission-balance-line{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:210px;
    margin:0;
    padding:0;
    border:0;
}
.commission-withdraw-strip .commission-balance-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    font-size:15px;
}
.commission-withdraw-strip .commission-balance-line span{font-size:9px}
.commission-withdraw-strip .commission-balance-line strong{font-size:25px}
.commission-withdraw-strip .withdraw-form-ready{
    display:grid;
    grid-template-columns:145px auto;
    align-items:end;
    gap:10px;
    padding:0;
}
.commission-withdraw-strip .withdraw-amount-field>span{margin-bottom:5px}
.commission-withdraw-strip .withdraw-input-wrap{height:38px}
.commission-withdraw-strip .withdraw-form-ready button{height:38px;padding:0 16px;white-space:nowrap}
.commission-withdraw-strip .withdraw-locked{
    display:flex;
    align-items:center;
    gap:16px;
    padding:0;
}
.commission-withdraw-strip .withdraw-locked>div{text-align:right}
.commission-withdraw-strip .withdraw-locked>div strong{font-size:16px}
.commission-withdraw-strip .withdraw-locked button{height:36px}
.commission-withdraw-strip .withdraw-request-state{margin:0;min-width:230px}

@media(max-width:720px){
    #content .reseller-page,#content .referral-commission-page{margin-top:0 !important;padding:12px 12px 0 !important}
    #content .reseller-page > .module-hero,#content .referral-commission-page > .module-hero{min-height:0 !important;padding:20px !important}
    #content .reseller-page > .module-page-body,#content .referral-commission-page > .module-page-body{padding:20px 15px 2px !important}
    .commission-withdraw-strip{display:block;padding:15px}
    .commission-withdraw-strip .commission-balance-line{margin-bottom:14px}
    .commission-withdraw-strip .withdraw-form-ready{grid-template-columns:1fr 1fr}
    .commission-withdraw-strip .withdraw-locked{justify-content:space-between}
}
@media(max-width:520px){
    .commission-withdraw-strip .withdraw-form-ready{grid-template-columns:1fr}
    .commission-withdraw-strip .withdraw-locked{display:grid;grid-template-columns:1fr}
    .commission-withdraw-strip .withdraw-locked>div{text-align:left}
    .commission-withdraw-strip .withdraw-locked button{width:100%}
}
.reseller-toast{animation:resellerToastIn .24s ease-out,resellerToastOut .25s ease-in 6s forwards}@keyframes resellerToastOut{to{opacity:0;visibility:hidden;transform:translateY(8px)}}

/* Use the shared Exodus module header verbatim; these pages only style their body. */
#content .reseller-page,
#content .referral-commission-page{
    margin:0 0 26px !important;
    padding:0 !important;
}
#content .reseller-page > .module-hero,
#content .referral-commission-page > .module-hero{
    min-height:118px !important;
    margin:0 !important;
    padding:24px 28px 24px 31px !important;
    background:linear-gradient(90deg,rgba(201,154,67,.1),rgba(24,40,51,.74) 42%,rgba(19,34,44,.94)),#101c24 !important;
    border:0 !important;
    border-bottom:1px solid #30434f !important;
    border-left:3px solid #d0a34d !important;
    border-radius:0 !important;
    box-shadow:none !important;
}
#content .reseller-page > .module-hero:hover,
#content .referral-commission-page > .module-hero:hover{
    transform:none !important;
    border-color:#30434f !important;
    border-left-color:#d0a34d !important;
    box-shadow:none !important;
}
#content .reseller-page > .module-page-body,
#content .referral-commission-page > .module-page-body{
    padding:26px 24px 4px !important;
}
@media(max-width:767px){
    #content .reseller-page > .module-hero,
    #content .referral-commission-page > .module-hero{min-height:0 !important;padding:20px !important}
    #content .reseller-page > .module-page-body,
    #content .referral-commission-page > .module-page-body{padding:18px 15px 2px !important}
}

/* UserCP Dark Pagination */
.usercp-pagination-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#0b1720;border-top:1px solid #283c48;flex-wrap:wrap;gap:8px}
.usercp-pagination-info{font-size:11px;color:#82929e}
.usercp-pagination-info strong{color:#edf1f4}
.usercp-pagination-buttons{display:flex;gap:5px;align-items:center}
.usercp-btn-page{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-size:11px;font-weight:700;border:1px solid #334b5a;border-radius:6px;background:#11202b;color:#dce4e9;cursor:pointer;transition:all .15s ease}
.usercp-btn-page:hover:not(:disabled){background:#182e3e;border-color:#d8a93c;color:#f0bf48}
.usercp-btn-page.active{background:#d8a93c;border-color:#d8a93c;color:#111}
.usercp-btn-page:disabled{opacity:.35;cursor:not-allowed}
.streamer-vip-eyebrow{display:block;margin-bottom:8px;color:#e3b64b;font-size:10px;font-weight:900;letter-spacing:1.8px}.streamer-vip-page .streamer-vip-hero{background:radial-gradient(circle at 82% 20%,rgba(213,165,55,.12),transparent 25%),linear-gradient(120deg,#14242d,#0d1b24)}
.streamer-benefit-progress{display:grid;grid-template-columns:auto minmax(180px,1fr) 42px;align-items:center;gap:18px;margin:-6px 0 24px;padding:15px 18px;border:1px solid #2f4656;border-radius:12px;background:#0c1922}.streamer-benefit-progress span{display:block;color:#7f919d;font-size:9px;font-weight:900;letter-spacing:1px}.streamer-benefit-progress strong{color:#e9eff2;font-size:14px}.streamer-benefit-progress strong small{color:#70838f;font-weight:500}.streamer-benefit-progress>b{color:#e2b348;font-size:13px}.streamer-benefit-progress-track{height:7px;border-radius:10px;background:#172a35;overflow:hidden}.streamer-benefit-progress-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#b9801d,#efc556);box-shadow:0 0 12px rgba(225,177,65,.25)}
.streamer-vip-page .streamer-vip-package{position:relative;border-color:#304958;background:linear-gradient(145deg,#12232d,#0b1821);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 18px rgba(0,0,0,.13);overflow:hidden}.streamer-vip-page .streamer-vip-package:before{content:"";position:absolute;top:0;left:28%;right:28%;height:2px;background:#d8a93c}.streamer-vip-page .streamer-vip-package>span{color:#91a2ad}.streamer-vip-page .streamer-vip-package>strong{color:#f2f5f6}.streamer-vip-page .streamer-vip-package>small{color:#d5a83d}.streamer-vip-page .streamer-vip-package button{border:1px solid #b98b28;background:linear-gradient(#e2b54e,#c5942c);color:#101820}.streamer-vip-page .streamer-vip-package.is-locked{filter:none;opacity:1;border-color:#293d49}.streamer-vip-page .streamer-vip-package.is-locked:before{background:#53636c}.streamer-vip-page .streamer-vip-package.is-locked>strong{color:#82919a}.streamer-vip-page .streamer-vip-package.is-locked>small,.streamer-vip-page .streamer-vip-package.is-locked>span{color:#667983}.streamer-vip-page .streamer-vip-package button:disabled{border-color:#344954;background:#1a2b35;color:#647680}.streamer-vip-page .streamer-vip-rule{border-color:#2d4655;background:#0d1c25;color:#8da0ab}.streamer-vip-page .streamer-vip-monitor{border-color:#71363a;background:rgba(142,38,45,.13);color:#d88989}.streamer-vip-page .streamer-vip-channels{padding:15px 18px}.streamer-vip-page .streamer-vip-channels span{border-color:#57388a;background:#17152a;color:#b99ae9}
@media(max-width:700px){.streamer-benefit-progress{grid-template-columns:1fr 38px}.streamer-benefit-progress>div:first-child{grid-column:1/-1}.streamer-vip-page .reseller-body{padding-left:14px;padding-right:14px}}
.streamer-vip-page .reseller-stats{gap:12px;margin:14px 0 18px}.streamer-vip-page .reseller-stat{min-height:118px;padding:16px 18px;border-radius:12px}.streamer-vip-page .reseller-stat i{width:36px;height:36px;margin-bottom:11px;font-size:14px}.streamer-vip-page .reseller-stat strong{font-size:22px;margin:4px 0}.streamer-vip-page .reseller-stat small{display:block;line-height:1.35}
.streamer-vip-page .streamer-vip-monitor>i{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;margin:0;border:1px solid rgba(226,91,99,.32);border-radius:50%;background:rgba(207,61,69,.11);color:#ef858b;font-size:17px;box-shadow:inset 0 0 12px rgba(219,70,78,.06)}
.streamer-vip-page .streamer-vip-package{display:flex;min-height:330px;padding:25px 20px 18px;align-items:center;flex-direction:column;border-color:#3c4d43;background:radial-gradient(circle at 50% 18%,rgba(211,165,53,.11),transparent 29%),linear-gradient(155deg,#14252c,#0b171f 72%)}.streamer-vip-page .streamer-vip-package:before{left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,#d8a93c,transparent)}
.streamer-vip-emblem{position:relative;display:grid;width:76px;height:82px;margin:0 auto 12px;place-items:center;color:#efc14e;filter:drop-shadow(0 7px 10px rgba(0,0,0,.35))}.streamer-vip-emblem>i{font-size:68px;background:linear-gradient(145deg,#ffdc6a,#be7815);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px rgba(235,177,50,.2))}.streamer-vip-emblem>span{position:absolute;display:grid;width:32px;height:32px;top:25px;left:22px;place-items:center;border:1px solid rgba(255,220,106,.55);border-radius:5px;background:linear-gradient(145deg,#6d4712,#33240d);box-shadow:inset 0 0 8px rgba(255,203,69,.2)}.streamer-vip-emblem>span>i{color:#ffd75d;font-size:14px}
.streamer-vip-page .streamer-vip-package>small{order:initial;margin:0 0 5px;color:#d7a83e;font-size:10px;font-weight:900;letter-spacing:1.5px}.streamer-vip-page .streamer-vip-package>strong{display:flex;align-items:baseline;gap:6px;margin:0 0 16px;color:#f2f4f4;font:800 33px/1 Roboto,sans-serif}.streamer-vip-page .streamer-vip-package>strong em{color:#aab6bb;font-size:13px;font-style:normal;letter-spacing:.7px}
.streamer-vip-cost{width:100%;margin-top:auto;padding:10px 12px;border-top:1px solid #263b45;border-bottom:1px solid #263b45;text-align:center}.streamer-vip-cost>span{display:block;margin-bottom:3px;color:#617681;font-size:8px;font-weight:900;letter-spacing:1.2px}.streamer-vip-cost>b{color:#b9c6cc;font-size:11px}.streamer-vip-cost>b>i{margin-right:4px;color:#c99a32}
.streamer-vip-page .streamer-vip-package button{margin-top:14px;border-color:#97701f;background:linear-gradient(180deg,#d8aa40,#ad761d);box-shadow:0 5px 14px rgba(0,0,0,.2);transition:transform .16s ease,filter .16s ease}.streamer-vip-page .streamer-vip-package button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.streamer-vip-page .streamer-vip-package.is-locked{background:radial-gradient(circle at 50% 18%,rgba(112,128,135,.07),transparent 29%),linear-gradient(155deg,#122129,#0b171f 72%)}.streamer-vip-page .streamer-vip-package.is-locked .streamer-vip-emblem{filter:grayscale(.72) opacity(.48)}.streamer-vip-page .streamer-vip-package.is-locked>strong{color:#71838c}.streamer-vip-page .streamer-vip-package.is-locked>small{color:#687980}.streamer-vip-page .streamer-vip-package button:disabled{border-color:#2e454f;background:#172a34;box-shadow:none;color:#627780}
.streamer-vip-page .streamer-vip-monitor{align-items:center;min-height:82px}.streamer-vip-page .streamer-vip-monitor>i{align-self:center;margin-top:0}.streamer-vip-page .streamer-vip-monitor strong{margin-bottom:2px}
.streamer-vip-conversion{margin-top:14px;padding:15px 16px;border:1px solid #2e4756;border-radius:10px;background:#0c1a23}.streamer-vip-conversion-title{display:flex;align-items:flex-start;gap:10px;color:#92a4af;font-size:11px}.streamer-vip-conversion-title>i{margin-top:2px;color:#d9aa3d}.streamer-vip-conversion-title strong{display:block;margin-bottom:2px;color:#e4eaed;font-size:12px}.streamer-vip-conversion-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.streamer-vip-conversion-cases span{padding:10px 11px;border:1px solid #263c49;border-radius:8px;background:#101f29;color:#82949f;font-size:10.5px;line-height:1.4}.streamer-vip-conversion-cases span>i{margin-right:5px;color:#d4a43a}.streamer-vip-conversion-cases b{display:block;margin:4px 0 2px;color:#cdd7dc;font-size:11px}
@media(max-width:800px){.streamer-vip-conversion-cases{grid-template-columns:1fr}}
.streamer-vip-page{margin-bottom:34px}.streamer-vip-page .reseller-body{padding-bottom:34px}.streamer-vip-page .reseller-stat{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.streamer-vip-page .reseller-stat:before{left:24%;right:24%}.streamer-vip-page .streamer-vip-packages{margin:0;padding:20px 20px 0}.streamer-vip-policy{display:flex;align-items:center;gap:13px;margin:14px 20px 0;padding:13px 15px;border-top:1px solid #2e4654;border-bottom:1px solid #2e4654;color:#8496a1}.streamer-vip-policy>i{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:rgba(216,169,60,.09);color:#dfae3c}.streamer-vip-policy strong{display:block;margin-bottom:3px;color:#dce4e8;font-size:11.5px}.streamer-vip-policy p{margin:0;color:#83959f;font-size:10.5px;line-height:1.55}.streamer-vip-policy p b{color:#b9c5cb}.streamer-vip-policy p span{padding:0 5px;color:#b78b2a}.streamer-vip-page .streamer-vip-monitor{position:relative;margin:16px 20px 24px;overflow:hidden;animation:streamerMonitorPulse 2.8s ease-in-out infinite}.streamer-vip-page .streamer-vip-monitor:after{position:absolute;top:0;bottom:0;left:-35%;width:25%;background:linear-gradient(90deg,transparent,rgba(238,92,99,.08),transparent);content:"";transform:skewX(-18deg);animation:streamerMonitorSweep 4.8s ease-in-out infinite;pointer-events:none}.streamer-vip-page .streamer-vip-monitor>i{position:relative;z-index:1;animation:streamerMonitorIcon 1.8s ease-in-out infinite}.streamer-vip-page .streamer-vip-monitor>span{position:relative;z-index:1}.streamer-vip-page .reseller-panel:last-child{margin-bottom:18px}
@keyframes streamerMonitorPulse{0%,100%{border-color:#71363a;box-shadow:inset 0 0 0 rgba(211,65,73,0)}50%{border-color:#bd4b52;box-shadow:inset 0 0 22px rgba(211,65,73,.045),0 0 12px rgba(211,65,73,.06)}}@keyframes streamerMonitorSweep{0%,58%{left:-35%;opacity:0}68%{opacity:1}88%,100%{left:115%;opacity:0}}@keyframes streamerMonitorIcon{0%,100%{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(238,92,99,.55))}}
@media(prefers-reduced-motion:reduce){.streamer-vip-page .streamer-vip-monitor,.streamer-vip-page .streamer-vip-monitor:after,.streamer-vip-page .streamer-vip-monitor>i{animation:none}}@media(max-width:700px){.streamer-vip-page .streamer-vip-packages{padding:14px 14px 0}.streamer-vip-policy,.streamer-vip-page .streamer-vip-monitor{margin-left:14px;margin-right:14px}.streamer-vip-policy{align-items:flex-start}.streamer-vip-policy p span{display:none}.streamer-vip-policy p b{display:block;margin-top:4px}}
.streamer-vip-hero{background:linear-gradient(125deg,#32105c,#7130a8 58%,#c58a20)}
.streamer-vip-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.streamer-vip-packages form{margin:0}.streamer-vip-package{height:100%;padding:20px 15px;border:1px solid #e3d2f4;border-radius:9px;background:linear-gradient(150deg,#fff,#fbf7ff);text-align:center;box-shadow:0 4px 12px rgba(75,25,120,.07)}
.streamer-vip-package>span{display:block;color:#7034a5;font-size:12px;font-weight:800;letter-spacing:.8px}.streamer-vip-package>i{margin:12px 0;color:#c58a20}.streamer-vip-package>strong{display:block;color:#352142;font-size:25px}.streamer-vip-package>small{display:block;margin:3px 0 15px;color:#b27a13;font-weight:800}.streamer-vip-package button{width:100%;padding:10px;border:0;border-radius:6px;background:#7130a8;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.streamer-vip-package.is-locked{filter:grayscale(.7);opacity:.62}.streamer-vip-package button:disabled{cursor:not-allowed;background:#7e8790}
.streamer-vip-warning,.streamer-vip-rule{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;border-radius:7px;font-size:12px;line-height:1.5}.streamer-vip-warning{border:1px solid #f2c36b;background:#fff7e7;color:#7b5107}.streamer-vip-rule{margin-top:14px;border:1px solid #d9e2e8;background:#f7fafb;color:#52636e}.streamer-vip-channels{display:flex;flex-wrap:wrap;gap:9px}.streamer-vip-channels span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dfd2ed;border-radius:6px;background:#fbf8ff;color:#62308c;font-size:12px;font-weight:700}
@media(max-width:800px){.streamer-vip-packages{grid-template-columns:1fr}}
.streamer-vip-monitor{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:13px 14px;border:1px solid #ef9a9a;border-left:4px solid #c83232;border-radius:7px;background:#fff1f1;color:#7f2424;font-size:12px;line-height:1.5}.streamer-vip-monitor>i{margin-top:2px}.streamer-vip-monitor strong{display:block}