.highlight-question{animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%,to{background-color:transparent;box-shadow:none}50%{background-color:rgba(13,110,253,.1);box-shadow:0 0 0 4px rgba(13,110,253,.2);border-radius:8px}}.progress-widget-btn{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#5a902e,#7ab843);border:3px solid #fff;box-shadow:0 6px 20px rgba(90,144,46,.4);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;display:flex;align-items:center;justify-content:center}.progress-widget-btn:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 8px 24px rgba(90,144,46,.5)}.widget-level{display:flex;flex-direction:column;align-items:center;color:#fff}.widget-level i{font-size:1.5rem;margin-bottom:.25rem}.widget-level span{font-size:.9rem;font-weight:700}.progress-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;animation:fadeIn .3s ease}.progress-widget-panel{position:fixed;bottom:0;right:0;width:400px;max-width:90vw;height:auto;max-height:90vh;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:1001;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid rgba(90,144,46,.1);background:linear-gradient(135deg,rgba(90,144,46,.05),rgba(90,144,46,.1))}.widget-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#5a902e}.close-widget{background:none;border:none;font-size:1.25rem;color:#6c757d;cursor:pointer;transition:color .3s ease}.close-widget:hover{color:#5a902e}.widget-content{padding:1.5rem}.widget-login-prompt{text-align:center;padding:2rem 1rem}.widget-login-prompt .login-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,rgba(90,144,46,.1),rgba(90,144,46,.2));display:flex;align-items:center;justify-content:center}.widget-login-prompt .login-icon i{font-size:2.5rem;color:#5a902e}.widget-login-prompt h4{font-size:1.25rem;font-weight:700;color:#2c3e50;margin-bottom:.75rem}.widget-login-prompt p{color:#6c757d;margin-bottom:1.5rem;line-height:1.6}.widget-login-prompt .login-actions{margin-top:1.5rem}.widget-login-prompt .btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:12px;transition:all .3s ease}.widget-login-prompt .btn-primary{background:linear-gradient(135deg,#5a902e,#7ab843);border:none;color:#fff}.widget-login-prompt .btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(90,144,46,.3)}.widget-login-prompt .btn-outline-primary{border:2px solid #5a902e;color:#5a902e;background:transparent}.widget-login-prompt .btn-outline-primary:hover{background:rgba(90,144,46,.05);transform:translateY(-2px)}.widget-level-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,#5a902e,#7ab843);border-radius:16px;margin-bottom:1.5rem;color:#fff}.level-badge{width:64px;height:64px;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;flex-direction:column;align-items:center;justify-content:center}.level-badge i{font-size:1.75rem}.level-num{font-size:.95rem;font-weight:700}.level-details{flex:1 1}.level-details h4{margin:0 0 .5rem;font-size:1.1rem}.xp-bar-mini{height:8px;background:hsla(0,0%,100%,.3);border-radius:4px;overflow:hidden;margin-bottom:.25rem}.xp-fill-mini{height:100%;background:#fff;border-radius:4px;transition:width .5s ease}.xp-label{font-size:.85rem;opacity:.95}.widget-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.widget-stat{text-align:center}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto .5rem}.stat-icon.streak{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.stat-icon.accuracy{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.badges{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.widget-stat strong{display:block;font-size:1.25rem;font-weight:700;color:#333}.widget-stat span{font-size:.85rem;color:#6c757d}.widget-mini-stats{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:rgba(90,144,46,.05);border-radius:12px;margin-bottom:1.5rem}.mini-stat{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#333}.mini-stat i{color:#5a902e;font-size:1.1rem}.view-full-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,#5a902e,#7ab843);color:#fff;border:none;border-radius:12px;font-weight:700;text-decoration:none;transition:all .3s ease}.view-full-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(90,144,46,.3);color:#fff}.achievement-toast-container{position:fixed;top:2rem;right:2rem;z-index:2000;animation:slideInRight .5s ease}@keyframes slideInRight{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.achievement-toast{width:360px;max-width:90vw;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.2);position:relative;overflow:hidden}.achievement-toast.badge-earned{border-left:6px solid #f59e0b}.achievement-toast.level-up{border-left:6px solid #10b981}.achievement-toast.xp-gained{border-left:6px solid #5a902e}.toast-content{display:flex;gap:1rem;position:relative;z-index:2}.toast-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.badge-earned .toast-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.level-up .toast-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.xp-gained .toast-icon{background:linear-gradient(135deg,#5a902e,#7ab843);color:#fff}.toast-text h3{margin:0 0 .25rem;font-size:.9rem;font-weight:700;color:#6c757d;text-transform:uppercase}.toast-text h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:#333}.toast-text p{margin:0 0 .75rem;font-size:.9rem;color:#6c757d}.xp-reward{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#5a902e,#7ab843);color:#fff;border-radius:12px;font-size:.85rem;font-weight:700}.toast-animation{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);animation:shimmer 2s infinite;z-index:1}.progress-dashboard{max-width:1200px;margin:0 auto}.progress-page-header{margin-bottom:3rem}.back-link{display:inline-flex;align-items:center;color:#5a902e;text-decoration:none;font-weight:600;margin-bottom:1rem;transition:all .3s ease}.back-link:hover{color:#7ab843;transform:translateX(-4px)}.page-title{font-size:2.5rem;font-weight:700;color:#333;margin:0 0 .5rem}.page-subtitle{font-size:1.1rem;color:#6c757d}.dashboard-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.level-card{gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#5a902e,#7ab843);border-radius:20px;color:#fff;box-shadow:0 4px 16px rgba(90,144,46,.3)}.level-card,.level-icon{display:flex;align-items:center}.level-icon{width:80px;height:80px;border-radius:50%;background:hsla(0,0%,100%,.2);flex-direction:column;justify-content:center}.level-icon i{font-size:2.5rem}.level-number{font-size:1.1rem;font-weight:700}.level-info h3{margin:0 0 .75rem;font-size:1.5rem}.xp-bar{height:12px;background:hsla(0,0%,100%,.3);overflow:hidden;position:relative;margin-bottom:.5rem}.xp-bar,.xp-fill{border-radius:6px}.xp-fill{height:100%;background:#fff;transition:width .5s ease}.xp-text{font-size:.9rem}.stat-card,.streak-card{flex-direction:column;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:2px solid rgba(90,144,46,.1)}.stat-card,.stat-icon,.streak-card,.streak-icon{display:flex;align-items:center;justify-content:center}.stat-icon,.streak-icon{width:56px;height:56px;border-radius:50%;font-size:1.75rem;margin-bottom:.75rem}.streak-icon{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.stat-info,.streak-info{text-align:center}.stat-info h3,.streak-info h3{margin:0;font-size:2rem;font-weight:700;color:#333}.stat-info p,.streak-info p{margin:0;font-size:.9rem;color:#6c757d}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.stat-box{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:2px solid rgba(90,144,46,.1)}.stat-box i{font-size:2rem;color:#5a902e}.stat-box h4{margin:0;font-size:1.75rem;font-weight:700;color:#333}.stat-box p{margin:0;font-size:.9rem;color:#6c757d}.badges-section,.leaderboard-section,.topic-progress-section{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:2px solid rgba(90,144,46,.1);margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(90,144,46,.1)}.section-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#333}.badge-count{font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#5a902e,#7ab843);padding:.5rem 1rem;border-radius:12px}.badges-earned,.badges-locked{margin-bottom:2rem}.badges-earned h3,.badges-locked h3{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:1rem}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.badge-card{padding:1.5rem;border-radius:16px;text-align:center;transition:all .3s ease}.badge-card.earned{background:linear-gradient(135deg,rgba(90,144,46,.05),rgba(90,144,46,.1));border:2px solid #5a902e}.badge-card.locked{background:rgba(0,0,0,.02);border:2px dashed #ccc;opacity:.6}.badge-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.badge-icon{width:64px;height:64px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.badge-card.earned .badge-icon{background:linear-gradient(135deg,#5a902e,#7ab843);color:#fff}.badge-card.locked .badge-icon{background:#e9ecef;color:#6c757d}.badge-card h4{margin:0 0 .5rem;font-size:1rem;font-weight:700;color:#333}.badge-card p{margin:0 0 .75rem;font-size:.85rem;color:#6c757d}.badge-category,.badge-requirement{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge-category{background:linear-gradient(135deg,#5a902e,#7ab843);color:#fff}.badge-requirement{background:#e9ecef;color:#6c757d}.topics-list{display:flex;flex-direction:column;gap:1rem}.topic-progress-item{padding:1.25rem;border:2px solid rgba(90,144,46,.1);border-radius:12px;transition:all .3s ease}.topic-progress-item:hover{border-color:#5a902e;box-shadow:0 2px 8px rgba(90,144,46,.1)}.topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.topic-header h4{margin:0;font-size:1rem;font-weight:700;color:#333}.topic-accuracy{font-size:.9rem;font-weight:700;color:#5a902e}.topic-stats{display:flex;gap:1.5rem;margin-bottom:.75rem}.topic-stat{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6c757d}.topic-stat i{color:#5a902e}.topic-progress-bar{height:8px;background:rgba(90,144,46,.1);border-radius:4px;overflow:hidden}.topic-progress-fill{height:100%;background:linear-gradient(135deg,#5a902e,#7ab843);border-radius:4px;transition:width .5s ease}.toggle-leaderboard{padding:.5rem 1.25rem;background:#5a902e;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.toggle-leaderboard:hover{background:#7ab843;transform:translateY(-2px)}.leaderboard-table{overflow-x:auto}.leaderboard-table table{width:100%;border-collapse:collapse}.leaderboard-table td,.leaderboard-table th{padding:1rem;text-align:left}.leaderboard-table thead{background:rgba(90,144,46,.1)}.leaderboard-table th{font-weight:700;color:#5a902e}.leaderboard-table tbody tr{border-bottom:1px solid #e9ecef;transition:background .3s ease}.leaderboard-table tbody tr:hover{background:rgba(90,144,46,.05)}.leaderboard-table tbody tr.current-user{background:linear-gradient(135deg,rgba(90,144,46,.1),rgba(90,144,46,.15));font-weight:700}.leaderboard-table .rank{width:60px;text-align:center}.leaderboard-table .username{font-weight:600}.streak-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border-radius:12px;font-size:.85rem;font-weight:700}.text-bronze{color:#cd7f32}@media (max-width:991px){.dashboard-header{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:768px){.dashboard-header,.stats-grid{grid-template-columns:1fr}.progress-widget-panel{position:fixed;bottom:90px;right:1rem;left:auto;width:280px;max-width:calc(100vw - 2rem);height:auto;max-height:400px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.widget-header{padding:.75rem 1rem}.widget-header h3{font-size:.9rem}.close-widget{font-size:1rem}.widget-content{padding:.75rem}.widget-level-card{padding:.5rem;margin-bottom:.75rem}.level-badge{width:40px;height:40px;font-size:.9rem}.level-badge .level-num{font-size:.75rem}.level-details h4{font-size:.85rem;margin-bottom:.25rem}.xp-label{font-size:.75rem}.widget-stats{gap:.5rem;margin-bottom:.75rem}.widget-stat{padding:.5rem}.widget-stat strong{font-size:.9rem}.widget-stat span{font-size:.7rem}.stat-icon{width:28px;height:28px;font-size:.8rem}.widget-mini-stats{margin-bottom:.75rem}.mini-stat{font-size:.75rem}.mini-stat i{font-size:.8rem}.view-full-btn{padding:.5rem 1rem;font-size:.85rem}.achievement-toast-container{right:1rem;left:1rem;top:1rem}.achievement-toast{width:100%}.toast-icon{width:40px;height:40px;font-size:1.25rem}.toast-text h3{font-size:.75rem}.toast-text h4{font-size:.95rem}.toast-text p{font-size:.8rem}.badges-grid{grid-template-columns:1fr}}