.sr-results-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;overflow:hidden;width:100%}.sr-sidebar{background-color:#f8f9fa;border-right:1px solid #e9ecef;flex-shrink:0;width:200px}.sr-sidebar-tabs{display:flex;flex-direction:column;padding:16px 0}.sr-sidebar-tab{align-items:center;border-left:3px solid #0000;color:#495057;cursor:pointer;display:flex;padding:12px 16px;transition:all .2s ease}.sr-sidebar-tab.active,.sr-sidebar-tab:hover{background-color:#e9ecef}.sr-sidebar-tab.active{border-left:3px solid #6d7bff;color:#6d7bff;font-weight:500}.sr-tab-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-right:12px;width:24px}.sr-icon-document:before{content:"📝"}.sr-icon-users:before{content:"👥"}.sr-content{flex:1;max-height:calc(100vh - 100px);overflow-y:auto;padding:24px}.sr-stats-cards{display:grid;gap:16px;grid-template-columns:repeat(3, 1fr);margin-bottom:50px}.sr-stat-card{align-items:center;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;padding:16px}.sr-stat-card.correct{background-color:#e8f5e9;border:1px solid #c8e6c9}.sr-stat-card.wrong{background-color:#ffebee;border:1px solid #ffcdd2}.sr-stat-card.time{background-color:#e3f2fd;border:1px solid #bbdefb}.sr-stat-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:16px;width:40px}.sr-stat-card.correct .sr-stat-icon{background-color:#4caf50;color:#fff}.sr-stat-card.wrong .sr-stat-icon{background-color:#f44336;color:#fff}.sr-stat-card.time .sr-stat-icon{background-color:#2196f3;color:#fff}.sr-icon{display:flex;height:20px;width:20px}.sr-student-questions{margin-top:40px}.sr-stat-details{flex:1}.sr-stat-value{color:#212529;font-size:24px;font-weight:700;line-height:1.2}.sr-stat-label{color:#6c757d;font-size:12px;line-height:14px}.sr-questions-list{display:flex;flex-direction:column;gap:16px}.sr-question-item{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all .2s ease}.sr-question-item:hover{box-shadow:0 4px 12px #0000000d}.sr-question-item.expanded{box-shadow:0 6px 16px #0000001a}.sr-question-header{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s ease}.sr-question-header:hover{background-color:#f8f9fa}.sr-question-info{flex:1;margin-right:16px}.sr-question-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.sr-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px}.sr-badge.number{background-color:#e3f2fd;color:#1976d2}.sr-badge.points{background-color:#fff8e1;color:#ff8f00}.sr-badge.difficulty{background-color:#f5f5f5;color:#616161}.sr-badge.difficulty.easy{background-color:#e8f5e9;color:#2e7d32}.sr-badge.difficulty.medium{background-color:#fff3e0;color:#ef6c00}.sr-badge.difficulty.hard{background-color:#ffebee;color:#c62828}.sr-question-title{color:#212529;font-size:15px;font-weight:500;line-height:1.4;margin:0}.sr-question-stats{display:flex;gap:12px}.sr-stat{align-items:center;display:flex;font-size:14px;font-weight:500;gap:6px;white-space:nowrap}.sr-stat.correct{color:#4caf50}.sr-stat.wrong{color:#f44336}.sr-question-progress{padding:0 16px 12px}.sr-progress-info{color:#6c757d;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.sr-rate{font-weight:500}.sr-progress-bar{background-color:#e9ecef;border-radius:3px;height:6px;overflow:hidden;position:relative}.sr-progress-fill{background:linear-gradient(90deg, #6d7bff, #5d6eee);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease}.sr-question-meta{border-top:1px solid #e9ecef;color:#6c757d;display:flex;font-size:12px;justify-content:space-between;padding:12px 16px}.sr-meta-item{align-items:center;display:flex;gap:6px}.sr-question-details{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:16px}.sr-mistake-box{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.sr-mistake-box .sr-icon{color:#f44336;flex-shrink:0}.sr-mistake-title{color:#c62828;font-size:12px;font-weight:500;margin:0 0 4px}.sr-mistake-text{color:#d32f2f;font-size:14px;margin:0}.sr-answers-section{display:flex;flex-direction:column;gap:12px}.sr-answers-header{align-items:center;display:flex;justify-content:space-between}.sr-answers-header h4{color:#495057;font-size:14px;font-weight:500;margin:0}.sr-count{background-color:#e9ecef;border-radius:4px;color:#6c757d;font-size:12px;padding:4px 8px}.sr-answers-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.sr-answer-item{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.sr-answer-item:hover{background-color:#f8f9fa;transform:translateX(3px)}.sr-answer-item.highlighted{background-color:#e8f4fd;border-color:#90caf9}.sr-status-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.sr-status-icon.correct{background-color:#e8f5e9;color:#2e7d32}.sr-status-icon.wrong{background-color:#ffebee;color:#c62828}.sr-status-icon.large{height:24px;width:24px}.sr-answer-content{flex:1;min-width:0}.sr-student-name{color:#212529;font-size:14px;font-weight:500;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-answer-text{color:#6c757d;font-size:12px;margin:0;word-break:break-word}.sr-answer-time{align-content:center;background-color:#e9ecef;border-radius:4px;color:#495057;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.sr-student-details{display:flex;flex-direction:column;gap:24px}.sr-student-profile{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:16px;padding-bottom:16px}.sr-profile-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}.sr-profile-info{flex:1}.sr-profile-name{color:#212529;font-size:20px;font-weight:600;margin:0 0 4px}.sr-profile-subtitle{color:#6c757d;font-size:14px;margin:0}.sr-student-stats{display:grid;gap:16px;grid-template-columns:repeat(3, 1fr)}.sr-student-stat{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.sr-student-stat.correct{background:linear-gradient(135deg, #e8f5e9, #c8e6c9);border:1px solid #a5d6a7}.sr-student-stat.wrong{background:linear-gradient(135deg, #ffebee, #ffcdd2);border:1px solid #ef9a9a}.sr-student-stat.time{background:linear-gradient(135deg, #e3f2fd, #bbdefb);border:1px solid #90caf9}.sr-section-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 16px}.sr-student-questions-list{display:flex;flex-direction:column;gap:16px}.sr-student-question{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s ease}.sr-student-question:hover{box-shadow:0 4px 12px #0000000d}.sr-student-answer{background-color:#f8f9fa;border-radius:8px;margin:16px 0;padding:12px}.sr-answer-label{color:#6c757d;font-size:12px;margin:0 0 4px}.sr-answer-value{color:#212529;font-size:14px;font-weight:500;margin:0}.sr-answer-meta{align-items:center;display:flex;justify-content:space-between}.sr-answer-result{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px}.sr-answer-result.correct{background-color:#e8f5e9;border-radius:0;color:#2e7d32;width:auto}.sr-answer-result.wrong{background-color:#ffebee;border-radius:0;color:#c62828;width:auto}.sr-students-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr))}.sr-student-card{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.sr-student-card:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-3px)}.sr-card-content{padding:16px}.sr-student-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.sr-student-rank{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.sr-student-rank.rank-1{background-color:#fff8e1;color:#ff8f00}.sr-student-rank.rank-2{background-color:#f5f5f5;color:#616161}.sr-student-rank.rank-3{background-color:#efebe9;color:#795548}.sr-student-rank.rank-4{background-color:#e3f2fd;color:#1976d2}.sr-success-rate{border-radius:4px;font-size:12px;font-weight:600;margin-left:auto;padding:4px 8px}.sr-success-rate.good{background-color:#e8f5e9;color:#2e7d32}.sr-success-rate.bad{background-color:#ffebee;color:#c62828}.sr-progress-section{margin-bottom:16px}.sr-student-metrics{display:flex;justify-content:space-between}.sr-metric{align-items:center;border-radius:4px;display:flex;flex-direction:column;padding:8px}.sr-metric.correct{background-color:#e8f5e9}.sr-metric.wrong{background-color:#ffebee}.sr-metric.time{background-color:#e3f2fd}.sr-metric .sr-icon{margin-bottom:4px}.sr-metric.correct .sr-icon{color:#4caf50}.sr-metric.wrong .sr-icon{color:#f44336}.sr-metric.time .sr-icon{color:#2196f3}.sr-metric span{font-size:14px;font-weight:600}.sr-card-footer{height:4px}.sr-card-footer.rank-1{background-color:#ffc107}.sr-card-footer.rank-2{background-color:#9e9e9e}.sr-card-footer.rank-3{background-color:#795548}.sr-card-footer.rank-4{background-color:#6d7bff}.sr-empty-results{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;justify-content:center;padding:48px}.sr-empty-results p{color:#6c757d;font-size:16px}@media(max-width:768px){.sr-results-container{flex-direction:column}.sr-sidebar{border-bottom:1px solid #e9ecef;border-right:none;width:100%}.sr-sidebar-tabs{flex-direction:row;padding:0}.sr-sidebar-tab{border-bottom:3px solid #0000;border-left:none;flex:1;justify-content:center}.sr-sidebar-tab.active{border-bottom:3px solid #6d7bff;border-left:none}.sr-tab-icon{margin-right:8px}.sr-stats-cards,.sr-student-stats,.sr-students-grid{grid-template-columns:1fr}.sr-question-header{flex-direction:column}.sr-question-stats{margin-top:12px}.sr-stat{margin-right:16px}}@media(min-width:769px)and (max-width:1024px){.sr-stats-cards,.sr-student-stats,.sr-students-grid{grid-template-columns:repeat(2, 1fr)}}.sr-loading-container{align-items:center;background:linear-gradient(135deg, #f8f9ff, #f0f2ff);border-radius:12px;box-shadow:0 10px 30px #090e2b14;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem}.sr-loading-spinner{height:80px;margin-bottom:2rem;position:relative;width:80px}.sr-loading-spinner div{animation:sr-loading-spinner 1.2s linear infinite;background:#6d7bff;border-radius:50%;height:16px;position:absolute;width:16px}.sr-loading-spinner div:first-child{animation-delay:0s;left:8px;top:8px}.sr-loading-spinner div:nth-child(2){animation-delay:-.4s;left:32px;top:8px}.sr-loading-spinner div:nth-child(3){animation-delay:-.8s;left:56px;top:8px}.sr-loading-spinner div:nth-child(4){animation-delay:-.4s;left:8px;top:32px}.sr-loading-spinner div:nth-child(5){animation-delay:-.8s;left:32px;top:32px}.sr-loading-spinner div:nth-child(6){animation-delay:-1.2s;left:56px;top:32px}.sr-loading-spinner div:nth-child(7){animation-delay:-.8s;left:8px;top:56px}.sr-loading-spinner div:nth-child(8){animation-delay:-1.2s;left:32px;top:56px}.sr-loading-spinner div:nth-child(9){animation-delay:-1.6s;left:56px;top:56px}@keyframes sr-loading-spinner{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sr-loading-text{color:#2c2d3a;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-align:center}.sr-loading-subtext{color:#6c757d;font-size:1rem;text-align:center}.sr-loading-progress{background-color:#e9ecef;border-radius:2px;height:4px;margin-top:1.5rem;max-width:300px;overflow:hidden;position:relative;width:100%}.sr-loading-progress-bar{animation:sr-loading-progress 2s ease-in-out infinite;background:linear-gradient(90deg, #6d7bff, #5d6eee);border-radius:2px;height:100%;left:0;position:absolute;top:0;width:30%}@keyframes sr-loading-progress{0%{left:-30%;width:30%}50%{width:30%}to{left:100%;width:30%}}