:root{--w-main: clamp(0px, 1200px, 90vw);--m-main: clamp(0px, 1100px, 90vw);--s-main: clamp(5vw, calc(50vw - 600px), 100vw);--s-min: min(5vw, 3rem);--h-main: calc(100vh - 50px);--font-size-biggest: 4rem;--font-size-hero: 1.8rem;--font-size-h1: 1.6rem;--font-size-base: 1rem;--font-size-smaller: 1rem;--btn-padding: 25px 50px}@media (max-width: 768px){:root{--font-size-biggest: 1.8rem;--font-size-hero: 1.6rem;--font-size-h1: 1.4rem;--font-size-base: 1.2rem;--font-size-smaller: 1rem;--btn-padding: 15px 30px}}.lecture-container,.exam-test-container,.exam-result-container,.workshop-container,.exam-container{max-width:1200px;margin:0 auto;padding:1rem;min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){.lecture-container,.exam-test-container,.exam-result-container,.workshop-container,.exam-container{padding:0.75rem}}.lecture-container .page-header,.lecture-container .exam-header,.exam-test-container .page-header,.exam-test-container .exam-header,.exam-result-container .page-header,.exam-result-container .exam-header,.workshop-container .page-header,.workshop-container .exam-header,.exam-container .page-header,.exam-container .exam-header{margin-bottom:1rem;padding:0.75rem;background:#fff;border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:1px solid #e5e7eb}.lecture-container .page-header h1,.lecture-container .exam-header h1,.exam-test-container .page-header h1,.exam-test-container .exam-header h1,.exam-result-container .page-header h1,.exam-result-container .exam-header h1,.workshop-container .page-header h1,.workshop-container .exam-header h1,.exam-container .page-header h1,.exam-container .exam-header h1{font-size:1.4rem;font-weight:700;margin-bottom:0.25rem;color:#4d4d4d}.lecture-container .page-header .course-info,.lecture-container .exam-header .course-info,.exam-test-container .page-header .course-info,.exam-test-container .exam-header .course-info,.exam-result-container .page-header .course-info,.exam-result-container .exam-header .course-info,.workshop-container .page-header .course-info,.workshop-container .exam-header .course-info,.exam-container .page-header .course-info,.exam-container .exam-header .course-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.lecture-container .page-header .course-info .course-name,.lecture-container .exam-header .course-info .course-name,.exam-test-container .page-header .course-info .course-name,.exam-test-container .exam-header .course-info .course-name,.exam-result-container .page-header .course-info .course-name,.exam-result-container .exam-header .course-info .course-name,.workshop-container .page-header .course-info .course-name,.workshop-container .exam-header .course-info .course-name,.exam-container .page-header .course-info .course-name,.exam-container .exam-header .course-info .course-name{background:#f3f4f6;padding:0.25rem 0.75rem;border-radius:12px;font-size:.9rem;color:#4b5563;font-weight:500}.lecture-container .page-header .course-info .lecture-duration,.lecture-container .page-header .course-info .completion-badge,.lecture-container .page-header .course-info .status-badge,.lecture-container .exam-header .course-info .lecture-duration,.lecture-container .exam-header .course-info .completion-badge,.lecture-container .exam-header .course-info .status-badge,.exam-test-container .page-header .course-info .lecture-duration,.exam-test-container .page-header .course-info .completion-badge,.exam-test-container .page-header .course-info .status-badge,.exam-test-container .exam-header .course-info .lecture-duration,.exam-test-container .exam-header .course-info .completion-badge,.exam-test-container .exam-header .course-info .status-badge,.exam-result-container .page-header .course-info .lecture-duration,.exam-result-container .page-header .course-info .completion-badge,.exam-result-container .page-header .course-info .status-badge,.exam-result-container .exam-header .course-info .lecture-duration,.exam-result-container .exam-header .course-info .completion-badge,.exam-result-container .exam-header .course-info .status-badge,.workshop-container .page-header .course-info .lecture-duration,.workshop-container .page-header .course-info .completion-badge,.workshop-container .page-header .course-info .status-badge,.workshop-container .exam-header .course-info .lecture-duration,.workshop-container .exam-header .course-info .completion-badge,.workshop-container .exam-header .course-info .status-badge,.exam-container .page-header .course-info .lecture-duration,.exam-container .page-header .course-info .completion-badge,.exam-container .page-header .course-info .status-badge,.exam-container .exam-header .course-info .lecture-duration,.exam-container .exam-header .course-info .completion-badge,.exam-container .exam-header .course-info .status-badge{background:#ffe200;padding:0.25rem 0.75rem;border-radius:12px;font-size:.9rem;color:#000;font-weight:500}.lecture-container .page-header .course-info .completion-badge,.lecture-container .exam-header .course-info .completion-badge,.exam-test-container .page-header .course-info .completion-badge,.exam-test-container .exam-header .course-info .completion-badge,.exam-result-container .page-header .course-info .completion-badge,.exam-result-container .exam-header .course-info .completion-badge,.workshop-container .page-header .course-info .completion-badge,.workshop-container .exam-header .course-info .completion-badge,.exam-container .page-header .course-info .completion-badge,.exam-container .exam-header .course-info .completion-badge{background:#10b981;color:#fff;display:flex;align-items:center;gap:0.25rem}.lecture-container .page-header .course-info .status-badge,.lecture-container .exam-header .course-info .status-badge,.exam-test-container .page-header .course-info .status-badge,.exam-test-container .exam-header .course-info .status-badge,.exam-result-container .page-header .course-info .status-badge,.exam-result-container .exam-header .course-info .status-badge,.workshop-container .page-header .course-info .status-badge,.workshop-container .exam-header .course-info .status-badge,.exam-container .page-header .course-info .status-badge,.exam-container .exam-header .course-info .status-badge{background:#f59e0b;color:#fff}.lecture-container .page-header .exam-info,.lecture-container .exam-header .exam-info,.exam-test-container .page-header .exam-info,.exam-test-container .exam-header .exam-info,.exam-result-container .page-header .exam-info,.exam-result-container .exam-header .exam-info,.workshop-container .page-header .exam-info,.workshop-container .exam-header .exam-info,.exam-container .page-header .exam-info,.exam-container .exam-header .exam-info{display:flex;align-items:center;gap:1.5rem;margin-top:0.75rem;flex-wrap:wrap}.lecture-container .page-header .exam-info .timer-display,.lecture-container .exam-header .exam-info .timer-display,.exam-test-container .page-header .exam-info .timer-display,.exam-test-container .exam-header .exam-info .timer-display,.exam-result-container .page-header .exam-info .timer-display,.exam-result-container .exam-header .exam-info .timer-display,.workshop-container .page-header .exam-info .timer-display,.workshop-container .exam-header .exam-info .timer-display,.exam-container .page-header .exam-info .timer-display,.exam-container .exam-header .exam-info .timer-display{display:flex;align-items:center;gap:0.5rem;background:#f59e0b;color:#fff;padding:0.5rem 1rem;border-radius:8px;font-weight:700}.lecture-container .page-header .exam-info .exam-meta,.lecture-container .exam-header .exam-info .exam-meta,.exam-test-container .page-header .exam-info .exam-meta,.exam-test-container .exam-header .exam-info .exam-meta,.exam-result-container .page-header .exam-info .exam-meta,.exam-result-container .exam-header .exam-info .exam-meta,.workshop-container .page-header .exam-info .exam-meta,.workshop-container .exam-header .exam-info .exam-meta,.exam-container .page-header .exam-info .exam-meta,.exam-container .exam-header .exam-info .exam-meta{display:flex;gap:1rem;flex-wrap:wrap}.lecture-container .page-header .exam-info .exam-meta span,.lecture-container .exam-header .exam-info .exam-meta span,.exam-test-container .page-header .exam-info .exam-meta span,.exam-test-container .exam-header .exam-info .exam-meta span,.exam-result-container .page-header .exam-info .exam-meta span,.exam-result-container .exam-header .exam-info .exam-meta span,.workshop-container .page-header .exam-info .exam-meta span,.workshop-container .exam-header .exam-info .exam-meta span,.exam-container .page-header .exam-info .exam-meta span,.exam-container .exam-header .exam-info .exam-meta span{background:#f3f4f6;padding:0.25rem 0.75rem;border-radius:8px;font-size:.9rem;color:#4b5563}.lecture-container .video-section,.exam-test-container .video-section,.exam-result-container .video-section,.workshop-container .video-section,.exam-container .video-section{margin-bottom:2rem}.lecture-container .video-section .video-container,.exam-test-container .video-section .video-container,.exam-result-container .video-section .video-container,.workshop-container .video-section .video-container,.exam-container .video-section .video-container{position:relative;background:#f3f4f6;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);margin-bottom:1rem}.lecture-container .video-section .video-container video,.exam-test-container .video-section .video-container video,.exam-result-container .video-section .video-container video,.workshop-container .video-section .video-container video,.exam-container .video-section .video-container video{width:100%;height:auto;display:block}.lecture-container .video-section .video-container .completion-badge,.exam-test-container .video-section .video-container .completion-badge,.exam-result-container .video-section .video-container .completion-badge,.workshop-container .video-section .video-container .completion-badge,.exam-container .video-section .video-container .completion-badge{position:absolute;top:1rem;right:1rem;background:#10b981;color:#fff;padding:0.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:0.5rem;font-weight:500;font-size:.9rem}.lecture-container .video-section .video-controls-info,.exam-test-container .video-section .video-controls-info,.exam-result-container .video-section .video-controls-info,.workshop-container .video-section .video-controls-info,.exam-container .video-section .video-controls-info{text-align:center;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.lecture-container .video-section .video-controls-info p,.exam-test-container .video-section .video-controls-info p,.exam-result-container .video-section .video-controls-info p,.workshop-container .video-section .video-controls-info p,.exam-container .video-section .video-controls-info p{color:#4b5563;margin-bottom:0.5rem;font-size:.9rem}.lecture-container .video-section .video-controls-info .completion-status .completed,.exam-test-container .video-section .video-controls-info .completion-status .completed,.exam-result-container .video-section .video-controls-info .completion-status .completed,.workshop-container .video-section .video-controls-info .completion-status .completed,.exam-container .video-section .video-controls-info .completion-status .completed{color:#10b981;font-weight:700}.lecture-container .video-section .video-controls-info .completion-status .incomplete,.exam-test-container .video-section .video-controls-info .completion-status .incomplete,.exam-result-container .video-section .video-controls-info .completion-status .incomplete,.workshop-container .video-section .video-controls-info .completion-status .incomplete,.exam-container .video-section .video-controls-info .completion-status .incomplete{color:#f59e0b;font-weight:700}.lecture-container .workshop-section,.exam-test-container .workshop-section,.exam-result-container .workshop-section,.workshop-container .workshop-section,.exam-container .workshop-section{margin-bottom:2rem}.lecture-container .workshop-section .workshop-content,.exam-test-container .workshop-section .workshop-content,.exam-result-container .workshop-section .workshop-content,.workshop-container .workshop-section .workshop-content,.exam-container .workshop-section .workshop-content{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:1px solid #e5e7eb}.lecture-container .workshop-section .workshop-content h3,.exam-test-container .workshop-section .workshop-content h3,.exam-result-container .workshop-section .workshop-content h3,.workshop-container .workshop-section .workshop-content h3,.exam-container .workshop-section .workshop-content h3{margin-bottom:1rem;font-size:1.4rem;font-weight:700;color:#4d4d4d}.lecture-container .workshop-section .workshop-content p,.exam-test-container .workshop-section .workshop-content p,.exam-result-container .workshop-section .workshop-content p,.workshop-container .workshop-section .workshop-content p,.exam-container .workshop-section .workshop-content p{margin-bottom:1.5rem;color:#4b5563}.lecture-container .workshop-section .timerex-container,.exam-test-container .workshop-section .timerex-container,.exam-result-container .workshop-section .timerex-container,.workshop-container .workshop-section .timerex-container,.exam-container .workshop-section .timerex-container{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:1px solid #e5e7eb}.lecture-container .workshop-section .timerex-container iframe,.exam-test-container .workshop-section .timerex-container iframe,.exam-result-container .workshop-section .timerex-container iframe,.workshop-container .workshop-section .timerex-container iframe,.exam-container .workshop-section .timerex-container iframe{border:none;width:100%;min-height:600px}.lecture-container .workshop-section .password-section,.exam-test-container .workshop-section .password-section,.exam-result-container .workshop-section .password-section,.workshop-container .workshop-section .password-section,.exam-container .workshop-section .password-section{background:#f9fafb;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb}.lecture-container .workshop-section .password-section h4,.exam-test-container .workshop-section .password-section h4,.exam-result-container .workshop-section .password-section h4,.workshop-container .workshop-section .password-section h4,.exam-container .workshop-section .password-section h4{margin-bottom:1rem;font-weight:700;color:#4d4d4d}.lecture-container .workshop-section .password-section .password-form,.exam-test-container .workshop-section .password-section .password-form,.exam-result-container .workshop-section .password-section .password-form,.workshop-container .workshop-section .password-section .password-form,.exam-container .workshop-section .password-section .password-form{display:flex;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.lecture-container .workshop-section .password-section .password-form,.exam-test-container .workshop-section .password-section .password-form,.exam-result-container .workshop-section .password-section .password-form,.workshop-container .workshop-section .password-section .password-form,.exam-container .workshop-section .password-section .password-form{flex-direction:column}}.lecture-container .workshop-section .password-section .password-form input,.exam-test-container .workshop-section .password-section .password-form input,.exam-result-container .workshop-section .password-section .password-form input,.workshop-container .workshop-section .password-section .password-form input,.exam-container .workshop-section .password-section .password-form input{flex:1;padding:0.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}.lecture-container .workshop-section .password-section .password-form input:focus,.exam-test-container .workshop-section .password-section .password-form input:focus,.exam-result-container .workshop-section .password-section .password-form input:focus,.workshop-container .workshop-section .password-section .password-form input:focus,.exam-container .workshop-section .password-section .password-form input:focus{outline:2px solid #3b82f6;outline-offset:1px;border-color:#3b82f6}.lecture-container .workshop-section .password-section .password-form input:disabled,.exam-test-container .workshop-section .password-section .password-form input:disabled,.exam-result-container .workshop-section .password-section .password-form input:disabled,.workshop-container .workshop-section .password-section .password-form input:disabled,.exam-container .workshop-section .password-section .password-form input:disabled{background:#e5e7eb;color:#9ca3af}.lecture-container .workshop-section .password-section .password-form button,.exam-test-container .workshop-section .password-section .password-form button,.exam-result-container .workshop-section .password-section .password-form button,.workshop-container .workshop-section .password-section .password-form button,.exam-container .workshop-section .password-section .password-form button{padding:0.75rem 1.5rem;background:#4d4d4d;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all 0.3s ease}.lecture-container .workshop-section .password-section .password-form button:hover:not(:disabled),.exam-test-container .workshop-section .password-section .password-form button:hover:not(:disabled),.exam-result-container .workshop-section .password-section .password-form button:hover:not(:disabled),.workshop-container .workshop-section .password-section .password-form button:hover:not(:disabled),.exam-container .workshop-section .password-section .password-form button:hover:not(:disabled){background:#343434}.lecture-container .workshop-section .password-section .password-form button:disabled,.exam-test-container .workshop-section .password-section .password-form button:disabled,.exam-result-container .workshop-section .password-section .password-form button:disabled,.workshop-container .workshop-section .password-section .password-form button:disabled,.exam-container .workshop-section .password-section .password-form button:disabled{background:#9ca3af;cursor:not-allowed}.lecture-container .workshop-section .password-section .completion-info,.exam-test-container .workshop-section .password-section .completion-info,.exam-result-container .workshop-section .password-section .completion-info,.workshop-container .workshop-section .password-section .completion-info,.exam-container .workshop-section .password-section .completion-info{display:flex;align-items:center;gap:0.5rem;color:#10b981;font-weight:500}.lecture-container .homework-section,.exam-test-container .homework-section,.exam-result-container .homework-section,.workshop-container .homework-section,.exam-container .homework-section{margin-bottom:2rem}.lecture-container .homework-section h3,.exam-test-container .homework-section h3,.exam-result-container .homework-section h3,.workshop-container .homework-section h3,.exam-container .homework-section h3{margin-bottom:1rem;font-size:1.4rem;font-weight:700;color:#4d4d4d}.lecture-container .homework-section p,.exam-test-container .homework-section p,.exam-result-container .homework-section p,.workshop-container .homework-section p,.exam-container .homework-section p{margin-bottom:1.5rem;color:#4b5563}.lecture-container .homework-section .upload-area,.exam-test-container .homework-section .upload-area,.exam-result-container .homework-section .upload-area,.workshop-container .homework-section .upload-area,.exam-container .homework-section .upload-area{border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center;background:#f9fafb;cursor:pointer;transition:all 0.3s ease;margin-bottom:1.5rem}.lecture-container .homework-section .upload-area:hover,.exam-test-container .homework-section .upload-area:hover,.exam-result-container .homework-section .upload-area:hover,.workshop-container .homework-section .upload-area:hover,.exam-container .homework-section .upload-area:hover{border-color:#3b82f6;background:#f3f4f6}.lecture-container .homework-section .upload-area .upload-content .upload-icon,.exam-test-container .homework-section .upload-area .upload-content .upload-icon,.exam-result-container .homework-section .upload-area .upload-content .upload-icon,.workshop-container .homework-section .upload-area .upload-content .upload-icon,.exam-container .homework-section .upload-area .upload-content .upload-icon{margin-bottom:1rem}.lecture-container .homework-section .upload-area .upload-content p,.exam-test-container .homework-section .upload-area .upload-content p,.exam-result-container .homework-section .upload-area .upload-content p,.workshop-container .homework-section .upload-area .upload-content p,.exam-container .homework-section .upload-area .upload-content p{color:#4b5563;font-weight:500;margin:0}.lecture-container .homework-section .upload-area .upload-content input[type="file"],.exam-test-container .homework-section .upload-area .upload-content input[type="file"],.exam-result-container .homework-section .upload-area .upload-content input[type="file"],.workshop-container .homework-section .upload-area .upload-content input[type="file"],.exam-container .homework-section .upload-area .upload-content input[type="file"]{display:none}.lecture-container .homework-section .uploaded-files,.exam-test-container .homework-section .uploaded-files,.exam-result-container .homework-section .uploaded-files,.workshop-container .homework-section .uploaded-files,.exam-container .homework-section .uploaded-files{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:1px solid #e5e7eb}.lecture-container .homework-section .uploaded-files h4,.exam-test-container .homework-section .uploaded-files h4,.exam-result-container .homework-section .uploaded-files h4,.workshop-container .homework-section .uploaded-files h4,.exam-container .homework-section .uploaded-files h4{margin-bottom:1rem;font-weight:700;color:#4d4d4d}.lecture-container .homework-section .uploaded-files .file-list .file-item,.exam-test-container .homework-section .uploaded-files .file-list .file-item,.exam-result-container .homework-section .uploaded-files .file-list .file-item,.workshop-container .homework-section .uploaded-files .file-list .file-item,.exam-container .homework-section .uploaded-files .file-list .file-item{display:flex;align-items:center;gap:1rem;padding:0.75rem;border-radius:6px;background:#f9fafb;margin-bottom:0.5rem;transition:all 0.2s ease}.lecture-container .homework-section .uploaded-files .file-list .file-item:hover,.exam-test-container .homework-section .uploaded-files .file-list .file-item:hover,.exam-result-container .homework-section .uploaded-files .file-list .file-item:hover,.workshop-container .homework-section .uploaded-files .file-list .file-item:hover,.exam-container .homework-section .uploaded-files .file-list .file-item:hover{background:#f3f4f6}.lecture-container .homework-section .uploaded-files .file-list .file-item:last-child,.exam-test-container .homework-section .uploaded-files .file-list .file-item:last-child,.exam-result-container .homework-section .uploaded-files .file-list .file-item:last-child,.workshop-container .homework-section .uploaded-files .file-list .file-item:last-child,.exam-container .homework-section .uploaded-files .file-list .file-item:last-child{margin-bottom:0}.lecture-container .homework-section .uploaded-files .file-list .file-item .file-icon,.exam-test-container .homework-section .uploaded-files .file-list .file-item .file-icon,.exam-result-container .homework-section .uploaded-files .file-list .file-item .file-icon,.workshop-container .homework-section .uploaded-files .file-list .file-item .file-icon,.exam-container .homework-section .uploaded-files .file-list .file-item .file-icon{flex-shrink:0}.lecture-container .homework-section .uploaded-files .file-list .file-item .file-info,.exam-test-container .homework-section .uploaded-files .file-list .file-item .file-info,.exam-result-container .homework-section .uploaded-files .file-list .file-item .file-info,.workshop-container .homework-section .uploaded-files .file-list .file-item .file-info,.exam-container .homework-section .uploaded-files .file-list .file-item .file-info{flex:1;min-width:0}.lecture-container .homework-section .uploaded-files .file-list .file-item .file-info .file-name,.exam-test-container .homework-section .uploaded-files .file-list .file-item .file-info .file-name,.exam-result-container .homework-section .uploaded-files .file-list .file-item .file-info .file-name,.workshop-container .homework-section .uploaded-files .file-list .file-item .file-info .file-name,.exam-container .homework-section .uploaded-files .file-list .file-item .file-info .file-name{display:block;font-weight:500;color:#4d4d4d;word-break:break-all}.lecture-container .homework-section .uploaded-files .file-list .file-item .file-info .file-date,.exam-test-container .homework-section .uploaded-files .file-list .file-item .file-info .file-date,.exam-result-container .homework-section .uploaded-files .file-list .file-item .file-info .file-date,.workshop-container .homework-section .uploaded-files .file-list .file-item .file-info .file-date,.exam-container .homework-section .uploaded-files .file-list .file-item .file-info .file-date{display:block;font-size:.9rem;color:#6b7280;margin-top:0.25rem}.lecture-container .homework-section .uploaded-files .file-list .file-item .file-download,.exam-test-container .homework-section .uploaded-files .file-list .file-item .file-download,.exam-result-container .homework-section .uploaded-files .file-list .file-item .file-download,.workshop-container .homework-section .uploaded-files .file-list .file-item .file-download,.exam-container .homework-section .uploaded-files .file-list .file-item .file-download{background:#3b82f6;color:#fff;padding:0.5rem 1rem;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;transition:all 0.3s ease}.lecture-container .homework-section .uploaded-files .file-list .file-item .file-download:hover,.exam-test-container .homework-section .uploaded-files .file-list .file-item .file-download:hover,.exam-result-container .homework-section .uploaded-files .file-list .file-item .file-download:hover,.workshop-container .homework-section .uploaded-files .file-list .file-item .file-download:hover,.exam-container .homework-section .uploaded-files .file-list .file-item .file-download:hover{background:#0b63f3}.lecture-container .modal,.exam-test-container .modal,.exam-result-container .modal,.workshop-container .modal,.exam-container .modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:1000}.lecture-container .modal .modal-content,.exam-test-container .modal .modal-content,.exam-result-container .modal .modal-content,.workshop-container .modal .modal-content,.exam-container .modal .modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:500px;margin:2rem;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.lecture-container .modal .modal-content h3,.exam-test-container .modal .modal-content h3,.exam-result-container .modal .modal-content h3,.workshop-container .modal .modal-content h3,.exam-container .modal .modal-content h3{margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;text-align:center;color:#4d4d4d}.lecture-container .modal .modal-content .exam-rules,.exam-test-container .modal .modal-content .exam-rules,.exam-result-container .modal .modal-content .exam-rules,.workshop-container .modal .modal-content .exam-rules,.exam-container .modal .modal-content .exam-rules{margin-bottom:2rem}.lecture-container .modal .modal-content .exam-rules ul,.exam-test-container .modal .modal-content .exam-rules ul,.exam-result-container .modal .modal-content .exam-rules ul,.workshop-container .modal .modal-content .exam-rules ul,.exam-container .modal .modal-content .exam-rules ul{list-style:none;padding:0;margin:0}.lecture-container .modal .modal-content .exam-rules ul li,.exam-test-container .modal .modal-content .exam-rules ul li,.exam-result-container .modal .modal-content .exam-rules ul li,.workshop-container .modal .modal-content .exam-rules ul li,.exam-container .modal .modal-content .exam-rules ul li{background:#f9fafb;padding:0.75rem;margin-bottom:0.5rem;border-radius:6px;border-left:3px solid #3b82f6}.lecture-container .modal .modal-content .exam-rules ul li:before,.exam-test-container .modal .modal-content .exam-rules ul li:before,.exam-result-container .modal .modal-content .exam-rules ul li:before,.workshop-container .modal .modal-content .exam-rules ul li:before,.exam-container .modal .modal-content .exam-rules ul li:before{content:"✓";color:#10b981;font-weight:bold;margin-right:0.5rem}.lecture-container .modal .modal-content .exam-rules ul li:last-child,.exam-test-container .modal .modal-content .exam-rules ul li:last-child,.exam-result-container .modal .modal-content .exam-rules ul li:last-child,.workshop-container .modal .modal-content .exam-rules ul li:last-child,.exam-container .modal .modal-content .exam-rules ul li:last-child{margin-bottom:0}.lecture-container .modal .modal-content .modal-actions,.exam-test-container .modal .modal-content .modal-actions,.exam-result-container .modal .modal-content .modal-actions,.workshop-container .modal .modal-content .modal-actions,.exam-container .modal .modal-content .modal-actions{display:flex;gap:1rem;justify-content:center}@media (max-width: 768px){.lecture-container .modal .modal-content .modal-actions,.exam-test-container .modal .modal-content .modal-actions,.exam-result-container .modal .modal-content .modal-actions,.workshop-container .modal .modal-content .modal-actions,.exam-container .modal .modal-content .modal-actions{flex-direction:column}}.lecture-container .modal .modal-content .modal-actions .btn,.exam-test-container .modal .modal-content .modal-actions .btn,.exam-result-container .modal .modal-content .modal-actions .btn,.workshop-container .modal .modal-content .modal-actions .btn,.exam-container .modal .modal-content .modal-actions .btn{padding:0.75rem 1.5rem;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all 0.3s ease}.lecture-container .modal .modal-content .modal-actions .btn.btn-secondary,.exam-test-container .modal .modal-content .modal-actions .btn.btn-secondary,.exam-result-container .modal .modal-content .modal-actions .btn.btn-secondary,.workshop-container .modal .modal-content .modal-actions .btn.btn-secondary,.exam-container .modal .modal-content .modal-actions .btn.btn-secondary{background:#e5e7eb;color:#374151}.lecture-container .modal .modal-content .modal-actions .btn.btn-secondary:hover,.exam-test-container .modal .modal-content .modal-actions .btn.btn-secondary:hover,.exam-result-container .modal .modal-content .modal-actions .btn.btn-secondary:hover,.workshop-container .modal .modal-content .modal-actions .btn.btn-secondary:hover,.exam-container .modal .modal-content .modal-actions .btn.btn-secondary:hover{background:#d1d5db}.lecture-container .modal .modal-content .modal-actions .btn.btn-primary,.exam-test-container .modal .modal-content .modal-actions .btn.btn-primary,.exam-result-container .modal .modal-content .modal-actions .btn.btn-primary,.workshop-container .modal .modal-content .modal-actions .btn.btn-primary,.exam-container .modal .modal-content .modal-actions .btn.btn-primary{background:#3b82f6;color:#fff}.lecture-container .modal .modal-content .modal-actions .btn.btn-primary:hover,.exam-test-container .modal .modal-content .modal-actions .btn.btn-primary:hover,.exam-result-container .modal .modal-content .modal-actions .btn.btn-primary:hover,.workshop-container .modal .modal-content .modal-actions .btn.btn-primary:hover,.exam-container .modal .modal-content .modal-actions .btn.btn-primary:hover{background:#0b63f3}.lecture-container .session-section,.exam-test-container .session-section,.exam-result-container .session-section,.workshop-container .session-section,.exam-container .session-section{background:#4d4d4d;color:#fff;padding:0.75rem;border-radius:6px;margin:1rem 0}.lecture-container .session-section .session-title,.exam-test-container .session-section .session-title,.exam-result-container .session-section .session-title,.workshop-container .session-section .session-title,.exam-container .session-section .session-title{font-size:1.2rem;font-weight:700;margin-bottom:0.25rem}.lecture-container .session-section .session-score,.exam-test-container .session-section .session-score,.exam-result-container .session-section .session-score,.workshop-container .session-section .session-score,.exam-container .session-section .session-score{opacity:0.9;font-weight:500;font-size:.9rem}.lecture-container .question-card,.exam-test-container .question-card,.exam-result-container .question-card,.workshop-container .question-card,.exam-container .question-card{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:1px solid #e5e7eb}.lecture-container .question-card .question-header,.exam-test-container .question-card .question-header,.exam-result-container .question-card .question-header,.workshop-container .question-card .question-header,.exam-container .question-card .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.75rem}.lecture-container .question-card .question-header .question-number,.exam-test-container .question-card .question-header .question-number,.exam-result-container .question-card .question-header .question-number,.workshop-container .question-card .question-header .question-number,.exam-container .question-card .question-header .question-number{background:#ffe200;color:#000;padding:0.25rem 0.75rem;border-radius:6px;font-weight:700;font-size:.9rem}.lecture-container .question-card .question-header .question-type,.exam-test-container .question-card .question-header .question-type,.exam-result-container .question-card .question-header .question-type,.workshop-container .question-card .question-header .question-type,.exam-container .question-card .question-header .question-type{background:#f3f4f6;color:#4b5563;padding:0.25rem 0.75rem;border-radius:6px;font-size:.9rem;font-weight:500}.lecture-container .question-card .question-text,.exam-test-container .question-card .question-text,.exam-result-container .question-card .question-text,.workshop-container .question-card .question-text,.exam-container .question-card .question-text{margin-bottom:1rem;line-height:1.6;color:#4d4d4d}.lecture-container .question-card .question-text p,.exam-test-container .question-card .question-text p,.exam-result-container .question-card .question-text p,.workshop-container .question-card .question-text p,.exam-container .question-card .question-text p{margin:0}.lecture-container .question-card .choices-container .choice-label,.exam-test-container .question-card .choices-container .choice-label,.exam-result-container .question-card .choices-container .choice-label,.workshop-container .question-card .choices-container .choice-label,.exam-container .question-card .choices-container .choice-label{display:flex;align-items:flex-start;gap:0.75rem;padding:0.5rem;margin-bottom:0.5rem;border-radius:6px;background:#f9fafb;cursor:pointer;transition:all 0.2s ease;border:1px solid transparent}.lecture-container .question-card .choices-container .choice-label:hover,.exam-test-container .question-card .choices-container .choice-label:hover,.exam-result-container .question-card .choices-container .choice-label:hover,.workshop-container .question-card .choices-container .choice-label:hover,.exam-container .question-card .choices-container .choice-label:hover{background:#f3f4f6;border-color:#3b82f6}.lecture-container .question-card .choices-container .choice-label:last-child,.exam-test-container .question-card .choices-container .choice-label:last-child,.exam-result-container .question-card .choices-container .choice-label:last-child,.workshop-container .question-card .choices-container .choice-label:last-child,.exam-container .question-card .choices-container .choice-label:last-child{margin-bottom:0}.lecture-container .question-card .choices-container .choice-label .choice-input,.exam-test-container .question-card .choices-container .choice-label .choice-input,.exam-result-container .question-card .choices-container .choice-label .choice-input,.workshop-container .question-card .choices-container .choice-label .choice-input,.exam-container .question-card .choices-container .choice-label .choice-input{margin:0;width:18px;height:18px;flex-shrink:0;appearance:auto}.lecture-container .question-card .choices-container .choice-label .choice-text,.exam-test-container .question-card .choices-container .choice-label .choice-text,.exam-result-container .question-card .choices-container .choice-label .choice-text,.workshop-container .question-card .choices-container .choice-label .choice-text,.exam-container .question-card .choices-container .choice-label .choice-text{flex:1;line-height:1.5;color:#374151}.lecture-container .question-card .choices-container .choice-label .choice-input:checked~.choice-text,.exam-test-container .question-card .choices-container .choice-label .choice-input:checked~.choice-text,.exam-result-container .question-card .choices-container .choice-label .choice-input:checked~.choice-text,.workshop-container .question-card .choices-container .choice-label .choice-input:checked~.choice-text,.exam-container .question-card .choices-container .choice-label .choice-input:checked~.choice-text{color:#3b82f6;font-weight:500}.lecture-container .submit-section,.exam-test-container .submit-section,.exam-result-container .submit-section,.workshop-container .submit-section,.exam-container .submit-section{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);text-align:center;margin-top:1rem;border:1px solid #e5e7eb;flex-shrink:0}.lecture-container .submit-section .submit-warning,.exam-test-container .submit-section .submit-warning,.exam-result-container .submit-section .submit-warning,.workshop-container .submit-section .submit-warning,.exam-container .submit-section .submit-warning{display:flex;align-items:flex-start;gap:0.75rem;background:rgba(245,158,11,0.1);padding:0.75rem;border-radius:6px;margin-bottom:1rem;border:1px solid rgba(245,158,11,0.3)}.lecture-container .submit-section .submit-warning svg,.exam-test-container .submit-section .submit-warning svg,.exam-result-container .submit-section .submit-warning svg,.workshop-container .submit-section .submit-warning svg,.exam-container .submit-section .submit-warning svg{flex-shrink:0;margin-top:0.125rem;width:20px;height:20px}.lecture-container .submit-section .submit-warning div,.exam-test-container .submit-section .submit-warning div,.exam-result-container .submit-section .submit-warning div,.workshop-container .submit-section .submit-warning div,.exam-container .submit-section .submit-warning div{text-align:left}.lecture-container .submit-section .submit-warning div strong,.exam-test-container .submit-section .submit-warning div strong,.exam-result-container .submit-section .submit-warning div strong,.workshop-container .submit-section .submit-warning div strong,.exam-container .submit-section .submit-warning div strong{display:block;margin-bottom:0.25rem;color:#f59e0b;font-size:.9rem}.lecture-container .submit-section .submit-warning div p,.exam-test-container .submit-section .submit-warning div p,.exam-result-container .submit-section .submit-warning div p,.workshop-container .submit-section .submit-warning div p,.exam-container .submit-section .submit-warning div p{margin:0;color:#4b5563;line-height:1.5;font-size:.9rem}.lecture-container .submit-section .progress-info,.exam-test-container .submit-section .progress-info,.exam-result-container .submit-section .progress-info,.workshop-container .submit-section .progress-info,.exam-container .submit-section .progress-info{margin-bottom:1rem;font-size:1rem;font-weight:500;color:#374151}.lecture-container .submit-section .progress-info #answered-count,.exam-test-container .submit-section .progress-info #answered-count,.exam-result-container .submit-section .progress-info #answered-count,.workshop-container .submit-section .progress-info #answered-count,.exam-container .submit-section .progress-info #answered-count{color:#3b82f6;font-weight:700}.lecture-container .submit-section #submit-exam,.exam-test-container .submit-section #submit-exam,.exam-result-container .submit-section #submit-exam,.workshop-container .submit-section #submit-exam,.exam-container .submit-section #submit-exam{background:#ef4444;color:#fff;border:none;padding:0.75rem 2rem;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:all 0.3s ease}.lecture-container .submit-section #submit-exam:hover:not(:disabled),.exam-test-container .submit-section #submit-exam:hover:not(:disabled),.exam-result-container .submit-section #submit-exam:hover:not(:disabled),.workshop-container .submit-section #submit-exam:hover:not(:disabled),.exam-container .submit-section #submit-exam:hover:not(:disabled){background:#eb1515}.lecture-container .submit-section #submit-exam:disabled,.exam-test-container .submit-section #submit-exam:disabled,.exam-result-container .submit-section #submit-exam:disabled,.workshop-container .submit-section #submit-exam:disabled,.exam-container .submit-section #submit-exam:disabled{background:#9ca3af;cursor:not-allowed}.lecture-container .result-header,.exam-test-container .result-header,.exam-result-container .result-header,.workshop-container .result-header,.exam-container .result-header{text-align:center;padding:2rem;border-radius:12px;margin-bottom:2rem}.lecture-container .result-header.passed,.exam-test-container .result-header.passed,.exam-result-container .result-header.passed,.workshop-container .result-header.passed,.exam-container .result-header.passed{background:#10b981;color:#fff}.lecture-container .result-header.failed,.exam-test-container .result-header.failed,.exam-result-container .result-header.failed,.workshop-container .result-header.failed,.exam-container .result-header.failed{background:#ef4444;color:#fff}.lecture-container .result-header .result-icon,.exam-test-container .result-header .result-icon,.exam-result-container .result-header .result-icon,.workshop-container .result-header .result-icon,.exam-container .result-header .result-icon{margin-bottom:1rem}.lecture-container .result-header h1,.exam-test-container .result-header h1,.exam-result-container .result-header h1,.workshop-container .result-header h1,.exam-container .result-header h1{font-size:3rem;font-weight:700;margin-bottom:0.5rem}.lecture-container .result-header p,.exam-test-container .result-header p,.exam-result-container .result-header p,.workshop-container .result-header p,.exam-container .result-header p{font-size:1.2rem;opacity:0.9}.lecture-container .result-details .score-section,.exam-test-container .result-details .score-section,.exam-result-container .result-details .score-section,.workshop-container .result-details .score-section,.exam-container .result-details .score-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:1px solid #e5e7eb}.lecture-container .result-details .score-section .score-display,.exam-test-container .result-details .score-section .score-display,.exam-result-container .result-details .score-section .score-display,.workshop-container .result-details .score-section .score-display,.exam-container .result-details .score-section .score-display{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem}@media (max-width: 768px){.lecture-container .result-details .score-section .score-display,.exam-test-container .result-details .score-section .score-display,.exam-result-container .result-details .score-section .score-display,.workshop-container .result-details .score-section .score-display,.exam-container .result-details .score-section .score-display{flex-direction:column;gap:1rem}}.lecture-container .result-details .score-section .score-display .score-circle,.exam-test-container .result-details .score-section .score-display .score-circle,.exam-result-container .result-details .score-section .score-display .score-circle,.workshop-container .result-details .score-section .score-display .score-circle,.exam-container .result-details .score-section .score-display .score-circle{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:6px solid}.lecture-container .result-details .score-section .score-display .score-circle.passed,.exam-test-container .result-details .score-section .score-display .score-circle.passed,.exam-result-container .result-details .score-section .score-display .score-circle.passed,.workshop-container .result-details .score-section .score-display .score-circle.passed,.exam-container .result-details .score-section .score-display .score-circle.passed{border-color:#10b981;background:rgba(16,185,129,0.1)}.lecture-container .result-details .score-section .score-display .score-circle.failed,.exam-test-container .result-details .score-section .score-display .score-circle.failed,.exam-result-container .result-details .score-section .score-display .score-circle.failed,.workshop-container .result-details .score-section .score-display .score-circle.failed,.exam-container .result-details .score-section .score-display .score-circle.failed{border-color:#ef4444;background:rgba(239,68,68,0.1)}.lecture-container .result-details .score-section .score-display .score-circle .score-value,.exam-test-container .result-details .score-section .score-display .score-circle .score-value,.exam-result-container .result-details .score-section .score-display .score-circle .score-value,.workshop-container .result-details .score-section .score-display .score-circle .score-value,.exam-container .result-details .score-section .score-display .score-circle .score-value{font-size:3rem;font-weight:700;line-height:1}.lecture-container .result-details .score-section .score-display .score-circle .score-total,.exam-test-container .result-details .score-section .score-display .score-circle .score-total,.exam-result-container .result-details .score-section .score-display .score-circle .score-total,.workshop-container .result-details .score-section .score-display .score-circle .score-total,.exam-container .result-details .score-section .score-display .score-circle .score-total{font-size:1rem;color:#4b5563}.lecture-container .result-details .score-section .score-display .score-info,.exam-test-container .result-details .score-section .score-display .score-info,.exam-result-container .result-details .score-section .score-display .score-info,.workshop-container .result-details .score-section .score-display .score-info,.exam-container .result-details .score-section .score-display .score-info{text-align:center}.lecture-container .result-details .score-section .score-display .score-info .score-percentage,.exam-test-container .result-details .score-section .score-display .score-info .score-percentage,.exam-result-container .result-details .score-section .score-display .score-info .score-percentage,.workshop-container .result-details .score-section .score-display .score-info .score-percentage,.exam-container .result-details .score-section .score-display .score-info .score-percentage{font-size:1.8rem;font-weight:700;margin-bottom:0.5rem;color:#4d4d4d}.lecture-container .result-details .score-section .score-display .score-info .score-status .status-passed,.exam-test-container .result-details .score-section .score-display .score-info .score-status .status-passed,.exam-result-container .result-details .score-section .score-display .score-info .score-status .status-passed,.workshop-container .result-details .score-section .score-display .score-info .score-status .status-passed,.exam-container .result-details .score-section .score-display .score-info .score-status .status-passed{background:#10b981;color:#fff;padding:0.5rem 1rem;border-radius:8px;font-weight:700}.lecture-container .result-details .score-section .score-display .score-info .score-status .status-failed,.exam-test-container .result-details .score-section .score-display .score-info .score-status .status-failed,.exam-result-container .result-details .score-section .score-display .score-info .score-status .status-failed,.workshop-container .result-details .score-section .score-display .score-info .score-status .status-failed,.exam-container .result-details .score-section .score-display .score-info .score-status .status-failed{background:#ef4444;color:#fff;padding:0.5rem 1rem;border-radius:8px;font-weight:700}.lecture-container .result-details .score-section .exam-meta,.exam-test-container .result-details .score-section .exam-meta,.exam-result-container .result-details .score-section .exam-meta,.workshop-container .result-details .score-section .exam-meta,.exam-container .result-details .score-section .exam-meta{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1rem}.lecture-container .result-details .score-section .exam-meta .meta-item,.exam-test-container .result-details .score-section .exam-meta .meta-item,.exam-result-container .result-details .score-section .exam-meta .meta-item,.workshop-container .result-details .score-section .exam-meta .meta-item,.exam-container .result-details .score-section .exam-meta .meta-item{background:#f9fafb;padding:1rem;border-radius:8px;text-align:center}.lecture-container .result-details .score-section .exam-meta .meta-item .meta-label,.exam-test-container .result-details .score-section .exam-meta .meta-item .meta-label,.exam-result-container .result-details .score-section .exam-meta .meta-item .meta-label,.workshop-container .result-details .score-section .exam-meta .meta-item .meta-label,.exam-container .result-details .score-section .exam-meta .meta-item .meta-label{display:block;font-size:.9rem;color:#4b5563;margin-bottom:0.5rem}.lecture-container .result-details .score-section .exam-meta .meta-item .meta-value,.exam-test-container .result-details .score-section .exam-meta .meta-item .meta-value,.exam-result-container .result-details .score-section .exam-meta .meta-item .meta-value,.workshop-container .result-details .score-section .exam-meta .meta-item .meta-value,.exam-container .result-details .score-section .exam-meta .meta-item .meta-value{font-weight:700;color:#4d4d4d}.lecture-container .result-details .session-results h3,.exam-test-container .result-details .session-results h3,.exam-result-container .result-details .session-results h3,.workshop-container .result-details .session-results h3,.exam-container .result-details .session-results h3{margin-bottom:1rem;font-size:1.4rem;font-weight:700;color:#4d4d4d}.lecture-container .result-details .session-results .sessions-grid,.exam-test-container .result-details .session-results .sessions-grid,.exam-result-container .result-details .session-results .sessions-grid,.workshop-container .result-details .session-results .sessions-grid,.exam-container .result-details .session-results .sessions-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}.lecture-container .result-details .session-results .sessions-grid .session-result-card,.exam-test-container .result-details .session-results .sessions-grid .session-result-card,.exam-result-container .result-details .session-results .sessions-grid .session-result-card,.workshop-container .result-details .session-results .sessions-grid .session-result-card,.exam-container .result-details .session-results .sessions-grid .session-result-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:1px solid #e5e7eb}.lecture-container .result-details .session-results .sessions-grid .session-result-card h4,.exam-test-container .result-details .session-results .sessions-grid .session-result-card h4,.exam-result-container .result-details .session-results .sessions-grid .session-result-card h4,.workshop-container .result-details .session-results .sessions-grid .session-result-card h4,.exam-container .result-details .session-results .sessions-grid .session-result-card h4{margin-bottom:0.75rem;color:#4d4d4d;font-weight:700}.lecture-container .result-details .session-results .sessions-grid .session-result-card .session-score,.exam-test-container .result-details .session-results .sessions-grid .session-result-card .session-score,.exam-result-container .result-details .session-results .sessions-grid .session-result-card .session-score,.workshop-container .result-details .session-results .sessions-grid .session-result-card .session-score,.exam-container .result-details .session-results .sessions-grid .session-result-card .session-score{display:flex;align-items:baseline;gap:0.25rem;margin-bottom:0.5rem}.lecture-container .result-details .session-results .sessions-grid .session-result-card .session-score .session-points,.exam-test-container .result-details .session-results .sessions-grid .session-result-card .session-score .session-points,.exam-result-container .result-details .session-results .sessions-grid .session-result-card .session-score .session-points,.workshop-container .result-details .session-results .sessions-grid .session-result-card .session-score .session-points,.exam-container .result-details .session-results .sessions-grid .session-result-card .session-score .session-points{font-size:1.8rem;font-weight:700;color:#3b82f6}.lecture-container .result-details .session-results .sessions-grid .session-result-card .session-score .session-total,.exam-test-container .result-details .session-results .sessions-grid .session-result-card .session-score .session-total,.exam-result-container .result-details .session-results .sessions-grid .session-result-card .session-score .session-total,.workshop-container .result-details .session-results .sessions-grid .session-result-card .session-score .session-total,.exam-container .result-details .session-results .sessions-grid .session-result-card .session-score .session-total{color:#4b5563}.lecture-container .result-details .session-results .sessions-grid .session-result-card .session-questions,.exam-test-container .result-details .session-results .sessions-grid .session-result-card .session-questions,.exam-result-container .result-details .session-results .sessions-grid .session-result-card .session-questions,.workshop-container .result-details .session-results .sessions-grid .session-result-card .session-questions,.exam-container .result-details .session-results .sessions-grid .session-result-card .session-questions{color:#4b5563;font-size:.9rem}.lecture-container .result-details .session-results .sessions-grid .session-result-card .session-questions .correct-count,.exam-test-container .result-details .session-results .sessions-grid .session-result-card .session-questions .correct-count,.exam-result-container .result-details .session-results .sessions-grid .session-result-card .session-questions .correct-count,.workshop-container .result-details .session-results .sessions-grid .session-result-card .session-questions .correct-count,.exam-container .result-details .session-results .sessions-grid .session-result-card .session-questions .correct-count{color:#10b981;font-weight:700}.lecture-container .certificate-section,.exam-test-container .certificate-section,.exam-result-container .certificate-section,.workshop-container .certificate-section,.exam-container .certificate-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);border:1px solid #e5e7eb}.lecture-container .certificate-section h3,.exam-test-container .certificate-section h3,.exam-result-container .certificate-section h3,.workshop-container .certificate-section h3,.exam-container .certificate-section h3{margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;text-align:center;color:#4d4d4d}.lecture-container .certificate-section .certificate-preview,.exam-test-container .certificate-section .certificate-preview,.exam-result-container .certificate-section .certificate-preview,.workshop-container .certificate-section .certificate-preview,.exam-container .certificate-section .certificate-preview{margin-bottom:1.5rem}.lecture-container .certificate-section .certificate-preview .certificate-mock,.exam-test-container .certificate-section .certificate-preview .certificate-mock,.exam-result-container .certificate-section .certificate-preview .certificate-mock,.workshop-container .certificate-section .certificate-preview .certificate-mock,.exam-container .certificate-section .certificate-preview .certificate-mock{background:#f9fafb;border:2px solid #d1d5db;border-radius:8px;padding:2rem;text-align:center;max-width:400px;margin:0 auto}.lecture-container .certificate-section .certificate-preview .certificate-mock .certificate-header,.exam-test-container .certificate-section .certificate-preview .certificate-mock .certificate-header,.exam-result-container .certificate-section .certificate-preview .certificate-mock .certificate-header,.workshop-container .certificate-section .certificate-preview .certificate-mock .certificate-header,.exam-container .certificate-section .certificate-preview .certificate-mock .certificate-header{margin-bottom:1.5rem}.lecture-container .certificate-section .certificate-preview .certificate-mock .certificate-header h2,.exam-test-container .certificate-section .certificate-preview .certificate-mock .certificate-header h2,.exam-result-container .certificate-section .certificate-preview .certificate-mock .certificate-header h2,.workshop-container .certificate-section .certificate-preview .certificate-mock .certificate-header h2,.exam-container .certificate-section .certificate-preview .certificate-mock .certificate-header h2{font-size:3rem;font-weight:700;color:#4d4d4d}.lecture-container .certificate-section .certificate-preview .certificate-mock .certificate-body .recipient,.exam-test-container .certificate-section .certificate-preview .certificate-mock .certificate-body .recipient,.exam-result-container .certificate-section .certificate-preview .certificate-mock .certificate-body .recipient,.workshop-container .certificate-section .certificate-preview .certificate-mock .certificate-body .recipient,.exam-container .certificate-section .certificate-preview .certificate-mock .certificate-body .recipient{font-size:1.8rem;font-weight:700;margin-bottom:0.75rem;color:#4d4d4d}.lecture-container .certificate-section .certificate-preview .certificate-mock .certificate-body .course-name,.exam-test-container .certificate-section .certificate-preview .certificate-mock .certificate-body .course-name,.exam-result-container .certificate-section .certificate-preview .certificate-mock .certificate-body .course-name,.workshop-container .certificate-section .certificate-preview .certificate-mock .certificate-body .course-name,.exam-container .certificate-section .certificate-preview .certificate-mock .certificate-body .course-name{font-size:1.4rem;font-weight:700;margin-bottom:0.75rem;color:#3b82f6}.lecture-container .certificate-section .certificate-preview .certificate-mock .certificate-body .completion-text,.exam-test-container .certificate-section .certificate-preview .certificate-mock .certificate-body .completion-text,.exam-result-container .certificate-section .certificate-preview .certificate-mock .certificate-body .completion-text,.workshop-container .certificate-section .certificate-preview .certificate-mock .certificate-body .completion-text,.exam-container .certificate-section .certificate-preview .certificate-mock .certificate-body .completion-text{margin-bottom:1.5rem;color:#4b5563;line-height:1.6}.lecture-container .certificate-section .certificate-preview .certificate-mock .certificate-body .completion-date,.exam-test-container .certificate-section .certificate-preview .certificate-mock .certificate-body .completion-date,.exam-result-container .certificate-section .certificate-preview .certificate-mock .certificate-body .completion-date,.workshop-container .certificate-section .certificate-preview .certificate-mock .certificate-body .completion-date,.exam-container .certificate-section .certificate-preview .certificate-mock .certificate-body .completion-date{font-weight:700;color:#4d4d4d}.lecture-container .certificate-section .certificate-actions,.exam-test-container .certificate-section .certificate-actions,.exam-result-container .certificate-section .certificate-actions,.workshop-container .certificate-section .certificate-actions,.exam-container .certificate-section .certificate-actions{display:flex;justify-content:center;gap:1rem}@media (max-width: 768px){.lecture-container .certificate-section .certificate-actions,.exam-test-container .certificate-section .certificate-actions,.exam-result-container .certificate-section .certificate-actions,.workshop-container .certificate-section .certificate-actions,.exam-container .certificate-section .certificate-actions{flex-direction:column;align-items:center}}.lecture-container .certificate-section .certificate-actions button,.exam-test-container .certificate-section .certificate-actions button,.exam-result-container .certificate-section .certificate-actions button,.workshop-container .certificate-section .certificate-actions button,.exam-container .certificate-section .certificate-actions button{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all 0.3s ease}.lecture-container .certificate-section .certificate-actions button.btn-primary,.exam-test-container .certificate-section .certificate-actions button.btn-primary,.exam-result-container .certificate-section .certificate-actions button.btn-primary,.workshop-container .certificate-section .certificate-actions button.btn-primary,.exam-container .certificate-section .certificate-actions button.btn-primary{background:#3b82f6;color:#fff}.lecture-container .certificate-section .certificate-actions button.btn-primary:hover,.exam-test-container .certificate-section .certificate-actions button.btn-primary:hover,.exam-result-container .certificate-section .certificate-actions button.btn-primary:hover,.workshop-container .certificate-section .certificate-actions button.btn-primary:hover,.exam-container .certificate-section .certificate-actions button.btn-primary:hover{background:#0b63f3}.lecture-container .certificate-section .certificate-actions button.btn-secondary,.exam-test-container .certificate-section .certificate-actions button.btn-secondary,.exam-result-container .certificate-section .certificate-actions button.btn-secondary,.workshop-container .certificate-section .certificate-actions button.btn-secondary,.exam-container .certificate-section .certificate-actions button.btn-secondary{background:#e5e7eb;color:#374151}.lecture-container .certificate-section .certificate-actions button.btn-secondary:hover,.exam-test-container .certificate-section .certificate-actions button.btn-secondary:hover,.exam-result-container .certificate-section .certificate-actions button.btn-secondary:hover,.workshop-container .certificate-section .certificate-actions button.btn-secondary:hover,.exam-container .certificate-section .certificate-actions button.btn-secondary:hover{background:#d1d5db}.lecture-container .retry-section,.exam-test-container .retry-section,.exam-result-container .retry-section,.workshop-container .retry-section,.exam-container .retry-section{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);text-align:center;border:1px solid #e5e7eb}.lecture-container .retry-section h3,.exam-test-container .retry-section h3,.exam-result-container .retry-section h3,.workshop-container .retry-section h3,.exam-container .retry-section h3{margin-bottom:1rem;font-size:1.4rem;font-weight:700;color:#4d4d4d}.lecture-container .retry-section p,.exam-test-container .retry-section p,.exam-result-container .retry-section p,.workshop-container .retry-section p,.exam-container .retry-section p{margin-bottom:1.5rem;color:#4b5563;line-height:1.6}.lecture-container .retry-section .retry-actions,.exam-test-container .retry-section .retry-actions,.exam-result-container .retry-section .retry-actions,.workshop-container .retry-section .retry-actions,.exam-container .retry-section .retry-actions{display:flex;justify-content:center;gap:1rem}@media (max-width: 768px){.lecture-container .retry-section .retry-actions,.exam-test-container .retry-section .retry-actions,.exam-result-container .retry-section .retry-actions,.workshop-container .retry-section .retry-actions,.exam-container .retry-section .retry-actions{flex-direction:column;align-items:center}}.lecture-container .retry-section .retry-actions a,.exam-test-container .retry-section .retry-actions a,.exam-result-container .retry-section .retry-actions a,.workshop-container .retry-section .retry-actions a,.exam-container .retry-section .retry-actions a{padding:0.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:700;transition:all 0.3s ease;display:inline-block}.lecture-container .retry-section .retry-actions a.btn-secondary,.exam-test-container .retry-section .retry-actions a.btn-secondary,.exam-result-container .retry-section .retry-actions a.btn-secondary,.workshop-container .retry-section .retry-actions a.btn-secondary,.exam-container .retry-section .retry-actions a.btn-secondary{background:#e5e7eb;color:#374151}.lecture-container .retry-section .retry-actions a.btn-secondary:hover,.exam-test-container .retry-section .retry-actions a.btn-secondary:hover,.exam-result-container .retry-section .retry-actions a.btn-secondary:hover,.workshop-container .retry-section .retry-actions a.btn-secondary:hover,.exam-container .retry-section .retry-actions a.btn-secondary:hover{background:#d1d5db}.lecture-container .retry-section .retry-actions a.btn-primary,.exam-test-container .retry-section .retry-actions a.btn-primary,.exam-result-container .retry-section .retry-actions a.btn-primary,.workshop-container .retry-section .retry-actions a.btn-primary,.exam-container .retry-section .retry-actions a.btn-primary{background:#3b82f6;color:#fff}.lecture-container .retry-section .retry-actions a.btn-primary:hover,.exam-test-container .retry-section .retry-actions a.btn-primary:hover,.exam-result-container .retry-section .retry-actions a.btn-primary:hover,.workshop-container .retry-section .retry-actions a.btn-primary:hover,.exam-container .retry-section .retry-actions a.btn-primary:hover{background:#0b63f3}.progress-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);margin-top:2rem;border:1px solid #e5e7eb}.progress-section h3{margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;text-align:center;color:#4d4d4d}.progress-section .progress-container{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:800px;margin:0 auto}.progress-section .progress-container .progress-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.progress-section .progress-container .progress-item.completed .progress-box{background:#10b981;color:#fff;border-color:#10b981}.progress-section .progress-container .progress-item .progress-box{width:60px;height:60px;border-radius:50%;background:#fff;border:3px solid #d1d5db;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:0.75rem;transition:all 0.3s ease}.progress-section .progress-container .progress-item .progress-box .progress-number{font-size:1rem;font-weight:700;color:#4b5563;line-height:1}.progress-section .progress-container .progress-item .progress-box .progress-label{font-size:10px;font-weight:500;color:#4b5563;margin-top:0.125rem;line-height:1}.progress-section .progress-container .progress-item .progress-action{padding:0.5rem 1rem;border-radius:16px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all 0.3s ease;display:inline-block;min-width:80px;text-align:center}.progress-section .progress-container .progress-item .progress-action.completed{background:rgba(16,185,129,0.1);color:#10b981;border:1px solid rgba(16,185,129,0.3)}.progress-section .progress-container .progress-item .progress-action.completed:hover{background:rgba(16,185,129,0.2)}.progress-section .progress-container .progress-item .progress-action.available{background:#3b82f6;color:#fff}.progress-section .progress-container .progress-item .progress-action.available:hover{background:#0b63f3}.progress-section .progress-container .progress-item .progress-action.retry{background:#f59e0b;color:#fff}.progress-section .progress-container .progress-item .progress-action.retry:hover{background:#c57f08}.progress-section .progress-container .progress-item .progress-action.locked{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.progress-section .progress-container .progress-connector{width:40px;height:3px;background:#d1d5db;border-radius:2px;transition:all 0.3s ease}.progress-section .progress-container .progress-connector.completed{background:#10b981}@media (max-width: 768px){.progress-section .progress-container .progress-connector{width:20px}}@media (max-width: 768px){.progress-section .progress-container .progress-item .progress-box{width:50px;height:50px}.progress-section .progress-container .progress-item .progress-box .progress-number{font-size:.9rem}.progress-section .progress-container .progress-item .progress-box .progress-label{font-size:8px}.progress-section .progress-container .progress-action{font-size:11px;padding:0.375rem 0.75rem;min-width:70px}}