.exam-list-container{max-width:1200px;margin:0 auto;padding:40px 20px}.exam-list-header{text-align:center;margin-bottom:50px}.exam-list-header h1{color:#005a9e;font-size:2.5em;margin-bottom:10px}.exam-list-header p{color:#666;font-size:1.2em}.exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px}.exam-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.exam-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.exam-card-header{margin-bottom:15px}.exam-card-header h2{color:#005a9e;font-size:1.5em;margin-bottom:8px}.exam-code{display:inline-block;background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:5px;font-size:.85em;font-weight:600}.exam-description{color:#666;margin-bottom:20px;flex-grow:1}.exam-meta{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #eee}.question-count{color:#666;font-size:.9em}.start-link{color:#0078d4;font-weight:600;font-size:.95em}@media (max-width: 768px){.exam-grid{grid-template-columns:1fr}.exam-list-header h1{font-size:2em}}.question-block{background:#fff;padding:25px;margin-bottom:25px;border-radius:8px;box-shadow:0 2px 8px #00000014;border-bottom:1px solid #eee}.question-text{font-weight:600;margin-bottom:20px;font-size:1.1em;color:#333}.question-image{max-width:100%;height:auto;margin:20px 0;border:1px solid #ddd;border-radius:5px;display:block}.image-error{color:#dc3545;font-size:.9em;margin:10px 0}.options-container{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:flex-start;padding:12px;border-radius:5px;border:1px solid #ddd;cursor:pointer;transition:background-color .2s,border-color .2s;background:#fff}.option:hover:not(.correct):not(.incorrect){background-color:#f8f9fa;border-color:#0078d4}.option input{margin-right:12px;margin-top:3px;cursor:pointer;flex-shrink:0}.option span{flex:1;line-height:1.5}.option.correct{background-color:#d4edda;border-color:#c3e6cb;cursor:default}.option.incorrect{background-color:#f8d7da;border-color:#f5c6cb;cursor:default}.option input:disabled{cursor:default}.exam-container{max-width:900px;margin:0 auto;padding:20px}.exam-header{margin-bottom:30px}.back-btn{background:#f0f0f0;border:none;padding:8px 16px;border-radius:5px;margin-bottom:15px;font-size:.9em;transition:background .2s}.back-btn:hover{background:#e0e0e0}.exam-title{background:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.exam-title>div{flex:1}.exam-title h1{color:#005a9e;margin:0;font-size:1.5em}.exam-title h2{color:#666;font-size:1em;font-weight:400;margin:5px 0 0}.settings-btn{background:#f8f9fa;border:2px solid #e0e0e0;padding:12px 16px;border-radius:8px;font-size:1.5em;cursor:pointer;transition:all .3s}.settings-btn:hover{background:#0078d4;border-color:#0078d4;transform:rotate(90deg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#005a9e;font-size:1.4em}.modal-close{background:none;border:none;font-size:1.5em;color:#999;cursor:pointer;padding:5px 10px;transition:color .2s}.modal-close:hover{color:#333}.modal-body{padding:25px}.setting-section{margin-bottom:30px}.setting-section:last-child{margin-bottom:0}.setting-section label{display:block;font-weight:600;font-size:1.1em;color:#333;margin-bottom:15px}.setting-options{display:flex;flex-direction:column;gap:12px}.setting-option{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.setting-option:hover{background:#e9ecef;border-color:#0078d4}.setting-option.active{background:#e3f2fd;border-color:#0078d4;box-shadow:0 2px 8px #0078d433}.option-icon{font-size:2em;flex-shrink:0}.option-label{font-weight:600;color:#333;flex-shrink:0;min-width:120px}.option-desc{color:#666;font-size:.9em;flex:1}.modal-footer{padding:20px 25px;border-top:1px solid #eee;display:flex;justify-content:flex-end}.modal-btn-primary{background:#0078d4;color:#fff;border:none;padding:12px 30px;border-radius:6px;font-size:1em;font-weight:600;cursor:pointer;transition:background .2s}.modal-btn-primary:hover{background:#005a9e}@media (max-width: 768px){.exam-title{flex-direction:column;align-items:flex-start}.settings-btn{align-self:flex-end}.modal-content{width:95%;max-height:95vh}.option-label{min-width:auto}.setting-option{flex-wrap:wrap}.option-desc{width:100%;margin-left:60px}}.loading{text-align:center;padding:50px;font-size:1.2em;color:#666}.error-message{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 15px #0000001a;text-align:center}.error-message h2{color:#dc3545;margin-bottom:15px}.error-message p{color:#666;margin-bottom:25px}.results{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;text-align:center}.results.passed{background-color:#d4edda;color:#155724}.results.failed{background-color:#f8d7da;color:#721c24}.results h3{font-size:1.8em;margin-bottom:15px}.results p{font-size:1.2em;margin-bottom:10px}.questions-container{margin-bottom:30px}.submit-btn,.reset-btn{background-color:#0078d4;color:#fff;border:none;padding:15px 30px;font-size:1.1em;border-radius:5px;width:100%;transition:background-color .2s;margin-bottom:20px}.submit-btn:hover,.reset-btn:hover{background-color:#005a9e}.reset-btn{background-color:#28a745}.reset-btn:hover{background-color:#218838}.pagination-info{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;font-weight:500}.page-indicator{color:#666;font-size:.9em}.pagination-controls{display:flex;gap:15px;margin-top:30px;margin-bottom:20px;flex-wrap:wrap}.nav-btn{background:#6c757d;color:#fff;border:none;padding:12px 25px;font-size:1em;border-radius:5px;transition:background-color .2s;flex:1;min-width:120px}.nav-btn:hover:not(:disabled){background:#5a6268}.nav-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.final-submit{background:#28a745;flex:1}.final-submit:hover{background:#218838}@media (max-width: 768px){.button-group{flex-direction:column}.button-group button{width:100%}.pagination-controls{flex-direction:column}.nav-btn{width:100%}}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f4f7f9;color:#333;line-height:1.6;padding:20px}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}