:root{--primary-color:#6a11cb;--secondary-color:#2575fc;--accent-color:#ff4d4d;--text-color:#fff;--light-bg:#f8f9fa;--dark-bg:#343a40;--success-color:#28a745;--border-color:#eee;--box-shadow-light:rgba(0, 0, 0, 0.08);--box-shadow-medium:rgba(0, 0, 0, 0.12)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Tajawal',sans-serif}body{background-color:var(--light-bg);color:var(--text-color);min-height:100vh;line-height:1.6}.mycred-container{max-width:1200px;margin:40px auto;padding:20px;direction:rtl;background-color:#fff;border-radius:15px;box-shadow:0 10px 30px var(--box-shadow-light);animation:fadeInScale 0.6s ease-out forwards}.mycred-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:20px}.mycred-user-info{display:flex;align-items:center;gap:15px}.mycred-avatar{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.5rem;box-shadow:0 4px 10px rgb(0 0 0 / .2)}.mycred-user-info h2{font-size:1.8rem;color:var(--primary-color);margin:0}.mycred-points-balance{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:12px 25px;border-radius:30px;display:flex;align-items:center;font-weight:700;font-size:1.3rem;box-shadow:0 6px 20px rgb(106 17 203 / .4);transition:transform 0.3s ease,box-shadow 0.3s ease}.mycred-points-balance:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgb(106 17 203 / .5)}.mycred-points-balance i{margin-left:10px;font-size:1.5rem}.mycred-tabs-nav{display:flex;margin-bottom:25px;border-bottom:2px solid var(--border-color);background-color:var(--light-bg);border-radius:10px;overflow:hidden}.mycred-tabs-nav button{flex:1;padding:15px;background:none;border:none;font-weight:700;cursor:pointer;border-bottom:3px solid #fff0;transition:all 0.3s ease;font-size:1.1rem;color:var(--text-color);position:relative;overflow:hidden}.mycred-tabs-nav button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .05);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;z-index:0}.mycred-tabs-nav button:hover::before{transform:scaleX(1)}.mycred-tabs-nav button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:#fff;box-shadow:0 -5px 15px rgb(0 0 0 / .05);z-index:1}.mycred-tabs-nav button.active::before{transform:scaleX(0)}.mycred-tab-content{display:none;animation:fadeIn 0.5s ease-out forwards;padding:10px 0}.mycred-tab-content.active{display:block}.mycred-box{background:#fff;padding:30px;border-radius:15px;box-shadow:0 8px 25px var(--box-shadow-medium);border:1px solid var(--border-color)}.mycred-box h3{font-size:1.6rem;color:var(--primary-color);margin-bottom:20px;position:relative;padding-bottom:10px}.mycred-box h3::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:3px;background:linear-gradient(90deg,var(--primary-color),transparent);border-radius:5px}.mycred-box ul{list-style:none;padding:0}.mycred-box ul li{margin-bottom:18px;line-height:1.8;font-size:1.05rem;color:var(--text-color);display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--border-color)}.mycred-box ul li:last-child{border-bottom:none;margin-bottom:0}.mycred-box ul li strong{color:var(--success-color);font-weight:700;font-size:1.1rem}.mycred-conversion{background-color:var(--light-bg);padding:25px;border-radius:15px;text-align:center;margin-top:30px;border:1px dashed var(--primary-color);box-shadow:0 5px 15px rgb(0 0 0 / .05)}.mycred-conversion p{font-size:1.1rem;margin-bottom:15px;color:var(--text-color)}.mycred-conversion .rate{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:20px;display:block}.mycred-redeem-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:12px 30px;border-radius:30px;font-weight:700;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(106 17 203 / .3);font-size:1.1rem}.mycred-redeem-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgb(106 17 203 / .4)}@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.mycred-header{flex-direction:column;align-items:flex-start;gap:15px}.mycred-points-balance{width:100%;justify-content:center}.mycred-tabs-nav{flex-direction:column}.mycred-tabs-nav button{border-bottom:none;border-right:3px solid #fff0}.mycred-tabs-nav button.active{border-bottom-color:#fff0;border-right-color:var(--primary-color)}.mycred-container{margin:20px auto;padding:15px}.mycred-box{padding:20px}.mycred-box h3{font-size:1.4rem}.mycred-box ul li{font-size:1rem}.mycred-conversion{padding:20px}.mycred-conversion .rate{font-size:1.3rem}}@media (max-width:480px){.mycred-user-info h2{font-size:1.5rem}.mycred-points-balance{font-size:1.1rem;padding:10px 20px}.mycred-avatar{width:50px;height:50px;font-size:1.2rem}.mycred-tabs-nav button{font-size:1rem;padding:12px}}