@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700;800&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary);border:none;cursor:pointer;transition:all var(--transition-fast);text-align:center;vertical-align:middle}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-full-width{width:100%}.btn-icon{display:flex;align-items:center}.btn-icon-left{margin-right:8px}.btn-icon-right{margin-left:8px}.btn-primary{padding:12px 20px;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-white);background-color:var(--color-primary);border-radius:var(--radius-md)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-submit{background:var(--color-btn-submit);color:#000;border:none;width:200px;height:44px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast)}.btn-submit:hover:not(:disabled){background:var(--color-btn-submit-hover)}.btn-record{width:40px;height:40px;border-radius:50%;background:var(--color-danger);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.btn-record:hover:not(:disabled){background:var(--color-danger-hover)}.btn-nav{padding:12px 20px;font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-nav-prev{color:var(--color-text-primary);background-color:var(--color-bg-card);border:1px solid var(--color-border)}.btn-nav-prev:hover:not(:disabled){background-color:var(--color-bg-hover)}.btn-nav-next{color:var(--color-text-white);background-color:var(--color-header-blue)}.btn-nav-next:hover:not(:disabled){background-color:var(--color-primary)}.btn-secondary{padding:12px 20px;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover)}.btn-help{width:40px;height:40px;border-radius:var(--radius-full);border:none;background:var(--color-bg-hover);color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-normal);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-help:hover{background:var(--color-bg-card)}.btn-link{padding:0;font-size:var(--text-base);color:var(--color-primary);background:none;text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--color-primary-hover)}.btn-stop{padding:12px 24px;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-white);background-color:var(--color-bg-card);border-radius:var(--radius-md)}.btn-stop:hover:not(:disabled){background-color:var(--color-bg-hover)}.btn-retake{padding:12px 24px;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);background-color:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md)}.btn-retake:hover:not(:disabled){background-color:var(--color-bg-card)}.btn-icon-only{width:40px;height:40px;padding:0;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon-only:hover{color:var(--color-text-primary)}.btn-icon-only svg{width:24px;height:24px}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-wrapper.full-width{width:100%}.input-label{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.input-standard{width:100%;padding:12px var(--spacing-base);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-standard::placeholder{color:var(--color-text-secondary)}.input-standard:hover:not(:disabled){border-color:#3b82f680}.input-standard:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.input-standard.error{border-color:var(--color-danger)}.input-standard.error:focus{box-shadow:0 0 0 2px #ef444433}.input-standard:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-body)}.input-error{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-danger)}.input-hint{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-secondary)}.textarea-standard{width:100%;min-height:120px;padding:12px var(--spacing-base);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea-standard::placeholder{color:var(--color-text-secondary)}.textarea-standard:hover:not(:disabled){border-color:#3b82f680}.textarea-standard:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.textarea-standard.error{border-color:var(--color-danger)}.textarea-standard:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-body)}.select-standard{width:100%;padding:12px var(--spacing-base);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.select-standard:hover:not(:disabled){border-color:#3b82f680}.select-standard:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.select-standard:disabled{opacity:.5;cursor:not-allowed}.select-standard option{background-color:var(--color-bg-panel);color:var(--color-text-primary)}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-input,.radio-input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-label,.radio-label{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);cursor:pointer}.alert{font-family:var(--font-primary);padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-sm)}.alert-title{font-weight:var(--font-bold);margin-bottom:var(--spacing-sm)}.alert-content{line-height:var(--leading-relaxed)}.alert-tip{background-color:#385dff1a;border:1px solid rgba(56,93,255,.3)}.alert-tip .alert-title,.alert-tip .alert-content{color:var(--color-question-label)}.alert-warning{background-color:#f9731626;border:1px solid rgba(249,115,22,.3);color:var(--color-warning);font-weight:var(--font-semibold);text-align:center}.alert-success{background-color:var(--color-success-bg);border:1px solid rgba(9,185,109,.3);color:var(--color-text-primary);font-weight:var(--font-medium);text-align:center}.alert-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger)}.alert-error .alert-title{color:var(--color-danger)}.alert-info{background-color:#1aafd01a;border:1px solid rgba(26,175,208,.3);color:var(--color-cyan)}.alert-info .alert-title{color:var(--color-cyan)}.badge{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:4px 12px;font-family:IBM Plex Sans,Helvetica,Arial,sans-serif;font-size:14px;font-weight:700;border-radius:100px}.badge-case{background:#8256d91a;color:#ceadff}.badge-started,.badge-pending{background:#ffae6b1a;color:#ef9a55}.badge-completed{background:#22c55e1a;color:#22c55e}.badge-not-started{background:#4b556380;color:#94a3b8}.badge-video{background:var(--color-badge-purple-bg);color:var(--color-badge-purple-text)}.badge-mcq{background:var(--color-badge-blue-bg);color:var(--color-badge-blue-text)}.badge-text{background:#06b6d41a;color:var(--color-cyan)}.badge-file{background:var(--color-badge-orange-bg);color:var(--color-badge-orange-text)}.badge-spreadsheet{background:#22c55e1a;color:#22c55e}.badge-primary{background:#3b82f61a;color:var(--color-primary)}.badge-secondary{background:var(--color-bg-card);color:var(--color-text-secondary)}.badge-time{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--color-text-primary);padding:0;height:auto}.badge-time-icon{width:16px;height:16px;border-radius:50%;background:var(--color-accent-orange)}.badge-date{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--color-text-primary);padding:0;height:auto}.badge-date svg{stroke:var(--color-badge-blue-text)}.badge-purple{background:var(--color-badge-purple-bg);color:var(--color-badge-purple-text)}.badge-warning{background:var(--color-badge-orange-bg);color:var(--color-badge-orange-text)}.badge-info{background:var(--color-badge-blue-bg);color:var(--color-badge-blue-text)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background-color:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease;border:1px solid var(--color-border)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--color-border)}.modal-title{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;font-size:28px;color:var(--color-text-secondary);cursor:pointer;padding:0;line-height:1;transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:var(--spacing-2xl);color:var(--color-text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-base);padding:var(--spacing-xl) var(--spacing-2xl);border-top:1px solid var(--color-border)}.modal-confirm .modal-body{text-align:center}.modal-confirm .modal-icon{width:60px;height:60px;margin:0 auto var(--spacing-xl);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.modal-confirm .modal-icon.warning{background-color:#f9731626;color:var(--color-warning)}.modal-confirm .modal-icon.danger{background-color:#ef444426;color:var(--color-danger)}.modal-confirm .modal-icon.success{background-color:var(--color-success-bg);color:#09b96d}.modal-confirm .modal-message{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.loading-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-bg-body)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md)}.loading-dots{display:flex;justify-content:center;gap:12px;margin-bottom:var(--spacing-3xl)}.loading-dot{width:12px;height:12px;border-radius:50%;background:var(--color-primary);animation:dotPulse 1.4s infinite ease-in-out both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dot:nth-child(3){animation-delay:0s}.loading-title{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:1.4;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.loading-subtitle{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.4;color:var(--color-text-primary)}.spinner{border:4px solid var(--color-bg-card);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:24px;height:24px;border-width:2px}.spinner-medium{width:48px;height:48px;border-width:4px}.spinner-large{width:64px;height:64px;border-width:5px}.loading-inline{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.loading-inline .loading-dots{margin-bottom:0;gap:6px}.loading-inline .loading-dot{width:8px;height:8px}.loading-text{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.card{background-color:var(--color-bg-panel);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.card-shadow{box-shadow:var(--shadow-md)}.card-secondary{background-color:var(--color-bg-card)}.card-interactive{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.assessment-card{background:var(--color-bg-card);border-radius:var(--radius-lg);width:424px;min-height:229px;padding:var(--spacing-xl);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.assessment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.assessment-card-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);line-height:1.4;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.assessment-card-badges{display:flex;gap:var(--spacing-base);margin-bottom:var(--spacing-xl)}.assessment-card-details{display:flex;flex-direction:column;gap:var(--spacing-base);margin-top:var(--spacing-xl)}.assessment-card-detail{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.4;color:var(--color-text-primary)}.assessment-card-detail-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.cases-header-card{background:var(--color-bg-panel);border-radius:var(--radius-md);padding:var(--spacing-xl);width:100%}.cases-header-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);line-height:1.4;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.cases-header-subtitle{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.4;color:var(--color-text-white)}.panel-card-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--spacing-xl)}@media(max-width:768px){.assessment-card{width:100%;min-height:auto}}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0f172a;padding:20px}.landing-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#0f172a}.landing-header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo-container{width:71px;height:40px;padding-right:26px;display:flex;align-items:center}.landing-logo{height:30px;width:auto}.logo-icon{width:30px;height:30px}.logo-icon svg{width:30px;height:30px}.help-btn{width:40px;height:40px;border-radius:100px;border:none;background:#4b556380;color:#f8fafc;font-size:16px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.help-btn:hover{background:#4b5563b3}.main-layout{display:flex;flex:1;margin-top:0}.sidebar{width:80px;height:573px;display:flex;flex-direction:column;align-items:center;padding-top:60px}.sidebar-btn{width:30px;height:30px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-btn svg{width:30px;height:30px}.sidebar-expand{position:fixed;left:20px;bottom:30px;width:30px;height:30px;border:none;background:transparent;color:#06b6d4;cursor:pointer;font-size:24px;font-weight:700}.main-content{flex:1;display:flex;flex-direction:column;gap:28px;padding:0 20px}.cases-header{background:#1e293b;border-radius:10px;padding:20px;width:100%;max-width:1332px}.cases-title{font-size:20px;font-weight:800;line-height:28px;color:#f8fafc;margin-bottom:8px}.cases-subtitle{font-size:14px;font-weight:500;line-height:19.6px;color:#fff}.landing-cards-container{display:flex;flex-wrap:wrap;gap:20px}.assessment-card{background:#374151;border-radius:12px;width:424px;min-height:229px;padding:20px;cursor:pointer;transition:transform .2s,box-shadow .2s}.assessment-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.assessment-title{font-size:20px;font-weight:800;line-height:28px;color:#f8fafc;margin-bottom:16px}.assessment-badges{display:flex;gap:12px;margin-bottom:20px}.assessment-details{display:flex;flex-direction:column;gap:12px;margin-top:20px}.detail-item{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:400;line-height:22.4px;color:#f8fafc}.detail-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.detail-icon.timer svg{fill:#ef9a55}.detail-icon.calendar svg{stroke:#60a5fa}.landing-footer{padding:20px;text-align:center;font-size:16px;font-weight:400;color:#f8fafc}.accessibility-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#3b82f6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f666;transition:transform .2s,box-shadow .2s}.accessibility-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #3b82f680}.landing-card{background:var(--color-bg-panel);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:600px;width:100%}.landing-error{text-align:center;padding:var(--spacing-xl)}.landing-error svg{color:var(--color-danger);margin-bottom:var(--spacing-xl)}.landing-error h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-base)}.landing-error p{color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}@media(max-width:992px){.sidebar{display:none}.assessment-card{width:100%}}@media(max-width:768px){.landing-header{height:60px;padding:0 var(--spacing-lg)}.main-content{padding:0 var(--spacing-lg)}.cases-header{padding:var(--spacing-lg)}.assessment-card{min-height:auto;padding:var(--spacing-lg)}}.timer-bar{width:360px;height:12px;background:var(--color-timer-bar-bg);border-radius:var(--radius-full);overflow:hidden}.timer-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);min-width:60px}.timer-display{display:flex;align-items:center;background:var(--color-bg-card);color:var(--color-text-primary);padding:10px 20px;border-radius:var(--radius-md);gap:10px}.timer-display.warning{background:var(--color-warning)}.timer-display.danger{background:var(--color-danger)}.timer-display .timer-icon{color:var(--color-timer-bar)}.timer-display.warning .timer-icon,.timer-display.danger .timer-icon{color:var(--color-text-white)}.timer-display .timer-value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:2px}@media(max-width:768px){.timer-bar{width:200px}}.assessment-header{background:var(--color-header-blue);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:0 var(--spacing-xl);height:40px;display:flex;align-items:center;justify-content:space-between}.assessment-header-info{flex:1}.assessment-title{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin:0}.assessment-subtitle{margin-top:4px;margin-bottom:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);opacity:.9}.assessment-header-timer{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);background:#0003;padding:6px 12px;border-radius:var(--radius-md)}.assessment-header-timer.warning{background:var(--color-warning);color:var(--color-text-primary)}.assessment-header-timer.danger{background:var(--color-danger);color:var(--color-text-white)}@media(max-width:768px){.assessment-header{flex-direction:column;height:auto;padding:var(--spacing-lg);gap:var(--spacing-sm);text-align:center}}.progress-container,.completion-section{margin-bottom:var(--spacing-sm)}.progress-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.progress-label{font-weight:var(--font-bold);text-decoration:underline}.progress-count{font-weight:var(--font-normal)}.progress-bar{height:8px;background:var(--color-completion-bg);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-completion);border-radius:var(--radius-full);transition:width var(--transition-normal)}.question-box{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-xl);border-left:4px solid var(--color-header-blue)}.question-container{background:var(--color-bg-panel);border-radius:var(--radius-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.question-number{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-question-label)}.question-type-badge{display:inline-flex;align-items:center;gap:6px}.question-instructions-box{background:#385dff1a;border-left:4px solid var(--color-header-blue);padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-2xl);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.question-instructions-title{font-weight:var(--font-bold);color:var(--color-question-label);margin-bottom:var(--spacing-sm)}.question-instructions-text{color:var(--color-text-primary);line-height:var(--leading-relaxed);margin:0}.question-prompt{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-primary);margin-bottom:var(--spacing-2xl)}.question-image-container{margin-top:var(--spacing-xl);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-card)}.question-image{max-width:100%;height:auto;display:block}.question-time-limit{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-accent-orange);margin-top:var(--spacing-lg)}.question-time-limit svg{fill:var(--color-accent-orange)}.question-nav{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--color-bg-panel);border-radius:var(--radius-lg)}.question-nav-item{width:52px;height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:var(--font-bold);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none}.question-nav-item.unanswered{background:var(--color-bg-card);color:var(--color-text-primary)}.question-nav-item.answered{background:var(--color-success-bg);color:var(--color-text-primary)}.question-nav-item.current{background:var(--color-success-active);color:var(--color-text-primary)}.question-nav-item.skipped{background:var(--color-badge-orange-bg);color:var(--color-badge-orange-text)}.question-nav-item:hover:not(.current){transform:scale(1.05)}.question-nav-legend{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.question-nav-legend .legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.question-nav-legend .question-nav-item{cursor:default;pointer-events:none;width:14px;height:14px}.submission-panel{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);background:var(--color-bg-panel);border-radius:var(--radius-lg)}.submission-nav-buttons,.submission-actions{display:flex;gap:var(--spacing-base)}.submit-section{display:flex;justify-content:center;padding-top:var(--spacing-xl)}.submit-confirmation{text-align:center}.submit-confirmation-icon{width:64px;height:64px;margin:0 auto var(--spacing-xl);background:var(--color-success-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#09b96d}.submit-confirmation-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--spacing-base)}.submit-confirmation-message{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-xl)}.submit-confirmation.warning .submit-confirmation-icon{background:#f9731626;color:var(--color-warning)}@media(max-width:640px){.submission-panel{flex-direction:column;gap:var(--spacing-lg)}.submission-nav-buttons{width:100%;justify-content:space-between}.submission-actions{width:100%}.submission-actions button{flex:1}}.submit-confirmation-content{text-align:center}.submit-confirmation-stats{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-bg-card);border-radius:var(--radius-md)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-text-primary)}.stat-value.success{color:#09b96d}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-divider{font-size:var(--text-2xl);color:var(--color-text-secondary)}.submit-warning{display:flex;gap:var(--spacing-base);padding:var(--spacing-lg);background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);text-align:left}.submit-warning svg{flex-shrink:0;color:var(--color-warning);width:24px;height:24px}.submit-warning p{margin:0;color:var(--color-warning);font-size:var(--text-base);line-height:var(--leading-relaxed)}.unanswered-list{display:block;margin-top:var(--spacing-sm);font-weight:var(--font-normal);color:var(--color-text-secondary)}.submit-success{display:flex;gap:var(--spacing-base);padding:var(--spacing-lg);background:var(--color-success-bg);border:1px solid rgba(9,185,109,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);text-align:left}.submit-success svg{flex-shrink:0;color:#09b96d;width:24px;height:24px}.submit-success p{margin:0;color:var(--color-text-primary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.submit-confirmation-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:var(--leading-relaxed)}.submit-confirmation-actions{display:flex;gap:var(--spacing-base);justify-content:center}.submit-confirmation-actions button{min-width:140px}@media(max-width:480px){.submit-confirmation-stats{flex-direction:column;gap:var(--spacing-base)}.stat-divider{display:none}.submit-confirmation-actions{flex-direction:column}.submit-confirmation-actions button{width:100%}}.text-question{display:flex;flex-direction:column;gap:var(--spacing-lg)}.text-question-textarea{min-height:200px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.text-question-textarea::placeholder{color:var(--color-text-secondary)}.text-question-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.text-question-textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-body)}.text-question-footer{display:flex;justify-content:space-between;align-items:center}.character-count{font-size:var(--text-sm);color:var(--color-text-secondary)}.character-count.invalid{color:var(--color-danger)}.min-hint{font-style:italic;color:var(--color-text-secondary)}.mcq-question{display:flex;flex-direction:column;gap:var(--spacing-xl)}.mcq-options{display:flex;flex-direction:column;gap:var(--spacing-base)}.mcq-option{display:flex;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-primary)}.mcq-option:hover:not(:disabled){border-color:var(--color-primary);background:#3b82f61a}.mcq-option.selected{border-color:var(--color-primary);background:#3b82f626}.mcq-option:disabled{opacity:.5;cursor:not-allowed}.mcq-option-letter{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-body);color:var(--color-text-primary);font-weight:var(--font-bold);border-radius:var(--radius-full);margin-right:var(--spacing-lg);flex-shrink:0;transition:all var(--transition-fast)}.mcq-option.selected .mcq-option-letter{background:var(--color-primary);color:#fff}.mcq-option-text{font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.mcq-footer{display:flex;justify-content:flex-end}.mcq-question.multi-select .mcq-option-letter{border-radius:var(--radius-sm)}.mcq-option.correct{border-color:#09b96d;background:var(--color-success-bg)}.mcq-option.correct .mcq-option-letter{background:#09b96d;color:#fff}.mcq-option.incorrect{border-color:var(--color-danger);background:#ef44441a}.mcq-option.incorrect .mcq-option-letter{background:var(--color-danger);color:#fff}.file-upload-question{display:flex;flex-direction:column;gap:var(--spacing-lg)}.file-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-3xl);text-align:center;background:var(--color-bg-card);transition:all var(--transition-fast);cursor:pointer}.file-upload-zone:hover:not(.disabled){border-color:var(--color-primary);background:#3b82f60d}.file-upload-zone.dragover{border-color:var(--color-primary);background:#3b82f61a}.file-upload-zone.disabled{opacity:.5;cursor:not-allowed}.file-upload-icon{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.file-upload-icon svg{width:48px;height:48px}.file-upload-text{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.file-upload-text .highlight{color:var(--color-primary);font-weight:var(--font-semibold)}.file-upload-hint{font-size:var(--text-sm);color:var(--color-text-secondary)}.file-upload-error{padding:var(--spacing-base) var(--spacing-lg);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--color-danger);font-size:var(--text-sm)}.uploaded-files{display:flex;flex-direction:column;gap:var(--spacing-base)}.file-uploaded{display:flex;align-items:center;padding:var(--spacing-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.file-uploaded-icon{color:var(--color-primary);margin-right:var(--spacing-base);flex-shrink:0}.file-uploaded-icon svg{width:24px;height:24px}.file-uploaded-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.file-uploaded-name{font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-uploaded-size{font-size:var(--text-sm);color:var(--color-text-secondary)}.file-uploaded-remove{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-danger);transition:opacity var(--transition-fast);display:flex;align-items:center;justify-content:center}.file-uploaded-remove:hover{opacity:.7}.file-uploaded-remove svg{width:20px;height:20px}.file-uploaded.uploading{opacity:.7}.file-upload-progress{width:100%;height:4px;background:var(--color-completion-bg);border-radius:var(--radius-full);margin-top:var(--spacing-sm);overflow:hidden}.file-upload-progress-bar{height:100%;background:var(--color-primary);transition:width var(--transition-fast)}.file-upload-footer{display:flex;justify-content:flex-end}.video-recorder{background:var(--color-bg-panel);border-radius:var(--radius-lg);overflow:hidden;max-width:900px}.video-preview{width:100%;aspect-ratio:16/9;background:#000;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-element{width:100%;height:100%;object-fit:cover}.video-preview-placeholder{color:var(--color-text-primary);font-size:var(--text-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.video-preview-placeholder.error{color:var(--color-danger)}.video-preview-placeholder .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.video-recording-indicator{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);display:flex;align-items:center;background:var(--color-danger);color:#fff;padding:var(--spacing-xs) var(--spacing-base);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);z-index:10}.video-recording-dot{width:10px;height:10px;background:#fff;border-radius:50%;margin-right:var(--spacing-sm);animation:pulse 1.5s infinite}.video-timer{position:absolute;top:var(--spacing-lg);left:50%;transform:translate(-50%);background:#000000b3;color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xl);font-family:var(--font-mono);font-size:var(--text-sm);z-index:10}.video-timer-large{position:absolute;bottom:var(--spacing-lg);right:var(--spacing-lg);background:#000000b3;color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-lg);letter-spacing:1px;z-index:10}.video-controls{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--color-bg-panel)}.record-btn{width:40px;height:40px;border-radius:50%;background:#ef4444;border:none;cursor:pointer;transition:background var(--transition-fast)}.record-btn:hover{background:#dc2626}.record-btn:disabled{opacity:.5;cursor:not-allowed}.stop-btn{width:40px;height:40px;border-radius:50%;background:#ef4444;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--transition-fast)}.stop-btn:hover{background:#dc2626}.play-btn{width:0;height:0;border-left:14px solid var(--color-text-secondary);border-top:10px solid transparent;border-bottom:10px solid transparent;cursor:pointer;background:transparent;border-right:none;padding:0;transition:border-left-color var(--transition-fast)}.play-btn:hover{border-left-color:var(--color-text-primary)}.video-action-buttons{display:flex;gap:var(--spacing-md)}.control-icon{color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:5px;font-size:var(--text-xs);transition:color var(--transition-fast)}.control-icon:hover{color:var(--color-text-primary)}.control-icon.active{color:var(--color-primary)}.control-icon.muted{color:var(--color-danger)}.audio-bar{width:3px;background:var(--color-warning);border-radius:2px;transition:height .1s ease}.video-attempts{text-align:center;padding:var(--spacing-base);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-card)}.video-attempts .no-retakes{color:var(--color-danger);font-weight:var(--font-medium)}@media(max-width:768px){.video-controls{flex-direction:column;gap:var(--spacing-base)}.video-controls-left,.video-controls-right{width:100%;justify-content:center}}.screen-recorder{position:fixed;top:var(--spacing-base);right:var(--spacing-base);z-index:1000}.screen-recorder-indicator{display:flex;align-items:center;background:#000000d9;color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-lg)}.screen-recorder-dot{width:8px;height:8px;background:var(--color-danger);border-radius:50%;margin-right:var(--spacing-sm);animation:pulse 1.5s infinite}.screen-recorder-timer{font-family:var(--font-mono);margin-left:var(--spacing-sm);color:var(--color-text-secondary)}.screen-recorder-error{background:var(--color-danger);color:#fff;padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--text-sm);max-width:300px;box-shadow:var(--shadow-lg)}.screen-recorder-error-title{font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.screen-recorder-error-message{opacity:.9}.screen-share-prompt{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:999}.screen-share-prompt-content{background:var(--color-bg-panel);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:400px;text-align:center}.screen-share-prompt-icon{width:64px;height:64px;margin:0 auto var(--spacing-xl);color:var(--color-primary)}.screen-share-prompt-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--spacing-base)}.screen-share-prompt-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-xl)}.screen-share-prompt-actions{display:flex;gap:var(--spacing-base);justify-content:center}.spreadjs-viewer{display:flex;flex-direction:column;gap:var(--spacing-lg)}.spreadjs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-bg-card);border-radius:var(--radius-lg)}.spreadjs-loading .spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spreadjs-loading p{margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--text-sm)}.spreadjs-iframe-container{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.spreadjs-iframe-container iframe{display:block;border:none}.spreadjs-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-base) var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-lg)}.spreadjs-status{display:flex;align-items:center;gap:var(--spacing-sm)}.status-indicator{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-secondary)}.status-indicator.ready{background:var(--color-primary)}.status-indicator.saved{background:#09b96d}.status-indicator.saving{background:var(--color-warning);animation:pulse 1s infinite}.status-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.status-text.status-ready{color:var(--color-primary)}.status-text.status-saved{color:#09b96d}.status-text.status-saving{color:var(--color-warning)}.spreadjs-actions{display:flex;gap:var(--spacing-sm)}.spreadjs-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-bg-card);border-radius:var(--radius-lg);text-align:center}.spreadjs-error-icon{width:48px;height:48px;color:var(--color-danger);margin-bottom:var(--spacing-lg)}.spreadjs-error-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.spreadjs-error-message{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}@media(max-width:768px){.spreadjs-iframe-container iframe{height:400px}.spreadjs-controls{flex-direction:column;gap:var(--spacing-base)}.spreadjs-status,.spreadjs-actions{width:100%;justify-content:center}}.assessment-page{min-height:100vh;background:var(--color-bg-body);padding:var(--spacing-xl)}.assessment-container{display:flex;gap:var(--spacing-xl);max-width:1400px;margin:0 auto}.main-panel{flex:1;max-width:946px;display:flex;flex-direction:column;background:var(--color-bg-panel);border-radius:var(--radius-lg);overflow:hidden}.main-panel-header{background:var(--color-header-blue);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:0 var(--spacing-xl);height:40px;display:flex;align-items:center}.main-panel-title{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin:0}.main-panel-content{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.timer-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.timer-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary)}.timer-icon{font-size:var(--text-lg)}.timer-bar-container{display:flex;align-items:center;gap:var(--spacing-lg)}.timer-bar{flex:1;height:12px;background:#6ea7fe33;border-radius:var(--radius-full);overflow:hidden}.timer-bar-fill{height:100%;background:var(--color-timer-bar);transition:width 1s linear}.timer-bar-fill.warning{background:var(--color-warning)}.timer-bar-fill.danger{background:var(--color-danger)}.timer-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);min-width:80px;text-align:right}.timer-value.warning{color:var(--color-warning)}.timer-value.danger{color:var(--color-danger)}.question-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.question-label{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-question-label)}.question-box{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--spacing-base) var(--spacing-xl);border-left:4px solid var(--color-header-blue)}.question-text{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--color-text-primary);margin-bottom:var(--spacing-base)}.question-instructions{font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);margin:0}.video-section{border-radius:var(--radius-sm);overflow:hidden;background:#000}.video-preview{width:100%;aspect-ratio:16 / 9;background:linear-gradient(180deg,#d4b896,#c9a882,#bfae98);display:flex;align-items:center;justify-content:center;position:relative}.video-timer{position:absolute;top:15px;left:50%;transform:translate(-50%);background:#000000b3;padding:8px 16px;border-radius:var(--radius-xl);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-primary)}.video-controls{display:flex;align-items:center;justify-content:space-between;padding:15px var(--spacing-xl);background:var(--color-bg-panel)}.video-controls-left,.video-controls-right{display:flex;align-items:center;gap:var(--spacing-lg)}.control-icon{color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:5px;font-size:var(--text-xs)}.control-icon svg{width:24px;height:24px}.audio-indicator{display:flex;gap:2px;align-items:flex-end;height:20px}.audio-bar{width:3px;background:var(--color-warning);border-radius:2px}.answer-area{min-height:200px}.submit-section{display:flex;justify-content:center;padding-top:var(--spacing-lg)}.side-panel{width:400px;display:flex;flex-direction:column;gap:var(--spacing-xl);flex-shrink:0}.panel-card{background:var(--color-bg-panel);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.panel-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--spacing-xl)}.case-detail{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.case-detail-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.case-detail-icon svg{fill:var(--color-accent-orange)}.case-detail-text{font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary)}.completion-section{margin-bottom:var(--spacing-sm)}.completion-header{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.completion-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-secondary);text-decoration:underline}.completion-value{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-secondary)}.completion-bar{height:8px;background:var(--color-completion-bg);border-radius:var(--radius-full);overflow:hidden}.completion-fill{height:100%;background:var(--color-completion);transition:width var(--transition-normal)}.questions-nav-container{display:flex;flex-direction:column;gap:var(--spacing-xl)}.questions-nav{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.nav-btn{width:52px;height:56px;border-radius:var(--radius-sm);border:none;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.nav-btn.completed{background:var(--color-success-bg)}.nav-btn.current{background:var(--color-success-active)}.nav-btn.incomplete,.nav-btn.unanswered{background:var(--color-bg-card)}.nav-btn:hover:not(.current){transform:scale(1.05)}.legend{display:flex;flex-wrap:wrap;gap:var(--spacing-xl)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-secondary)}.legend-dot{width:14px;height:14px;border-radius:var(--radius-full)}.legend-dot.completed{background:var(--color-success-bg)}.legend-dot.current{background:var(--color-success-active)}.legend-dot.incomplete{background:var(--color-bg-card)}.assessment-error-card{max-width:600px;margin:50px auto;background:var(--color-bg-panel);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.assessment-page.loading{display:flex;align-items:center;justify-content:center}@media(max-width:1200px){.assessment-container{flex-direction:column}.main-panel{max-width:100%}.side-panel{width:100%;flex-direction:row;flex-wrap:wrap}.panel-card{flex:1;min-width:300px}}@media(max-width:768px){.assessment-page{padding:var(--spacing-md)}.main-panel-content{padding:var(--spacing-lg)}.timer-bar{width:200px}.panel-card{padding:var(--spacing-lg)}.side-panel{flex-direction:column}.panel-card{min-width:auto}}@media(max-width:480px){.timer-bar-container{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.timer-bar{width:100%}}.complete-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-bg-body)}.completion-container{max-width:600px;width:100%;text-align:center;padding:var(--spacing-3xl);background:var(--color-bg-panel);border-radius:var(--radius-lg)}.completion-icon{width:80px;height:80px;margin:0 auto var(--spacing-2xl);background:var(--color-success-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#09b96d}.completion-icon svg{width:40px;height:40px}.completion-title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.completion-message{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);line-height:var(--leading-relaxed)}.completion-stats{display:flex;justify-content:center;gap:var(--spacing-3xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--color-bg-card);border-radius:var(--radius-md)}.completion-stat{text-align:center}.completion-stat-value{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.completion-stat-value svg{color:#09b96d}.completion-stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.completion-next-steps{text-align:left;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:#385dff1a;border-left:4px solid var(--color-header-blue);border-radius:0 var(--radius-md) var(--radius-md) 0}.completion-next-steps h3{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-question-label);margin-bottom:var(--spacing-base)}.completion-next-steps ul{margin:0;padding-left:var(--spacing-xl)}.completion-next-steps li{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:var(--leading-relaxed)}.completion-next-steps li:last-child{margin-bottom:0}.completion-actions{display:flex;justify-content:center;gap:var(--spacing-base)}@media(max-width:640px){.completion-container{padding:var(--spacing-xl)}.completion-stats{flex-direction:column;gap:var(--spacing-xl)}.completion-stat{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.completion-stat:last-child{padding-bottom:0;border-bottom:none}}:root{--color-bg-body: rgb(15, 23, 42);--color-bg-panel: rgb(30, 41, 59);--color-bg-card: rgb(55, 65, 81);--color-bg-input: rgb(55, 65, 81);--color-bg-hover: rgba(75, 85, 99, .5);--color-text-primary: rgb(248, 250, 252);--color-text-secondary: rgb(148, 163, 184);--color-text-white: rgb(255, 255, 255);--color-primary: rgb(59, 130, 246);--color-primary-hover: rgb(37, 99, 235);--color-header-blue: rgb(56, 93, 255);--color-question-label: rgb(102, 140, 255);--color-timer-bar: rgb(110, 167, 254);--color-timer-bar-bg: rgba(110, 167, 254, .2);--color-cyan: rgb(6, 182, 212);--color-success: rgb(9, 185, 109);--color-success-bg: rgba(9, 185, 109, .2);--color-success-active: rgba(9, 185, 109, .4);--color-warning: rgb(249, 115, 22);--color-accent-orange: rgb(239, 154, 85);--color-danger: rgb(239, 68, 68);--color-danger-hover: rgb(220, 38, 38);--color-completion: rgb(26, 175, 208);--color-completion-bg: rgba(26, 175, 208, .18);--color-badge-purple-bg: rgba(130, 86, 217, .1);--color-badge-purple-text: rgb(206, 173, 255);--color-badge-orange-bg: rgba(255, 174, 107, .1);--color-badge-orange-text: rgb(239, 154, 85);--color-badge-blue-bg: rgba(96, 165, 250, .1);--color-badge-blue-text: rgb(96, 165, 250);--color-border: rgba(148, 163, 184, .2);--color-border-accent: rgb(56, 93, 255);--color-btn-submit: rgb(191, 191, 191);--color-btn-submit-hover: rgb(220, 220, 220);--color-btn-record: rgb(239, 68, 68);--font-primary: "IBM Plex Sans", Helvetica, Arial, sans-serif;--font-mono: "Monaco", "Menlo", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.4;--leading-relaxed: 1.6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 10px;--spacing-base: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 28px;--spacing-3xl: 40px;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 100px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .3);--shadow-glow: 0 4px 12px rgba(59, 130, 246, .4);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--header-height: 80px;--sidebar-width: 80px;--main-panel-width: 946px;--side-panel-width: 400px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);background-color:var(--color-bg-body);line-height:var(--leading-normal);min-height:100vh}.heading-1{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-normal)}.heading-2{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);line-height:var(--leading-normal)}.heading-3{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-text-primary);line-height:var(--leading-normal)}.panel-title{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);line-height:var(--leading-normal);margin-bottom:var(--spacing-xl)}.body-text{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.body-small{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-secondary);line-height:var(--leading-normal)}.body-bold,.label-text{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-normal)}.subtitle-text{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);line-height:var(--leading-normal)}.question-label{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-question-label)}.timer-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}.link-underline{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-panel);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-primary)}::selection{background:var(--color-primary);color:var(--color-text-white)}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-lg)}.gap-lg{gap:var(--spacing-xl)}.accessibility-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--color-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);z-index:1000;transition:transform var(--transition-fast)}.accessibility-btn:hover{transform:scale(1.05)}.accessibility-btn svg{width:24px;height:24px;fill:#fff}.footer{padding:var(--spacing-xl);text-align:center;font-size:var(--text-base);font-weight:var(--font-normal);color:var(--color-text-primary)}@media(max-width:1200px){:root{--main-panel-width: 100%;--side-panel-width: 350px}}@media(max-width:992px){.heading-1{font-size:28px}}@media(max-width:768px){:root{--side-panel-width: 100%}.heading-1{font-size:24px}}