:root{--test-primary: #8e44ad;--test-bg: #f4f6f7;--text-dark: #2c3e50;--white: #ffffff}body{margin:0;font-family:Inter,sans-serif;background:var(--test-bg);height:100vh;display:flex;flex-direction:column}.test-header{background:var(--white);padding:.8rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000000d;height:60px;position:relative;z-index:10}.timer-badge{background:#fff3cd;color:#856404;padding:5px 15px;border-radius:20px;font-weight:600;display:flex;align-items:center;gap:8px}.test-container{flex:1;display:flex;overflow:hidden}.question-panel{flex:1;padding:2rem;overflow-y:auto;background:var(--white);margin:1rem;border-radius:12px;box-shadow:0 4px 15px #00000008}.nav-panel{width:300px;background:var(--white);padding:1.5rem;border-left:1px solid #eee;overflow-y:auto}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.palette-btn{width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:600;color:#666;transition:all .2s}.palette-btn.active{border-color:var(--test-primary);border-width:2px}.palette-btn.answered{background:#27ae60;color:#fff;border-color:#27ae60}.palette-btn.visited{background:#c0392b;color:#fff;border-color:#c0392b}.test-footer{background:var(--white);padding:1rem 2rem;display:flex;justify-content:space-between;border-top:1px solid #eee;position:relative;z-index:10}.btn-nav{padding:10px 25px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:.2s}.btn-prev{background:#ecf0f1;color:var(--text-dark)}.btn-next{background:var(--test-primary);color:#fff}.btn-submit{background:#27ae60;color:#fff}.btn-reset,.btn-exit{background:none;border:none;cursor:pointer;font-weight:600;padding:8px 16px;border-radius:6px;transition:all .2s}.btn-reset{color:#f39c12;margin-right:10px}.btn-reset:hover{background:#f39c121a}.btn-exit{color:#e74c3c}.btn-exit:hover{background:#e74c3c1a}.mcq-option{display:block;padding:12px 15px;border:1px solid #eee;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:.2s}.mcq-option:hover{background:#f9f9f9}.mcq-option.selected{background:#e8f6f3;border-color:#27ae60}.solution-div{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--test-primary);display:none}.result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;justify-content:center;align-items:center;z-index:1000}.result-card{background:#fff;padding:2rem;border-radius:16px;text-align:center;max-width:400px;width:90%}.score-circle{width:100px;height:100px;background:var(--test-primary);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:800}@media(max-width:768px){.test-header{padding:.5rem 1rem;height:50px}.logo{font-size:1rem!important}.test-container{flex-direction:column}.question-panel{margin:0;border-radius:0;padding:1.5rem;box-shadow:none}.nav-panel{width:100%;height:auto;max-height:250px;border-left:none;border-top:1px solid #eee;padding:1rem}.test-footer{padding:.8rem 1rem}}