*{box-sizing:border-box;margin:0;padding:0}.take-test-wrapper{background:#f7faff;flex-direction:column;height:100vh;font-family:Arial,sans-serif;display:flex}.test-header-bar{color:#fff;background:linear-gradient(90deg,#4f46e5,#3b82f6);justify-content:space-between;align-items:center;padding:10px 20px;font-size:1rem;font-weight:700;display:flex}.test-timer{color:#1e293b;background:#fff;border-radius:8px;padding:5px 12px;font-weight:700}.test-title,.question-count{font-size:1rem}.test-layout{flex:1;display:flex;overflow:hidden}.sidebar{background:#e5edff;border-right:1px solid #ccc;flex-direction:column;justify-content:space-between;align-items:center;width:220px;height:100%;padding:15px;display:flex}.sidebar h4{margin-bottom:10px;font-size:1rem}.status-legend{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;font-size:.75rem;display:grid}.legend-item{align-items:center;gap:5px;display:flex}.legend{border-radius:3px;width:14px;height:14px;display:inline-block}.legend.attend{background:#3b82f6}.legend.skip{background:#ef4444}.legend.current{background:#6366f1}.legend.not-attend{background:#e5e7eb}.question-grid{grid-template-columns:repeat(6,1fr);gap:8px;width:100%;height:auto;margin-bottom:12px;padding-right:0;display:grid;overflow:visible}.question-button{cursor:pointer;border:none;border-radius:6px;height:28px;font-size:.8rem;font-weight:700}.question-button.attend{color:#fff;background:#3b82f6}.question-button.skip{color:#fff;background:#ef4444}.question-button.current{color:#fff;background:#6366f1}.question-button.not-attend{color:#1e293b;background:#e5e7eb}.next-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;min-width:160px;padding:10px 20px;font-weight:700;transition:background .3s}.next-btn:disabled{cursor:not-allowed;background:#ccc}.main-panel{flex:1;padding:20px 30px;position:relative;overflow-y:auto}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:16px;display:flex}.toolbar button{color:#fff;cursor:pointer;background:#2d336b;border:none;border-radius:6px;padding:6px 12px;font-weight:700}.zoom-controls{align-items:center;gap:6px;display:flex}.zoom-controls button{color:#1f2937;background:#e2e8f0;font-weight:700}.question-card-v2{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.question-text{color:#1e293b;margin-bottom:15px;font-size:1.1rem;font-weight:700}.question-image-test{background:#d1d5db;border-radius:6px;width:100%;height:120px;margin:12px 0}.read-aloud-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;margin-bottom:12px;font-size:.9rem;display:flex}.options{flex-direction:column;gap:10px;display:flex}.option{cursor:pointer;border:1px solid #cbd5e1;border-radius:6px;padding:10px 14px;font-weight:500;transition:background .2s}.option:hover{background:#f3f4f6}.option.selected{background:#e0f2fe;border-color:#3b82f6}.action-buttons{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;display:flex}.action-buttons button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:700}.mark-btn{color:#fff;background:#6366f1}.modal-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;display:flex}.nav-button{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.nav-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.nav-button:disabled{opacity:.5;cursor:not-allowed}.question-counter{color:#64748b;font-size:.875rem}.swal2-question-btn{cursor:pointer;color:#1f2937;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;margin:4px 6px 6px 0;padding:6px 10px;font-size:13px;font-weight:500}.swal2-question-btn:hover{color:#1e3a8a;background-color:#eef2ff;border-color:#6366f1}.swal2-question-btn.skipped{color:#92400e;background-color:#fff7ed;border-color:#fbbf24}.swal2-question-btn.review{color:#1e3a8a;background-color:#eff6ff;border-color:#3b82f6}.swal2-question-btn.unanswered{color:#991b1b;background-color:#fef2f2;border-color:#f87171}.swal-summary p{margin:6px 0;font-size:14px}@media screen and (max-width:1024px){.test-layout{flex-direction:column}.sidebar{border-bottom:1px solid #ccc;border-right:none;flex-flow:wrap;justify-content:center;width:100%;height:auto;padding:10px}.status-legend{flex-basis:100%;justify-content:center;gap:10px;margin-bottom:10px;display:flex}.question-grid{grid-template-columns:repeat(9,1fr);gap:6px;max-width:100%;padding:0}.next-btn{margin-top:10px}.main-panel{padding:16px}.toolbar{flex-wrap:wrap;justify-content:center;gap:8px}.question-card-v2{padding:15px}.action-buttons{flex-direction:column;align-items:center}.action-buttons button{width:100%;max-width:250px}}.review-flag{color:#2563eb;vertical-align:middle;margin-left:4px;font-size:1rem;line-height:1}.question-number-wrapper{justify-content:center;align-items:center;gap:4px;display:flex}.review-dot{font-size:.9rem;line-height:1;display:inline-block}.new-take-test-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.new-test-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.header-left .subject-title{margin:0;font-size:18px;font-weight:600}.header-center .timer-display{background:#fff3;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex}.timer-label{opacity:.9;font-size:14px}.timer-value{color:#fff;font-size:16px;font-weight:700}.header-right .question-counter{font-size:14px;font-weight:500}.new-test-layout{flex:1;gap:0;display:flex;overflow:hidden}.new-questions-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-right:1px solid #fff3;flex-direction:column;width:180px;padding:16px;display:flex}.sidebar-header h4{color:#333;margin:0 0 12px;font-size:16px;font-weight:600}.new-status-legend{margin-bottom:16px}.legend-row{justify-content:space-between;margin-bottom:8px;display:flex}.legend-item{color:#666;align-items:center;gap:6px;font-size:11px;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.legend-dot.attend{background-color:#4caf50}.legend-dot.skip{background-color:#f44336}.legend-dot.current{background-color:#2196f3}.legend-dot.not-attend{background-color:#e0e0e0}.new-questions-grid{flex:1;grid-template-columns:repeat(5,1fr);align-content:start;gap:4px;display:grid}.new-question-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:500;transition:all .2s;display:flex;position:relative}.new-question-btn.attend{color:#fff;background-color:#4caf50}.new-question-btn.skip{color:#fff;background-color:#f44336}.new-question-btn.current{color:#fff;background-color:#2196f3;transform:scale(1.1);box-shadow:0 2px 8px #2196f366}.new-question-btn.not-attend{color:#666;background-color:#e0e0e0}.new-question-btn:hover{transform:scale(1.05);box-shadow:0 2px 4px #0003}.new-question-btn.current:hover{transform:scale(1.1)}.question-number{font-size:11px}.review-marker{color:#ff9800;font-size:12px;font-weight:700;position:absolute;top:-2px;right:-2px}.new-content-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:12px;flex-direction:column;flex:1;margin:16px 16px 16px 0;display:flex;overflow:hidden}.new-toolbar{background:#fffc;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.toolbar-left{gap:12px;display:flex}.toolbar-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .2s}.toolbar-btn:hover,.toolbar-btn.active{color:#fff;background:#2196f3;border-color:#2196f3}.toolbar-right .zoom-controls{align-items:center;gap:8px;display:flex}.zoom-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.zoom-btn:hover{background:#f5f5f5}.zoom-btn.reset{width:auto;padding:6px 12px;font-size:12px}.zoom-display{color:#666;text-align:center;min-width:40px;font-size:12px}.widget-container{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:12px 20px;padding:12px}.new-question-container{flex:1;padding:20px;overflow-y:auto}.question-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.question-text{color:#333;flex:1;margin:0 16px 0 0;font-size:16px;font-weight:500;line-height:1.5}.read-aloud-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2196f3;border:none;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .2s}.read-aloud-btn:hover{background:#1976d2}.question-image-container{text-align:center;margin:20px 0}.question-image{border-radius:8px;max-width:100%;max-height:300px;box-shadow:0 2px 8px #0000001a}.new-options-container{margin-top:24px}.new-option{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s}.new-option:hover{background:#f8f9ff;border-color:#2196f3}.new-option.selected{background:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 8px #2196f333}.option-content{color:#333;font-size:14px;line-height:1.4}.new-action-buttons{background:#fffc;border-top:1px solid #e0e0e0;justify-content:center;gap:16px;padding:20px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;min-width:120px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.review-btn{color:#fff;background:#2196f3}.review-btn:hover{background:#1976d2;transform:translateY(-1px)}.skip-btn{color:#fff;background:#f44336}.skip-btn:hover{background:#d32f2f;transform:translateY(-1px)}.submit-btn{color:#fff;background:#4caf50}.submit-btn:hover{background:#388e3c;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}@media (max-width:768px){.new-questions-sidebar{width:140px;padding:12px}.new-questions-grid{grid-template-columns:repeat(4,1fr);gap:3px}.new-question-btn{width:24px;height:24px;font-size:10px}.question-text{font-size:14px}.new-action-buttons{flex-direction:column;gap:12px}.action-btn{width:100%;min-width:auto}.toolbar-left{gap:8px}.toolbar-btn{padding:6px 8px;font-size:11px}}@media (max-width:480px){.new-test-header{text-align:center;flex-direction:column;gap:8px}.new-questions-sidebar{width:120px;padding:8px}.new-questions-grid{grid-template-columns:repeat(3,1fr)}.question-header{flex-direction:column;gap:12px}.read-aloud-btn{align-self:flex-start}}.loading,.error{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.error{color:#ff5252;background:#fff}.swal2-question-btn{cursor:pointer;border:none;border-radius:4px;margin:2px;padding:4px 8px;font-size:12px}.swal2-question-btn.skipped{color:#fff;background:#f44336}.swal2-question-btn.review{color:#fff;background:#ff9800}.swal2-question-btn.unanswered{color:#666;background:#e0e0e0}.swal-summary p{text-align:left;margin:8px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.new-question-container{animation:.3s ease-out fadeIn}.new-option{animation:.2s ease-out fadeIn}.new-option:first-child{animation-delay:.1s}.new-option:nth-child(2){animation-delay:.15s}.new-option:nth-child(3){animation-delay:.2s}.new-option:nth-child(4){animation-delay:.25s}.project-gradient-bg{background:linear-gradient(90deg,#1865f2,#4f8cf9)}.project-gradient-bg:hover{background:linear-gradient(90deg,#1557d9,#3d7ae8)}
.view-results{max-width:1000px;margin:auto;padding:2rem;font-family:Segoe UI,sans-serif}.view-results h2{color:#2c3e50;margin-bottom:1.5rem}.view-results table{border-collapse:collapse;width:100%;box-shadow:0 2px 8px #0000000d}.view-results th,.view-results td{text-align:left;border-bottom:1px solid #eee;padding:.75rem 1rem}.view-results th{color:#fff;background:#2196f3}.view-results tr:hover{background-color:#f1f1f1}