body{font-family:Arial,sans-serif;margin:0;padding:0;background:#f4f4f4}.container{padding:20px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}select{padding:5px 10px;border:1px solid #ccc;border-radius:4px}.metrics-cards{display:flex;gap:10px;margin-bottom:20px}.card{flex:1;background:#fff;padding:15px;border-radius:4px;box-shadow:0 1px 3px #0000001a;text-align:center;font-weight:700}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{border:1px solid #ccc;padding:8px;text-align:center}th{background:#eee}.heatmap-cell{color:#fff;font-weight:700}body{font-family:Arial,sans-serif;background-color:#f4f6f8;margin:0;padding:0}.container{max-width:500px;margin:60px auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}h2{text-align:center;margin-bottom:20px}.form{display:flex;flex-direction:column}.form input{margin-bottom:12px;padding:10px;border:1px solid #ccc;border-radius:4px}.form button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.form button:hover{background-color:#0056b3}.list{display:flex;flex-direction:column;gap:10px}.card{background:#f9f9f9;padding:15px;border-radius:6px;border:1px solid #ddd;cursor:pointer;transition:background .2s}.card:hover{background:#eaf2ff}.links{text-align:center;margin-top:15px}.links a{color:#007bff;text-decoration:none}.links a:hover{text-decoration:underline}@media (max-width: 600px){.container{margin:20px;padding:20px}.card{font-size:16px;padding:12px}h2{font-size:20px}}.exam-detail-container{max-width:900px;margin:40px auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;position:relative;overflow-x:hidden}.exam-header{display:flex;align-items:center;justify-content:space-between}.hamburger{display:none;font-size:24px;background:none;border:none;cursor:pointer}.total{font-weight:700}.student-name{margin-top:10px;font-size:16px}.exam-body{display:flex;margin-top:20px;position:relative}.toc{width:200px;border-right:1px solid #ddd;padding-right:10px;transition:transform .3s ease}.toc-section{margin-bottom:10px}.toc-item{padding:8px;border-radius:4px;cursor:pointer}.toc-item.active{background:#eaf2ff;font-weight:700}.question-area{flex:1;padding-left:20px}.question-area input{margin-top:10px;padding:8px;width:120px}.nav-buttons{margin-top:15px;display:flex;justify-content:space-between}.nav-buttons button{padding:8px 16px;border:none;background:#007bff;color:#fff;border-radius:4px;cursor:pointer}.nav-buttons button:disabled{background:#ccc}.upload-toc{margin-top:10px;background:#f8f9fa;border-top:1px solid #ddd;padding:8px;border-radius:4px}.upload-toc.active{background:#eaf2ff;font-weight:700}.uploaded-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.uploaded-images img{width:100px;height:100px;object-fit:cover;border-radius:6px;border:1px solid #ccc}@media (max-width: 700px){.toc{position:absolute;top:0;left:0;height:100%;background:#fff;border-right:1px solid #ddd;transform:translate(-100%);width:250px;z-index:10;padding:20px;transition:transform .3s ease-in-out}.toc.open{transform:translate(0)}.hamburger{display:block}}.leaflet-container{height:100vh;width:100%}.tab-buttons{display:flex;border-bottom:1px solid #ccc}.tab-buttons button{flex:1;padding:10px;cursor:pointer;border:none;background:none;font-size:16px;transition:background .3s ease}.tab-buttons button:hover{background:#f2f2f2}.tab-buttons button.active{border-bottom:3px solid #007bff;font-weight:700;color:#007bff}.tab-content{padding:15px}