.quiz-page{background:linear-gradient(#f9fafb,#fff);min-height:50vh;padding:1rem 0 3rem}.quiz-header{text-align:center;margin-bottom:2rem;padding:1.5rem 0}.quiz-title{color:#1a1a1a;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.quiz-subtitle{color:#6b7280;margin:0;font-size:1rem}.quiz-breadcrumb{color:#6b7280;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.quiz-breadcrumb a{color:#2563eb;text-decoration:none;transition:color .2s}.quiz-breadcrumb a:hover{color:#1d4ed8;text-decoration:underline}.quiz-breadcrumb-separator{color:#9ca3af}.quiz-categories-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.quiz-category-card{color:inherit;background:#fff;border:2px solid #0000;border-radius:1rem;text-decoration:none;transition:all .3s;display:block;overflow:hidden;box-shadow:0 2px 8px #00000014}.quiz-category-card:hover{border-color:var(--category-color,#3b82f6);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.quiz-category-image{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);width:100%;height:180px;overflow:hidden}.quiz-category-image img{object-fit:cover;width:100%;height:100%}.quiz-category-content{padding:1.25rem}.quiz-category-title{color:#1a1a1a;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.quiz-category-description{color:#6b7280;margin:0 0 1rem;font-size:.9375rem;line-height:1.6}.quiz-category-meta{align-items:center;gap:.5rem;display:flex}.quiz-category-count{background:var(--category-color,#3b82f6);color:#fff;border-radius:9999px;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.quiz-list{flex-direction:column;gap:1rem;display:flex}.quiz-item{color:inherit;border-right:4px solid var(--category-color,#3b82f6);background:#fff;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.quiz-item:hover{transform:translate(-4px);box-shadow:0 4px 16px #0000001f}.quiz-item-content{flex:1}.quiz-item-title{color:#1a1a1a;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.quiz-item-description{color:#6b7280;margin:0 0 .75rem;font-size:.875rem;line-height:1.6}.quiz-item-meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.quiz-item-questions,.quiz-item-time{color:#6b7280;align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.quiz-item-arrow{color:var(--category-color,#3b82f6);flex-shrink:0;font-size:1.5rem}.quiz-start{justify-content:center;align-items:center;min-height:60vh;padding:2rem 0;display:flex}.quiz-start-card{text-align:center;background:#fff;border-radius:1rem;width:100%;max-width:500px;padding:2rem;box-shadow:0 4px 20px #0000001a}.quiz-start-title{color:#1a1a1a;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.quiz-start-description{color:#6b7280;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.quiz-start-info{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.quiz-start-info-item{background:#f9fafb;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.quiz-start-info-label{color:#6b7280;font-size:.9375rem}.quiz-start-info-value{color:#1a1a1a;font-size:1rem;font-weight:700}.quiz-taking{max-width:800px;margin:0 auto}.quiz-taking-header{background:#fff;border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #00000014}.quiz-taking-title{color:#1a1a1a;font-size:1.125rem;font-weight:700}.quiz-taking-timer{background:#f9fafb;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.quiz-timer-label{color:#6b7280;font-size:.875rem}.quiz-timer-value{color:#2563eb;font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:700}.quiz-timer-warning{color:#dc2626;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.quiz-taking-progress{background:#fff;border-radius:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;box-shadow:0 2px 8px #00000014}.quiz-progress-bar{background:#e5e7eb;border-radius:9999px;width:100%;height:8px;margin-bottom:.75rem;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:9999px;height:100%;transition:width .3s}.quiz-progress-text{text-align:center;color:#6b7280;font-size:.875rem}.quiz-question{background:#fff;border-radius:.75rem;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.quiz-question-text{color:#1a1a1a;margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;line-height:1.7}.quiz-choices{flex-direction:column;gap:.75rem;display:flex}.quiz-choice{text-align:right;color:#1a1a1a;cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;font-size:1rem;transition:all .2s;display:flex}.quiz-choice:hover:not(:disabled){background:#f3f4f6;border-color:#2563eb;transform:translate(-4px)}.quiz-choice:disabled{cursor:not-allowed;opacity:.7}.quiz-choice-selected{color:#1e40af;background:#dbeafe;border-color:#2563eb}.quiz-choice-correct{color:#065f46;background:#d1fae5;border-color:#10b981}.quiz-choice-wrong{color:#991b1b;background:#fee2e2;border-color:#ef4444}.quiz-choice-correct-answer{color:#065f46;background:#d1fae5;border:2px dashed #10b981}.quiz-choice-text{text-align:right;flex:1}.quiz-choice-icon{flex-shrink:0;font-size:1.25rem;font-weight:700}.quiz-answer-feedback{text-align:center;border-radius:.5rem;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-answer-correct{color:#065f46;background:#d1fae5;border:2px solid #10b981}.quiz-answer-wrong{color:#991b1b;background:#fee2e2;border:2px solid #ef4444}.quiz-answer-wrong-details{flex-direction:column;gap:.75rem;display:flex}.quiz-correct-answer-text{color:#065f46;background:#d1fae5;border:1px solid #10b981;border-radius:.5rem;margin-top:.5rem;padding:.75rem;font-size:.9375rem;font-weight:600}.quiz-navigation{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.quiz-button{cursor:pointer;border:none;border-radius:.5rem;flex:1;min-width:120px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.quiz-button:disabled{opacity:.5;cursor:not-allowed}.quiz-button-primary{color:#fff;background:#2563eb}.quiz-button-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.quiz-button-secondary{color:#1a1a1a;background:#f3f4f6}.quiz-button-secondary:hover:not(:disabled){background:#e5e7eb}.quiz-result{justify-content:center;align-items:center;min-height:60vh;padding:2rem 0;display:flex}.quiz-result-card{text-align:center;background:#fff;border-radius:1rem;width:100%;max-width:500px;padding:2.5rem 2rem;box-shadow:0 4px 20px #0000001a}.quiz-result-passed{border-top:4px solid #10b981}.quiz-result-failed{border-top:4px solid #ef4444}.quiz-result-icon{margin-bottom:1rem;font-size:4rem;font-weight:700}.quiz-result-passed .quiz-result-icon{color:#10b981}.quiz-result-failed .quiz-result-icon{color:#ef4444}.quiz-result-title{color:#1a1a1a;margin:0 0 1.5rem;font-size:1.75rem;font-weight:700}.quiz-result-score{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.5rem;display:flex}.quiz-result-score-value{color:#2563eb;font-weight:700}.quiz-result-score-separator{color:#9ca3af}.quiz-result-score-total{color:#6b7280}.quiz-result-percentage{margin-bottom:2rem;font-size:2.5rem;font-weight:700}.quiz-result-passed .quiz-result-percentage{color:#10b981}.quiz-result-failed .quiz-result-percentage{color:#ef4444}.quiz-result-actions{gap:1rem;display:flex}.quiz-empty,.quiz-error,.quiz-loading{text-align:center;color:#6b7280;padding:3rem 1rem}.quiz-error{color:#dc2626}@media (min-width:768px){.quiz-page{padding:2rem 0 4rem}.quiz-title{font-size:2.25rem}.quiz-subtitle{font-size:1.125rem}.quiz-categories-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.quiz-category-image{height:200px}.quiz-taking-header{flex-direction:row;justify-content:space-between;align-items:center}.quiz-question{padding:2rem}.quiz-question-text{font-size:1.25rem}.quiz-choice{padding:1.25rem 1.5rem;font-size:1.0625rem}}@media (min-width:1024px){.quiz-categories-grid{grid-template-columns:repeat(3,1fr)}.quiz-start-card,.quiz-result-card{padding:3rem}.quiz-start-title,.quiz-result-title{font-size:2rem}}@media print{.quiz-taking-header,.quiz-navigation,.quiz-button{display:none}}