.exam-container{display:flex;flex-direction:row;width:100%;height:calc(100vh - 50px);max-width:1000px;margin:0 auto;font-family:sans-serif;background:#fafafa;border:1px solid #e0e0e0;box-sizing:border-box;position:relative}input[type=checkbox],input[type=radio]{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);box-shadow:none;background-image:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}input[type=checkbox]:focus,input[type=radio]:focus{outline:none;box-shadow:none}button,input,textarea{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}button:active,input:active,textarea:active{background-image:none;box-shadow:none}.exam-container,.exam-container *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.loading{display:flex;align-items:center;justify-content:center}.loading-spinner{width:48px;height:48px;border:5px solid #ddd;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:900px){.exam-container{flex-direction:column;padding:10px}}.exam-left{width:70%;padding:15px;border-right:1px solid #e0e0e0;background:#fff;overflow-y:auto}.ck.ck-content,.ck.ck-content p,.exam-left{font-family:Times New Roman,Times,serif}.exam-left img{max-width:100%;height:auto}.exam-question-title{font-size:1.25rem;font-weight:600;margin-bottom:20px}.exam-options label{display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:pointer}.exam-options input[type=checkbox],.exam-options input[type=radio]{cursor:pointer}.exam-essay{margin-top:50px;width:100%;min-height:250px;border:1px solid #ccc;font-size:.95rem;line-height:1.4;resize:vertical;padding:0;background:#fff;-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}@media(max-width:900px){.exam-left{padding:0;width:100%;border:none;flex:1 1;overflow-y:scroll;height:-moz-fit-content;height:fit-content}.exam-essay{width:98%;border-radius:0;padding:0}}.exam-right{width:30%;padding:20px;background:#f9fafb;border-left:1px solid #e0e0e0}.exam-prevnext{display:flex;justify-content:space-between;margin-bottom:12px}.exam-btn{flex:1 1;padding:8px 12px;margin:0 5px;border-radius:6px;border:1px solid #d1d5db;background:#f3f4f6;font-weight:600;cursor:pointer;transition:all .2s ease}.exam-btn:hover:not(:disabled){background:#e5e7eb}.exam-btn:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.exam-nav-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));grid-gap:10px;gap:10px;justify-items:center;align-content:start}.exam-nav{width:40px;height:40px;border-radius:50%;font-weight:600;font-size:.95rem;border:1px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.exam-nav:hover{transform:scale(1.1)}.exam-nav.current{background-color:#2563eb;color:#fff;border-color:#1d4ed8}.exam-nav.answered{background-color:#22c55e;color:#fff;border-color:#16a34a}.exam-nav.unanswered{background-color:#e5e7eb;color:#374151;border-color:#d1d5db}.exam-nav.wrong-answer{background-color:red;color:#fff;border-color:red}.exam-btn-submit{background:#16a34a;color:#fff;border:none;border-radius:.375rem;padding:.5rem 1rem;margin-left:.5rem;cursor:pointer;transition:background .2s}.exam-btn-submit:hover{background:#15803d}@media(max-width:900px){.exam-right{padding:10px 0;width:100%;border:none;overflow-y:auto;justify-content:center}}@media(max-width:600px){.exam-nav{width:40px;height:40px;font-size:.85rem}}.exam-dashboard{display:flex;flex-direction:row;background:#f9fafb;color:#111827;min-height:calc(100vh - 50px)}.exam-sidebar{width:300px;background:#fff;border-right:1px solid #e5e7eb;padding:1.5rem;overflow-y:auto}.exam-sidebar h3{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.history-list{list-style:none;padding:0;margin:0}.history-list li{margin-bottom:.75rem;padding:.5rem;background:#f3f4f6;border-radius:.375rem;cursor:pointer;transition:background .2s}.history-list li:hover{background:#e5e7eb}.history-title{display:block;font-weight:500}.submitted-at{font-size:.875rem;color:#6b7280}.exam-main{flex:1 1;padding:2rem;overflow-y:auto}.search-panel{margin-bottom:2rem;background:#fff;padding:1.5rem;border:1px solid #e5e7eb;border-radius:.5rem}.search-panel h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.form-group{margin-bottom:1rem;display:flex;flex-direction:column}.form-group label{margin-bottom:.25rem;font-weight:500}.form-group select{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem}.search-btn{padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500}.search-btn:hover{background:#1e40af}.exam-list h3{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.exam-list ul{list-style:none;padding:0;margin:0}.exam-list li{padding:1rem;border:1px solid #e5e7eb;border-radius:.375rem;margin-bottom:.75rem;cursor:pointer;background:#fff;transition:background .2s}.exam-list li:hover{background:#f3f4f6}.exam-title{font-weight:600;display:block}.exam-meta{font-size:.875rem;color:#6b7280}.loading-text{padding:2rem;text-align:center;font-size:1rem;color:#4b5563}@media(max-width:768px){.exam-dashboard{flex-direction:column!important}.exam-sidebar{width:100%!important;border-right:none;border-bottom:1px solid #e5e7eb;padding:0}.exam-main,.search-panel{padding:1rem}.exam-list li{padding:.75rem}.form-group{flex-direction:column}.search-btn{width:100%;margin-top:1rem}.dashboard-header{flex-direction:column;height:auto;gap:.5rem;padding:1rem;text-align:center}.user-info{display:flex;flex-direction:column;gap:.25rem}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#1e3a8a,#3b82f6);color:#fff;padding:0 1.5rem;height:60px;box-shadow:0 2px 6px rgba(0,0,0,.1);border-bottom:1px solid #1e40af}.user-info span{font-size:1rem;font-weight:500}.user-info a{color:#bfdbfe;text-decoration:none;font-weight:600}.user-info a:hover{text-decoration:underline}.logout-btn{background:#ef4444;border:none;padding:.4rem 1rem;border-radius:.5rem;color:#fff;font-weight:500;font-size:.9rem;cursor:pointer;transition:background .2s,transform .2s}.logout-btn:hover{background:#dc2626;transform:scale(1.05)}body{margin:0!important}.dashboard{min-height:100vh;overflow-y:auto}