.report-wrapper{counter-reset:section 0;display:flex;height:calc(100vh - 60px);overflow:hidden;position:relative;width:100%}.report-wrapper .confetti-animation,.report-wrapper .confetti-container,.report-wrapper .countdown-container{display:none !important}@keyframes confetti-fall-piece{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.report-wrapper .report-menu{background:hsla(0,0%,100%,.722);box-shadow:4px 0 15px #090e2b26;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1rem;width:240px;z-index:1}.report-wrapper .report-menu span{align-items:center;border-radius:.5rem;color:#000;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem;transition:all .3s ease}.report-wrapper .report-menu span:hover{background-color:#6d7bff26;transform:translateX(3px)}.report-wrapper .report-menu span.active{background-color:#6d7bff;box-shadow:0 4px 12px #6d7bff4d;color:#fff}.report-wrapper .report-menu .bouble{align-items:center;background-color:#6d7bff;border-radius:.75rem;color:#fff;display:flex;font-size:1.25rem;justify-content:center;margin-bottom:1.5rem;overflow:hidden;padding:1rem;position:relative}.report-wrapper .report-menu .bouble:before{animation:pulse-light 3s ease-in-out infinite;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.report-wrapper .report-menu .bouble label{font-weight:700;margin-left:.5rem;position:relative;z-index:1}.report-wrapper .report-menu .delete-option{background-color:#ff5a5a1a;color:#ff5a5a;margin-top:auto}.report-wrapper .report-menu .delete-option:hover{background-color:#ff5a5a33}.report-wrapper .report{background-attachment:fixed !important;background-position:50% !important;background-size:cover !important;counter-reset:section 0;display:block;flex:1;height:calc(100vh - 55px);overflow-y:auto;padding:60px 15px 30px;position:relative;width:100%}.report-wrapper .report:before{background:linear-gradient(180deg, #090e2b0d, #090e2b05);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.report-wrapper .report .student-item{align-items:center;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 15px #090e2b0d;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.75rem;position:relative;transition:all .3s ease}.report-wrapper .report .student-item:hover{box-shadow:0 6px 20px #090e2b1a;transform:translateX(5px)}.report-wrapper .report .student-item.sync{animation:pulse-highlight 1.5s infinite}.report-wrapper .report .student-item .sdate{bottom:-10px;color:#2c2d3a99;display:block;font-size:10px;left:70px;position:absolute;right:0}.report-wrapper .report .student-item .student-info{align-items:center;display:flex;flex:1;gap:.75rem}.report-wrapper .report .student-item .student-stats{align-items:center;display:flex;gap:1rem}.report-wrapper .report .student-item .item-holder{background-color:#ebeff4;border-radius:5px;height:10px;overflow:hidden;position:relative;width:120px}.report-wrapper .report .student-item .user-score{height:100%;position:absolute;top:0}.report-wrapper .report .student-item .user-score.correct{background:linear-gradient(90deg, #6d7bff, #5d6eee);border-radius:5px;left:0}.report-wrapper .report .student-item .user-score.correct.no-radius{border-radius:5px 0 0 5px}.report-wrapper .report .student-item .user-score.wrong{background:linear-gradient(90deg, #ff5a5a, #ff3a3a);border-radius:0 5px 5px 0}.report-wrapper .report .student-item .user-score.wrong.fine{border-radius:5px}.report-wrapper .report .student-item .item-percent{background-color:#ebeff4;border-radius:20px;color:#2c2d3a;font-size:.875rem;font-weight:600;min-width:80px;padding:.25rem .75rem;text-align:center}.report-wrapper .report .students.long .student-item .sdate{left:21px}.report-wrapper .report .avatar-holder{display:inline-flex}.report-wrapper .report .avatar-holder .head{align-items:center;background-color:#e0e9f5;border-radius:50%;box-shadow:0 4px 10px #090e2b1a;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.report-wrapper .report .avatar-placeholder{background-color:#e0e9f5;border-radius:50%;display:inline-block;height:40px;position:relative;width:40px}.report-wrapper .report .avatar-placeholder:after{content:"👤";font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%)}.report-wrapper .report .board-type{background-color:#fff;border-radius:50%;box-shadow:0 4px 15px #090e2b1a;cursor:pointer;padding:.75rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;z-index:5}.report-wrapper .report .board-type:hover{box-shadow:0 6px 20px #090e2b26;transform:rotate(15deg)}.report-wrapper .report-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.report-wrapper .reporting-options{display:flex;gap:1.5rem}.report-wrapper .reporting-options .f-wrapper{flex:1}.report-wrapper .reporting-options .opt{background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px #090e2b1a;padding:1.5rem}.report-wrapper .reporting-options .opt.fixed{width:100%}.report-wrapper .reporting-options .opt.no-mobile{width:350px}.report-wrapper .reporting-options .opt.trend{display:flex;flex-direction:column;gap:1.5rem}.report-wrapper .reporting-options .opt.trend label{color:#2c2d3a;display:inline-block;font-size:1.25rem;font-weight:600;position:relative}.report-wrapper .reporting-options .opt.trend label:after{background-color:#6d7bff;border-radius:3px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:40px}.report-wrapper .reporting-options .opt.sheet{max-height:calc(100vh - 200px);overflow:auto}.report-wrapper .reporting-options .quiz-analyzer{align-items:center;background:linear-gradient(135deg, #6d7bff, #5d6eee);border:none;border-radius:.5rem;box-shadow:0 4px 15px #6d7bff4d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1.25rem;transition:all .3s ease}.report-wrapper .reporting-options .quiz-analyzer:hover{box-shadow:0 6px 20px #6d7bff66;transform:translateY(-2px)}.report-wrapper .student-selection{display:flex;gap:1rem;margin-bottom:1.5rem}.report-wrapper .student-selection input,.report-wrapper .student-selection select{border:1px solid #dce2ec;border-radius:.5rem;flex:1;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.report-wrapper .student-selection input:focus,.report-wrapper .student-selection select:focus{border-color:#6d7bff;box-shadow:0 0 0 3px #6d7bff33;outline:none}.report-wrapper .ai-results{background-color:#f0f0f0;border-radius:1rem;margin-top:1.5rem;padding:1.25rem}.report-wrapper .ai-results ul{list-style:none;margin:0;padding:0}.report-wrapper .ai-results ul li{margin-bottom:1rem}.report-wrapper .ai-results ul li p{align-items:center;color:#2c2d3a;display:flex;font-weight:600;gap:.75rem}.report-wrapper .ai-results ul.rec{margin-top:.75rem;padding-left:2rem}.report-wrapper .ai-results ul.rec li{align-items:flex-start;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #090e2b0d;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.75rem;padding:.75rem;transition:transform .2s}.report-wrapper .ai-results ul.rec li:hover{transform:translateX(5px)}.report-wrapper .loader-wrapper{align-items:center;display:flex;height:150px;justify-content:center}.report-wrapper .loader-wrapper .loader-spin{animation:spin 1s linear infinite;color:#6d7bff;font-size:2.5rem}.report-wrapper .loading-wrapper{align-items:center;background:linear-gradient(135deg, #090e2b, #2c2d3a);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative}.report-wrapper .loading-wrapper:before{animation:stars-animation 60s linear infinite;background-image:radial-gradient(circle at 25% 25%, #ffffff1a 1px, #0000 0),radial-gradient(circle at 75% 75%, #ffffff1a 1px, #0000 0);background-size:40px 40px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}.report-wrapper .loading-wrapper .loader-galaxy{height:200px;margin-bottom:2rem;position:relative;width:200px;z-index:1}.report-wrapper .loading-wrapper .loader-circle{animation:rotate 3s linear infinite;border:4px solid #0000;border-radius:50%;height:100%;mix-blend-mode:screen;position:absolute;width:100%}.report-wrapper .loading-wrapper .loader-circle:first-child{animation-delay:0s;border-top:4px solid #6d7bff}.report-wrapper .loading-wrapper .loader-circle:nth-child(2){animation-delay:.5s;border-right:4px solid #5d6eee}.report-wrapper .loading-wrapper .loader-circle:nth-child(3){animation-delay:1s;border-bottom:4px solid #4d5ede}.report-wrapper .loading-wrapper .loader-shadow{animation:pulse 3s ease-in-out infinite alternate;border-radius:50%;box-shadow:0 0 20px #6d7bff80;height:100%;position:absolute;width:100%}.report-wrapper .loading-wrapper .loader-shadow:nth-child(4){animation-delay:0s}.report-wrapper .loading-wrapper .loader-shadow:nth-child(5){animation-delay:1s}.report-wrapper .loading-wrapper .loader-shadow:nth-child(6){animation-delay:2s}.report-wrapper .loading-wrapper .loader-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg, #6d7bff, #5d6eee);-webkit-background-clip:text;color:#fff;font-size:2rem;font-weight:700;margin:0;z-index:1}.report-wrapper .loading-wrapper .loader-subtitle{color:#ffffffb3;font-size:1.1rem;margin-top:.5rem;z-index:1}@keyframes rotate{0%{transform:rotate(0deg) scale(.8)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(.8)}}@keyframes pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:.7;transform:scale(1.2)}}@keyframes stars-animation{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(100px) rotate(5deg)}}.report-wrapper .pulse-loader{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:1.5rem}.report-wrapper .pulse-loader .pulse-loader-dot{animation:pulse-animation 1.5s ease-in-out infinite;background:linear-gradient(135deg, #6d7bff, #5d6eee);border-radius:50%;height:20px;width:20px}.report-wrapper .pulse-loader .pulse-loader-dot:first-child{animation-delay:0s}.report-wrapper .pulse-loader .pulse-loader-dot:nth-child(2){animation-delay:.3s}.report-wrapper .pulse-loader .pulse-loader-dot:nth-child(3){animation-delay:.6s}.report-wrapper .loader-text{color:#2c2d3a;font-size:1.2rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.report-wrapper .loader-progress{background-color:#ebeff4;border-radius:3px;height:6px;margin:0 auto;max-width:300px;overflow:hidden;width:100%}.report-wrapper .loader-progress .loader-progress-bar{animation:progress-animation 2s ease-in-out infinite;background:linear-gradient(90deg, #6d7bff, #5d6eee);border-radius:3px;height:100%;width:30%}@keyframes pulse-animation{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.8)}}@keyframes progress-animation{0%{transform:translateX(0);width:5%}50%{width:30%}to{transform:translateX(600%);width:5%}}.report-wrapper .correct,.report-wrapper .wrong{border-radius:50%;display:inline-block;height:20px;position:relative;width:20px}.report-wrapper .leaderboard-container{background-color:#fffffff2;border-radius:1.5rem;box-shadow:0 10px 30px #090e2b1a;margin:0 auto;max-width:1200px;min-height:80vh;overflow:hidden;padding:2rem;position:relative}.report-wrapper .leaderboard-header{margin-bottom:3rem;text-align:center}.report-wrapper .leaderboard-title{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:.5rem}.report-wrapper .leaderboard-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg, #6d7bff, #5d6eee);-webkit-background-clip:text;color:#2c2d3a;font-size:3rem;font-weight:800;margin:0}.report-wrapper .leaderboard-title .trophy-icon{color:gold;filter:drop-shadow(0 4px 8px rgba(255, 215, 0, .5));font-size:3rem}.report-wrapper .podium-section{align-items:center;display:flex;flex-direction:column;margin:2rem 0}.report-wrapper .podium-display{align-items:flex-end;display:flex;justify-content:center;margin-bottom:3rem;max-width:800px;width:100%}.report-wrapper .podium-place{align-items:center;display:flex;flex-direction:column;margin:0 1rem;position:relative}.report-wrapper .first-place{z-index:3}.report-wrapper .second-place{z-index:2}.report-wrapper .third-place{z-index:1}.report-wrapper .crown{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 10px rgba(0, 0, 0, .3));font-size:3rem;position:absolute;top:-40px}.report-wrapper .podium-avatar-container{margin-bottom:1rem;position:relative;z-index:10}.report-wrapper .podium-avatar{background-color:#f0f2ff;border:4px solid #fff;border-radius:50%;box-shadow:0 8px 20px #090e2b26;cursor:pointer;height:80px;overflow:hidden;transition:transform .3s ease;width:80px}.report-wrapper .first-place .podium-avatar{border:6px solid gold;box-shadow:0 10px 25px #ffd7004d;height:120px;width:120px}.report-wrapper .second-place .podium-avatar{border:5px solid silver;box-shadow:0 8px 20px #c0c0c04d;height:100px;width:100px}.report-wrapper .third-place .podium-avatar{border:5px solid #cd7f32;box-shadow:0 8px 20px #cd7f324d;height:90px;width:90px}.report-wrapper .medal{align-items:center;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;position:absolute;right:-10px;top:-10px;width:36px}.report-wrapper .medal svg{font-size:1.25rem}.report-wrapper .medal span{font-size:1rem;font-weight:800;position:absolute}.report-wrapper .first-place .medal{height:44px;width:44px}.report-wrapper .medal-gold{background:linear-gradient(135deg, gold, #ffb900);box-shadow:0 4px 15px #ffd70080}.report-wrapper .medal-silver{background:linear-gradient(135deg, silver, #a0a0a0);box-shadow:0 4px 15px #c0c0c080}.report-wrapper .medal-bronze{background:linear-gradient(135deg, #cd7f32, #a05a2c);box-shadow:0 4px 15px #cd7f3280}.report-wrapper .podium-block{align-items:center;border-radius:1rem 1rem 0 0;box-shadow:0 8px 20px #090e2b1a;display:flex;flex-direction:column;overflow:hidden;padding-top:1rem;position:relative;width:140px}.report-wrapper .podium-block:before{background:linear-gradient(180deg, #fff3, #0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.report-wrapper .podium-block.gold{background:linear-gradient(180deg, #ffd70033, #ffd7001a);border:1px solid #ffd7004d;box-shadow:0 10px 25px #ffd70026}.report-wrapper .podium-block.silver{background:linear-gradient(180deg, #c0c0c033, #c0c0c01a);border:1px solid #c0c0c04d;box-shadow:0 8px 20px #c0c0c026}.report-wrapper .podium-block.bronze{background:linear-gradient(180deg, #cd7f3233, #cd7f321a);border:1px solid #cd7f324d;box-shadow:0 8px 20px #cd7f3226}.report-wrapper .first-place .podium-block{width:180px}.report-wrapper .second-place .podium-block{width:160px}.report-wrapper .podium-name{color:#2c2d3a;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;max-width:90%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.report-wrapper .podium-score{background:#ffffff80;border-radius:1rem;color:#6c757d;font-size:1rem;font-weight:600;padding:.25rem .75rem}.report-wrapper .first-place .podium-name{font-size:1.3rem}.report-wrapper .first-place .podium-score{background:#ffd70033;font-size:1.1rem}.report-wrapper .winner-details-card{background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px #090e2b1a;margin:0 auto 2rem;max-width:600px;padding:1.5rem;width:100%}.report-wrapper .winner-details-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.report-wrapper .winner-details-header h3{color:#2c2d3a;font-size:1.25rem;font-weight:600;margin:0}.report-wrapper .winner-details-header .close-button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem}.report-wrapper .winner-details-header .close-button:hover{color:#2c2d3a}.report-wrapper .winner-details-content{display:flex;gap:2rem}.report-wrapper .winner-avatar-large{background-color:#f0f2ff;border:4px solid #6d7bff;border-radius:50%;box-shadow:0 8px 20px #6d7bff33;flex-shrink:0;height:120px;overflow:hidden;width:120px}.report-wrapper .winner-info{flex:1}.report-wrapper .winner-info h2{color:#2c2d3a;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.report-wrapper .stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(2, 1fr)}.report-wrapper .leaderboard-table-section{margin-top:2rem}.report-wrapper .leaderboard-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.report-wrapper .leaderboard-table-header h2{color:#2c2d3a;font-size:1.5rem;font-weight:700;margin:0}.report-wrapper .leaderboard-table-header .toggle-details-button{background:none;border:1px solid #dce2ec;border-radius:.5rem;color:#6c757d;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.report-wrapper .leaderboard-table-header .toggle-details-button:hover{background-color:#f8f9fa;border-color:#6d7bff;color:#6d7bff}.report-wrapper .leaderboard-table{background-color:#fff;border-radius:1rem;box-shadow:0 4px 15px #090e2b0d;overflow:hidden}.report-wrapper .leaderboard-table-body{max-height:400px;overflow-y:auto}.report-wrapper .player-column{align-items:center;display:flex;gap:.75rem}.report-wrapper .player-column .player-avatar-small{background-color:#f0f2ff;border:2px solid #6d7bff;border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.report-wrapper .player-column span{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-wrapper .score-column{align-items:center;display:flex;flex-direction:column}.report-wrapper .score-column .score-value{color:#6d7bff;font-weight:700}.report-wrapper .score-column .score-label{color:#6c757d;font-size:.75rem}.report-wrapper .accuracy-column,.report-wrapper .correct-column,.report-wrapper .wrong-column{text-align:center}.report-wrapper .accuracy-column .correct-value,.report-wrapper .correct-column .correct-value,.report-wrapper .wrong-column .correct-value{color:#28a745;font-weight:600}.report-wrapper .accuracy-column .wrong-value,.report-wrapper .correct-column .wrong-value,.report-wrapper .wrong-column .wrong-value{color:#dc3545;font-weight:600}.report-wrapper .accuracy-column .accuracy-value,.report-wrapper .correct-column .accuracy-value,.report-wrapper .wrong-column .accuracy-value{color:#6d7bff;font-weight:600}.report-wrapper .stats-summary{display:grid;gap:1rem;grid-template-columns:repeat(4, 1fr);margin-top:2rem}.report-wrapper .stats-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 15px #090e2b0d;padding:1.25rem;text-align:center}.report-wrapper .stats-card .stats-icon{align-items:center;background:linear-gradient(135deg, #f8f9fa, #f0f2ff);border-radius:50%;color:#6d7bff;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin:0 auto .75rem;width:48px}.report-wrapper .stats-card .stats-value{color:#2c2d3a;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.report-wrapper .stats-card .stats-label{color:#6c757d;font-size:.875rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.report-wrapper .trend-chart-container{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #0000000d;height:300px;margin-bottom:1.5rem;padding:1.5rem;position:relative}.report-wrapper .trend-labels{display:flex;justify-content:space-between;margin-top:1.5rem;padding:0 1rem;width:100%}.report-wrapper .trend-label{align-items:center;display:flex;flex-direction:column;text-align:center;width:40px}.report-wrapper .trend-question{color:#495057;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.report-wrapper .trend-value{color:#6d7bff;font-size:.875rem;font-weight:600}.report-wrapper .trend-summary{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.report-wrapper .trend-stat{background-color:#f8f9fa;border-radius:.75rem;box-shadow:0 4px 12px #0000000d;flex:1;padding:1.25rem;text-align:center}.report-wrapper .trend-stat .trend-stat-value{color:#6d7bff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.report-wrapper .trend-stat .trend-stat-label{color:#6c757d;font-size:.875rem}@media(max-width:768px){.report-wrapper .podium-display{flex-wrap:wrap;justify-content:center}.report-wrapper .first-place{margin-bottom:2rem;order:1;width:100%}.report-wrapper .second-place,.report-wrapper .third-place{order:2}.report-wrapper .winner-details-content{align-items:center;flex-direction:column;text-align:center}.report-wrapper .stats-grid{grid-template-columns:1fr}.report-wrapper .stats-summary{grid-template-columns:repeat(2, 1fr)}.report-wrapper .trend-labels{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.report-wrapper .trend-label{margin-right:1rem;min-width:60px}}.report-wrapper .students-dashboard{background-color:#fff;border-radius:1rem;box-shadow:0 10px 30px #090e2b14;margin-top:1rem;overflow:hidden}.report-wrapper .dashboard-header{align-items:center;background:linear-gradient(135deg, #f8f9ff, #f0f2ff);border-bottom:1px solid #6d7bff1a;display:flex;justify-content:space-between;padding:1.5rem}.report-wrapper .dashboard-header h2{color:#2c2d3a;font-size:1.5rem;font-weight:700;margin:0}.report-wrapper .dashboard-stats{display:flex;gap:1.5rem}.report-wrapper .stat-item{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #090e2b0d;gap:.75rem;padding:.5rem 1rem}.report-wrapper .stat-item .stat-icon{align-items:center;background:linear-gradient(135deg, #6d7bff, #5d6eee);border-radius:50%;color:#fff;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.report-wrapper .stat-item .stat-info{display:flex;flex-direction:column}.report-wrapper .stat-item .stat-value{color:#2c2d3a;font-size:1.25rem;font-weight:700;line-height:1.2}.report-wrapper .stat-item .stat-label{color:#6c757d;font-size:.75rem}.report-wrapper .students-list{display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 300px);overflow-y:auto;padding:1.5rem}.report-wrapper .student-card{align-items:center;background-color:#fff;border:1px solid #0000000d;border-radius:1rem;box-shadow:0 4px 15px #090e2b08;display:flex;padding:1rem;position:relative;transition:all .3s ease}.report-wrapper .student-card:hover{border-color:#6d7bff33;box-shadow:0 8px 20px #090e2b14;transform:translateY(-3px)}.report-wrapper .student-card.highlight-card{animation:card-pulse 2s infinite;border-color:#6d7bff80}@keyframes card-pulse{0%,to{box-shadow:0 4px 15px #6d7bff1a}50%{box-shadow:0 4px 25px #6d7bff4d}}.report-wrapper .student-rank{background-color:#f0f2ff;color:#6d7bff;font-weight:700;height:30px;margin-right:1rem;width:30px}.report-wrapper .student-avatar{background-color:#f0f2ff;border:2px solid #6d7bff;box-shadow:0 4px 10px #6d7bff33;height:50px;margin-right:1rem;overflow:hidden;width:50px}.report-wrapper .student-info{margin-right:1rem;min-width:0}.report-wrapper .student-name{color:#2c2d3a;font-size:1rem;margin-bottom:.25rem}.report-wrapper .student-date{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:.25rem}.report-wrapper .progress-container{display:flex;flex:2;flex-direction:column;gap:.5rem;margin:0 1rem}.report-wrapper .progress-bar{background-color:#f0f2ff;border-radius:12px;box-shadow:inset 0 1px 3px #0000001a;height:24px}.report-wrapper .progress-fill{align-items:center;display:flex;justify-content:center}.report-wrapper .progress-fill.correct{background:linear-gradient(90deg, #28a745, #20c997);border-radius:12px 0 0 12px}.report-wrapper .progress-fill.wrong{background:linear-gradient(90deg, #dc3545, #e83e8c);border-radius:0 12px 12px 0}.report-wrapper .progress-fill .progress-text{color:#fff;font-size:.75rem;font-weight:600;text-shadow:0 1px 2px #0003}.report-wrapper .score-info{display:flex;justify-content:space-between}.report-wrapper .score-item{align-items:center;color:#495057;display:flex;font-size:.875rem;font-weight:600}.report-wrapper .score-color{border-radius:50%;height:12px;margin-right:4px;width:12px}.report-wrapper .score-color.correct{background:linear-gradient(135deg, #28a745, #20c997)}.report-wrapper .score-color.wrong{background:linear-gradient(135deg, #dc3545, #e83e8c)}.report-wrapper .student-points{background:linear-gradient(135deg, #6d7bff, #5d6eee);border-radius:.75rem;box-shadow:0 4px 12px #6d7bff33;color:#fff;flex-shrink:0;min-width:80px;padding:.75rem;text-align:center}.report-wrapper .points-value{font-size:1.25rem;font-weight:700;line-height:1.2}.report-wrapper .points-label{font-size:.75rem;opacity:.9}.report-wrapper .empty-state{flex-direction:column;text-align:center}.report-wrapper .empty-state img{margin-bottom:1.5rem;max-width:200px;opacity:.5}.report-wrapper .empty-state p{font-size:1.1rem}.report-wrapper .report-actions{display:flex;gap:1rem;margin-bottom:1.5rem}.report-wrapper .action-button svg{transition:color .2s ease}.report-wrapper .action-button:first-child svg{color:#10b981}.report-wrapper .action-button:first-child:hover svg{color:#059669}.report-wrapper .action-button:nth-child(2) svg{color:#3b82f6}.report-wrapper .action-button:nth-child(2):hover svg{color:#2563eb}.report-wrapper .action-button:nth-child(3) svg,.report-wrapper .ai-button svg{color:#8b5cf6}.report-wrapper .action-button:nth-child(3):hover svg,.report-wrapper .ai-button:hover svg{color:#7c3aed}.report-wrapper .action-button{align-items:center;background-color:#f8f9fa;border:none;border-radius:50%;box-shadow:0 4px 12px #0000000d;color:#495057;cursor:pointer;display:flex;font-size:1.25rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.report-wrapper .action-button:hover{background-color:#e9ecef;box-shadow:0 6px 16px #0000001a;transform:translateY(-3px)}.report-wrapper .menu-toggle{display:none}.report-wrapper .modal-overlay{align-items:center;backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.report-wrapper .modal-content{background-color:#fff;border-radius:1rem;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.report-wrapper .modal-header{align-items:center;background:linear-gradient(135deg, #6d7bff, #5d6eee);color:#fff;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.report-wrapper .modal-header h3{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.report-wrapper .modal-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;transition:background-color .2s;width:30px}.report-wrapper .modal-header .close-button:hover{background-color:#fff3}.report-wrapper .modal-body{max-height:calc(90vh - 70px);overflow-y:auto;padding:1.5rem}.report-wrapper .ai-intro,.report-wrapper .trend-intro{align-items:center;background-color:#f8f9fa;border-radius:.75rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.report-wrapper .ai-intro .ai-icon,.report-wrapper .ai-intro .trend-icon,.report-wrapper .trend-intro .ai-icon,.report-wrapper .trend-intro .trend-icon{flex-shrink:0;font-size:2.5rem}.report-wrapper .ai-intro p,.report-wrapper .trend-intro p{color:#495057;font-size:1rem;margin:0}.report-wrapper .ai-intro h4,.report-wrapper .trend-intro h4{color:#2c2d3a;font-size:1.1rem;margin:0 0 .5rem}.report-wrapper .ai-list{display:flex;flex-direction:column;gap:1.25rem}.report-wrapper .ai-item{background-color:#f8f9fa;border-radius:.75rem;box-shadow:0 4px 12px #0000000d;padding:1.25rem;transition:transform .2s}.report-wrapper .ai-item:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-3px)}.report-wrapper .ai-question{align-items:center;color:#2c2d3a;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin-bottom:1rem}.report-wrapper .ai-question svg{color:#6d7bff;flex-shrink:0;font-size:1.25rem}.report-wrapper .ai-recommendations{display:flex;flex-direction:column;gap:.75rem;padding-left:2rem}.report-wrapper .ai-recommendation{align-items:flex-start;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000000d;color:#495057;display:flex;font-size:.95rem;gap:.75rem;line-height:1.3rem;padding:1rem;transition:transform .2s}.report-wrapper .ai-recommendation:hover{transform:translateX(5px)}.report-wrapper .ai-recommendation svg{flex-shrink:0;font-size:1.25rem}.report-wrapper .ai-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.report-wrapper .ai-placeholder .ai-icon.large{font-size:4rem;margin-bottom:1.5rem}.report-wrapper .ai-placeholder p{color:#6c757d;font-size:1.1rem;margin-bottom:1.5rem}.report-wrapper .analyze-button{align-items:center;background:linear-gradient(135deg, #6d7bff, #5d6eee);border:none;border-radius:.5rem;box-shadow:0 4px 12px #6d7bff4d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease}.report-wrapper .analyze-button:hover{box-shadow:0 6px 16px #6d7bff66;transform:translateY(-2px)}.report-wrapper .analyze-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.report-wrapper .analyze-button .spin{animation:spin 1s linear infinite}.report-wrapper .loader-container{align-items:center;background-color:#f8f9fa;border-radius:1rem;box-shadow:0 10px 30px #090e2b0d;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:1200px){.report-wrapper .student-card{flex-wrap:wrap}.report-wrapper .progress-container{margin:.75rem 0;order:3;width:100%}.report-wrapper .student-points{order:2}}@media(max-width:768px){.report-wrapper .dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.report-wrapper .dashboard-stats{width:100%}.report-wrapper .student-card{padding:.75rem}.report-wrapper .student-rank{margin-right:.5rem}.report-wrapper .student-avatar{height:40px;margin-right:.75rem;width:40px}.report-wrapper .student-info{margin-right:.5rem}.report-wrapper .student-points{min-width:70px;padding:.5rem}.report-wrapper .points-value{font-size:1rem}.report-wrapper .points-label{font-size:.7rem}.report-wrapper .modal-content{max-height:95vh;width:95%}.report-wrapper .trend-summary{flex-direction:column}}.report-wrapper .leaderboard-table-head{background-color:#f8f9fa;border-bottom:1px solid #dce2ec;color:#2c2d3a;display:grid;font-weight:600;grid-template-columns:60px 2fr 1fr;padding:1rem}.report-wrapper .leaderboard-table-head.with-details{grid-template-columns:60px 2fr 1fr 1fr 1fr 1fr}.report-wrapper .leaderboard-row{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:grid;grid-template-columns:60px 2fr 1fr;padding:1rem;transition:background-color .2s}.report-wrapper .leaderboard-row:hover{background-color:#f8f9fa}.report-wrapper .leaderboard-row.with-details{grid-template-columns:60px 2fr 1fr 1fr 1fr 1fr}.report-wrapper .tabs-container{background-color:#fff;border-radius:1rem;box-shadow:0 4px 15px #090e2b0d;overflow:hidden}.report-wrapper .tabs-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex}.report-wrapper .tab-item{align-items:center;color:#6c757d;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.report-wrapper .tab-item:hover{background-color:#6d7bff0d;color:#6d7bff}.report-wrapper .tab-item.active{background-color:#6d7bff1a;border-bottom:2px solid #6d7bff;color:#6d7bff}.report-wrapper .tab-icon{font-size:1.25rem}.report-wrapper .tab-content{padding:1.5rem}.report-wrapper .stats-overview{display:grid;gap:1rem;grid-template-columns:repeat(3, 1fr);margin-bottom:1.5rem}.report-wrapper .stat-card{align-items:center;border-radius:.75rem;display:flex;gap:1rem;padding:1rem}.report-wrapper .stat-card.correct-stat{background:linear-gradient(135deg, #e3f2fd, #bbdefb);border:1px solid #90caf9}.report-wrapper .stat-card.correct-stat .stat-icon{background-color:#2196f3;color:#fff}.report-wrapper .stat-card.wrong-stat{background:linear-gradient(135deg, #ffebee, #ffcdd2);border:1px solid #ef9a9a}.report-wrapper .stat-card.wrong-stat .stat-icon{background-color:#f44336;color:#fff}.report-wrapper .stat-card.time-stat{background:linear-gradient(135deg, #e8eaf6, #c5cae9);border:1px solid #9fa8da}.report-wrapper .stat-card.time-stat .stat-icon{background-color:#3f51b5;color:#fff}.report-wrapper .stat-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.report-wrapper .stat-content{flex:1}.report-wrapper .stat-label{color:#495057;font-size:.875rem}.report-wrapper .stat-value{color:#212529;font-size:1.5rem;font-weight:700}.report-wrapper .questions-list{display:flex;flex-direction:column;gap:1rem}.report-wrapper .question-card{background-color:#fff;border:1px solid #e9ecef;border-radius:.75rem;overflow:hidden;transition:all .3s ease}.report-wrapper .question-card:hover{box-shadow:0 6px 20px #090e2b14}.report-wrapper .question-card.expanded{box-shadow:0 8px 25px #090e2b1a}.report-wrapper .question-card.expanded .question-header{background-color:#f0f7ff}.report-wrapper .question-header{cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .3s ease}.report-wrapper .question-header:hover{background-color:#f8f9fa}.report-wrapper .question-info{flex:1}.report-wrapper .question-badges{display:flex;gap:.5rem;margin-bottom:.5rem}.report-wrapper .question-badge{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.report-wrapper .question-badge.question-number{background-color:#e3f2fd;color:#1976d2}.report-wrapper .question-badge.question-points{background-color:#fff8e1;color:#ff8f00}.report-wrapper .question-badge.bg-success{background-color:#e8f5e9;color:#2e7d32}.report-wrapper .question-badge.bg-warning{background-color:#fff3e0;color:#ef6c00}.report-wrapper .question-badge.bg-danger{background-color:#ffebee;color:#c62828}.report-wrapper .question-title{color:#212529;font-size:.9375rem;font-weight:500;margin:0}.report-wrapper .question-stats{display:flex;flex-direction:column;gap:.25rem}.report-wrapper .stat-item{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.report-wrapper .stat-item.correct{color:#2e7d32}.report-wrapper .stat-item.wrong{color:#c62828}.report-wrapper .question-progress{padding:0 1rem .75rem}.report-wrapper .progress-label{color:#6c757d;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.25rem}.report-wrapper .progress-bar{background-color:#e9ecef;border-radius:.25rem;height:1rem;overflow:hidden;position:relative}.report-wrapper .progress-fill{background:linear-gradient(90deg, #6d7bff, #5d6eee);border-radius:.25rem;height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.report-wrapper .question-meta{border-top:1px solid #e9ecef;color:#6c757d;display:flex;font-size:.75rem;justify-content:space-between;padding:.75rem 1rem}.report-wrapper .meta-item{align-items:center;display:flex;gap:.5rem}.report-wrapper .question-details{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:1rem}.report-wrapper .common-mistake{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:.5rem;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem}.report-wrapper .common-mistake svg{color:#f44336;flex-shrink:0}.report-wrapper .mistake-label{color:#c62828;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.report-wrapper .mistake-value{color:#d32f2f;font-size:.875rem}.report-wrapper .answers-section{display:flex;flex-direction:column;gap:.75rem}.report-wrapper .answers-header{align-items:center;display:flex;justify-content:space-between}.report-wrapper .answers-header h4{color:#495057;font-size:.875rem;font-weight:500;margin:0}.report-wrapper .answers-count{background-color:#e9ecef;border-radius:.25rem;color:#6c757d;font-size:.75rem;padding:.25rem .5rem}.report-wrapper .answers-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.report-wrapper .answer-item{background-color:#fff;border:1px solid #e9ecef;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.report-wrapper .answer-item:hover{background-color:#f8f9fa;transform:translateX(3px)}.report-wrapper .answer-item.highlighted{background-color:#e8f4fd;border-color:#90caf9}.report-wrapper .status-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.report-wrapper .status-icon.correct{background-color:#e8f5e9;color:#2e7d32}.report-wrapper .status-icon.wrong{background-color:#ffebee;color:#c62828}.report-wrapper .status-icon.large{height:32px;width:32px}.report-wrapper .answer-content{flex:1;min-width:0}.report-wrapper .student-name{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-wrapper .answer-text{color:#6c757d;font-size:.75rem;margin:0;word-break:break-word}.report-wrapper .answer-time{background-color:#e9ecef;border-radius:.25rem;color:#495057;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.report-wrapper .student-details{display:flex;flex-direction:column;gap:1.5rem}.report-wrapper .student-header{border-bottom:1px solid #e9ecef;gap:1rem;padding-bottom:1rem}.report-wrapper .student-avatar{align-items:center;background:linear-gradient(135deg, #6d7bff, #5d6eee);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.report-wrapper .student-info{flex:1}.report-wrapper .student-name{color:#212529;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.report-wrapper .student-subtitle{color:#6c757d;font-size:.875rem;margin:0}.report-wrapper .student-stats{display:grid;gap:1rem;grid-template-columns:repeat(3, 1fr)}.report-wrapper .student-stat-card{align-items:center;border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem}.report-wrapper .student-stat-card.correct{background:linear-gradient(135deg, #e8f5e9, #c8e6c9);border:1px solid #a5d6a7}.report-wrapper .student-stat-card.wrong{background:linear-gradient(135deg, #ffebee, #ffcdd2);border:1px solid #ef9a9a}.report-wrapper .student-stat-card.time{background:linear-gradient(135deg, #fff8e1, #ffecb3);border:1px solid #ffe082}.report-wrapper .section-title{color:#212529;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.report-wrapper .student-questions-list{display:flex;flex-direction:column;gap:1rem}.report-wrapper .student-question-card{background-color:#fff;border:1px solid #e9ecef;border-radius:.75rem;padding:1rem;transition:all .3s ease}.report-wrapper .student-question-card:hover{box-shadow:0 4px 15px #090e2b0d}.report-wrapper .student-answer{background-color:#f8f9fa;border-radius:.5rem;margin:1rem 0;padding:.75rem}.report-wrapper .answer-label{color:#6c757d;font-size:.75rem;margin:0 0 .25rem}.report-wrapper .answer-value{color:#212529;font-size:.875rem;font-weight:500;margin:0}.report-wrapper .answer-meta{align-items:center;display:flex;justify-content:space-between}.report-wrapper .answer-result{border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.report-wrapper .answer-result.correct{background-color:#e8f5e9;color:#2e7d32}.report-wrapper .answer-result.wrong{background-color:#ffebee;color:#c62828}.report-wrapper .students-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}.report-wrapper .student-summary-card{background-color:#fff;border:1px solid #e9ecef;border-radius:.75rem;cursor:pointer;overflow:hidden;transition:all .3s ease}.report-wrapper .student-summary-card:hover{box-shadow:0 8px 20px #090e2b14;transform:translateY(-3px)}.report-wrapper .card-content{padding:1rem}.report-wrapper .student-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.report-wrapper .student-rank{align-items:center;background-color:#f8f9fa;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.report-wrapper .rank-icon{font-weight:700}.report-wrapper .rank-icon.rank-1{color:#f57c00}.report-wrapper .rank-icon.rank-2{color:#757575}.report-wrapper .rank-icon.rank-3{color:#8d6e63}.report-wrapper .success-rate{border-radius:.25rem;font-size:.75rem;font-weight:600;margin-left:auto;padding:.25rem .5rem}.report-wrapper .success-rate.good{background-color:#e8f5e9;color:#2e7d32}.report-wrapper .success-rate.bad{background-color:#ffebee;color:#c62828}.report-wrapper .progress-section{margin-bottom:1rem}.report-wrapper .student-metrics{display:grid;gap:.5rem;grid-template-columns:repeat(3, 1fr)}.report-wrapper .metric{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;padding:.75rem}.report-wrapper .metric.correct{background-color:#e8f5e9}.report-wrapper .metric.wrong{background-color:#ffebee}.report-wrapper .metric.time{background-color:#e3f2fd}.report-wrapper .metric-icon{margin-bottom:.25rem}.correct .report-wrapper .metric-icon{color:#2e7d32}.wrong .report-wrapper .metric-icon{color:#c62828}.time .report-wrapper .metric-icon{color:#1565c0}.report-wrapper .metric-value{color:#212529;font-size:.875rem;font-weight:600}.report-wrapper .metric-label{color:#6c757d;font-size:.75rem}.report-wrapper .card-footer{height:4px}.report-wrapper .card-footer.rank-1{background-color:#ffc107}.report-wrapper .card-footer.rank-2{background-color:#9e9e9e}.report-wrapper .card-footer.rank-3{background-color:#8d6e63}.report-wrapper .card-footer.rank-4{background-color:#6d7bff}.report-wrapper .empty-state{align-items:center;display:flex;justify-content:center;padding:3rem}.report-wrapper .empty-state p{color:#6c757d;font-size:1rem}@media(max-width:768px){.report-wrapper .stats-overview,.report-wrapper .student-stats,.report-wrapper .students-grid{grid-template-columns:1fr}.report-wrapper .report-wrapper{overflow-x:hidden;position:relative}.report-wrapper .report-menu{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:240px;z-index:45}.report-wrapper .report-menu.open{transform:translateX(0)}.report-wrapper .menu-toggle{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#1a1f36;cursor:pointer;display:flex;height:40px;justify-content:center;position:fixed;right:1rem;top:1rem;width:40px;z-index:50}.report-wrapper .menu-overlay{backdrop-filter:blur(2px);background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:40}.report-wrapper .report{padding-left:15px;padding-right:15px;width:100%}.report-wrapper .reporting-options{flex-direction:column}.report-wrapper .reporting-options .opt{margin-bottom:1rem;width:100% !important}.report-wrapper .reporting-options .opt.no-mobile{width:100% !important}.report-wrapper .dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.report-wrapper .dashboard-stats{width:100%}.report-wrapper .student-card{align-items:flex-start;flex-direction:column}.report-wrapper .progress-container{margin:.75rem 0;order:3;width:100%}.report-wrapper .student-points{order:2}}