.elementor-2098 .elementor-element.elementor-element-8a9a999{--display:flex;}.elementor-2098 .elementor-element.elementor-element-8a9a999.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2098 .elementor-element.elementor-element-f6bc871{--display:flex;}.elementor-2098 .elementor-element.elementor-element-ad1eeef{--display:flex;}.elementor-2098 .elementor-element.elementor-element-ad1eeef.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2098 .elementor-element.elementor-element-a335304.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2098 .elementor-element.elementor-element-60e999e{--display:flex;}@media(max-width:767px){.elementor-2098 .elementor-element.elementor-element-8a9a999{--width:664.81px;}.elementor-2098 .elementor-element.elementor-element-ad1eeef{--width:452.81px;}.elementor-2098 .elementor-element.elementor-element-a335304{width:var( --container-widget-width, 208.81px );max-width:208.81px;--container-widget-width:208.81px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-260d038 */.pro-affiliate-dashboard{
max-width:420px;
margin:auto;
font-family:Segoe UI;
}

/* PROFILE HEADER */

.profile-header{
display:flex;
align-items:center;
gap:15px;
padding:20px;
border-radius:20px;
background:linear-gradient(135deg,#4b5cff,#9d4edd,#ff7ad9);
color:#fff;
margin-bottom:20px;
}

.profile-img{
width:70px;
height:70px;
border-radius:50%;
border:3px solid #fff;
}

.profile-right h2{
margin:0;
font-size:20px;
}

.rank-badge{
background:#ffb703;
padding:6px 12px;
border-radius:8px;
font-size:12px;
display:inline-block;
margin-top:5px;
color:#000;
}

.greeting{
margin-top:6px;
font-size:14px;
}

/* GRID */

.earnings-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
}

/* CARD */

.earn-card{
background:#fff;
padding:18px;
border-radius:18px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
position:relative;
overflow:hidden;
}

.earn-card span{
font-size:13px;
color:#777;
}

.earn-card h3{
font-size:22px;
margin-top:6px;
}

/* COLOR STRIPS */

.card-blue{border-bottom:4px solid #4b5cff;}
.card-green{border-bottom:4px solid #2ec4b6;}
.card-purple{border-bottom:4px solid #9d4edd;}
.card-orange{border-bottom:4px solid #ff9f1c;}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-2b8d312 */.pro-affiliate-dashboard{
max-width:420px;
margin:auto;
font-family:Segoe UI;
}

.profile-header{
display:flex;
align-items:center;
gap:15px;
padding:20px;
border-radius:20px;
background:linear-gradient(135deg,#4b5cff,#9d4edd,#ff7ad9);
color:#fff;
margin-bottom:20px;
}

.profile-img{
width:70px;
height:70px;
border-radius:50%;
border:3px solid #fff;
}

.rank-badge{
background:#ffb703;
padding:6px 12px;
border-radius:8px;
font-size:12px;
margin-top:5px;
display:inline-block;
color:#000;
}

.earnings-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
}

.earn-card{
background:#fff;
padding:18px;
border-radius:18px;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
}

.earn-card span{
font-size:13px;
color:#777;
}

.earn-card h3{
font-size:22px;
margin-top:6px;
}

.card-blue{border-bottom:4px solid #4b5cff;}
.card-green{border-bottom:4px solid #2ec4b6;}
.card-purple{border-bottom:4px solid #9d4edd;}
.card-orange{border-bottom:4px solid #ff9f1c;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a335304 */.uap-modern-dashboard{
max-width:420px;
margin:auto;
font-family:Segoe UI;
}

.uap-header{
display:flex;
align-items:center;
gap:15px;
padding:20px;
border-radius:20px;
background:linear-gradient(135deg,#4b5cff,#9d4edd,#ff7ad9);
color:#fff;
margin-bottom:20px;
}

.uap-avatar{
width:70px;
height:70px;
border-radius:50%;
border:3px solid #fff;
}

.uap-user-info h2{
margin:0;
font-size:22px;
}

.uap-rank{
background:#ffb703;
padding:6px 12px;
border-radius:10px;
color:#000;
display:inline-block;
margin-top:5px;
}

.uap-cards{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.uap-card{
background:#fff;
padding:18px;
border-radius:16px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.uap-card span{
color:#777;
font-size:13px;
}

.uap-card h3{
margin-top:6px;
font-size:22px;
}

.blue{border-bottom:4px solid #4b5cff;}
.green{border-bottom:4px solid #2ec4b6;}
.purple{border-bottom:4px solid #9d4edd;}
.orange{border-bottom:4px solid #ff9f1c;}

.uap-referral{
margin-top:20px;
display:flex;
gap:10px;
}

.uap-referral input{
flex:1;
padding:12px;
border-radius:10px;
border:none;
background:#f3f3f3;
}

.uap-referral button{
background:linear-gradient(90deg,#6a11cb,#2575fc);
border:none;
color:#fff;
padding:12px 16px;
border-radius:10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a019dee */.affiliate-dashboard{
max-width:420px;
margin:auto;
font-family:Segoe UI;
}


/* HEADER */

.dash-header{
display:flex;
align-items:center;
gap:15px;
padding:22px;
border-radius:22px;
background:linear-gradient(135deg,#4b5cff,#9d4edd,#ff7ad9);
color:#fff;
margin-bottom:20px;
}

.dash-avatar{
width:70px;
height:70px;
border-radius:50%;
border:3px solid #fff;
}

.dash-user h2{
margin:0;
font-size:22px;
}

.dash-rank{
background:#ffb703;
padding:6px 12px;
border-radius:10px;
display:inline-block;
margin-top:5px;
color:#000;
font-weight:600;
}


/* CARDS */

.dash-cards{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.dash-card{
background:#fff;
padding:18px;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.dash-card span{
font-size:13px;
color:#777;
}

.dash-card h3{
margin-top:6px;
font-size:22px;
}


/* COLORS */

.blue{border-bottom:4px solid #4b5cff;}
.green{border-bottom:4px solid #2ec4b6;}
.purple{border-bottom:4px solid #9d4edd;}
.orange{border-bottom:4px solid #ff9f1c;}


/* REFERRAL */

.referral-box{
margin-top:20px;
display:flex;
gap:10px;
}

.referral-box input{
flex:1;
padding:12px;
border-radius:12px;
border:none;
background:#f3f3f3;
}

.referral-box button{
background:linear-gradient(90deg,#6a11cb,#2575fc);
color:#fff;
border:none;
padding:12px 16px;
border-radius:12px;
}


/* STATS */

.stats-row{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-top:20px;
}

.stat-box{
background:#fff;
padding:15px;
border-radius:15px;
text-align:center;
box-shadow:0 4px 12px rgba(0,0,0,0.06);
}

.stat-box p{
font-size:13px;
color:#777;
}

.stat-box h4{
margin-top:5px;
font-size:18px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0a6b57 */body{
font-family: Arial;
background:#f5f6fa;
padding:20px;
}

.container{
max-width:900px;
margin:auto;
}

.header-card{
background: linear-gradient(45deg,#6a11cb,#ff4b8b);
color:white;
padding:25px;
border-radius:20px;
}

.profile{
display:flex;
align-items:center;
gap:15px;
}

.profile img{
width:70px;
height:70px;
border-radius:50%;
}

.rank{
background:gold;
padding:5px 10px;
border-radius:20px;
font-size:12px;
color:black;
}

.stats{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:20px;
}

.card{
background:white;
padding:20px;
border-radius:15px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

.green{
color:green;
}

.referral-box{
margin-top:20px;
display:flex;
gap:10px;
}

.referral-box input{
flex:1;
padding:10px;
border-radius:10px;
border:1px solid #ccc;
}

.referral-box button{
background:linear-gradient(45deg,#6a11cb,#ff4b8b);
color:white;
border:none;
padding:10px 20px;
border-radius:10px;
cursor:pointer;
}/* End custom CSS */