.assessment-page-wrapper{min-height:100vh;background:linear-gradient(135deg,#f0f0ff,#f8f9ff,#eff6ff);padding:20px 16px 40px}.assessment-container{max-width:1000px;margin:0 auto}.assessment-loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0ff,#f8f9ff)}.assessment-loading-card{background:#fff;border-radius:20px;padding:48px 64px;text-align:center;box-shadow:0 20px 60px #6366f11f}.assessment-loading-spinner{margin-bottom:16px}.assessment-loading-text{color:#6b7280;font-size:15px;margin:0}.assessment-empty-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0ff,#f8f9ff)}.assessment-empty-card{background:#fff;border-radius:20px;padding:48px 64px;text-align:center;box-shadow:0 20px 60px #6366f11f}.assessment-empty-title{font-size:20px;font-weight:700;color:#1e1b4b;margin-bottom:8px}.assessment-empty-desc{color:#94a3b8;font-size:14px;margin-bottom:24px}.assessment-header{margin-bottom:24px;display:flex;align-items:center;gap:16px}.assessment-back-button{display:inline-flex;align-items:center;padding:10px 18px;background:#fff;color:#6366f1;border:1.5px solid #c7d2fe;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.assessment-back-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.assessment-header-content{display:flex;align-items:center;gap:14px;flex:1}.assessment-header-icon-wrapper{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;align-items:center;justify-content:center;flex-shrink:0}.assessment-header-text{flex:1}.assessment-page-title{margin:0;font-size:24px;font-weight:800;color:#1e1b4b;line-height:1.2}.assessment-page-subtitle{margin:0;font-size:14px;color:#6b7280}.score-summary-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #6366f114;overflow:hidden;margin-bottom:20px}.score-main-section{display:flex;align-items:center;padding:24px 28px;gap:32px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.score-circle-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.score-circle{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026}.score-circle.passed{background:linear-gradient(135deg,#10b981,#059669)}.score-circle.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.score-value{font-size:36px;font-weight:800;color:#fff}.score-percent{font-size:16px;color:#ffffffd9;margin-left:2px}.score-label{margin-top:4px}.passed-label{display:inline-flex;align-items:center;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;letter-spacing:.05em}.failed-label{display:inline-flex;align-items:center;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;letter-spacing:.05em}.score-details{display:flex;align-items:center;gap:24px;flex:1;flex-wrap:wrap}.score-detail-item{display:flex;flex-direction:column;align-items:center;gap:4px}.score-detail-value{font-size:28px;font-weight:800;color:#1e1b4b}.score-detail-label{font-size:12px;color:#94a3b8;font-weight:500}.score-divider{width:1px;height:40px;background:#e2e8f0}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#f1f5f9}.stat-item{display:flex;align-items:center;gap:12px;padding:16px 20px;color:#fff}.stat-item.correct{background:linear-gradient(135deg,#10b981,#059669)}.stat-item.wrong{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-item.total{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-item.duration{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon{font-size:20px;opacity:.9}.stat-number{font-size:20px;font-weight:800;color:#fff}.stat-label{font-size:12px;color:#ffffffd9}.navigator-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #6366f114;padding:16px 20px;margin-bottom:20px}.navigator-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.navigator-title{margin:0;font-size:14px;font-weight:700;color:#1e1b4b;display:flex;align-items:center}.navigator-legend{display:flex;gap:16px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b;font-weight:500}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.correct{background:#10b981}.legend-dot.wrong{background:#ef4444}.legend-dot.active{background:#6366f1}.navigator-grid{display:flex;flex-wrap:wrap;gap:8px}.nav-button{width:38px;height:38px;border-radius:10px;border:none;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001f;cursor:pointer;transition:all .2s ease}.nav-button:hover:not(:disabled){transform:scale(1.1)}.nav-button.active{box-shadow:0 4px 16px #6366f180;transform:scale(1.15)}.nav-button.correct{background:linear-gradient(135deg,#10b981,#059669)}.nav-button.wrong{background:linear-gradient(135deg,#ef4444,#dc2626)}.nav-button.current{background:linear-gradient(135deg,#6366f1,#4f46e5)}.question-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #6366f114;overflow:hidden;margin-bottom:20px}.question-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(135deg,#1d3557,#2d4a6f);flex-wrap:wrap;gap:12px}.question-header-left{display:flex;align-items:center;gap:14px}.question-number{width:40px;height:40px;border-radius:12px;background:#fff;color:#1d3557;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center}.question-type{font-size:16px;font-weight:700;color:#fff}.question-points{font-size:12px;color:#ffffffb3}.status-correct{display:inline-flex;align-items:center;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-wrong{display:inline-flex;align-items:center;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.question-body{padding:24px 28px;max-height:300px;overflow-y:auto}.answer-section{padding:20px 28px;background:#f8fafc;border-top:1px solid #f1f5f9}.answer-header{display:flex;align-items:center;font-size:15px;font-weight:700;color:#1e1b4b;margin-bottom:16px}.options-grid{display:flex;flex-direction:column;gap:12px}.option-card{padding:16px 20px;border-radius:12px;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .2s ease}.option-card:hover{transform:translate(4px)}.option-correct{background:#f0fdf4;border:2px solid #10b981}.option-wrong{background:#fef2f2;border:2px solid #ef4444}.option-user-correct{background:#ecfdf5;border:2px solid #059669}.option-label{display:flex;align-items:flex-start;gap:12px;flex:1}.option-key{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:14px;font-weight:700;flex-shrink:0}.option-text{font-size:14px;color:#334155;line-height:1.6}.option-badges{display:flex;flex-wrap:wrap;gap:6px}.badge-correct{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-wrong{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge-user-correct{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.essay-section{background:#fff;border-radius:12px;padding:20px 24px;border:1px solid #e2e8f0}.essay-label{font-size:13px;font-weight:600;color:#64748b;margin-bottom:12px}.essay-content{font-size:14px;color:#334155;line-height:1.7;white-space:pre-wrap}.essay-empty{color:#94a3b8;font-style:italic}.explanation-section{margin:0 28px 20px;padding:20px 24px;background:linear-gradient(135deg,#eff6ff,#f0f4ff);border-radius:14px;border:1px solid #c7d2fe}.explanation-header{display:flex;align-items:center;font-size:14px;font-weight:700;color:#4338ca;margin-bottom:12px}.explanation-content{font-size:14px;color:#334155;line-height:1.7}.score-awarded-section{display:flex;align-items:center;justify-content:center;padding:16px 28px;background:#f8fafc;border-top:1px solid #f1f5f9;font-size:14px;font-weight:600;color:#64748b}.score-awarded-value{font-size:18px;font-weight:800}.score-awarded-value.correct{color:#10b981}.score-awarded-value.wrong{color:#ef4444}.question-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#fff;border-top:1px solid #f1f5f9;gap:12px;flex-wrap:wrap}.nav-arrow-btn{display:inline-flex;align-items:center;padding:10px 20px;background:#f8fafc;color:#6366f1;border:1.5px solid #c7d2fe;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-arrow-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.nav-arrow-btn:disabled{opacity:.5;cursor:not-allowed}.finish-btn{display:inline-flex;align-items:center;padding:10px 24px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #6366f166;transition:all .2s ease}.finish-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.footer-info{display:flex;align-items:center;justify-content:center;gap:32px;padding:16px;flex-wrap:wrap}.footer-item{display:flex;align-items:center;font-size:13px;color:#64748b}.question-content{font-family:Segoe UI,Times New Roman,serif;font-size:.95rem;line-height:1.9;color:#212529;text-align:justify}.question-content p{margin-bottom:.9rem}.question-content h1,.question-content h2{font-size:.95rem;font-weight:700;color:#1d3557;text-transform:uppercase;letter-spacing:.04em;text-align:center;border-bottom:2px solid #1d3557;padding-bottom:6px;margin:1.5rem 0 1rem}.question-content h3,.question-content h4{font-size:.95rem;font-weight:700;color:#1d3557;margin:1.2rem 0 .6rem}.question-content ul{list-style:none;padding-left:.5rem;margin-bottom:.9rem}.question-content ul li{position:relative;padding-left:1.8rem;margin-bottom:.5rem;line-height:1.75}.question-content ul li:before{content:"➢";position:absolute;left:0;color:#1d3557;font-size:.85rem;top:2px}.question-content ol{padding-left:1.8rem;margin-bottom:.9rem}.question-content ol li{margin-bottom:.5rem;padding-left:.3rem;line-height:1.75}.question-content blockquote{border-left:4px solid #6366f1;margin:1rem 0;padding:.8rem 1.2rem;background:#f0f4ff;border-radius:0 10px 10px 0;color:#4338ca;font-style:italic}.question-content img{max-width:100%;height:auto;border-radius:8px;margin:.5rem 0}.scroll-container::-webkit-scrollbar{width:5px}.scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.scroll-container::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.scroll-container::-webkit-scrollbar-thumb:hover{background:#a5b4fc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.score-badge{animation:fadeInUp .5s ease both}.question-slide{animation:slideIn .3s ease both}.assessment-choose-page{min-height:100vh;background:#f8fafc}.assessment-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.assessment-loading-spinner{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:24px;color:#fff}.assessment-loading p{color:#64748b;font-weight:500;margin:0}.assessment-hero{background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);padding:40px 24px 80px;position:relative;overflow:hidden}.assessment-hero-bg{position:absolute;top:-80px;right:-80px;width:250px;height:250px;border-radius:50%;background:#ffffff0d}.assessment-hero-bg:after{content:"";position:absolute;bottom:-60px;left:15%;width:180px;height:180px;border-radius:50%;background:#ffffff08}.assessment-hero-content{max-width:960px;margin:0 auto;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.assessment-hero-left{display:flex;align-items:center;gap:16px}.assessment-hero-icon{width:48px;height:48px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.assessment-hero-text h1{color:#fff;font-weight:700;font-size:1.5rem;margin:0 0 4px}.assessment-hero-text p{color:#ffffffb3;font-size:.875rem;margin:0}.assessment-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.assessment-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.assessment-btn-ghost:hover{background:#ffffff40}.assessment-content{max-width:960px;margin:-40px auto 48px;padding:0 16px;position:relative;z-index:20}.assessment-inprogress{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;margin-bottom:24px;border:2px solid #fbbf24}.assessment-inprogress-header{background:linear-gradient(90deg,#fef9c3,#fefce8);padding:14px 20px;border-bottom:1px solid #fde047;display:flex;align-items:center;gap:12px}.assessment-inprogress-icon{width:32px;height:32px;border-radius:8px;background:#f59e0b;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.assessment-inprogress-title h3{font-weight:700;color:#92400e;font-size:.9rem;margin:0 0 2px}.assessment-inprogress-title span{font-size:.75rem;color:#a16207}.assessment-inprogress-list{padding:12px 16px;display:flex;flex-direction:column;gap:10px}.assessment-inprogress-item{background:#fafafa;border-radius:12px;padding:14px 16px;border:1px solid #fde68a;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.assessment-inprogress-info{flex:1;min-width:200px}.assessment-inprogress-info h4{font-weight:600;color:#1e293b;font-size:.95rem;margin:0 0 10px}.assessment-inprogress-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px}.assessment-stat{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#64748b}.assessment-stat svg{font-size:12px}.assessment-stat-time{font-weight:600}.assessment-progress-bar{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden;margin-bottom:4px}.assessment-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:999px;transition:width .4s ease}.assessment-progress-text{font-size:.7rem;color:#94a3b8}.assessment-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.assessment-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.assessment-btn-success:hover{box-shadow:0 4px 16px #10b98166;transform:translateY(-1px)}.assessment-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.assessment-btn-primary:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.assessment-btn-outline{background:transparent;border:1.5px solid #6366f1;color:#6366f1}.assessment-btn-outline:hover{background:#6366f1;color:#fff}.assessment-section-header{margin-bottom:16px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000a;border:1px solid #e2e8f0}.assessment-section-title h2{font-weight:700;color:#1e293b;font-size:1.1rem;margin:0 0 4px}.assessment-section-title p{font-size:.82rem;color:#64748b;margin:0}.assessment-exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:24px}.assessment-exam-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden;display:flex;flex-direction:column;border:1px solid #e2e8f0;transition:all .3s ease}.assessment-exam-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6366f11f}.assessment-exam-card-accent{height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.assessment-exam-card-header{padding:20px 20px 0;display:flex;align-items:flex-start;gap:14px}.assessment-exam-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.assessment-exam-card-title{flex:1}.assessment-exam-card-title h3{font-weight:700;color:#1e293b;font-size:.95rem;margin:0 0 4px;line-height:1.4}.assessment-exam-card-creator{font-size:.75rem;color:#94a3b8}.assessment-exam-card-desc{padding:12px 20px 0;font-size:.85rem;color:#64748b;line-height:1.6;margin:0}.assessment-exam-card-stats{padding:16px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.assessment-exam-stat{text-align:center;padding:12px 8px;border-radius:10px}.assessment-exam-stat-blue{background:#eff6ff;color:#3b82f6}.assessment-exam-stat-green{background:#ecfdf5;color:#10b981}.assessment-exam-stat-yellow{background:#fefce8;color:#ca8a04}.assessment-exam-stat svg{font-size:16px;margin-bottom:6px}.assessment-exam-stat-value{font-weight:700;font-size:1.1rem;line-height:1}.assessment-exam-stat-label{font-size:.68rem;color:#64748b;margin-top:2px}.assessment-exam-card-btn{width:calc(100% - 40px);margin:auto 20px 20px;justify-content:center}.assessment-empty{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:60px 24px;text-align:center;margin-bottom:24px}.assessment-empty-icon{width:72px;height:72px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px;color:#94a3b8}.assessment-empty h3{font-weight:700;color:#334155;margin:0 0 8px}.assessment-empty p{color:#94a3b8;font-size:.9rem;margin:0 0 20px}.assessment-info-box{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;overflow:hidden;border:1px solid #e0e7ff}.assessment-info-box-header{background:linear-gradient(90deg,#eef2ff,#f5f3ff);padding:14px 20px;border-bottom:1px solid #c7d2fe;display:flex;align-items:center;gap:10px;font-weight:700;color:#4338ca;font-size:.9rem}.assessment-info-box-content{padding:16px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.assessment-info-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#f8fafc;border-radius:8px;font-size:.82rem;color:#475569}.assessment-info-icon{font-size:1rem;flex-shrink:0}.assessment-info-text{line-height:1.5}@media(max-width:768px){.score-main-section{flex-direction:column;text-align:center}.score-details{justify-content:center}.stats-row{grid-template-columns:repeat(2,1fr)}.question-header{flex-direction:column;text-align:center}.question-footer{flex-direction:column}.nav-arrow-btn,.finish-btn{width:100%;justify-content:center}.footer-info{flex-direction:column;gap:12px}}