.breadcrumb[data-v-59bf780b]{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;color:#6c757d}.breadcrumb-link[data-v-59bf780b]{color:#007bff;cursor:pointer;transition:color .2s ease}.breadcrumb-link[data-v-59bf780b]:hover,.breadcrumb-link[data-v-59bf780b]:focus{color:#0056b3;text-decoration:underline;outline:none}.breadcrumb-separator[data-v-59bf780b]{color:#adb5bd;-webkit-user-select:none;user-select:none}.breadcrumb-current[data-v-59bf780b]{color:#495057;font-weight:600}.header-modern[data-v-336319d9]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin-bottom:30px;box-shadow:0 4px 20px #667eea4d;overflow:hidden}.header-top[data-v-336319d9]{padding:30px 30px 20px;border-bottom:1px solid rgba(255,255,255,.2)}.brand-section h1[data-v-336319d9]{color:#fff;margin:0;font-size:2.5em}.brand-section .subtitle[data-v-336319d9]{color:#ffffffe6;margin:5px 0 0;font-size:1.1em}.header-bottom[data-v-336319d9]{padding:20px 30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.nav-section[data-v-336319d9]{display:flex;gap:10px;flex-wrap:wrap}.btn-nav[data-v-336319d9]{padding:10px 20px;background:#fff;border:none;border-radius:8px;color:#667eea;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-nav[data-v-336319d9]:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.user-section[data-v-336319d9]{display:flex;align-items:center;gap:15px}.user-info[data-v-336319d9]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;border-radius:20px;color:#fff}.user-icon[data-v-336319d9]{font-size:18px}.user-name[data-v-336319d9]{font-weight:600;font-size:14px}.btn-logout[data-v-336319d9]{padding:8px 20px;background:#fffffff2;color:#dc3545;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-logout[data-v-336319d9]:hover{background:#fff;transform:scale(1.05)}.alert[data-v-6b7c5233]{padding:15px;border-radius:8px;margin-bottom:20px}.alert-error[data-v-6b7c5233]{color:#ef4444;background:#fee}.alert-success[data-v-6b7c5233]{color:#10b981;background:#d1fae5}.alert-info[data-v-6b7c5233]{color:#3b82f6;background:#dbeafe}.alert-warning[data-v-6b7c5233]{color:#856404;background:#fff3cd;border-left:4px solid #ffc107}.loading[data-v-ed9ef848]{text-align:center;padding:40px;font-size:18px;color:#6c757d;display:flex;align-items:center;justify-content:center;gap:12px}.spinner[data-v-ed9ef848]{width:24px;height:24px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin-ed9ef848 1s linear infinite}@keyframes spin-ed9ef848{to{transform:rotate(360deg)}}.stat-card[data-v-59d6d451]{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px;border-radius:12px;text-align:center;color:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.stat-card[data-v-59d6d451]:hover{transform:translateY(-5px)}.stat-value[data-v-59d6d451]{font-size:48px;font-weight:700;margin-bottom:10px}.stat-value.success-text[data-v-59d6d451]{color:#86efac}.stat-value.error-text[data-v-59d6d451]{color:#fca5a5}.stat-value.high[data-v-59d6d451]{color:#86efac}.stat-value.medium[data-v-59d6d451]{color:#fde047}.stat-value.low[data-v-59d6d451]{color:#fca5a5}.stat-label[data-v-59d6d451]{font-size:14px;opacity:.9;text-transform:uppercase;letter-spacing:1px}.progress-wrapper[data-v-eea77839]{display:flex;align-items:center;gap:10px}.progress-bar[data-v-eea77839]{flex:1;background:#e0e0e0;border-radius:10px;overflow:hidden}.progress-fill[data-v-eea77839]{height:100%;transition:width .3s ease}.progress-default[data-v-eea77839]{background:linear-gradient(90deg,#667eea,#764ba2)}.progress-high[data-v-eea77839]{background:linear-gradient(90deg,#28a745,#20c997)}.progress-medium[data-v-eea77839]{background:linear-gradient(90deg,#ffc107,#ff9800)}.progress-low[data-v-eea77839]{background:linear-gradient(90deg,#dc3545,#c82333)}.progress-label[data-v-eea77839]{min-width:45px;text-align:right;font-weight:600;color:#495057;font-size:14px}.quiz-selector[data-v-9b50d08b]{margin-bottom:30px;padding:20px;background:#f8f9ff;border-radius:12px}.quiz-selector h3[data-v-9b50d08b]{margin-bottom:15px;color:#667eea}.selector-group[data-v-9b50d08b]{display:flex;gap:10px;align-items:center}select[data-v-9b50d08b]{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;cursor:pointer;background:#fff}select[data-v-9b50d08b]:focus{outline:none;border-color:#667eea}.btn-load[data-v-9b50d08b]{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-load[data-v-9b50d08b]:hover:not(:disabled){background:#5568d3}.btn-load[data-v-9b50d08b]:disabled{opacity:.5;cursor:not-allowed}.divider[data-v-dc929779]{text-align:center;margin:20px 0;color:#999;position:relative}.divider[data-v-dc929779]:before,.divider[data-v-dc929779]:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#e0e0e0}.divider[data-v-dc929779]:before{left:0}.divider[data-v-dc929779]:after{right:0}.file-upload[data-v-dc929779]{margin-bottom:30px;padding:30px;border:3px dashed #667eea;border-radius:12px;text-align:center;background:#f8f9ff;transition:all .3s}.file-upload[data-v-dc929779]:hover{border-color:#764ba2;background:#f0f1ff}#fileInput[data-v-dc929779]{display:none}.file-upload label[data-v-dc929779]{cursor:pointer;color:#667eea;font-weight:600;font-size:1.1em}.quiz-name-input[data-v-dc929779]{margin-top:15px;display:flex;flex-direction:column;gap:12px}.input-label[data-v-dc929779]{font-weight:600;color:#495057;font-size:14px;text-align:left}.quiz-name-input input[type=text][data-v-dc929779]{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .3s ease}.quiz-name-input input[type=text][data-v-dc929779]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.btn-save[data-v-dc929779]{padding:12px 24px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #28a74533}.btn-save[data-v-dc929779]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #28a7454d}.btn-save[data-v-dc929779]:disabled{opacity:.5;cursor:not-allowed}.question-card[data-v-2b42187f]{margin-bottom:30px}.question-type-badge[data-v-2b42187f]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.badge-multiple-choice[data-v-2b42187f]{background:#e3f2fd;color:#1976d2}.badge-true-false[data-v-2b42187f]{background:#f3e5f5;color:#7b1fa2}.question-number[data-v-2b42187f]{color:#667eea;font-weight:700;font-size:.9em;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.question-text[data-v-2b42187f]{font-size:1.3em;color:#333;margin-bottom:25px;line-height:1.5}.answers[data-v-2b42187f]{display:flex;flex-direction:column;gap:12px}.answer-option[data-v-2b42187f]{padding:18px 20px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;background:#fff}.answer-option[data-v-2b42187f]:hover{border-color:#667eea;background:#f8f9ff}.answer-option[data-v-2b42187f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.answer-option.selected[data-v-2b42187f]{border-color:#667eea;background:#f0f1ff;font-weight:600}.answer-label[data-v-2b42187f]{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#666;font-weight:700;flex-shrink:0;padding:0 8px}.answer-option.selected .answer-label[data-v-2b42187f]{background:#667eea;color:#fff}.answer-text[data-v-2b42187f]{flex:1;color:#333}.navigation[data-v-620fbb57]{display:flex;justify-content:space-between;margin-top:30px;gap:15px}button[data-v-620fbb57]{padding:14px 32px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary[data-v-620fbb57]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-620fbb57]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-secondary[data-v-620fbb57]{background:#f0f0f0;color:#666}.btn-secondary[data-v-620fbb57]:hover:not(:disabled){background:#e0e0e0}button[data-v-620fbb57]:disabled{opacity:.5;cursor:not-allowed}.results[data-v-ed734249]{text-align:center}.score[data-v-ed734249]{font-size:3em;color:#667eea;font-weight:700;margin:30px 0}.subtitle[data-v-ed734249]{color:#666;margin-bottom:30px;font-size:1.1em}.score-breakdown[data-v-ed734249]{display:flex;justify-content:center;gap:30px;margin:20px 0;flex-wrap:wrap}.score-item[data-v-ed734249]{text-align:center}.score-value[data-v-ed734249]{font-size:1.8em;font-weight:700;color:#667eea}.score-label[data-v-ed734249]{font-size:.9em;color:#666;margin-top:5px}.results-detail[data-v-ed734249]{margin-top:40px;text-align:left}.results-detail h3[data-v-ed734249]{margin-bottom:20px}.result-item[data-v-ed734249]{padding:20px;margin-bottom:20px;border-radius:10px;background:#f8f9ff}.result-header[data-v-ed734249]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.question-type-badge[data-v-ed734249]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-multiple-choice[data-v-ed734249]{background:#e3f2fd;color:#1976d2}.badge-true-false[data-v-ed734249]{background:#f3e5f5;color:#7b1fa2}.result-question[data-v-ed734249]{font-weight:600;color:#333;margin-bottom:10px}.result-answer[data-v-ed734249]{color:#666;padding-left:20px}.result-answer.correct[data-v-ed734249]{color:#10b981}.result-answer.incorrect[data-v-ed734249]{color:#ef4444}.btn-primary[data-v-ed734249]{padding:14px 32px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:all .2s}.btn-primary[data-v-ed734249]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.reset-btn[data-v-ed734249]{margin-top:20px}.guest-notice[data-v-d41073fe]{background:#fff3cd;border-left:4px solid #ffc107;padding:15px 20px;margin-bottom:20px;border-radius:4px}.guest-notice p[data-v-d41073fe]{margin:0;color:#856404}.guest-notice a[data-v-d41073fe]{color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline}.guest-notice a[data-v-d41073fe]:hover{color:#5568d3}.guest-access[data-v-2a2e3a55]{text-align:center;margin:30px 0;padding:20px;background:#f8f9fa;border-radius:12px}.guest-access p[data-v-2a2e3a55]{margin-bottom:15px;color:#6c757d}.btn-secondary[data-v-2a2e3a55]{padding:12px 30px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary[data-v-2a2e3a55]:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d}.stats-overview[data-v-473355ab]{margin-bottom:40px}.stats-overview h3[data-v-473355ab]{margin-bottom:20px;color:#495057}.stats-grid[data-v-473355ab]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.quiz-stats-list[data-v-c46fbdd2]{margin-top:40px}.quiz-stats-list h3[data-v-c46fbdd2]{margin-bottom:20px;color:#495057}.quiz-cards[data-v-c46fbdd2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.quiz-stat-card[data-v-c46fbdd2]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease}.quiz-stat-card[data-v-c46fbdd2]:hover,.quiz-stat-card[data-v-c46fbdd2]:focus{border-color:#007bff;box-shadow:0 8px 16px #007bff1a;transform:translateY(-4px);outline:none}.quiz-stat-header[data-v-c46fbdd2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.quiz-stat-header h4[data-v-c46fbdd2]{margin:0;color:#495057;font-size:18px}.view-link[data-v-c46fbdd2]{color:#007bff;font-size:14px;font-weight:600}.quiz-stat-body[data-v-c46fbdd2]{display:flex;flex-direction:column;gap:10px}.quiz-stat-item[data-v-c46fbdd2]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.quiz-stat-item .label[data-v-c46fbdd2]{color:#6c757d;font-size:14px}.quiz-stat-item .value[data-v-c46fbdd2]{color:#495057;font-weight:600;font-size:16px}.no-data[data-v-c46fbdd2]{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.question-stats[data-v-28f940e1]{margin-top:40px}.question-stats h3[data-v-28f940e1]{margin-bottom:20px;color:#495057}.question-stats-list[data-v-28f940e1]{display:flex;flex-direction:column;gap:20px}.question-stat-card[data-v-28f940e1]{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s ease}.question-stat-card.clickable[data-v-28f940e1]{cursor:pointer}.question-stat-card.clickable[data-v-28f940e1]:hover,.question-stat-card.clickable[data-v-28f940e1]:focus{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;border-color:#007bff;outline:none}.question-stat-header[data-v-28f940e1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.question-number[data-v-28f940e1]{font-weight:700;color:#495057;font-size:14px}.question-type-badge[data-v-28f940e1]{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-multiple-choice[data-v-28f940e1]{background:#e3f2fd;color:#1976d2}.badge-true-false[data-v-28f940e1]{background:#f3e5f5;color:#7b1fa2}.question-stat-text[data-v-28f940e1]{font-size:16px;color:#495057;margin-bottom:15px;line-height:1.5}.question-stat-correct-answer[data-v-28f940e1]{margin:12px 0;padding:8px 12px;background:#e7f3ff;border-left:3px solid #007bff;border-radius:4px}.correct-label[data-v-28f940e1]{font-weight:600;color:#495057;margin-right:8px}.correct-answer[data-v-28f940e1]{color:#007bff;font-weight:500}.question-stat-metrics[data-v-28f940e1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:15px}.metric[data-v-28f940e1]{display:flex;flex-direction:column;gap:5px}.metric-label[data-v-28f940e1]{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.metric-value[data-v-28f940e1]{font-size:20px;font-weight:700;color:#495057}.metric-value.high[data-v-28f940e1]{color:#28a745}.metric-value.medium[data-v-28f940e1]{color:#ffc107}.metric-value.low[data-v-28f940e1]{color:#dc3545}.view-detail-hint[data-v-28f940e1]{text-align:center;margin-top:12px;color:#6c757d;font-size:14px;font-style:italic}.question-stat-card.clickable:hover .view-detail-hint[data-v-28f940e1]{color:#007bff;font-weight:500}.no-data[data-v-28f940e1]{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}.answer-breakdown[data-v-9d3d4e32]{margin-top:30px}.answer-breakdown h3[data-v-9d3d4e32]{margin-bottom:20px;color:#495057}.answer-stats-list[data-v-9d3d4e32]{display:flex;flex-direction:column;gap:15px}.answer-stat-card[data-v-9d3d4e32]{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:20px;transition:all .2s ease}.answer-stat-card.correct-answer[data-v-9d3d4e32]{border-color:#28a745;background:linear-gradient(to right,#f0fff4,#fff)}.answer-header[data-v-9d3d4e32]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.answer-label-section[data-v-9d3d4e32]{display:flex;align-items:center;gap:10px}.answer-label-badge[data-v-9d3d4e32]{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;background:#007bff;color:#fff;border-radius:50%;font-weight:700;font-size:16px}.answer-stat-card.correct-answer .answer-label-badge[data-v-9d3d4e32]{background:#28a745}.correct-badge[data-v-9d3d4e32]{padding:4px 12px;background:#28a745;color:#fff;border-radius:12px;font-size:13px;font-weight:600}.answer-guesses[data-v-9d3d4e32]{display:flex;flex-direction:column;align-items:flex-end}.guess-count[data-v-9d3d4e32]{font-size:28px;font-weight:700;color:#343a40;line-height:1}.guess-label[data-v-9d3d4e32]{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.answer-text[data-v-9d3d4e32]{font-size:16px;color:#495057;margin-bottom:15px;padding-left:42px}.answer-stats-bar[data-v-9d3d4e32]{padding-left:42px}.auth-container[data-v-120401f3]{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}.auth-card[data-v-120401f3]{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;padding:40px;max-width:450px;width:100%}.auth-card h2[data-v-120401f3]{text-align:center;margin-bottom:30px;color:#333;font-size:28px}.auth-form[data-v-120401f3]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-120401f3]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-120401f3]{font-weight:600;color:#495057;font-size:14px}.form-group input[data-v-120401f3]{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s ease}.form-group input[data-v-120401f3]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-primary[data-v-120401f3]{margin-top:10px;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-120401f3]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary[data-v-120401f3]:disabled{opacity:.6;cursor:not-allowed}.auth-switch[data-v-120401f3]{margin-top:20px;text-align:center;color:#6c757d;font-size:14px}.auth-switch a[data-v-120401f3]{color:#667eea;text-decoration:none;font-weight:600}.auth-switch a[data-v-120401f3]:hover{text-decoration:underline}.leaderboard-container[data-v-6be75a2d]{padding:20px 0}h2[data-v-6be75a2d]{text-align:center;margin-bottom:30px;color:#333;font-size:32px}.leaderboard-tabs[data-v-6be75a2d]{display:flex;gap:10px;margin-bottom:30px;justify-content:center}.tab-btn[data-v-6be75a2d]{padding:12px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#495057}.tab-btn[data-v-6be75a2d]:hover{border-color:#667eea;color:#667eea}.tab-btn.active[data-v-6be75a2d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.quiz-selector-section[data-v-6be75a2d]{margin-bottom:20px;display:flex;align-items:center;gap:15px}.quiz-selector-section label[data-v-6be75a2d]{font-weight:600;color:#495057}.quiz-selector-section select[data-v-6be75a2d]{flex:1;max-width:400px;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer}.leaderboard-table[data-v-6be75a2d]{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}table[data-v-6be75a2d]{width:100%;border-collapse:collapse}thead[data-v-6be75a2d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}th[data-v-6be75a2d]{padding:15px 10px;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}td[data-v-6be75a2d]{padding:15px 10px;border-bottom:1px solid #f0f0f0}tbody tr[data-v-6be75a2d]{transition:background-color .2s ease}tbody tr[data-v-6be75a2d]:hover{background:#f8f9ff}tbody tr:last-child td[data-v-6be75a2d]{border-bottom:none}.rank-col[data-v-6be75a2d]{width:80px;text-align:center}.rank-badge[data-v-6be75a2d]{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;background:#e9ecef;font-weight:700;font-size:16px;color:#495057}.rank-gold .rank-badge[data-v-6be75a2d]{background:linear-gradient(135deg,gold,#ffed4e);color:#333;box-shadow:0 4px 10px #ffd70066}.rank-silver .rank-badge[data-v-6be75a2d]{background:linear-gradient(135deg,silver,#e8e8e8);color:#333;box-shadow:0 4px 10px #c0c0c066}.rank-bronze .rank-badge[data-v-6be75a2d]{background:linear-gradient(135deg,#cd7f32,#e6a857);color:#fff;box-shadow:0 4px 10px #cd7f3266}.user-col[data-v-6be75a2d]{min-width:200px}.user-info[data-v-6be75a2d]{display:flex;flex-direction:column;gap:4px}.username[data-v-6be75a2d]{font-weight:600;color:#333;font-size:15px}.full-name[data-v-6be75a2d]{font-size:13px;color:#6c757d}.quiz-col[data-v-6be75a2d]{min-width:200px;color:#495057;font-weight:500}.score-col[data-v-6be75a2d],.count-col[data-v-6be75a2d],.avg-col[data-v-6be75a2d]{text-align:center;font-weight:600;color:#495057}.count-badge[data-v-6be75a2d]{display:inline-block;padding:6px 14px;background:#e3f2fd;color:#1976d2;border-radius:20px;font-weight:700;font-size:14px}.percentage-col[data-v-6be75a2d]{text-align:center}.percentage-badge[data-v-6be75a2d]{display:inline-block;padding:6px 14px;border-radius:20px;font-weight:700;font-size:14px}.score-excellent[data-v-6be75a2d]{background:#d1fae5;color:#065f46}.score-good[data-v-6be75a2d]{background:#dbeafe;color:#1e40af}.score-ok[data-v-6be75a2d]{background:#fef3c7;color:#92400e}.score-poor[data-v-6be75a2d]{background:#fee2e2;color:#991b1b}.date-col[data-v-6be75a2d]{text-align:right;color:#6c757d;font-size:13px;min-width:120px}.no-data[data-v-6be75a2d]{text-align:center;padding:60px 20px;color:#6c757d;font-size:16px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6}@media (max-width: 768px){.leaderboard-tabs[data-v-6be75a2d]{flex-direction:column}.tab-btn[data-v-6be75a2d]{width:100%}.quiz-selector-section[data-v-6be75a2d]{flex-direction:column;align-items:stretch}.quiz-selector-section select[data-v-6be75a2d]{max-width:100%}table[data-v-6be75a2d]{font-size:13px}th[data-v-6be75a2d],td[data-v-6be75a2d]{padding:10px 6px}.rank-badge[data-v-6be75a2d]{width:32px;height:32px;line-height:32px;font-size:14px}}.progress-text[data-v-8093d0ce]{text-align:center;color:#666;margin-bottom:30px;font-weight:500}.stats-overview[data-v-8093d0ce]{margin-bottom:40px}.stats-overview h3[data-v-8093d0ce]{margin-bottom:20px;color:#495057}.stats-grid[data-v-8093d0ce]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}h2[data-v-8093d0ce]{color:#333;margin-bottom:30px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}#app{max-width:800px;margin:0 auto}.container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px}h1{color:#333;margin-bottom:10px;font-size:2em}.subtitle{color:#666;margin-bottom:30px;font-size:1.1em}.quiz-selector{margin-bottom:30px;padding:20px;background:#f8f9ff;border-radius:12px}.quiz-selector h3{margin-bottom:15px;color:#667eea}.selector-group{display:flex;gap:10px;align-items:center}select{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;cursor:pointer;background:#fff}select:focus{outline:none;border-color:#667eea}.btn-load{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-load:hover{background:#5568d3}.btn-load:disabled{opacity:.5;cursor:not-allowed}.divider{text-align:center;margin:20px 0;color:#999;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#e0e0e0}.divider:before{left:0}.divider:after{right:0}.file-upload{margin-bottom:30px;padding:30px;border:3px dashed #667eea;border-radius:12px;text-align:center;background:#f8f9ff;transition:all .3s}.file-upload:hover{border-color:#764ba2;background:#f0f1ff}#fileInput{display:none}.file-upload label{cursor:pointer;color:#667eea;font-weight:600;font-size:1.1em}.quiz-name-input{margin-top:15px}.quiz-name-input input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em}.quiz-name-input input:focus{outline:none;border-color:#667eea}.progress-bar{background:#e0e0e0;border-radius:10px;height:12px;margin-bottom:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.progress-text{text-align:center;color:#666;margin-bottom:30px;font-weight:500}.question-card{margin-bottom:30px}.question-type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.badge-multiple-choice{background:#e3f2fd;color:#1976d2}.badge-true-false{background:#f3e5f5;color:#7b1fa2}.question-number{color:#667eea;font-weight:700;font-size:.9em;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.question-text{font-size:1.3em;color:#333;margin-bottom:25px;line-height:1.5}.answers{display:flex;flex-direction:column;gap:12px}.answer-option{padding:18px 20px;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;background:#fff}.answer-option:hover{border-color:#667eea;background:#f8f9ff}.answer-option.selected{border-color:#667eea;background:#f0f1ff;font-weight:600}.answer-label{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#666;font-weight:700;flex-shrink:0;padding:0 8px}.answer-option.selected .answer-label{background:#667eea;color:#fff}.answer-text{flex:1;color:#333}.navigation{display:flex;justify-content:space-between;margin-top:30px;gap:15px}button{padding:14px 32px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-secondary{background:#f0f0f0;color:#666}.btn-secondary:hover:not(:disabled){background:#e0e0e0}button:disabled{opacity:.5;cursor:not-allowed}.results{text-align:center}.score{font-size:3em;color:#667eea;font-weight:700;margin:30px 0}.score-breakdown{display:flex;justify-content:center;gap:30px;margin:20px 0;flex-wrap:wrap}.score-item{text-align:center}.score-value{font-size:1.8em;font-weight:700;color:#667eea}.score-label{font-size:.9em;color:#666;margin-top:5px}.results-detail{margin-top:40px;text-align:left}.result-item{padding:20px;margin-bottom:20px;border-radius:10px;background:#f8f9ff}.result-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.result-question{font-weight:600;color:#333;flex:1}.result-answer{color:#666;padding-left:20px}.result-answer.correct{color:#10b981}.result-answer.incorrect{color:#ef4444}.error{color:#ef4444;padding:15px;background:#fee;border-radius:8px;margin-bottom:20px}.success{color:#10b981;padding:15px;background:#d1fae5;border-radius:8px;margin-bottom:20px}.reset-btn{margin-top:20px}.loading{text-align:center;padding:20px;color:#667eea}
