:root{--primary-color:#0066cc;--primary-hover:#0052a3;--success-color:#28a745;--success-light:#d4edda;--success-bg:#e2f0cb;--danger-color:#dc3545;--danger-light:#f8d7da;--warning-color:#ffc107;--border-color:#dee2e6;--border-light:#ccc;--bg-light:#f8f9fa;--bg-white:#fff;--bg-info:#e8f1ff;--spacing-xs:5px;--spacing-sm:8px;--spacing-md:10px;--spacing-lg:15px;--spacing-xl:20px;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-round:999px;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md:0 3px 6px rgba(0, 0, 0, 0.08);--shadow-lg:0 4px 8px rgba(0, 0, 0, 0.2);--shadow-card:0 0 10px 1px rgba(0, 0, 0, 0.4);--font-base:1rem;--font-sm:0.875rem;--font-lg:1.5rem;--font-xl:1.6rem;--font-weight-normal:500;--font-weight-bold:600;--font-weight-extra:700;--transition-fast:all 0.2s ease;--transition-normal:all 0.3s ease}.exam-wrap{margin-bottom:var(--spacing-xl)}.exam-start{background:var(--bg-light);border:1px solid var(--border-color);box-shadow:var(--shadow-card);padding:var(--spacing-xl);text-align:center;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.exam-start h3{font-size:var(--font-xl);font-weight:var(--font-weight-bold);margin-bottom:1rem}.exam-start p.text-muted{font-size:var(--font-base);margin-bottom:1rem;color:#666}.exam-start h4{font-size:var(--font-lg);margin:0 0 var(--spacing-xl)!important}.exam-btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-md);background:var(--primary-color);color:var(--bg-white)!important;text-decoration:none;border-radius:var(--radius-sm);transition:var(--transition-normal);border:none;cursor:pointer;font-size:16px;font-weight:var(--font-weight-normal);box-shadow:var(--shadow-sm)}.exam-btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.exam-header{font-size:var(--font-base);display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl)}.exam-area{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:var(--bg-white);padding:var(--spacing-xl)}.exam-question-content{border:none!important;border-radius:0;background:#fff0;padding:var(--spacing-xl);text-align:center}.exam-controls{margin-top:var(--spacing-xl);display:flex;justify-content:space-between;gap:var(--spacing-xs)}.exam-controls .btn{color:var(--bg-white);font-size:var(--font-base);border-radius:var(--radius-md);transition:var(--transition-fast);border:1px solid var(--border-color)}.exam-controls .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.exam-result .alert{background:#f0fdf4;padding:var(--spacing-xs) var(--spacing-lg)}.exam-result .alert p{margin:0 0 var(--spacing-xs)}.exam-details{margin-top:var(--spacing-xl)}.exam-details .card{border-radius:var(--radius-md);background:var(--bg-white);border:1px solid var(--border-color);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.exam-leaderboard{margin-top:30px}.exam-leaderboard table{width:100%;min-width:400px;border-collapse:collapse}.exam-leaderboard th,.exam-leaderboard td{padding:12px!important;text-align:center;border:1px solid var(--border-color)}.exam-leaderboard th{background-color:var(--bg-light);font-weight:var(--font-weight-bold)}.exam-leaderboard h4{margin:0 0 var(--spacing-lg)}.exam-guest-box{width:100%;max-width:420px;margin-top:14px}.exam-guest-inner{width:100%;text-align:left}.exam-guest-label{display:block;font-weight:var(--font-weight-bold);margin-bottom:6px}.exam-guest-input{width:100%;padding:var(--spacing-md);border:1px solid #ddd;border-radius:var(--radius-lg);outline:none}.exam-guest-input:focus{border-color:var(--primary-color);box-shadow:0 0 5px rgb(0 123 255 / .25)}.exam-guest-error{margin-top:var(--spacing-sm);color:#b00020;font-size:var(--font-sm)}.exam-nav{margin-top:12px;margin-bottom:12px}.exam-nav-inner{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.exam-nav-dot{width:38px;height:38px;border-radius:var(--radius-round);border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;font-weight:var(--font-weight-extra);transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.exam-nav-dot:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.exam-nav-dot.is-active{background:var(--primary-color);color:var(--bg-white);border-color:var(--primary-color)}.exam-nav-dot.is-answered:not(.is-active){background:var(--bg-info);border-color:#bcd6ff}#toggle-fullscreen,.exam-fullscreen-btn{background-color:#fff0;color:#333;padding:0;border:none;cursor:pointer}body.fullscreen-active .exam-wrap,body.fullscreen-active #online-test-wrap,body.fullscreen-active #mv-open-exam-wrap{background:var(--bg-white);padding:var(--spacing-xl);min-height:100vh}body.fullscreen-active .exam-header,body.fullscreen-active #quiz-header{background-color:var(--bg-white)!important;color:#000!important;border:1px solid #ddd}body.fullscreen-active .exam-header strong,body.fullscreen-active #quiz-header strong{color:#000!important}.online-test-nav{display:flex;gap:var(--spacing-sm);margin-bottom:1rem;flex-wrap:wrap;justify-content:center;padding:var(--spacing-md) 0}.online-test-nav .nav-item{width:38px;height:38px;line-height:38px;border-radius:var(--radius-round);background-color:var(--bg-white);border:2px solid var(--border-light);text-align:center;cursor:pointer;font-weight:var(--font-weight-bold);transition:var(--transition-fast);font-size:14px}.online-test-nav .nav-item.marked,.online-test-nav .nav-item.is-answered{background-color:#333;color:var(--bg-white);border-color:#333}.online-test-nav .nav-item.active,.online-test-nav .nav-item.is-active{background-color:var(--primary-color);color:var(--bg-white);border-color:var(--primary-color);box-shadow:0 0 5px rgb(0 102 204 / .6);transform:scale(1.05)}.online-test-nav .nav-item.empty{background-color:var(--bg-white);color:#333;border-color:var(--border-light)}.online-test-nav .nav-item:hover{opacity:.85;transform:scale(1.1)}@media (max-width:768px){.exam-controls .btn{width:100%}.exam-btn-primary{padding:var(--spacing-md) var(--spacing-xl);font-size:14px}.exam-leaderboard{overflow-x:auto}.exam-nav-dot,.online-test-nav .nav-item{width:34px;height:34px;line-height:34px;font-size:13px}}