:root{--primary-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--secondary-gradient:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--success-gradient:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gold-gradient:linear-gradient(135deg,#ffd700 0%,#ffb700 100%);--shadow-soft:0 10px 40px rgba(0,0,0,0.1);--shadow-medium:0 15px 50px rgba(0,0,0,0.15);--shadow-strong:0 20px 60px rgba(0,0,0,0.2);--radius-sm:12px;--radius-md:20px;--radius-lg:24px;--transition-fast:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.5s cubic-bezier(0.4,0,0.2,1)}.timika-gamification-container{max-width:1280px;margin:0 auto;padding:30px 20px;font-family:'Vazirmatn','Tahoma',sans-serif;direction:rtl;background:linear-gradient(to bottom,#f0f4ff 0%,#fafbff 100%);min-height:100vh}.gamification-hero-ultra{position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);border-radius:30px;padding:50px 45px;margin-bottom:35px;overflow:hidden;box-shadow:0 20px 60px rgba(102,126,234,0.35);min-height:320px}.hero-ultra-bg-layer{position:absolute;width:100%;height:100%;opacity:0.1;pointer-events:none}.hero-ultra-bg-layer.layer-1{top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,0.4)0%,transparent 70%);animation:float-layer-1 20s ease-in-out infinite}.hero-ultra-bg-layer.layer-2{bottom:-40%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,0.3)0%,transparent 70%);animation:float-layer-2 25s ease-in-out infinite}.hero-ultra-bg-layer.layer-3{top:20%;left:30%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,0.2)0%,transparent 70%);animation:float-layer-3 30s ease-in-out infinite}@keyframes float-layer-1{0%,100%{transform:translate(0,0)rotate(0deg)}50%{transform:translate(30px,-30px)rotate(10deg)}}@keyframes float-layer-2{0%,100%{transform:translate(0,0)rotate(0deg)}50%{transform:translate(-40px,20px)rotate(-15deg)}}@keyframes float-layer-3{0%,100%{transform:translate(0,0)scale(1)}50%{transform:translate(20px,-20px)scale(1.1)}}.hero-ultra-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;width:8px;height:8px;background:rgba(255,255,255,0.6);border-radius:50%;bottom:-10px;animation:float-up var(--duration,20s)var(--delay,0s)infinite;box-shadow:0 0 15px rgba(255,255,255,0.5)}.particle:nth-child(1){left:10%}.particle:nth-child(2){left:25%}.particle:nth-child(3){left:45%}.particle:nth-child(4){left:60%}.particle:nth-child(5){left:80%}.particle:nth-child(6){left:35%}@keyframes float-up{0%{transform:translateY(0)scale(1);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100vh)scale(0.5);opacity:0}}.hero-ultra-container{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:50px}.hero-ultra-avatar-section{display:flex;flex-direction:column;align-items:center;gap:20px}.avatar-ultra-wrapper{position:relative;width:160px;height:160px}.avatar-ultra-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid rgba(255,255,255,0.3)}.avatar-ultra-ring.ring-outer{width:160px;height:160px;transform:translate(-50%,-50%);animation:ring-rotate-reverse 15s linear infinite}.avatar-ultra-ring.ring-middle{width:135px;height:135px;transform:translate(-50%,-50%);animation:ring-rotate 10s linear infinite;border-width:3px}.avatar-ultra-ring.ring-inner{width:110px;height:110px;transform:translate(-50%,-50%);animation:ring-rotate-reverse 8s linear infinite}@keyframes ring-rotate{from{transform:translate(-50%,-50%)rotate(0deg)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes ring-rotate-reverse{from{transform:translate(-50%,-50%)rotate(0deg)}to{transform:translate(-50%,-50%)rotate(-360deg)}}.avatar-ultra-glow{position:absolute;top:50%;left:50%;width:180px;height:180px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,0.4)0%,transparent 70%);animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,100%{transform:translate(-50%,-50%)scale(1);opacity:0.6}50%{transform:translate(-50%,-50%)scale(1.15);opacity:0.9}}.avatar-ultra-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;transition:all 0.4s ease}.avatar-ultra-image img{width:100%;height:100%;border-radius:50%;border:5px solid rgba(255,255,255,0.5);box-shadow:0 10px 40px rgba(0,0,0,0.3);transition:all 0.4s ease}.avatar-ultra-wrapper:hover .avatar-ultra-image img{transform:scale(1.1);box-shadow:0 15px 50px rgba(0,0,0,0.4)}.avatar-ultra-badge{position:absolute;bottom:5px;right:5px;width:40px;height:40px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:18px;border:4px solid white;box-shadow:0 4px 15px rgba(16,185,129,0.4);z-index:3;animation:badge-bounce 2s ease-in-out infinite}@keyframes badge-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.hero-ultra-quick-stats{display:flex;gap:12px}.quick-stat-chip{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);padding:10px 18px;border-radius:30px;color:white;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,0.3);box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:all 0.3s ease}.quick-stat-chip:hover{background:rgba(255,255,255,0.35);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}.quick-stat-chip i{font-size:14px}.hero-ultra-text-section{flex:1;color:white}.hero-ultra-greeting{display:flex;align-items:center;gap:10px;margin-bottom:15px;animation:slide-in-left 0.6s ease-out}@keyframes slide-in-left{from{transform:translateX(-30px);opacity:0}to{transform:translateX(0);opacity:1}}.greeting-icon{font-size:32px;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,100%{transform:rotate(0deg)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}.greeting-text{font-size:18px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,0.2)}.hero-ultra-title{font-size:42px;font-weight:900;line-height:1.2;margin:0 0 20px 0;text-shadow:0 4px 15px rgba(0,0,0,0.3);animation:slide-in-left 0.6s ease-out 0.2s both}.title-welcome{display:block;font-size:24px;font-weight:600;opacity:0.95;margin-bottom:5px}.title-name{display:block;background:linear-gradient(to right,#ffffff 0%,#f0f0f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.hero-ultra-subtitle{font-size:16px;line-height:1.7;margin:0 0 25px 0;opacity:0.95;text-shadow:0 2px 8px rgba(0,0,0,0.2);animation:slide-in-left 0.6s ease-out 0.4s both}.hero-ultra-subtitle strong{font-weight:800;opacity:1}.hero-ultra-tags{display:flex;gap:12px;flex-wrap:wrap;animation:slide-in-left 0.6s ease-out 0.6s both}.hero-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);border-radius:20px;color:white;font-size:13px;font-weight:700;transition:all 0.3s ease;cursor:pointer}.hero-tag:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.hero-tag.active{background:rgba(255,255,255,0.35);border-color:rgba(255,255,255,0.5);box-shadow:0 4px 15px rgba(255,255,255,0.3)}.hero-tag i{font-size:12px}.hero-ultra-deco{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:28px;color:rgba(255,255,255,0.3);animation:float-deco 6s ease-in-out infinite}.hero-ultra-deco.deco-top-left{top:20px;right:20px}.hero-ultra-deco.deco-top-right{top:20px;left:20px;animation-delay:2s}.hero-ultra-deco.deco-bottom-left{bottom:20px;right:30%;animation-delay:4s}@keyframes float-deco{0%,100%{transform:translateY(0)rotate(0deg)}50%{transform:translateY(-15px)rotate(10deg)}}.gamification-hero{position:relative;background:var(--primary-gradient);border-radius:var(--radius-lg);padding:60px 40px;margin-bottom:35px;box-shadow:var(--shadow-medium);overflow:hidden}.hero-background-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,0.1)0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,0.1)0%,transparent 50%);animation:heroFloat 20s ease-in-out infinite}@keyframes heroFloat{0%,100%{transform:translate(0,0)scale(1)}50%{transform:translate(10px,-10px)scale(1.05)}}.hero-content{position:relative;z-index:2;text-align:center;color:white}.hero-avatar-wrapper{position:relative;display:inline-block;margin-bottom:25px}.avatar-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;border:3px solid rgba(255,255,255,0.3);border-radius:50%;animation:ringPulse 2s ease-in-out infinite}@keyframes ringPulse{0%,100%{transform:translate(-50%,-50%)scale(1);opacity:0.5}50%{transform:translate(-50%,-50%)scale(1.1);opacity:0.8}}.hero-avatar{position:relative;z-index:2;display:inline-block}.hero-avatar img{border-radius:50%;border:5px solid rgba(255,255,255,0.4);box-shadow:0 15px 40px rgba(0,0,0,0.3);transition:var(--transition-fast);backdrop-filter:blur(10px)}.hero-avatar-wrapper:hover .hero-avatar img{transform:scale(1.08);box-shadow:0 20px 60px rgba(0,0,0,0.4)}.hero-title{font-size:2.5em;font-weight:800;margin:0 0 15px;text-shadow:0 4px 12px rgba(0,0,0,0.3);letter-spacing:-0.5px}.hero-name{background:linear-gradient(to right,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.hero-subtitle{font-size:1.15em;opacity:0.95;margin:0;line-height:1.6;font-weight:400;text-shadow:0 2px 8px rgba(0,0,0,0.2)}.gamification-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:35px}.stat-card-ultra-modern{position:relative;background:white;border-radius:24px;padding:35px 28px;overflow:hidden;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid transparent;box-shadow:0 8px 30px rgba(0,0,0,0.08)}.stat-card-ultra-modern:hover{transform:translateY(-15px)scale(1.02);box-shadow:0 25px 60px rgba(0,0,0,0.15)}.stat-ultra-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity 0.6s ease;pointer-events:none}.stat-card-ultra-modern:hover .stat-ultra-glow{opacity:1}.stat-ultra-level .stat-ultra-glow{background:radial-gradient(circle,rgba(255,215,0,0.2)0%,transparent 70%)}.stat-ultra-points .stat-ultra-glow{background:radial-gradient(circle,rgba(102,126,234,0.2)0%,transparent 70%)}.stat-ultra-badges .stat-ultra-glow{background:radial-gradient(circle,rgba(16,185,129,0.2)0%,transparent 70%)}.stat-ultra-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 15%,rgba(102,126,234,0.04)0%,transparent 50%),radial-gradient(circle at 85% 85%,rgba(118,75,162,0.04)0%,transparent 50%);pointer-events:none}.stat-ultra-icon-circle{position:relative;width:100px;height:100px;margin:0 auto 25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:44px;transition:all 0.6s ease;z-index:1}.stat-ultra-level .stat-ultra-icon-circle{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:white;box-shadow:0 15px 40px rgba(255,215,0,0.5)}.stat-ultra-points .stat-ultra-icon-circle{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 15px 40px rgba(102,126,234,0.5)}.stat-ultra-badges .stat-ultra-icon-circle{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;box-shadow:0 15px 40px rgba(16,185,129,0.5)}.stat-card-ultra-modern:hover .stat-ultra-icon-circle{transform:rotate(360deg)scale(1.12)}.icon-ultra-ring{position:absolute;width:110%;height:110%;border-radius:50%;border:3px solid;opacity:0;animation:ultra-ring-pulse 2.5s ease-in-out infinite}.stat-ultra-level .icon-ultra-ring{border-color:rgba(255,215,0,0.6)}.stat-ultra-points .icon-ultra-ring{border-color:rgba(102,126,234,0.6)}.stat-ultra-badges .icon-ultra-ring{border-color:rgba(16,185,129,0.6)}@keyframes ultra-ring-pulse{0%{transform:scale(1);opacity:0.8}50%{transform:scale(1.3);opacity:0}100%{transform:scale(1);opacity:0}}.icon-ultra-shine{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.4)0%,rgba(255,255,255,0.2)40%,transparent 70%);animation:ultra-icon-shine 2.5s ease-in-out infinite}@keyframes ultra-icon-shine{0%,100%{opacity:0.3;transform:translate(-50%,-50%)scale(0.8)}50%{opacity:0.8;transform:translate(-50%,-50%)scale(1.2)}}.stat-ultra-content{position:relative;z-index:1;text-align:center}.stat-ultra-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.stat-ultra-label i{font-size:11px}.stat-ultra-value{font-size:52px;font-weight:900;line-height:1;margin-bottom:10px;background:linear-gradient(135deg,#1f2937 0%,#111827 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-2px;transition:all 0.4s ease}.stat-card-ultra-modern:hover .stat-ultra-value{transform:scale(1.08)}.stat-ultra-level .stat-ultra-value{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-ultra-points .stat-ultra-value{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-ultra-badges .stat-ultra-value{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-ultra-desc{font-size:13px;color:#9ca3af;font-weight:600}.stat-ultra-badge{position:absolute;top:18px;left:18px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all 0.4s ease;z-index:2}.stat-ultra-level .stat-ultra-badge{background:rgba(255,215,0,0.15);color:#FFA500}.stat-ultra-points .stat-ultra-badge{background:rgba(102,126,234,0.15);color:#667eea}.stat-ultra-badges .stat-ultra-badge{background:rgba(16,185,129,0.15);color:#10b981}.stat-card-ultra-modern:hover .stat-ultra-badge{transform:rotate(15deg)scale(1.15)}.stat-ultra-level:hover{border-color:rgba(255,215,0,0.4);box-shadow:0 25px 60px rgba(255,215,0,0.3)}.stat-ultra-points:hover{border-color:rgba(102,126,234,0.4);box-shadow:0 25px 60px rgba(102,126,234,0.3)}.stat-ultra-badges:hover{border-color:rgba(16,185,129,0.4);box-shadow:0 25px 60px rgba(16,185,129,0.3)}.gamification-stats-grid-old{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:35px}.stat-card{position:relative;background:white;border-radius:var(--radius-md);padding:30px;box-shadow:var(--shadow-soft);transition:var(--transition-smooth);overflow:hidden;border:1px solid rgba(0,0,0,0.05)}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transition:var(--transition-fast)}.stat-card-level::before{background:var(--gold-gradient)}.stat-card-points::before{background:var(--secondary-gradient)}.stat-card-badges::before{background:var(--success-gradient)}.stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong)}.stat-card:hover::before{height:6px}.stat-decoration{position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;background:radial-gradient(circle,rgba(102,126,234,0.05)0%,transparent 70%);border-radius:50%;transition:var(--transition-smooth)}.stat-card:hover .stat-decoration{transform:scale(1.3);opacity:0.8}.stat-icon-wrapper{position:relative;width:70px;height:70px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.stat-icon-bg{position:absolute;width:100%;height:100%;background:var(--primary-gradient);border-radius:50%;opacity:0.12;transition:var(--transition-fast)}.stat-card-level .stat-icon-bg{background:var(--gold-gradient)}.stat-card-points .stat-icon-bg{background:var(--secondary-gradient)}.stat-card-badges .stat-icon-bg{background:var(--success-gradient)}.stat-card:hover .stat-icon-bg{opacity:0.2;transform:scale(1.2)}.stat-icon{font-size:36px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:2;transition:var(--transition-fast)}.stat-card-level .stat-icon{background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-points .stat-icon{background:var(--secondary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-badges .stat-icon{background:var(--success-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card:hover .stat-icon{transform:scale(1.15)rotate(5deg)}.stat-content{position:relative;z-index:2}.stat-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px}.stat-value{font-size:42px;font-weight:900;color:#1f2937;line-height:1;margin-bottom:8px;letter-spacing:-1px}.stat-description{font-size:14px;color:#9ca3af;font-weight:500}.progress-section{margin-bottom:35px}.progress-card{background:white;border-radius:var(--radius-md);padding:35px;box-shadow:var(--shadow-soft);border:1px solid rgba(0,0,0,0.05);transition:var(--transition-smooth)}.progress-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.progress-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.progress-title-wrapper{display:flex;align-items:center;gap:20px}.progress-icon{width:60px;height:60px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(102,126,234,0.3);transition:var(--transition-fast)}.progress-card:hover .progress-icon{transform:rotate(10deg)scale(1.05)}.progress-icon i{font-size:28px;color:white}.progress-texts{flex:1}.progress-main-title{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 5px;letter-spacing:-0.5px}.progress-subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:500}.progress-percentage-badge{background:var(--primary-gradient);color:white;padding:12px 24px;border-radius:50px;font-size:20px;font-weight:700;box-shadow:0 8px 20px rgba(102,126,234,0.3);transition:var(--transition-fast)}.progress-card:hover .progress-percentage-badge{transform:scale(1.05);box-shadow:0 10px 30px rgba(102,126,234,0.4)}.progress-bar-modern{margin-bottom:20px}.progress-track{height:16px;background:#e5e7eb;border-radius:50px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,0.05)}.progress-fill{height:100%;background:var(--primary-gradient);border-radius:50px;transition:width 1s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}100%{left:100%}}.progress-footer-modern{display:flex;justify-content:space-between;align-items:center}.progress-info{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#4b5563}.progress-info i{color:#667eea;font-size:18px}.progress-motivation{font-size:15px;font-weight:600;color:#f5576c;background:rgba(245,87,108,0.1);padding:8px 16px;border-radius:20px;font-size:13px}.gamification-tabs-wrapper{margin-bottom:35px}.tabs-container{background:white;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:8px;position:relative;border:1px solid rgba(0,0,0,0.05)}.tab-slider{position:absolute;top:8px;right:8px;left:auto;height:calc(100% - 16px);width:0;background:var(--primary-gradient);border-radius:var(--radius-sm);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);z-index:2;box-shadow:0 6px 20px rgba(102,126,234,0.4)}.tab-list{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;position:relative;z-index:2}.tab-button{background:transparent;border:none;padding:16px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280;font-family:inherit;position:relative}.tab-button:hover{background:rgba(102,126,234,0.08);color:#667eea}.tab-button.active{color:white!important;position:relative;z-index:3}.tab-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;transition:var(--transition-fast)}.tab-button:hover .tab-icon-wrapper{transform:scale(1.1)}.tab-button.active .tab-icon-wrapper{transform:scale(1.05)}.tab-icon-wrapper i{font-size:24px;transition:var(--transition-fast);position:relative;z-index:4}.tab-notification{position:absolute;top:-4px;left:-4px;background:#f5576c;color:white;font-size:10px;font-weight:700;padding:3px 6px;border-radius:10px;min-width:20px;text-align:center;box-shadow:0 2px 8px rgba(245,87,108,0.4);animation:notificationPulse 2s ease-in-out infinite}@keyframes notificationPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.tab-button.active .tab-notification{background:white;color:#667eea}.tab-text{font-size:13px;font-weight:600;letter-spacing:0.2px;position:relative;z-index:4}.tabs-content-wrapper{background:white;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);margin-top:20px;border:1px solid rgba(0,0,0,0.05)}.tab-content{display:none;padding:30px;animation:fadeIn 0.3s}.tab-content.active{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.section-header{margin-bottom:25px}.section-header h2{font-size:22px;font-weight:bold;color:#333;margin:0 0 8px;display:flex;align-items:center;gap:10px}.section-header h2 i{color:#667eea;font-size:24px}.section-header p{font-size:14px;color:#666;margin:0}.dashboard-stats-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.modern-stat-card{position:relative;background:white;border-radius:20px;padding:28px;overflow:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid transparent;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.modern-stat-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,0.15);border-color:rgba(102,126,234,0.3)}.card-glow{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,0.15)0%,transparent 70%);opacity:0;transition:opacity 0.5s ease;pointer-events:none}.modern-stat-card:hover .card-glow{opacity:1}.card-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,0.03)0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,0.03)0%,transparent 50%);pointer-events:none}.stat-icon-circle{position:relative;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:26px;transition:all 0.4s ease}.modern-stat-card:hover .stat-icon-circle{transform:rotate(360deg)scale(1.1)}.icon-pulse{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:auto!important;width:100%!important;height:100%!important;border-radius:50%!important;animation:pulse-ring 2s cubic-bezier(0.215,0.61,0.355,1)infinite!important}@keyframes pulse-ring{0%{transform:scale(0.8)!important;opacity:0.8!important}50%{transform:scale(1.2)!important;opacity:0!important}100%{transform:scale(0.8)!important;opacity:0!important}}.daily-card .stat-icon-circle{background:linear-gradient(135deg,#FFA726 0%,#FF7043 100%);color:white;box-shadow:0 8px 20px rgba(255,167,38,0.3)}.daily-card .icon-pulse{background:linear-gradient(135deg,#FFA726 0%,#FF7043 100%)}.daily-glow{background:radial-gradient(circle,rgba(255,167,38,0.2)0%,transparent 70%)}.weekly-card .stat-icon-circle{background:linear-gradient(135deg,#FF5722 0%,#E64A19 100%);color:white;box-shadow:0 8px 20px rgba(255,87,34,0.3)}.weekly-card .icon-pulse{background:linear-gradient(135deg,#FF5722 0%,#E64A19 100%)}.weekly-glow{background:radial-gradient(circle,rgba(255,87,34,0.2)0%,transparent 70%)}.monthly-card .stat-icon-circle{background:linear-gradient(135deg,#4CAF50 0%,#388E3C 100%);color:white;box-shadow:0 8px 20px rgba(76,175,80,0.3)}.monthly-card .icon-pulse{background:linear-gradient(135deg,#4CAF50 0%,#388E3C 100%)}.monthly-glow{background:radial-gradient(circle,rgba(76,175,80,0.2)0%,transparent 70%)}.rank-card .stat-icon-circle{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:white;box-shadow:0 8px 20px rgba(255,215,0,0.3)}.rank-card .icon-pulse{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%)}.rank-glow{background:radial-gradient(circle,rgba(255,215,0,0.2)0%,transparent 70%)}.stat-main-content{position:relative;z-index:1}.stat-label-modern{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#6b7280;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.stat-label-modern i{font-size:14px;opacity:0.7}.stat-value-modern{display:flex;align-items:baseline;gap:6px;margin-bottom:16px}.value-number{font-size:40px!important;font-weight:800!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-1px}.value-unit{font-size:14px!important;color:#9ca3af!important;font-weight:600!important}.rank-value{align-items:center}.value-separator{font-size:28px;color:#d1d5db;font-weight:300;margin:0 4px}.value-total{font-size:20px;color:#9ca3af;font-weight:600}.stat-trend-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:30px;font-size:12px;font-weight:600;transition:all 0.3s ease}.stat-trend-badge.positive{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46!important}.stat-trend-badge.rank-up{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#78350f!important}.stat-trend-badge.negative{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b!important}.stat-trend-badge.rank-down{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b!important}.stat-trend-badge.neutral{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#4b5563!important}.trend-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,0.1)}.trend-icon i{font-size:10px}.trend-text{font-weight:600!important}.trend-sparkle{font-size:14px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.2)}}.stat-progress-wrapper{margin-top:12px}.progress-bar-mini{width:100%;height:6px;background:#e5e7eb;border-radius:10px;overflow:hidden;position:relative;margin-bottom:8px}.progress-fill-mini{height:100%;border-radius:10px;position:relative;transition:width 1s cubic-bezier(0.4,0,0.2,1)}.weekly-progress{background:linear-gradient(90deg,#FF5722 0%,#E64A19 100%)}.progress-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4)50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.progress-label{display:flex;justify-content:space-between;align-items:center;font-size:11px}.progress-percentage{font-weight:700;color:#374151!important}.progress-description{color:#9ca3af!important}.stat-achievement-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #fbbf24}.badge-sparkle{display:flex;gap:2px}.badge-sparkle i{font-size:10px;color:#f59e0b;animation:twinkle 1.5s ease-in-out infinite}.badge-sparkle i:nth-child(2){animation-delay:0.3s}.badge-sparkle i:nth-child(3){animation-delay:0.6s}@keyframes twinkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.8)}}.badge-text{font-size:12px;font-weight:700;color:#78350f!important}.card-corner-decoration{position:absolute;bottom:0;left:0;width:60px;height:60px;background:linear-gradient(135deg,transparent 50%,rgba(102,126,234,0.05)50%);border-radius:0 60px 0 20px;pointer-events:none}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.dashboard-grid .stat-card{background:white;padding:0;border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:2px solid rgba(0,0,0,0.05);transition:var(--transition-smooth);position:relative;overflow:hidden}.stat-card-bg{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0.03;pointer-events:none}.stat-icon-bg{position:absolute;top:-30px;right:-30px;font-size:180px;opacity:0.1;transform:rotate(-15deg)}.stat-content{position:relative;z-index:1;padding:25px}.stat-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.stat-card:hover::before{transform:scaleX(1)}.dashboard-grid .stat-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:var(--shadow-strong)}.stat-daily{border-top:4px solid #FFA726}.stat-daily:hover{border-color:#FFA726;box-shadow:0 15px 40px rgba(255,167,38,0.3)}.stat-daily::before{background:linear-gradient(90deg,#FFA726,#FF7043)}.stat-daily .stat-header i{color:#FFA726}.stat-weekly{border-top:4px solid #FF5722}.stat-weekly:hover{border-color:#FF5722;box-shadow:0 15px 40px rgba(255,87,34,0.3)}.stat-weekly::before{background:linear-gradient(90deg,#FF5722,#E64A19)}.stat-weekly .stat-header i{color:#FF5722}.stat-monthly{border-top:4px solid #4CAF50}.stat-monthly:hover{border-color:#4CAF50;box-shadow:0 15px 40px rgba(76,175,80,0.3)}.stat-monthly::before{background:linear-gradient(90deg,#4CAF50,#388E3C)}.stat-monthly .stat-header i{color:#4CAF50}.stat-rank{border-top:4px solid #FFD700}.stat-rank:hover{border-color:#FFD700;box-shadow:0 15px 40px rgba(255,215,0,0.3)}.stat-rank::before{background:linear-gradient(90deg,#FFD700,#FFA500)}.stat-rank .stat-header i{color:#FFD700}.stat-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#667eea}.stat-header i{font-size:20px}.stat-header h4{margin:0;font-size:14px;font-weight:600;color:#666}.stat-value-wrapper{display:flex;align-items:baseline;gap:8px;margin-bottom:15px}.stat-value{font-size:36px;font-weight:bold;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-unit{font-size:13px;color:#999;font-weight:500}.stat-footer{display:flex;flex-direction:column;gap:8px}.stat-trend{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:20px;width:fit-content}.stat-trend.up{background:rgba(76,175,80,0.1);color:#4CAF50}.stat-trend.up i{animation:arrowBounce 1s ease-in-out infinite}@keyframes arrowBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.stat-trend.down{background:rgba(244,67,54,0.1);color:#f44336}.stat-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 14px;border-radius:20px;width:fit-content}.stat-badge.best{background:linear-gradient(135deg,#FFD700,#FFA500);color:white;animation:badgeShine 2s ease-in-out infinite}@keyframes badgeShine{0%,100%{box-shadow:0 0 10px rgba(255,215,0,0.5)}50%{box-shadow:0 0 20px rgba(255,215,0,0.8)}}.mini-progress{width:100%;height:8px;background:#e5e7eb;border-radius:20px;overflow:hidden;margin-bottom:8px;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.mini-progress-bar{height:100%;background:linear-gradient(90deg,#FF5722,#E64A19);border-radius:20px;transition:width 1.2s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(255,87,34,0.4);position:relative;overflow:hidden}.mini-progress-bar::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);animation:miniShine 2s infinite}@keyframes miniShine{0%{left:-100%}100%{left:100%}}.mini-progress-text{font-size:12px;color:#FF5722;font-weight:600}.badges-overview-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:35px}.badge-overview-card{position:relative;background:white;border-radius:18px;padding:30px 20px;overflow:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 20px rgba(0,0,0,0.08);border:2px solid transparent;text-align:center}.badge-overview-card:hover{transform:translateY(-10px)scale(1.03);box-shadow:0 15px 45px rgba(0,0,0,0.15)}.overview-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity 0.6s ease;pointer-events:none}.badge-overview-card:hover .overview-glow{opacity:1}.earned-glow{background:radial-gradient(circle,rgba(34,197,94,0.2)0%,transparent 70%)}.progress-glow{background:radial-gradient(circle,rgba(59,130,246,0.2)0%,transparent 70%)}.locked-glow{background:radial-gradient(circle,rgba(156,163,175,0.2)0%,transparent 70%)}.completion-glow{background:radial-gradient(circle,rgba(168,85,247,0.2)0%,transparent 70%)}.overview-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 15%,rgba(102,126,234,0.02)0%,transparent 50%),radial-gradient(circle at 85% 85%,rgba(118,75,162,0.02)0%,transparent 50%);pointer-events:none}.overview-icon-wrapper{position:relative;width:70px;height:70px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;transition:all 0.5s ease}.badge-overview-card:hover .overview-icon-wrapper{transform:scale(1.15)rotate(360deg)}.icon-rotate-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:currentColor;opacity:0.3;animation:rotate-ring 3s linear infinite}@keyframes rotate-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.earned-icon{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:white;box-shadow:0 10px 25px rgba(34,197,94,0.35)}.progress-icon{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white;box-shadow:0 10px 25px rgba(59,130,246,0.35)}.locked-icon{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);color:white;box-shadow:0 10px 25px rgba(156,163,175,0.35)}.completion-icon{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);color:white;box-shadow:0 10px 25px rgba(168,85,247,0.35)}.overview-content{position:relative;z-index:1}.overview-value{font-size:44px!important;font-weight:900!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-2px;margin-bottom:12px;text-shadow:0 2px 10px rgba(102,126,234,0.2)}.overview-label{font-size:13px;color:#6b7280!important;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.overview-decoration{position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(102,126,234,0.08)0%,transparent 70%);border-radius:50%;pointer-events:none}.earned-card:hover{border-color:rgba(34,197,94,0.3)}.progress-card:hover{border-color:rgba(59,130,246,0.3)}.locked-card:hover{border-color:rgba(156,163,175,0.3)}.completion-card:hover{border-color:rgba(168,85,247,0.3)}.badges-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.badge-stat-card{background:white;border-radius:var(--radius-md);padding:25px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;box-shadow:var(--shadow-soft);border:2px solid rgba(0,0,0,0.05);transition:var(--transition-smooth);position:relative;overflow:hidden;min-height:160px;text-align:center}.badge-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:var(--transition-fast)}.badge-stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium);border-color:#667eea}.badge-stat-card:hover::before{transform:scaleX(1)}.badge-stat-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,rgba(102,126,234,0.15),rgba(118,75,162,0.15));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-fast);box-shadow:0 4px 15px rgba(102,126,234,0.2)}.badge-stat-card:hover .badge-stat-icon{transform:scale(1.15)rotate(10deg);box-shadow:0 6px 20px rgba(102,126,234,0.35)}.badge-stat-icon i{font-size:32px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(102,126,234,0.3))}.badge-stat-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.badge-stat-value{font-size:36px;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-1px}.badge-stat-label{font-size:13px;color:#6b7280;font-weight:600;white-space:nowrap}.badge-stat-card:nth-child(1).badge-stat-icon{background:linear-gradient(135deg,rgba(76,175,80,0.15),rgba(56,142,60,0.15))}.badge-stat-card:nth-child(1).badge-stat-icon i{background:linear-gradient(135deg,#4CAF50 0%,#388E3C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-stat-card:nth-child(1).badge-stat-value{background:linear-gradient(135deg,#4CAF50 0%,#388E3C 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-stat-card:nth-child(1)::before{background:linear-gradient(135deg,#4CAF50 0%,#388E3C 100%)}.badge-stat-card:nth-child(2).badge-stat-icon{background:linear-gradient(135deg,rgba(255,152,0,0.15),rgba(245,124,0,0.15))}.badge-stat-card:nth-child(2).badge-stat-icon i{background:linear-gradient(135deg,#FF9800 0%,#F57C00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-stat-card:nth-child(2).badge-stat-value{background:linear-gradient(135deg,#FF9800 0%,#F57C00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-stat-card:nth-child(2)::before{background:linear-gradient(135deg,#FF9800 0%,#F57C00 100%)}.badge-stat-card:nth-child(3).badge-stat-icon{background:linear-gradient(135deg,rgba(244,67,54,0.15),rgba(211,47,47,0.15))}.badge-stat-card:nth-child(3).badge-stat-icon i{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-stat-card:nth-child(3).badge-stat-value{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-stat-card:nth-child(3)::before{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)}.badge-stat-card:nth-child(4).badge-stat-icon{background:linear-gradient(135deg,rgba(102,126,234,0.15),rgba(118,75,162,0.15))}.badge-stat-card:nth-child(4).badge-stat-icon i{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-stat-card:nth-child(4).badge-stat-value{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-stat-card:nth-child(4)::before{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.badges-filter{display:flex;gap:12px;margin-bottom:25px;flex-wrap:wrap}.filter-btn{padding:12px 24px;border:2px solid #e5e7eb;background:white!important;color:#374151!important;border-radius:30px;cursor:pointer;transition:var(--transition-fast);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.filter-btn i{font-size:14px}.filter-btn:hover{background:#f8f9fa!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#667eea!important;color:#667eea!important}.filter-btn.active{background:var(--primary-gradient)!important;color:white!important;border-color:transparent!important;box-shadow:0 6px 20px rgba(102,126,234,0.4);transform:translateY(-2px)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.badge-card-modern{position:relative;background:white;border-radius:20px;padding:28px 20px;text-align:center;overflow:hidden;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid transparent;box-shadow:0 4px 20px rgba(0,0,0,0.08);cursor:pointer}.badge-card-modern:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 20px 50px rgba(0,0,0,0.15)}.badge-card-modern .badge-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity 0.6s ease;pointer-events:none}.badge-card-modern:hover .badge-glow{opacity:1}.earned-badge .badge-glow{background:radial-gradient(circle,rgba(34,197,94,0.15)0%,transparent 70%)}.locked-badge .badge-glow{background:radial-gradient(circle,rgba(156,163,175,0.1)0%,transparent 70%)}.badge-card-modern .badge-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,0.03)0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,0.03)0%,transparent 50%);pointer-events:none}.badge-tier-tag{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:2}.badge-tier-tag i{font-size:9px}.badge-tier-tag.common{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);color:white}.badge-tier-tag.uncommon{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);color:white}.badge-tier-tag.rare{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white}.badge-tier-tag.epic{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);color:white}.badge-tier-tag.legendary{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;animation:legendary-pulse 2s ease-in-out infinite}@keyframes legendary-pulse{0%,100%{box-shadow:0 4px 12px rgba(245,158,11,0.5)}50%{box-shadow:0 4px 20px rgba(245,158,11,0.8)}}.badge-icon-circle{position:relative;width:90px;height:90px;margin:20px auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;transition:all 0.5s ease;z-index:1}.earned-badge .badge-icon-circle{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 10px 30px rgba(102,126,234,0.4)}.locked-badge .badge-icon-circle{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);color:#9ca3af;box-shadow:0 10px 30px rgba(156,163,175,0.2)}.badge-card-modern:hover .badge-icon-circle{transform:rotate(360deg)scale(1.1)}.icon-shine{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4)50%,transparent 100%);animation:icon-shine 3s ease-in-out infinite}@keyframes icon-shine{0%{transform:translateX(-100%)rotate(45deg)}100%{transform:translateX(100%)rotate(45deg)}}.badge-info{position:relative;z-index:1;margin-bottom:16px}.badge-name-modern{font-size:18px;font-weight:800;color:#1f2937!important;margin-bottom:8px;line-height:1.3}.locked-badge .badge-name-modern{color:#9ca3af!important}.badge-desc-modern{font-size:13px;color:#6b7280!important;line-height:1.5}.locked-badge .badge-desc-modern{color:#d1d5db!important}.badge-status{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:30px;font-size:12px;font-weight:700;transition:all 0.3s ease;position:relative;z-index:1}.earned-status{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#065f46!important;border:2px solid #10b981}.locked-status{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);color:#6b7280!important;border:2px solid #d1d5db}.badge-status i{font-size:11px}.badge-corner-deco{position:absolute;bottom:-15px;left:-15px;width:60px;height:60px;border-radius:50%;pointer-events:none}.earned-badge .badge-corner-deco{background:radial-gradient(circle,rgba(102,126,234,0.1)0%,transparent 70%)}.locked-badge .badge-corner-deco{background:radial-gradient(circle,rgba(156,163,175,0.05)0%,transparent 70%)}.locked-badge{opacity:0.75}.locked-badge:hover{transform:translateY(-6px)scale(1.01)}.earned-badge{border-color:rgba(34,197,94,0.2)}.earned-badge:hover{border-color:rgba(34,197,94,0.4)}.badges-grid-old{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.badge-card{background:white;border:2px solid #f0f0f0;border-radius:15px;padding:25px 15px;text-align:center;transition:all 0.3s ease;position:relative;cursor:pointer}.badge-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.15);border-color:#667eea}.badge-card.locked{opacity:0.6;filter:grayscale(80%)}.badge-card.locked:hover{transform:translateY(-5px)}.badge-card.completed{border-color:#4CAF50;background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);box-shadow:0 10px 30px rgba(76,175,80,0.3)}.badge-card.completed::after{content:'✓';position:absolute;top:15px;right:15px;width:35px;height:35px;background:#4CAF50;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:18px;animation:checkmarkPop 0.5s ease-out;box-shadow:0 4px 10px rgba(76,175,80,0.4)}@keyframes checkmarkPop{0%{transform:scale(0)rotate(0deg)}50%{transform:scale(1.3)rotate(180deg)}100%{transform:scale(1)rotate(360deg)}}.badge-icon{font-size:60px;margin-bottom:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 6px rgba(102,126,234,0.3))}.badge-card.completed .badge-icon{background:linear-gradient(135deg,#4CAF50 0%,#8BC34A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 10px rgba(76,175,80,0.3))}.badge-tier{display:inline-block;padding:6px 16px;border-radius:20px;font-size:11px;font-weight:bold;margin-bottom:12px;text-transform:uppercase;box-shadow:0 4px 10px rgba(0,0,0,0.15)}.badge-tier.bronze{background:linear-gradient(135deg,#CD7F32 0%,#8B4513 100%);color:white}.badge-tier.silver{background:linear-gradient(135deg,#C0C0C0 0%,#A8A8A8 100%);color:#333}.badge-tier.gold{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#333;box-shadow:0 4px 15px rgba(255,215,0,0.5);animation:goldShine 2s ease-in-out infinite}@keyframes goldShine{0%,100%{box-shadow:0 4px 15px rgba(255,215,0,0.5)}50%{box-shadow:0 4px 25px rgba(255,215,0,0.8)}}.badge-tier.diamond{background:linear-gradient(135deg,#b9f2ff 0%,#06beb6 100%);color:white;box-shadow:0 4px 15px rgba(6,190,182,0.5)}.badge-name{font-weight:bold;font-size:16px;margin:8px 0;color:#333}.badge-description{font-size:13px;color:#666;line-height:1.5;margin-bottom:12px}.badge-progress{margin-top:20px}.badge-progress-bar{height:10px;background:#f0f0f0;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.badge-progress-fill{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);transition:width 0.8s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0 10px rgba(102,126,234,0.5)}.badge-completed{color:#4CAF50;font-weight:bold;font-size:14px;margin-top:15px;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,100%{opacity:1}50%{opacity:0.7}}.leaderboard-filter{display:flex!important;gap:12px;margin-bottom:25px;flex-wrap:wrap;justify-content:center;background:#f9fafb;padding:15px;border-radius:var(--radius-md);box-shadow:inset 0 2px 8px rgba(0,0,0,0.05)}.leaderboard-filter .filter-btn{padding:12px 24px;border:2px solid #e5e7eb;background:white!important;color:#374151!important;border-radius:30px;cursor:pointer;transition:var(--transition-fast);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.leaderboard-filter .filter-btn i{font-size:15px}.leaderboard-filter .filter-btn:hover{background:#f8f9fa!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:#667eea!important;color:#667eea!important}.leaderboard-filter .filter-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:white!important;border-color:transparent!important;box-shadow:0 6px 20px rgba(102,126,234,0.4);transform:translateY(-2px)}.your-rank-card-modern{background:white;border-radius:var(--radius-md);padding:35px;margin-bottom:30px;box-shadow:var(--shadow-medium);position:relative;overflow:hidden;border:2px solid rgba(102,126,234,0.1);transition:var(--transition-smooth)}.your-rank-card-modern:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong);border-color:#667eea}.your-rank-decoration{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(102,126,234,0.1)0%,transparent 70%);border-radius:50%;animation:decorationFloat 6s ease-in-out infinite}@keyframes decorationFloat{0%,100%{transform:translate(0,0)scale(1)}50%{transform:translate(-20px,20px)scale(1.1)}}.your-rank-content{position:relative;z-index:2;display:flex;align-items:center;gap:25px}.your-rank-icon{width:80px;height:80px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(102,126,234,0.3);transition:var(--transition-fast)}.your-rank-card-modern:hover .your-rank-icon{transform:scale(1.1)rotate(10deg)}.your-rank-icon i{font-size:40px;color:white}.your-rank-info{flex:1}.your-rank-info h4{font-size:16px;color:#6b7280;margin:0 0 10px;font-weight:600}.rank-display-modern{display:flex;align-items:baseline;gap:10px}.rank-number-modern{font-size:48px;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.rank-label-modern{font-size:16px;color:#9ca3af;font-weight:600}.your-rank-badge{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#FFD700,#FFA500);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(255,215,0,0.4);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.your-rank-badge i{font-size:32px;color:white}.your-rank-card h4{position:relative;z-index:1;margin:0 0 20px;font-size:18px}.rank-display{margin-top:15px;position:relative;z-index:1}.rank-number{font-size:56px;font-weight:bold;display:block;text-shadow:0 2px 8px rgba(0,0,0,0.2)}.rank-label{font-size:18px;opacity:0.95;margin-top:10px}.leaderboard-list{display:flex;flex-direction:column;gap:18px;padding:10px 0}.leaderboard-card-ultra-modern{position:relative;background:white;border-radius:20px;padding:24px 28px;display:flex;align-items:center;gap:28px;overflow:hidden;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid transparent;box-shadow:0 6px 25px rgba(0,0,0,0.08)}.leaderboard-card-ultra-modern:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 20px 50px rgba(0,0,0,0.15)}.leaderboard-ultra-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity 0.6s ease;pointer-events:none}.leaderboard-card-ultra-modern:hover .leaderboard-ultra-glow{opacity:1}.leaderboard-ultra-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 50%,rgba(102,126,234,0.03)0%,transparent 50%),radial-gradient(circle at 85% 50%,rgba(118,75,162,0.03)0%,transparent 50%);pointer-events:none}.leaderboard-ultra-rank-section{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:90px}.leaderboard-ultra-rank-circle{position:relative;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;transition:all 0.6s ease;z-index:1}.leaderboard-card-ultra-modern:hover .leaderboard-ultra-rank-circle{transform:rotate(360deg)scale(1.12)}.rank-gold .leaderboard-ultra-rank-circle{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:white;box-shadow:0 12px 35px rgba(255,215,0,0.5)}.rank-silver .leaderboard-ultra-rank-circle{background:linear-gradient(135deg,#E8E8E8 0%,#C0C0C0 100%);color:white;box-shadow:0 12px 35px rgba(192,192,192,0.5)}.rank-bronze .leaderboard-ultra-rank-circle{background:linear-gradient(135deg,#CD853F 0%,#A0522D 100%);color:white;box-shadow:0 12px 35px rgba(205,133,63,0.5)}.rank-normal .leaderboard-ultra-rank-circle{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);color:#667eea;box-shadow:0 8px 25px rgba(102,126,234,0.2)}.rank-gold .leaderboard-ultra-glow{background:radial-gradient(circle,rgba(255,215,0,0.25)0%,transparent 70%)}.rank-silver .leaderboard-ultra-glow{background:radial-gradient(circle,rgba(192,192,192,0.25)0%,transparent 70%)}.rank-bronze .leaderboard-ultra-glow{background:radial-gradient(circle,rgba(205,133,63,0.25)0%,transparent 70%)}.rank-normal .leaderboard-ultra-glow{background:radial-gradient(circle,rgba(102,126,234,0.15)0%,transparent 70%)}.rank-number{font-size:32px;font-weight:900;line-height:1}.rank-ultra-ring{position:absolute;width:110%;height:110%;border-radius:50%;border:3px solid;opacity:0;animation:rank-ring-pulse 2.5s ease-in-out infinite}.rank-gold .rank-ultra-ring{border-color:rgba(255,215,0,0.6)}.rank-silver .rank-ultra-ring{border-color:rgba(192,192,192,0.6)}.rank-bronze .rank-ultra-ring{border-color:rgba(205,133,63,0.6)}.rank-normal .rank-ultra-ring{border-color:rgba(102,126,234,0.6)}@keyframes rank-ring-pulse{0%{transform:scale(1);opacity:0.8}50%{transform:scale(1.3);opacity:0}100%{transform:scale(1);opacity:0}}.rank-ultra-shine{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.5)50%,transparent 100%);animation:rank-shine 3.5s ease-in-out infinite}@keyframes rank-shine{0%{transform:translateX(-120%)rotate(45deg)}100%{transform:translateX(120%)rotate(45deg)}}.leaderboard-ultra-rank-label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:0.5px;text-align:center}.rank-gold .leaderboard-ultra-rank-label{color:#FFA500}.rank-silver .leaderboard-ultra-rank-label{color:#A9A9A9}.rank-bronze .leaderboard-ultra-rank-label{color:#A0522D}.leaderboard-ultra-user-section{flex:1;display:flex;flex-direction:column;gap:8px}.leaderboard-ultra-name{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:#1f2937}.leaderboard-ultra-name i{font-size:16px;color:#667eea}.leaderboard-ultra-level{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6b7280;background:rgba(102,126,234,0.1);padding:5px 12px;border-radius:12px;width:fit-content}.leaderboard-ultra-level i{font-size:12px}.leaderboard-ultra-points-section{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.leaderboard-ultra-points-value{display:flex;align-items:center;gap:8px;font-size:28px;font-weight:900;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-ultra-points-value i{font-size:22px;color:#FFA500}.leaderboard-ultra-points-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase}.leaderboard-ultra-trophy-badge{position:absolute;top:16px;left:16px;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:3;animation:trophy-float 3s ease-in-out infinite}.rank-gold .leaderboard-ultra-trophy-badge{background:rgba(255,215,0,0.15);color:#FFA500}.rank-silver .leaderboard-ultra-trophy-badge{background:rgba(192,192,192,0.15);color:#A9A9A9}.rank-bronze .leaderboard-ultra-trophy-badge{background:rgba(205,133,63,0.15);color:#A0522D}@keyframes trophy-float{0%,100%{transform:translateY(0)rotate(0deg)}50%{transform:translateY(-8px)rotate(5deg)}}.leaderboard-ultra-current-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 4px 15px rgba(16,185,129,0.4);z-index:3;animation:badge-pulse 2s ease-in-out infinite}.leaderboard-ultra-current-badge i{font-size:13px}@keyframes badge-pulse{0%,100%{transform:scale(1);box-shadow:0 4px 15px rgba(16,185,129,0.4)}50%{transform:scale(1.05);box-shadow:0 6px 20px rgba(16,185,129,0.5)}}.is-current-user{border-color:rgba(16,185,129,0.4);box-shadow:0 8px 35px rgba(16,185,129,0.25)}.is-current-user:hover{border-color:rgba(16,185,129,0.6);box-shadow:0 20px 55px rgba(16,185,129,0.35)}.rank-gold:hover{border-color:rgba(255,215,0,0.4);box-shadow:0 20px 50px rgba(255,215,0,0.35)}.rank-silver:hover{border-color:rgba(192,192,192,0.4);box-shadow:0 20px 50px rgba(192,192,192,0.35)}.rank-bronze:hover{border-color:rgba(205,133,63,0.4);box-shadow:0 20px 50px rgba(205,133,63,0.35)}.rank-normal:hover{border-color:rgba(102,126,234,0.3);box-shadow:0 20px 50px rgba(102,126,234,0.25)}.challenge-section{margin-bottom:40px}.challenge-section h3{color:#1f2937;margin-bottom:20px;font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.challenge-section h3 i{font-size:24px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.challenges-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.challenges-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;background:white;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.challenges-empty i{font-size:64px;color:#d1d5db;margin-bottom:20px;display:block}.challenges-empty h3{font-size:20px;color:#4b5563;margin:0 0 10px;font-weight:700;display:block}.challenges-empty p{font-size:14px;color:#9ca3af;margin:0}.challenge-card-modern{background:white;border-radius:20px;padding:0;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:2px solid transparent;transition:var(--transition-smooth);position:relative;overflow:hidden}.challenge-card-modern::before{content:'';position:absolute;top:0;right:0;width:100%;height:5px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:right;transition:transform 0.3s ease}.challenge-card-modern:hover::before{transform:scaleX(1)}.challenge-card-modern:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(102,126,234,0.25);border-color:#667eea}.challenge-card-modern.completed{border-color:#4CAF50;background:linear-gradient(135deg,#ffffff 0%,#f1f8f4 100%)}.challenge-card-modern.completed::before{background:linear-gradient(135deg,#4CAF50 0%,#388E3C 100%)}.challenge-card-modern.claimed{opacity:0.7;border-color:#9E9E9E}.challenge-card-header{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 20px;background:linear-gradient(135deg,#f9fafb 0%,#ffffff 100%);border-bottom:1px solid #f0f0f0}.challenge-icon-wrapper{width:60px;height:60px;position:relative;display:flex;align-items:center;justify-content:center}.challenge-icon-bg{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,0.15),rgba(118,75,162,0.15));border-radius:50%;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.challenge-icon-wrapper i{position:relative;z-index:2;font-size:28px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(102,126,234,0.3))}.challenge-reward-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#FFA726 0%,#FF7043 100%);color:white;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 4px 15px rgba(255,167,38,0.4);animation:rewardShine 2s ease-in-out infinite}@keyframes rewardShine{0%,100%{box-shadow:0 4px 15px rgba(255,167,38,0.4)}50%{box-shadow:0 6px 20px rgba(255,167,38,0.6)}}.challenge-reward-badge i{font-size:14px;animation:coinSpin 3s linear infinite}.challenge-card-body{padding:20px 25px}.challenge-card-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 10px;line-height:1.4}.challenge-card-description{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.challenge-progress-section{padding:15px 25px 25px}.challenge-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.challenge-progress-label{font-size:13px;color:#6b7280;font-weight:600}.challenge-progress-value{font-size:13px;color:#1f2937;font-weight:700}.challenge-progress-bar-modern{position:relative;margin-bottom:10px}.challenge-progress-track{width:100%;height:10px;background:#e5e7eb;border-radius:10px;overflow:hidden;position:relative}.challenge-progress-fill-modern{height:100%;background:var(--primary-gradient);border-radius:10px;position:relative;transition:width 0.6s cubic-bezier(0.4,0,0.2,1)}.challenge-progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{left:-100%}100%{left:100%}}.challenge-progress-percent{text-align:center;font-size:24px;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.challenge-claim-btn{width:100%;padding:15px;background:linear-gradient(135deg,#4CAF50 0%,#388E3C 100%);color:white;border:none;border-radius:0 0 18px 18px;font-size:16px;font-weight:700;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 -2px 10px rgba(76,175,80,0.2)}.challenge-claim-btn:hover{background:linear-gradient(135deg,#388E3C 0%,#2E7D32 100%);box-shadow:0 -4px 15px rgba(76,175,80,0.4)}.challenge-claim-btn i{font-size:18px;animation:giftBounce 1s ease-in-out infinite}@keyframes giftBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.challenge-claimed-badge{width:100%;padding:15px;background:linear-gradient(135deg,#9E9E9E 0%,#757575 100%);color:white;border-radius:0 0 18px 18px;font-size:14px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.challenge-claimed-badge i{font-size:16px}.rewards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-medium)}.rewards-header h3{color:white;margin:0;font-size:24px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,0.2);display:flex;align-items:center;gap:12px}.rewards-header h3 i{font-size:28px;animation:giftShake 2s ease-in-out infinite}@keyframes giftShake{0%,100%{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}.available-points{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:12px 28px;border-radius:50px;font-size:16px;font-weight:700;box-shadow:0 8px 25px rgba(102,126,234,0.4);display:flex;align-items:center;gap:8px;animation:pointsPulse 2s ease-in-out infinite}@keyframes pointsPulse{0%,100%{transform:scale(1);box-shadow:0 8px 25px rgba(102,126,234,0.4)}50%{transform:scale(1.05);box-shadow:0 10px 30px rgba(102,126,234,0.5)}}.available-points strong{color:white;font-size:20px;font-weight:900}.rewards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px}.reward-card-modern{position:relative;background:white;border-radius:20px;padding:28px 20px;text-align:center;overflow:hidden;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);border:2px solid transparent;box-shadow:0 4px 20px rgba(0,0,0,0.08);cursor:pointer}.reward-card-modern:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 20px 50px rgba(0,0,0,0.15)}.reward-card{background:white;border:none;border-radius:28px;padding:0;text-align:center;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden;cursor:pointer;box-shadow:0 10px 40px rgba(0,0,0,0.08)}.reward-card-modern .reward-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;opacity:0;transition:opacity 0.6s ease;pointer-events:none}.reward-card-modern:hover .reward-glow{opacity:1}.available-reward .reward-glow{background:radial-gradient(circle,rgba(102,126,234,0.15)0%,transparent 70%)}.locked-reward .reward-glow{background:radial-gradient(circle,rgba(156,163,175,0.1)0%,transparent 70%)}.special-reward .reward-glow{background:radial-gradient(circle,rgba(255,215,0,0.2)0%,transparent 70%)}.out-of-stock-reward .reward-glow{background:radial-gradient(circle,rgba(239,68,68,0.15)0%,transparent 70%)}.reward-card-modern .reward-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,0.03)0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,0.03)0%,transparent 50%);pointer-events:none}.reward-category-modern{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:2}.reward-category-modern i{font-size:9px}.reward-category-modern.leave{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white}.reward-category-modern.gift{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);color:white}.reward-category-modern.discount{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white}.reward-category-modern.benefit{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:white}.reward-category-modern.entertainment{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);color:white}.reward-category-modern.special{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:white;animation:special-category-pulse 2s ease-in-out infinite}@keyframes special-category-pulse{0%,100%{box-shadow:0 4px 12px rgba(255,215,0,0.5)}50%{box-shadow:0 4px 20px rgba(255,215,0,0.8)}}.reward-card::before{content:'';position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:28px 28px 0 0;transition:all 0.4s ease;z-index:1}.reward-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.2)0%,transparent 60%);opacity:0;transition:opacity 0.5s;z-index:2}.reward-card:hover::after{opacity:1;animation:rewardGlowPulse 2s ease-in-out infinite}@keyframes rewardGlowPulse{0%,100%{transform:translate(0,0)scale(1)}50%{transform:translate(-10px,-10px)scale(1.1)}}.reward-card:hover{transform:translateY(-15px)scale(1.02);box-shadow:0 25px 60px rgba(102,126,234,0.35)}.reward-card:hover::before{height:160px;background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}.reward-icon-circle-modern{position:relative;width:90px;height:90px;margin:20px auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;transition:all 0.5s ease;z-index:1}.available-reward .reward-icon-circle-modern{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 10px 30px rgba(102,126,234,0.4)}.locked-reward .reward-icon-circle-modern{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);color:#9ca3af;box-shadow:0 10px 30px rgba(156,163,175,0.2)}.special-reward .reward-icon-circle-modern{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:white;box-shadow:0 10px 30px rgba(255,215,0,0.5);animation:special-icon-pulse 2s ease-in-out infinite}.out-of-stock-reward .reward-icon-circle-modern{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;box-shadow:0 10px 30px rgba(239,68,68,0.4)}@keyframes special-icon-pulse{0%,100%{transform:scale(1);box-shadow:0 10px 30px rgba(255,215,0,0.5)}50%{transform:scale(1.05);box-shadow:0 15px 40px rgba(255,215,0,0.7)}}.reward-card-modern:hover .reward-icon-circle-modern{transform:rotate(360deg)scale(1.1)}.icon-shine-reward{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4)50%,transparent 100%);animation:reward-icon-shine 3s ease-in-out infinite}@keyframes reward-icon-shine{0%{transform:translateX(-100%)rotate(45deg)}100%{transform:translateX(100%)rotate(45deg)}}.reward-info-modern{position:relative;z-index:1;margin-bottom:16px}.reward-title-modern{font-size:18px;font-weight:800;color:#1f2937!important;margin-bottom:8px;line-height:1.3}.locked-reward .reward-title-modern{color:#9ca3af!important}.reward-desc-modern{font-size:13px;color:#6b7280!important;line-height:1.5;min-height:40px}.locked-reward .reward-desc-modern{color:#d1d5db!important}.reward-cost-modern{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:30px;font-size:20px;font-weight:800;background:linear-gradient(135deg,#f0f4ff 0%,#e8efff 100%);color:#667eea;margin-bottom:16px;position:relative;z-index:1}.reward-cost-modern i{font-size:18px;color:#FFD700;animation:coin-spin-modern 2s ease-in-out infinite}@keyframes coin-spin-modern{0%,100%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}.reward-stock-modern{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;margin-bottom:16px}.reward-stock-modern.warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;box-shadow:0 4px 12px rgba(245,158,11,0.3)}.reward-stock-modern.out-of-stock{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;box-shadow:0 4px 12px rgba(239,68,68,0.4);animation:stock-pulse-modern 2s ease-in-out infinite}@keyframes stock-pulse-modern{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.reward-status-btn-modern{width:100%;padding:14px 20px;border-radius:30px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;z-index:1}.reward-status-btn-modern.available{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;box-shadow:0 8px 20px rgba(102,126,234,0.35)}.reward-status-btn-modern.available:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(102,126,234,0.5)}.reward-status-btn-modern.locked{background:linear-gradient(135deg,#d1d5db 0%,#9ca3af 100%);color:white;cursor:not-allowed;opacity:0.6}.reward-status-btn-modern.special{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:white;box-shadow:0 8px 20px rgba(255,215,0,0.4);animation:special-btn-glow 2s ease-in-out infinite}@keyframes special-btn-glow{0%,100%{box-shadow:0 8px 20px rgba(255,215,0,0.4)}50%{box-shadow:0 12px 30px rgba(255,215,0,0.6)}}.reward-corner-deco{position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(102,126,234,0.08)0%,transparent 70%);border-radius:50%;pointer-events:none}.available-reward:hover{border-color:rgba(102,126,234,0.3)}.locked-reward:hover{border-color:rgba(156,163,175,0.3)}.special-reward:hover{border-color:rgba(255,215,0,0.4)}.out-of-stock-reward:hover{border-color:rgba(239,68,68,0.3)}.reward-header{position:relative;z-index:3;padding:35px 25px 25px}.reward-category-badge{position:absolute;top:15px;right:15px;background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);color:white;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:5}.reward-icon-wrapper{position:relative;width:110px;height:110px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.reward-icon-bg{position:absolute;width:100%;height:100%;background:white;border-radius:50%;box-shadow:0 15px 40px rgba(0,0,0,0.15);animation:iconBgFloat 3s ease-in-out infinite}@keyframes iconBgFloat{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}.reward-card:hover .reward-icon-bg{animation:iconBgFloatFast 1.5s ease-in-out infinite}@keyframes iconBgFloatFast{0%,100%{transform:scale(1)rotate(0deg)}50%{transform:scale(1.12)rotate(5deg)}}.reward-icon{position:relative;z-index:2;font-size:56px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 12px rgba(102,126,234,0.3));animation:rewardIconFloat 3s ease-in-out infinite}@keyframes rewardIconFloat{0%,100%{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.reward-card:hover .reward-icon{animation:rewardIconBounce 0.6s ease-in-out}@keyframes rewardIconBounce{0%,100%{transform:scale(1)rotate(0deg)}25%{transform:scale(1.15)rotate(-5deg)}75%{transform:scale(1.15)rotate(5deg)}}.reward-body{padding:25px;position:relative;z-index:3}.reward-title{font-weight:800;font-size:19px;margin-bottom:12px;color:#1f2937;line-height:1.3;letter-spacing:-0.3px}.reward-description{font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:20px;min-height:42px}.reward-stock-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:white;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;margin-bottom:15px;box-shadow:0 4px 12px rgba(245,87,108,0.3)}.reward-stock-badge i{font-size:13px}.reward-cost-wrapper{background:linear-gradient(135deg,#f0f4ff 0%,#e8efff 100%);border-radius:18px;padding:18px;margin-bottom:20px;box-shadow:inset 0 2px 8px rgba(102,126,234,0.08)}.reward-cost-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}.reward-cost{font-size:32px;font-weight:900;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;display:flex;align-items:center;justify-content:center;gap:8px}.reward-cost i{font-size:24px;background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:coinSpin 2s ease-in-out infinite}@keyframes coinSpin{0%,100%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}.reward-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:20px;cursor:pointer;font-weight:800;font-size:15px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 20px rgba(102,126,234,0.35);position:relative;overflow:hidden;letter-spacing:0.3px;text-transform:uppercase}.reward-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.reward-btn:hover::before{width:400px;height:400px}.reward-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(102,126,234,0.5)}.reward-btn:active{transform:translateY(-1px);box-shadow:0 6px 15px rgba(102,126,234,0.4)}.reward-btn:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;box-shadow:0 4px 10px rgba(0,0,0,0.1);opacity:0.6}.reward-btn:disabled:hover{transform:none;box-shadow:0 4px 10px rgba(0,0,0,0.1)}.reward-card.locked{opacity:0.85}.reward-card.locked::before{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%)}.reward-card.locked .reward-icon{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:grayscale(100%)}.reward-card.out-of-stock::before{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.reward-card.out-of-stock .reward-stock-badge{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:stockPulse 2s ease-in-out infinite}@keyframes stockPulse{0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(239,68,68,0.3)}50%{transform:scale(1.05);box-shadow:0 6px 18px rgba(239,68,68,0.5)}}.reward-card.special::before{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);animation:specialGlow 2s ease-in-out infinite}@keyframes specialGlow{0%,100%{box-shadow:0 0 20px rgba(255,215,0,0.4)}50%{box-shadow:0 0 40px rgba(255,215,0,0.6)}}.reward-card.special .reward-category-badge{background:rgba(255,215,0,0.3);animation:badgeShine 2s ease-in-out infinite}@keyframes badgeShine{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.redemptions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:40px}.redemption-card{background:white;border-radius:var(--radius-md);padding:0;box-shadow:var(--shadow-soft);border:2px solid transparent;transition:var(--transition-smooth);overflow:hidden;position:relative}.redemption-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium);border-color:#667eea}.redemption-header{padding:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;position:relative;overflow:hidden}.redemption-card.status-pending .redemption-header{background:linear-gradient(135deg,#FFA726 0%,#FF7043 100%)}.redemption-card.status-approved .redemption-header{background:linear-gradient(135deg,#4CAF50 0%,#388E3C 100%)}.redemption-card.status-rejected .redemption-header{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)}.redemption-card.status-cancelled .redemption-header{background:linear-gradient(135deg,#9E9E9E 0%,#757575 100%)}.redemption-header::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1)0%,transparent 60%);animation:redemptionGlow 3s ease-in-out infinite}@keyframes redemptionGlow{0%,100%{transform:translate(0,0)scale(1)}50%{transform:translate(-20px,-20px)scale(1.1)}}.redemption-header-content{position:relative;z-index:2;display:flex;align-items:center;gap:15px}.redemption-icon-wrapper{width:60px;height:60px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,0.15);flex-shrink:0}.redemption-icon-wrapper i{font-size:28px;color:white}.redemption-title-wrapper{flex:1}.redemption-title{font-size:18px;font-weight:700;margin:0 0 5px;color:white;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.redemption-date{font-size:12px;opacity:0.9;display:flex;align-items:center;gap:5px}.redemption-date i{font-size:11px}.redemption-body{padding:20px}.redemption-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.redemption-info-row:last-child{border-bottom:none}.redemption-info-label{font-size:13px;color:#6b7280;font-weight:600;display:flex;align-items:center;gap:8px}.redemption-info-label i{font-size:14px;color:#9ca3af}.redemption-info-value{font-size:14px;font-weight:700;color:#1f2937}.redemption-points-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(102,126,234,0.3)}.redemption-points-badge i{font-size:13px}.redemption-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.3px}.redemption-status-badge.status-pending{background:linear-gradient(135deg,#FFA726 0%,#FF7043 100%);color:white;box-shadow:0 4px 12px rgba(255,167,38,0.3);animation:statusPulse 2s ease-in-out infinite}.redemption-status-badge.status-approved{background:linear-gradient(135deg,#4CAF50 0%,#388E3C 100%);color:white;box-shadow:0 4px 12px rgba(76,175,80,0.3)}.redemption-status-badge.status-rejected{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);color:white;box-shadow:0 4px 12px rgba(244,67,54,0.3)}.redemption-status-badge.status-cancelled{background:linear-gradient(135deg,#9E9E9E 0%,#757575 100%);color:white;box-shadow:0 4px 12px rgba(158,158,158,0.3)}@keyframes statusPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.redemption-status-badge i{font-size:11px}.redemption-description{font-size:13px;color:#6b7280;line-height:1.6;margin-top:15px;padding:15px;background:#f9fafb;border-radius:12px;border-right:3px solid #667eea}.redemption-admin-note{margin-top:15px;padding:15px;background:linear-gradient(135deg,#fff3cd 0%,#fff8e1 100%);border-radius:12px;border-right:3px solid #FFA726}.redemption-admin-note-label{font-size:12px;font-weight:700;color:#f57c00;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:5px;display:flex;align-items:center;gap:6px}.redemption-admin-note-label i{font-size:13px}.redemption-admin-note-text{font-size:13px;color:#5d4037;line-height:1.5}.redemptions-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;background:white;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.redemptions-empty i{font-size:64px;color:#d1d5db;margin-bottom:20px;display:block}.redemptions-empty h3{font-size:20px;color:#4b5563;margin:0 0 10px;font-weight:700}.redemptions-empty p{font-size:14px;color:#9ca3af;margin:0}.history-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.stat-box{background:white;padding:20px;border-radius:15px;display:flex;align-items:center;gap:15px;border:2px solid #f0f0f0}.stat-box.stat-positive{border-color:#4CAF50}.stat-box.stat-negative{border-color:#f44336}.stat-box i{font-size:32px}.stat-box.stat-positive i{color:#4CAF50}.stat-box.stat-negative i{color:#f44336}.stat-label{display:block;font-size:14px;color:#666;margin-bottom:5px}.stat-value{display:block;font-size:24px;font-weight:bold}.history-list{background:white}.history-item{padding:15px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.history-item:last-child{border-bottom:none}.history-info{flex:1}.history-description{font-weight:500;margin-bottom:5px}.history-date{font-size:12px;color:#999}.history-points{font-size:20px;font-weight:bold}.history-points.positive{color:#4CAF50}.history-points.negative{color:#f44336}.load-more-container{text-align:center;margin-top:20px}.btn-load-more{padding:14px 35px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:30px;cursor:pointer;font-weight:bold;font-size:15px;transition:all 0.3s;box-shadow:0 4px 15px rgba(102,126,234,0.3)}.btn-load-more:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(102,126,234,0.5)}.btn-load-more i{margin-left:8px;transition:transform 0.3s}.btn-load-more:hover i{transform:rotate(180deg)}.loading{text-align:center;padding:30px;color:#999;font-size:14px}.chart-section{background:white;padding:25px;border-radius:15px;margin-bottom:25px;border:2px solid #f0f0f0;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s ease}.chart-section:hover{border-color:#667eea;box-shadow:0 6px 20px rgba(102,126,234,0.12);transform:translateY(-3px)}.chart-section h3{margin-bottom:20px;color:#333;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.chart-section h3 i{color:#667eea;font-size:20px}.recent-activities{background:white;padding:25px;border-radius:15px;border:2px solid #f0f0f0;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s ease}.recent-activities:hover{border-color:#667eea;box-shadow:0 6px 20px rgba(102,126,234,0.12);transform:translateY(-3px)}.recent-activities h3{margin-bottom:20px;color:#333;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.recent-activities h3 i{color:#f5576c;font-size:20px}.activity-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #f0f0f0;transition:background 0.3s}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f8f9fa}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:15px;font-size:20px}.activity-icon i.fa-plus-circle{color:#4CAF50}.activity-icon i.fa-minus-circle{color:#f44336}.activity-info{flex:1}.activity-description{font-weight:500;margin-bottom:5px;color:#333}.activity-date{font-size:12px;color:#999}.activity-points{font-size:18px;font-weight:bold}.activity-points.positive{color:#4CAF50}.activity-points.negative{color:#f44336}@media(max-width:1200px){.rewards-grid{grid-template-columns:repeat(3,1fr);gap:25px}}@media(max-width:1024px){.gamification-stats-grid{grid-template-columns:repeat(3,1fr);gap:20px}.stat-card-ultra-modern{padding:28px 22px}.stat-ultra-icon-circle{width:85px;height:85px;font-size:38px;margin-bottom:20px}.stat-ultra-value{font-size:46px}.stat-ultra-label{font-size:11px}.stat-ultra-badge{width:34px;height:34px;font-size:14px}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.badge-card-modern{padding:24px 18px}.badge-icon-circle{width:75px;height:75px;font-size:34px}.badge-tier-tag{font-size:9px;padding:5px 10px}.tab-list{grid-template-columns:repeat(3,1fr)}.rewards-grid{grid-template-columns:repeat(2,1fr);gap:22px}.reward-card{max-width:100%}.reward-card-modern{padding:24px 18px}.reward-icon-circle-modern{width:80px;height:80px;font-size:36px}.reward-category-modern{font-size:9px;padding:5px 10px}.reward-title-modern{font-size:17px}.reward-cost-modern{font-size:18px;padding:9px 18px}}@media(max-width:768px){.timika-gamification-container{padding:15px}.gamification-hero{padding:40px 20px;border-radius:var(--radius-md)}.gamification-hero-ultra{padding:35px 25px;min-height:auto}.hero-ultra-container{flex-direction:column-reverse;gap:30px;text-align:center}.hero-ultra-text-section{width:100%}.hero-ultra-greeting{justify-content:center}.hero-ultra-title{font-size:32px}.title-welcome{font-size:20px}.hero-ultra-subtitle{font-size:15px}.hero-ultra-tags{justify-content:center}.avatar-ultra-wrapper{width:140px;height:140px}.avatar-ultra-ring.ring-outer{width:140px;height:140px}.avatar-ultra-ring.ring-middle{width:120px;height:120px}.avatar-ultra-ring.ring-inner{width:100px;height:100px}.avatar-ultra-image img{width:100px;height:100px}.avatar-ultra-glow{width:150px;height:150px}.hero-ultra-quick-stats{justify-content:center;flex-wrap:wrap}.hero-title{font-size:2em}.hero-subtitle{font-size:1em}.gamification-stats-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.stat-card-ultra-modern{padding:26px 20px}.stat-ultra-icon-circle{width:75px;height:75px;font-size:34px;margin-bottom:18px}.stat-ultra-value{font-size:42px}.stat-ultra-label{font-size:10px;margin-bottom:10px}.stat-ultra-desc{font-size:12px}.stat-ultra-badge{width:32px;height:32px;font-size:13px;top:14px;left:14px}.stat-card{padding:25px}.progress-card{padding:25px}.progress-header-modern{flex-direction:column;align-items:flex-start;gap:15px}.progress-percentage-badge{align-self:flex-end}.tab-list{grid-template-columns:repeat(2,1fr);gap:6px}.tab-button{padding:14px 10px}.tab-icon-wrapper{width:40px;height:40px}.tab-icon-wrapper i{font-size:20px}.tab-text{font-size:12px}.tab-notification{font-size:9px;padding:2px 5px;min-width:16px}.tab-content{padding:20px 15px}.dashboard-stats-modern{grid-template-columns:repeat(2,1fr);gap:16px}.modern-stat-card{padding:20px}.stat-icon-circle{width:50px;height:50px;font-size:22px;margin-bottom:16px}.value-number{font-size:32px!important}.value-unit{font-size:12px!important}.stat-trend-badge,.stat-achievement-badge{font-size:11px;padding:6px 12px}.leaderboard-card-ultra-modern{padding:20px 22px;gap:20px}.leaderboard-ultra-rank-circle{width:70px;height:70px;font-size:30px}.leaderboard-ultra-rank-section{min-width:80px}.leaderboard-ultra-name{font-size:16px}.leaderboard-ultra-level{font-size:12px;padding:4px 10px}.leaderboard-ultra-points-value{font-size:24px}.leaderboard-ultra-points-value i{font-size:20px}.leaderboard-ultra-trophy-badge{width:40px;height:40px;font-size:18px}.leaderboard-ultra-current-badge{padding:6px 12px;font-size:11px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:15px}.badges-overview-modern{grid-template-columns:repeat(2,1fr);gap:18px}.badge-overview-card{padding:24px 16px}.overview-icon-wrapper{width:60px;height:60px;font-size:28px;margin-bottom:16px}.overview-value{font-size:36px!important}.overview-label{font-size:12px}.badges-stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.badge-stat-card{min-height:140px;padding:20px 15px;gap:12px}.badge-stat-icon{width:60px;height:60px}.badge-stat-icon i{font-size:28px}.badge-stat-value{font-size:32px}.badge-stat-label{font-size:12px}.badges-grid{grid-template-columns:repeat(2,1fr);gap:16px}.badge-card-modern{padding:20px 16px}.badge-icon-circle{width:70px;height:70px;font-size:30px}.badge-name-modern{font-size:16px}.badge-desc-modern{font-size:12px}.rewards-header{flex-direction:column;gap:15px;padding:20px}.rewards-header h3{font-size:20px}.available-points{width:100%;justify-content:center}.rewards-grid{grid-template-columns:1fr;gap:20px}.reward-card{max-width:100%}.reward-card::before{height:130px}.reward-card:hover::before{height:140px}.reward-header{padding:30px 20px 20px}.reward-icon-wrapper{width:95px;height:95px}.reward-icon{font-size:48px}.reward-body{padding:20px}.reward-title{font-size:17px}.reward-cost i{font-size:28px}.redemptions-list{grid-template-columns:1fr;gap:18px}.redemption-header{padding:18px}.redemption-icon-wrapper{width:55px;height:55px}.redemption-icon-wrapper i{font-size:24px}.redemption-title{font-size:16px}.redemption-body{padding:18px}.leaderboard-rank{width:50px;height:50px;font-size:18px}.leaderboard-rank.rank-1::before{font-size:18px;top:-10px}}@media(max-width:480px){.gamification-hero{padding:30px 15px}.gamification-hero-ultra{padding:28px 20px;border-radius:20px}.hero-ultra-title{font-size:28px}.title-welcome{font-size:18px}.hero-ultra-subtitle{font-size:14px}.greeting-icon{font-size:28px}.greeting-text{font-size:16px}.avatar-ultra-wrapper{width:120px;height:120px}.avatar-ultra-ring.ring-outer{width:120px;height:120px}.avatar-ultra-ring.ring-middle{width:105px;height:105px}.avatar-ultra-ring.ring-inner{width:90px;height:90px}.avatar-ultra-image img{width:90px;height:90px;border-width:4px}.avatar-ultra-badge{width:32px;height:32px;font-size:14px;border-width:3px}.avatar-ultra-glow{width:130px;height:130px}.quick-stat-chip{font-size:12px;padding:8px 14px}.hero-tag{font-size:12px;padding:7px 14px}.hero-ultra-deco{width:50px;height:50px;font-size:22px}.hero-title{font-size:1.75em}.hero-subtitle{font-size:0.95em}.avatar-ring{width:110px;height:110px}.stat-icon{font-size:32px}.stat-value{font-size:36px}.progress-icon{width:50px;height:50px}.progress-icon i{font-size:24px}.progress-main-title{font-size:18px}.tab-list{grid-template-columns:repeat(2,1fr)}.stat-card-ultra-modern{padding:22px 18px}.stat-ultra-icon-circle{width:70px;height:70px;font-size:30px;margin-bottom:16px}.stat-ultra-value{font-size:38px;letter-spacing:-1.5px}.stat-ultra-label{font-size:9px;gap:4px}.stat-ultra-desc{font-size:11px}.stat-ultra-badge{width:30px;height:30px;font-size:12px;top:12px;left:12px}.dashboard-stats-modern{grid-template-columns:1fr;gap:14px}.modern-stat-card{padding:18px}.stat-icon-circle{width:48px;height:48px;font-size:20px;margin-bottom:14px}.stat-label-modern{font-size:11px}.value-number{font-size:28px!important}.value-unit{font-size:11px!important}.value-separator{font-size:22px}.value-total{font-size:16px}.stat-trend-badge,.stat-achievement-badge{font-size:10px;padding:6px 10px}.leaderboard-card-ultra-modern{padding:18px;gap:16px;flex-direction:column;align-items:center;text-align:center}.leaderboard-ultra-rank-section{min-width:auto}.leaderboard-ultra-rank-circle{width:65px;height:65px;font-size:28px}.rank-number{font-size:28px}.leaderboard-ultra-rank-label{font-size:10px}.leaderboard-ultra-user-section{align-items:center;width:100%}.leaderboard-ultra-name{font-size:15px;justify-content:center}.leaderboard-ultra-level{font-size:11px;padding:4px 10px}.leaderboard-ultra-points-section{align-items:center;width:100%}.leaderboard-ultra-points-value{font-size:22px}.leaderboard-ultra-points-value i{font-size:18px}.leaderboard-ultra-points-label{font-size:10px}.leaderboard-ultra-trophy-badge{width:38px;height:38px;font-size:16px;top:12px;left:12px}.leaderboard-ultra-current-badge{padding:6px 12px;font-size:10px;top:12px;right:12px}.trend-icon{width:16px;height:16px}.badge-sparkle i{font-size:9px}.badge-text{font-size:11px}.progress-bar-mini{height:5px}.progress-label{font-size:10px}.dashboard-grid{grid-template-columns:1fr;gap:12px}.badges-overview-modern{grid-template-columns:repeat(2,1fr);gap:14px}.badge-overview-card{padding:20px 14px}.overview-icon-wrapper{width:55px;height:55px;font-size:24px;margin-bottom:14px}.icon-rotate-ring{border-width:2px}.overview-value{font-size:32px!important;letter-spacing:-1px}.overview-label{font-size:11px}.badges-stats-grid{grid-template-columns:1fr;gap:12px}.badge-stat-card{min-height:120px;padding:18px 12px;gap:10px}.badge-stat-icon{width:55px;height:55px}.badge-stat-icon i{font-size:24px}.badge-stat-value{font-size:28px}.badge-stat-label{font-size:11px}.badges-grid{grid-template-columns:repeat(2,1fr);gap:14px}.badge-card-modern{padding:18px 14px}.badge-tier-tag{font-size:8px;padding:4px 8px;top:8px;right:8px}.badge-tier-tag i{font-size:7px}.badge-icon-circle{width:60px;height:60px;font-size:26px;margin:16px auto 16px}.badge-name-modern{font-size:14px}.badge-desc-modern{font-size:11px}.badge-status{font-size:10px;padding:6px 12px}.rewards-header{padding:18px}.rewards-header h3{font-size:18px}.rewards-header h3 i{font-size:22px}.available-points{font-size:14px;padding:10px 20px}.available-points strong{font-size:18px}.rewards-grid{grid-template-columns:1fr;gap:18px}.reward-card::before{height:120px}.reward-card:hover::before{height:130px}.reward-category-badge{font-size:10px;padding:5px 12px;top:12px;right:12px}.reward-icon-wrapper{width:85px;height:85px}.reward-icon{font-size:42px}.reward-header{padding:25px 18px 18px}.reward-body{padding:18px}.reward-title{font-size:16px}.reward-description{font-size:13px;min-height:38px}.reward-cost-wrapper{padding:15px}.reward-cost{font-size:26px}.reward-cost i{font-size:20px}.reward-btn{padding:14px;font-size:14px}.your-rank-content{flex-direction:column;text-align:center;gap:15px}}.rewards-header{display:flex;justify-content:space-between;align-items:center;padding:25px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:var(--radius-md);margin-bottom:30px;color:white;box-shadow:var(--shadow-medium)}.rewards-header h3{font-size:24px;font-weight:700;margin:0;display:flex;align-items:center;gap:12px}.available-points{font-size:18px;padding:12px 24px;background:rgba(255,255,255,0.2);border-radius:50px;backdrop-filter:blur(10px)}.available-points strong{font-size:22px;margin:0 5px}.rewards-category{margin-bottom:40px}.category-title{font-size:22px;font-weight:700;color:#333;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid #667eea;display:flex;align-items:center;gap:10px}.category-title i{font-size:26px;color:#667eea}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-bottom:30px}.reward-card{background:white;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft);transition:var(--transition-fast);border:2px solid transparent;display:flex;flex-direction:column}.reward-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium);border-color:#667eea}.reward-card.locked{opacity:0.7;background:linear-gradient(135deg,#f5f5f5 0%,#e8e8e8 100%)}.reward-card.out-of-stock{opacity:0.5;background:#f9f9f9}.reward-header{position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px 20px;text-align:center}.reward-card.locked .reward-header{background:linear-gradient(135deg,#95a5a6 0%,#7f8c8d 100%)}.reward-icon{font-size:48px;color:white}.reward-icon i{filter:drop-shadow(0 4px 8px rgba(0,0,0,0.2))}.stock-badge{position:absolute;top:10px;left:10px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;backdrop-filter:blur(10px)}.stock-badge.out{background:rgba(231,76,60,0.9);color:white}.stock-badge.low{background:rgba(243,156,18,0.9);color:white;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.reward-body{padding:20px;flex-grow:1}.reward-title{font-size:18px;font-weight:700;color:#333;margin:0 0 10px 0;min-height:50px}.reward-description{font-size:14px;color:#666;line-height:1.6;margin:0;min-height:60px}.reward-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#fafafa}.reward-cost{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#f39c12}.reward-cost i{font-size:20px}.reward-btn{padding:10px 24px;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast);font-family:inherit}.reward-btn.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.reward-btn.btn-primary:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(102,126,234,0.4)}.reward-btn.btn-disabled{background:#95a5a6;color:white;cursor:not-allowed;opacity:0.6}.rewards-grid .no-data{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#999}.rewards-grid .no-data i{color:#ddd;margin-bottom:20px}.rewards-grid .no-data p{font-size:18px;margin:0}.error-message{text-align:center;padding:40px 20px;background:#fee;border-radius:var(--radius-md);color:#c00;font-size:16px}@media(max-width:768px){.rewards-grid{grid-template-columns:1fr;gap:20px}.rewards-header{flex-direction:column;gap:15px;text-align:center}.rewards-header h3{font-size:20px}.available-points{font-size:16px}}@media(max-width:480px){.reward-footer{flex-direction:column;gap:12px}.reward-btn{width:100%}}.chart-section{position:relative;min-height:350px}.chart-section canvas{max-height:350px}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.chart-loading i{font-size:48px;color:#667eea;margin-bottom:15px;animation:spin 1s linear infinite}.chart-loading p{font-size:16px;font-weight:500;margin:0}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:linear-gradient(135deg,#fef3f2 0%,#fee8e5 100%);border-radius:15px;border:2px dashed #f87171}.chart-error i{font-size:48px;color:#ef4444;margin-bottom:15px}.chart-error p{font-size:16px;color:#991b1b;font-weight:500;margin:0 0 20px 0}.btn-retry{padding:10px 25px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(102,126,234,0.3)}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,0.4)}.btn-retry:active{transform:translateY(0)}@media(max-width:768px){.reward-card-modern{padding:20px 16px}.reward-icon-circle-modern{width:70px;height:70px;font-size:30px;margin:16px auto 16px}.reward-category-modern{font-size:8px;padding:4px 8px;top:8px;right:8px}.reward-category-modern i{font-size:7px}.reward-title-modern{font-size:16px}.reward-desc-modern{font-size:12px;min-height:35px}.reward-cost-modern{font-size:16px;padding:8px 16px}.reward-cost-modern i{font-size:15px}.reward-status-btn-modern{padding:12px 18px;font-size:13px}.reward-stock-modern{font-size:10px;padding:5px 12px}}@media(max-width:480px){.rewards-grid{grid-template-columns:1fr;gap:16px}.reward-card-modern{padding:18px 14px}.reward-icon-circle-modern{width:65px;height:65px;font-size:28px;margin:14px auto 14px}.reward-title-modern{font-size:15px;margin-bottom:6px}.reward-desc-modern{font-size:11px;min-height:30px}.reward-cost-modern{font-size:15px;padding:7px 14px}.reward-status-btn-modern{padding:11px 16px;font-size:12px}}.swal-form-popup{font-family:'Vazirmatn','Tahoma',sans-serif!important;direction:rtl!important}.swal-form{text-align:right;direction:rtl}.swal-form .form-group{margin-bottom:16px;text-align:right}.swal-form label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:6px;text-align:right}.swal-form .swal-input,.swal-form .swal-select,.swal-form .swal-textarea{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:'Vazirmatn','Tahoma',sans-serif;transition:all 0.3s ease;direction:rtl;text-align:right}.swal-form .swal-input:focus,.swal-form .swal-select:focus,.swal-form .swal-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.swal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.swal-form .swal-textarea{resize:vertical;min-height:80px}.swal-form input[type="checkbox"]{width:auto;margin-left:8px}.swal2-validation-message{background:#fee2e2!important;color:#dc2626!important;border:1px solid #fecaca!important;border-radius:8px!important;padding:10px!important;margin-top:10px!important;font-size:13px!important;direction:rtl!important;text-align:right!important}@media(max-width:640px){.swal-form .form-row{grid-template-columns:1fr;gap:12px}.swal2-popup{width:95%!important;max-width:95%!important}}@media(max-width:768px){.gamification-stats-grid.stats-grid-enhanced{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;position:static!important;flex-direction:unset!important;align-items:unset!important;justify-content:unset!important;overflow:visible!important;padding:0!important;min-height:auto!important}.gamification-stats-grid.stats-grid-enhanced .gam-stat-card{position:static!important;left:auto!important;top:auto!important;transform:none!important;flex-shrink:unset!important;transition:all 0.3s ease!important;transform-origin:unset!important;z-index:auto!important;opacity:1!important;visibility:visible!important;pointer-events:all!important;width:100%!important;height:auto!important;padding:20px 16px!important;border-radius:16px!important;overflow:visible!important;min-height:auto!important;background:inherit!important;border:inherit!important}.gamification-stats-grid.stats-grid-enhanced .gam-stat-card .gam-stat-icon,.gamification-stats-grid.stats-grid-enhanced .gam-stat-card .gam-stat-value,.gamification-stats-grid.stats-grid-enhanced .gam-stat-card .gam-stat-label{opacity:1!important;visibility:visible!important;position:static!important}.gamification-stats-grid.stats-grid-enhanced .gam-stat-card.active-slide,.gamification-stats-grid.stats-grid-enhanced .gam-stat-card.next-slide,.gamification-stats-grid.stats-grid-enhanced .gam-stat-card.prev-slide{position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;height:auto!important}.gamification-stats-modern .stats-slider-nav{display:none!important}}