/* NexoPlay V5 — visual refresh for Profile, VIP, referrals, roulette and Business sales. */
:root{--nx5-purple:#6757f5;--nx5-cyan:#20c7e8;--nx5-blue:#3867ff;--nx5-ink:#152d4b;--nx5-soft:#667a96;--nx5-line:rgba(48,74,112,.12);--nx5-shadow:0 24px 70px rgba(33,61,101,.12)}
/* Profile: no more empty black box. */
#profileView{padding:0!important}.nx5-profile-card,.profile-card.nx5-profile-card{background:transparent!important;border:0!important;box-shadow:none!important;max-width:none!important}.nx5-profile-hero{position:relative;display:flex;align-items:center;gap:18px;padding:24px;border-radius:28px;background:radial-gradient(480px 240px at 0% 0%,rgba(103,87,245,.18),transparent 70%),radial-gradient(420px 220px at 100% 0%,rgba(32,199,232,.15),transparent 70%),linear-gradient(135deg,#fff,#f2f7ff);border:1px solid var(--nx5-line);box-shadow:var(--nx5-shadow);overflow:hidden}.nx5-profile-hero:after{content:"";position:absolute;width:180px;height:180px;right:-70px;bottom:-90px;border-radius:50%;border:1px solid rgba(103,87,245,.14);box-shadow:0 0 0 25px rgba(103,87,245,.03),0 0 0 50px rgba(32,199,232,.025)}.nx5-profile-orb{position:relative;z-index:1;display:grid;place-items:center;width:76px;height:76px;border-radius:24px;background:linear-gradient(145deg,var(--nx5-purple),var(--nx5-cyan));box-shadow:0 18px 35px rgba(74,85,219,.25);font-size:35px}.nx5-profile-main{position:relative;z-index:1;min-width:0}.nx5-profile-main h3{margin:4px 0 2px;color:var(--nx5-ink);font-size:26px;letter-spacing:-1px;overflow-wrap:anywhere}.nx5-profile-main p{margin:0;color:var(--nx5-soft);font-size:12px;overflow-wrap:anywhere}.nx5-profile-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.nx5-profile-pills span{padding:6px 9px;border-radius:999px;background:#fff;border:1px solid var(--nx5-line);color:#526783;font-size:10px;font-weight:800}.nx5-profile-refresh{margin-left:auto;position:relative;z-index:2;border:1px solid var(--nx5-line);background:#fff;color:#3c5370;width:38px;height:38px;border-radius:12px}.nx5-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.nx5-stat{padding:17px;border-radius:19px;background:#fff;border:1px solid var(--nx5-line);box-shadow:0 12px 30px rgba(33,61,101,.07);min-width:0}.nx5-stat span,.nx5-stat small{display:block;color:#71839b;font-size:10px}.nx5-stat b{display:block;color:#17304f;font-size:21px;margin:5px 0;overflow-wrap:anywhere}.nx5-stat.accent{background:linear-gradient(145deg,#f5f2ff,#fff);border-color:rgba(103,87,245,.2)}.nx5-stat.accent b{background:linear-gradient(90deg,var(--nx5-purple),var(--nx5-cyan));-webkit-background-clip:text;color:transparent}.nx5-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.nx5-action{border:1px solid var(--nx5-line);background:#fff;color:#29415f;border-radius:12px;padding:10px 12px;font-size:11px;font-weight:850;box-shadow:0 7px 18px rgba(30,57,94,.05)}.nx5-action.primary{background:linear-gradient(135deg,var(--nx5-purple),var(--nx5-cyan));color:#fff;border-color:transparent}.nx5-action.vip{background:linear-gradient(135deg,#fff8db,#fff);border-color:rgba(204,157,45,.3);color:#765d00}.nx5-action.danger{color:#b6344c}.nx5-profile-panels{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:12px}.nx5-info-card{padding:18px;border-radius:19px;background:linear-gradient(145deg,#fff,#f5f8fc);border:1px solid var(--nx5-line)}.nx5-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.nx5-card-head h4{margin:3px 0;color:#17304f;font-size:16px}.nx5-card-head>b{font-size:12px;color:var(--nx5-purple)}.nx5-info-card p{margin:10px 0 0;color:#687d98;font-size:11px;line-height:1.55}.nx5-progress{height:9px;border-radius:999px;background:#e9eef6;overflow:hidden;margin-top:12px}.nx5-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--nx5-purple),var(--nx5-cyan))}.nx5-live{font-size:9px;color:#1c9c6b;font-weight:900}.nx5-link{margin-top:11px;padding:0;border:0;background:none;color:var(--nx5-purple);font-weight:900}.nx5-account-line{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;border:1px solid var(--nx5-line);background:#fff;border-radius:15px}.nx5-account-line span{font-size:10px;color:#667a96}.nx5-account-line strong{font-size:11px;color:#17304f;overflow-wrap:anywhere;flex:1}.nx5-account-line button{border:0;background:#eef1ff;color:#4f48dc;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:850}.nx5-profile-footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
/* Roulette */
.nx5-overlay{position:fixed;inset:0;z-index:10020;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(20,32,52,.38);backdrop-filter:blur(10px)}.nx5-overlay.open{display:flex}.nx5-modal{width:min(560px,100%);border-radius:30px;padding:24px;background:linear-gradient(145deg,#fff,#f3f7fc);border:1px solid rgba(36,65,104,.12);box-shadow:0 35px 110px rgba(25,50,91,.25);color:#17304f}.nx5-close{float:right;width:36px;height:36px;border-radius:11px;border:1px solid var(--nx5-line);background:#fff;color:#516681;font-size:22px}.nx5-kicker{color:#6757f5;font-size:9px;font-weight:950;letter-spacing:2px}.nx5-modal h2{margin:7px 0 5px;font-size:30px;letter-spacing:-1px}.nx5-sub{margin:0;color:#6b7f99;font-size:12px}.nx5-wheel-wrap{position:relative;width:260px;height:260px;margin:22px auto 15px}.nx5-pointer{position:absolute;z-index:3;left:50%;top:-8px;transform:translateX(-50%);color:#6757f5;font-size:25px;text-shadow:0 3px 8px rgba(0,0,0,.18)}.nx5-wheel{width:260px;height:260px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#6757f5 0 45deg,#27b8e7 45deg 90deg,#8a6cff 90deg 135deg,#36b99a 135deg 180deg,#ffb74d 180deg 225deg,#5f75f7 225deg 270deg,#4bc5e6 270deg 315deg,#7b61ff 315deg 360deg);border:10px solid #fff;box-shadow:0 18px 50px rgba(56,81,139,.2);transition:transform 1.4s cubic-bezier(.12,.72,.16,1)}.nx5-wheel.spinning{transform:rotate(var(--nx5-spin))}.nx5-wheel:after{content:"NEXO";display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fff;border:7px solid #eef2f8;color:#263f5e;font-weight:950;box-shadow:0 8px 18px rgba(30,57,94,.12)}.nx5-wheel span{position:absolute;color:#fff;font-weight:950;font-size:16px;text-shadow:0 2px 5px rgba(0,0,0,.22)}.nx5-wheel span:nth-child(1){transform:translateY(-91px)}.nx5-wheel span:nth-child(2){transform:translate(64px,-64px)}.nx5-wheel span:nth-child(3){transform:translate(91px,0)}.nx5-wheel span:nth-child(4){transform:translate(64px,64px)}.nx5-wheel span:nth-child(5){transform:translateY(91px)}.nx5-wheel span:nth-child(6){transform:translate(-64px,64px)}.nx5-wheel span:nth-child(7){transform:translate(-91px,0)}.nx5-wheel span:nth-child(8){transform:translate(-64px,-64px)}.nx5-roulette-result{text-align:center;color:#617691;background:#fff;border:1px solid var(--nx5-line);padding:11px;border-radius:12px;font-size:11px}.nx5-primary{display:block;width:100%;margin-top:10px;border:0;border-radius:13px;padding:13px;background:linear-gradient(135deg,var(--nx5-purple),var(--nx5-cyan));color:#fff;font-weight:900}.nx5-primary:disabled{opacity:.5;cursor:not-allowed}
/* VIP */
#nexoVipBg .nx-vip-modal{background:linear-gradient(180deg,#f8fbff,#eef5fc)!important;color:#17304f!important;max-width:1120px!important;width:min(1120px,96vw)!important;border-radius:30px!important;box-shadow:0 40px 110px rgba(25,50,91,.24)!important}.nx5-vip-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.nx5-vip-intro,.nx5-vip-code{padding:20px;border-radius:22px;border:1px solid var(--nx5-line);background:#fff;box-shadow:0 12px 30px rgba(33,61,101,.07)}.nx5-vip-intro{background:radial-gradient(450px 220px at 0% 0%,rgba(103,87,245,.12),transparent 70%),radial-gradient(350px 180px at 100% 0%,rgba(32,199,232,.11),transparent 70%),#fff}.nx5-vip-intro h3{font-size:26px;letter-spacing:-1px;margin:7px 0}.nx5-vip-intro p,.nx5-vip-code p{color:#6b7f99;font-size:11px;line-height:1.6}.nx5-vip-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.nx5-vip-code strong{display:block;margin:8px 0;font-size:30px;letter-spacing:2px;color:#17304f;overflow-wrap:anywhere}.nx5-vip-code>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.nx5-vip-code button{border:1px solid var(--nx5-line);background:#f7f9fd;color:#29415f;border-radius:10px;padding:8px 10px;font-weight:850;font-size:10px}.nx5-vip-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.nx5-vip-kpis>div{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--nx5-line)}.nx5-vip-kpis span{display:block;color:#71839b;font-size:9px}.nx5-vip-kpis b{display:block;margin-top:4px;color:#17304f;font-size:18px}.nx5-vip-tabs{display:flex;gap:6px;padding:6px;border-radius:14px;background:#e9eef6;margin-bottom:10px}.nx5-vip-tabs button{flex:1;border:0;background:transparent;color:#5f748f;border-radius:10px;padding:10px;font-weight:900}.nx5-vip-tabs button.active{background:#fff;color:#4d45dc;box-shadow:0 6px 16px rgba(30,57,94,.08)}.nx5-vip-tabs em{font-style:normal;background:#ef6b7e;color:#fff;border-radius:999px;padding:2px 6px;margin-left:4px}.nx5-manager-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:9px}.nx5-manager-head h4{margin:3px 0;color:#17304f;font-size:17px}.nx5-manager-head p{margin:0;color:#71839b;font-size:10px}.nx5-manager-head input{width:min(320px,100%);padding:10px 12px;border:1px solid var(--nx5-line);background:#fff;border-radius:11px;color:#17304f}.nx5-request-list,.nx5-client-list{display:grid;gap:8px}.nx5-request{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:12px;border:1px solid var(--nx5-line);background:#fff;border-radius:15px}.nx5-request-main,.nx5-client-identity{display:flex;align-items:center;gap:9px;min-width:0}.nx5-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#edf0ff,#e7f9fd);color:#4e48db;font-weight:950}.nx5-request-main strong,.nx5-client-identity strong{display:block;color:#17304f;font-size:11px;overflow-wrap:anywhere}.nx5-request-main span,.nx5-request-main small,.nx5-client-identity span,.nx5-client-identity small{display:block;color:#73869f;font-size:9px;overflow-wrap:anywhere}.nx5-status{padding:5px 8px;border-radius:999px;background:#f2f5f9;color:#647993;font-size:9px;font-weight:900}.nx5-request.approved .nx5-status{background:#eaf9f2;color:#1b8f61}.nx5-request.rejected .nx5-status{background:#fff0f2;color:#b6344c}.nx5-request-actions{grid-column:1/-1;display:flex;gap:7px}.nx5-request-actions button{border:1px solid rgba(30,168,109,.2);background:#effaf5;color:#197d58;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:900}.nx5-request-actions button.reject{border-color:rgba(182,52,76,.15);background:#fff2f4;color:#b6344c}.nx5-client-row{display:grid;grid-template-columns:minmax(0,1fr) 130px 100px;gap:10px;align-items:center;padding:12px;border:1px solid var(--nx5-line);background:#fff;border-radius:15px}.nx5-client-metric{padding-left:10px;border-left:1px solid var(--nx5-line)}.nx5-client-metric span{display:block;color:#7a8ca2;font-size:9px}.nx5-client-metric b{display:block;color:#17304f;font-size:14px;margin-top:3px}.nx5-vip-note{margin-top:10px;padding:10px 12px;border-radius:12px;background:#eef4fb;color:#607691;font-size:9px}.nx5-empty{padding:24px;text-align:center;border:1px dashed var(--nx5-line);border-radius:15px;color:#72859e;background:#fff;font-size:11px}
/* Business panel: make it feel like a sales dashboard, not a black modal. */
#distributorPanelBg .distributor-modal{background:linear-gradient(180deg,#f7fbff,#edf4fb)!important;color:#17304f!important;border:1px solid var(--nx5-line)!important;border-radius:30px!important;box-shadow:0 40px 110px rgba(25,50,91,.24)!important}.distributor-topbar{background:transparent!important}.distributor-brand h2{color:#17304f!important}.distributor-brand p,.distributor-hero-card p,.distributor-client-card p{color:#6b7f99!important}.distributor-hero-card,.distributor-client-card,.distributor-panel-card,.distributor-kpi,.distributor-sale,.distributor-new-sale{background:#fff!important;color:#17304f!important;border-color:var(--nx5-line)!important;box-shadow:0 12px 30px rgba(33,61,101,.07)!important}.distributor-hero-card{background:radial-gradient(420px 180px at 0% 0%,rgba(103,87,245,.11),transparent 70%),#fff!important}.distributor-kpi span,.distributor-sale-meta,.distributor-sale-row span{color:#71839b!important}.distributor-kpi b,.distributor-sale-row b,.distributor-sale strong,.mini-client-name{color:#17304f!important}.distributor-search{background:#fff!important;color:#17304f!important;border-color:var(--nx5-line)!important}.distributor-alert{background:#f0f5fb!important;color:#5d718d!important;border-color:var(--nx5-line)!important}.distributor-sale-row.highlight{background:linear-gradient(90deg,#f5f2ff,#f2fbff);border-radius:10px;padding:8px}.distributor-sale-row.highlight b{color:#4f48dc!important}
@media(max-width:800px){.nx5-profile-grid,.nx5-vip-kpis{grid-template-columns:repeat(2,1fr)}.nx5-profile-panels,.nx5-vip-hero{grid-template-columns:1fr}.nx5-client-row{grid-template-columns:1fr 1fr}.nx5-client-metric{border-left:0;padding-left:0}.nx5-request{grid-template-columns:1fr}.nx5-status{justify-self:start}.nx5-manager-head{align-items:stretch;flex-direction:column}.nx5-manager-head input{width:100%}}
@media(max-width:520px){.nx5-profile-hero{padding:18px;gap:12px}.nx5-profile-orb{width:58px;height:58px;border-radius:18px;font-size:26px}.nx5-profile-main h3{font-size:20px}.nx5-profile-pills span{font-size:8px}.nx5-profile-grid{gap:7px}.nx5-stat{padding:13px}.nx5-stat b{font-size:17px}.nx5-wheel-wrap,.nx5-wheel{width:220px;height:220px}.nx5-wheel span:nth-child(1){transform:translateY(-76px)}.nx5-wheel span:nth-child(2){transform:translate(54px,-54px)}.nx5-wheel span:nth-child(3){transform:translate(76px,0)}.nx5-wheel span:nth-child(4){transform:translate(54px,54px)}.nx5-wheel span:nth-child(5){transform:translateY(76px)}.nx5-wheel span:nth-child(6){transform:translate(-54px,54px)}.nx5-wheel span:nth-child(7){transform:translate(-76px,0)}.nx5-wheel span:nth-child(8){transform:translate(-54px,-54px)}}
@media(prefers-reduced-motion:reduce){.nx5-wheel{transition:none}.nx5-profile-hero:after{display:none}}