body{margin:0}.quiz-agreement-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background-color var(--transition-normal)}.agreement-container{background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-lg);max-width:900px;overflow:hidden;transition:all var(--transition-normal);width:100%}.agreement-header{background:var(--brand-red);color:var(--brand-white);padding:30px 40px;text-align:center}.agreement-header h1{font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 20px}.quiz-meta{flex-wrap:wrap;gap:30px;justify-content:center;margin-top:15px}.meta-item{align-items:center;display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.875rem;font-weight:500;opacity:.9}.meta-value{font-size:1rem;font-weight:700}.agreement-content{max-height:60vh;overflow-y:auto;padding:40px}.agreement-content::-webkit-scrollbar{width:8px}.agreement-content::-webkit-scrollbar-track{background:var(--ui-biscuit-25);border-radius:4px}.agreement-content::-webkit-scrollbar-thumb{background:var(--ui-light-grey);border-radius:4px}.agreement-content::-webkit-scrollbar-thumb:hover{background:var(--ui-dark-grey)}.instruction-text{color:var(--text-primary);line-height:1.6}.intro-text{color:var(--text-primary);font-size:1.125rem;line-height:1.7;margin-bottom:30px}.numbered-sections{display:flex;flex-direction:column;gap:25px}.section-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;padding:20px;transition:all var(--transition-normal)}.section-item.important{background:#fc4c020d;border-color:var(--secondary-orange)}.section-item.critical{background:#da291c0d;border-color:var(--brand-red)}.section-item h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0 0 15px}.info-icon{animation:pulse 2s infinite;cursor:help;font-size:1.125rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.section-item p{color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.section-item ul{margin:12px 0;padding-left:25px}.section-item li{color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.warning-text{color:var(--brand-red);font-weight:600}.warning-box{background:#da291c14;border:1px solid #da291c33;border-radius:8px;margin:12px 0;padding:15px}.warning-box p{color:var(--text-primary);margin:0}.warning-box ul{margin:10px 0 0}.agreement-actions{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);padding:30px 40px}.error-message{align-items:center;color:var(--error-primary);display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 16px}.agreement-checkbox{margin-bottom:25px}.checkbox-label{align-items:flex-start;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;gap:12px;line-height:1.5;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:4px;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all var(--transition-normal);width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--brand-red);border-color:var(--brand-red)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:var(--brand-white);content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label:hover .checkmark{border-color:var(--brand-red);box-shadow:0 0 0 3px #da291c1a}.action-buttons{display:flex;gap:15px;justify-content:flex-end}.btn-primary{border-radius:8px;color:var(--brand-white);font-size:1rem;font-weight:600;min-width:140px;padding:14px 32px}.btn-primary:hover:not(.disabled){background:#b71f1c;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary.disabled{background:var(--border-secondary);box-shadow:none;color:var(--text-quaternary);cursor:not-allowed;transform:none}.btn-secondary{border:2px solid var(--brand-red);border-radius:8px;font-size:1rem;font-weight:600;padding:12px 30px}.btn-secondary:hover{background:var(--brand-red);box-shadow:var(--shadow-sm);color:var(--brand-white);transform:translateY(-1px)}[data-theme=dark] .agreement-container{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}[data-theme=dark] .section-item.important{background:#fc4c021a}[data-theme=dark] .section-item.critical{background:#da291c1a}[data-theme=dark] .warning-box{background:#da291c26;border-color:#da291c4d}@media (max-width:768px){.quiz-agreement-page{padding:15px}.agreement-header{padding:25px 20px}.agreement-header h1{font-size:1.75rem}.quiz-meta{gap:20px}.agreement-content{max-height:65vh;padding:25px 20px}.agreement-actions{padding:25px 20px}.action-buttons{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{text-align:center;width:100%}}@media (max-width:480px){.agreement-header h1{font-size:1.5rem}.quiz-meta{flex-direction:column;gap:15px}.section-item{padding:15px}.section-item h3{font-size:1.125rem}}.theme-toggle{background:var(--bg-secondary);border-radius:50%;height:40px;overflow:hidden;position:relative;width:40px}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--brand-red);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-icon{font-size:18px;line-height:1;transition:all var(--transition-normal)}[data-theme=dark] .theme-toggle{background:var(--bg-tertiary);border-color:var(--border-secondary)}[data-theme=dark] .theme-toggle:hover{background:var(--bg-hover);border-color:var(--brand-red);box-shadow:0 0 20px #da291c4d}[data-theme=light] .theme-toggle{background:#fff;border-color:var(--border-primary)}[data-theme=light] .theme-toggle:hover{background:var(--bg-hover);border-color:var(--brand-red);box-shadow:0 2px 8px #0000001a}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.theme-toggle:active .theme-icon{animation:rotate .3s ease-in-out}.theme-toggle.header{position:absolute;right:20px;top:20px;z-index:1000}.theme-toggle.floating{bottom:20px;box-shadow:var(--shadow-md);position:fixed;right:20px;z-index:9999}.theme-toggle.inline{margin-left:auto;position:relative}@media (max-width:768px){.theme-toggle{height:36px;width:36px}.theme-icon{font-size:16px}.theme-toggle.header{right:15px;top:15px}.theme-toggle.floating{bottom:15px;right:15px}}.quiz-intro{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001a;margin:50px auto;max-width:600px;padding:40px}.quiz-intro .intro-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.user-info-section{flex:1 1;margin-right:20px}.user-info-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;padding:20px;transition:all var(--transition-normal)}.user-info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-avatar{margin-right:16px}.user-avatar img{border:3px solid var(--accent-primary);border-radius:50%;height:64px;object-fit:cover;width:64px}.user-details{flex:1 1}.user-name{font-size:1.5rem;font-weight:700;margin:0 0 8px}.user-designation{color:var(--accent-primary);font-size:1rem;font-weight:600;margin:0 0 4px}.user-event{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 12px}.user-meta{display:flex;flex-direction:column;gap:4px}.user-email,.user-phone{color:var(--text-tertiary);font-size:.813rem}.error-user-info,.loading-user-info{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);display:flex;justify-content:center;padding:40px}.loading-user-info{gap:12px}.loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-primary);border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:20px;width:20px}.error-user-info{color:var(--error-primary)}@media (max-width:768px){.user-info-card{flex-direction:column;padding:16px;text-align:center}.user-avatar{margin-bottom:12px;margin-right:0}.user-avatar img{height:56px;width:56px}.user-name{font-size:1.25rem}.user-meta{align-items:center}.quiz-intro .intro-header{flex-direction:column;gap:16px}.user-info-section{margin-right:0}}.quiz-intro h1{color:#2c3e50;font-size:2.5em;margin-bottom:20px}.quiz-intro p{color:#7f8c8d;font-size:1.1em;margin-bottom:15px}.quiz-info{background:#f8f9fa;border-radius:8px;margin:30px 0;padding:20px}.quiz-info p{font-weight:500;margin:10px 0}.quiz-total-time{color:#666;font-size:.9em;margin-top:5px}.question-timer-pill{background:var(--secondary-teal);border-radius:20px;color:#fff;display:inline-block;font-size:.9em;font-weight:600;margin-left:10px;padding:8px 12px}.question-timer-pill.danger{animation:pulse 1s infinite;background:var(--brand-red)}.question-timer-display{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;color:#495057;font-size:.9em;margin-top:10px;padding:8px 12px}.restart-btn,.start-btn,.submit-btn{background:var(--brand-red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;padding:15px 40px;transition:transform .2s,box-shadow .2s}.restart-btn:hover,.start-btn:hover,.submit-btn:hover{box-shadow:0 6px 20px #da291c66;transform:translateY(-2px)}.security-warning{animation:slideDown .3s ease-out;background:var(--warning-bg);border:2px solid var(--warning-border);border-radius:8px;margin:20px auto;max-width:900px;padding:12px 20px;text-align:center;width:calc(100% - 40px)}.security-warning span{color:var(--warning-primary);font-size:.875rem;font-weight:600}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-sm);margin-bottom:0;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;transition:background-color var(--transition-normal),border-color var(--transition-normal);z-index:100}.quiz-header-content{margin:0 auto;max-width:1280px;padding:0 20px}.quiz-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.header-actions{align-items:center;display:flex;gap:15px}.user-info{align-items:flex-end;color:#666;flex-direction:column;font-weight:500}.user-email{color:#999;font-size:.875rem;font-weight:400}[data-theme=dark] .user-info{color:#e2e8f0}[data-theme=dark] .user-email{color:#a0aec0}.logout-btn{background:var(--brand-red);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:#b71f1c;transform:translateY(-1px)}.quiz-header h2{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:0}.quiz-header h2,.quiz-progress{transition:color var(--transition-normal)}.quiz-progress{align-items:center;color:var(--text-tertiary);display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;margin-bottom:12px}.timer{background:var(--error-bg);border-radius:4px;color:var(--error-primary);font-size:.875rem;font-weight:600;padding:4px 8px}.quiz-intro,.timer{transition:background-color var(--transition-normal),color var(--transition-normal)}.quiz-intro{margin:0 auto;max-width:800px;padding:40px 20px;text-align:center}.intro-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.intro-header h1{color:var(--text-primary);margin:0;transition:color var(--transition-normal)}.progress-bar{background:var(--border-primary);border-radius:3px;height:6px;overflow:hidden;transition:background-color var(--transition-normal);width:100%}.progress-fill{background:linear-gradient(90deg,var(--brand-red) 0,var(--secondary-teal) 100%);border-radius:3px;height:100%;transition:width var(--transition-slow)}.quiz-container{background:#0000;margin:0;padding:0;width:100%}.question-card,.quiz-container{display:flex;flex:1 1;flex-direction:column}.question-card{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md);margin:20px auto;max-width:900px;padding:32px;transition:background-color var(--transition-normal),box-shadow var(--transition-normal);width:calc(100% - 40px)}.question-container{flex:1 1;margin-bottom:0;min-height:auto}.question-header{margin-bottom:24px}.question-number{color:var(--brand-red);font-size:1.125rem;font-weight:600;margin-bottom:8px}.question-number,.question-title{transition:color var(--transition-normal)}.question-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:12px}.question-instructions{color:var(--text-tertiary);font-size:.875rem;font-style:italic;transition:color var(--transition-normal)}.checkbox-question,.code-question,.fillblank-question,.radio-question{padding:0}.checkbox-question h3,.code-question h3,.fillblank-question h3,.radio-question h3{display:none}.options{display:flex;flex-direction:column;gap:16px}.option-label{align-items:flex-start;background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;min-height:56px;padding:20px;transition:all var(--transition-normal)}.option-label:hover{background:var(--bg-quaternary);border-color:var(--brand-red);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.option-label input[type=checkbox],.option-label input[type=radio]{accent-color:var(--brand-red);margin-right:16px;margin-top:2px;transform:scale(1.3)}.option-label span{color:var(--text-secondary);flex:1 1;font-size:.875rem;font-weight:500;line-height:1.5;transition:color var(--transition-normal)}.fillblank-input{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:16px 20px;transition:all var(--transition-normal);width:100%}.fillblank-input:focus{background:var(--bg-secondary);border-color:var(--brand-red);box-shadow:0 0 0 3px #da291c1a;outline:none}.fillblank-input::placeholder{color:var(--text-quaternary)}.code-question{display:flex;flex-direction:column;gap:20px}.code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.language-selector{align-items:center;display:flex;gap:8px}.language-selector label{color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:color var(--transition-normal)}.language-selector select{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:6px 12px;transition:border-color var(--transition-normal)}.language-selector select:focus{border-color:var(--brand-red);outline:none}.code-editor{margin-bottom:0}.code-textarea{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:14px;line-height:1.5;min-height:300px;padding:20px;resize:vertical;transition:all var(--transition-normal);width:100%}.code-textarea:focus{background:var(--bg-secondary);border-color:var(--brand-red);box-shadow:0 0 0 3px #da291c1a;outline:none}.code-textarea::placeholder{color:var(--text-quaternary);font-style:italic}.code-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:0}.preview-btn{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all var(--transition-normal)}.preview-btn:hover{background:var(--bg-quaternary);border-color:var(--border-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.test-btn{background:var(--secondary-teal);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all var(--transition-normal)}.test-btn:hover:not(:disabled){background:var(--success-primary);box-shadow:var(--shadow-sm);filter:brightness(.9);transform:translateY(-1px)}.test-btn:disabled{background:var(--border-secondary);box-shadow:none;cursor:not-allowed;transform:none}.run-btn{background:var(--secondary-teal);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all var(--transition-normal)}.run-btn:hover:not(:disabled){background:var(--success-primary);box-shadow:var(--shadow-sm);filter:brightness(.9);transform:translateY(-1px)}.run-btn:disabled{background:var(--border-secondary);box-shadow:none;cursor:not-allowed;transform:none}.stdin-section{margin-bottom:20px}.stdin-section label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:8px;transition:color var(--transition-normal)}.stdin-textarea{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:13px;line-height:1.4;min-height:80px;padding:12px;resize:vertical;transition:all var(--transition-normal);width:100%}.stdin-textarea:focus{background:var(--bg-secondary);border-color:var(--brand-red);box-shadow:0 0 0 3px #da291c1a;outline:none}.stdin-textarea::placeholder{color:var(--text-quaternary);font-style:italic}.execution-output{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin-top:20px;padding:20px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.execution-output h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:16px;transition:color var(--transition-normal)}.stderr-section,.stdout-section{margin-bottom:16px}.stderr-section h5,.stdout-section h5{color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:8px;transition:color var(--transition-normal)}.error-title{color:var(--error-primary)}.stderr-content,.stdout-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:13px;line-height:1.4;padding:12px;transition:all var(--transition-normal);white-space:pre-wrap;word-break:break-word}.stdout-content{color:var(--text-primary)}.stderr-content.error{background:#ef44441a;border-color:var(--error-primary);color:var(--error-primary)}.no-output{color:var(--text-tertiary);font-size:.875rem;font-style:italic;padding:24px;text-align:center;transition:color var(--transition-normal)}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-dialog{animation:popupSlideIn .3s ease-out;background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:400px;overflow:hidden;width:90%}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{border-bottom:1px solid var(--border-primary);padding:20px 20px 0}.popup-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.popup-body{padding:20px}.popup-body p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.popup-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 20px 20px}.popup-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:10px 20px;transition:all var(--transition-normal)}.popup-btn-primary{background:var(--brand-red);color:#fff}.popup-btn-primary:hover{background:var(--brand-red);filter:brightness(.9);transform:translateY(-1px)}.popup-btn-secondary{background:var(--bg-tertiary);border:2px solid var(--border-primary);color:var(--text-secondary)}.popup-btn-secondary:hover{background:var(--bg-quaternary);border-color:var(--border-secondary);transform:translateY(-1px)}.reset-btn{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all var(--transition-normal)}.reset-btn:hover{background:var(--bg-quaternary);border-color:var(--border-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.code-preview{margin-top:20px}.code-preview h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px;transition:color var(--transition-normal)}.test-results{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin-top:20px;padding:20px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.test-results h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:16px}.loading,.test-results h4{transition:color var(--transition-normal)}.loading{color:var(--text-tertiary);font-size:.875rem;font-style:italic;padding:24px;text-align:center}.test-cases{display:flex;flex-direction:column;gap:12px}.test-case{border:1px solid;border-radius:8px;padding:16px;transition:all var(--transition-normal)}.test-case.passed{background:var(--success-bg);border-color:var(--success-border)}.test-case.failed{background:var(--error-bg);border-color:var(--error-border)}.test-header{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.test-status{font-size:.875rem;font-weight:600}.test-case.passed .test-status{color:var(--success-primary)}.test-case.failed .test-status{color:var(--error-primary)}.test-metrics{color:var(--text-tertiary);font-size:.75rem;font-weight:400;transition:color var(--transition-normal)}.test-details{display:flex;flex-direction:column;gap:8px}.test-details>div{background:var(--bg-secondary);border-radius:4px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:.8125rem;line-height:1.4;padding:8px 12px;transition:background-color var(--transition-normal)}.test-details>div strong{color:var(--text-secondary);margin-right:8px;transition:color var(--transition-normal)}.test-error{background:var(--error-bg)!important;border-left:3px solid var(--error-primary);color:var(--error-primary)}.quiz-navigation{align-items:center;border-top:1px solid var(--border-primary);display:flex;gap:12px;justify-content:space-between;margin-top:auto;padding:24px 0 0;transition:border-color var(--transition-normal)}.nav-btn{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;min-width:100px;padding:12px 24px;transition:all var(--transition-normal)}.nav-btn:hover:not(:disabled){background:var(--bg-quaternary);border-color:var(--border-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.nav-btn:disabled{background:var(--bg-tertiary);border-color:var(--border-tertiary);box-shadow:none;color:var(--text-quaternary);cursor:not-allowed;transform:none}.submit-btn{background:var(--brand-red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;min-width:140px;padding:12px 32px;transition:all var(--transition-normal)}.submit-btn:hover:not(:disabled){background:#b71f1c;box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-btn:disabled{background:var(--border-secondary);box-shadow:none;cursor:not-allowed;transform:none}.quiz-results{background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-lg);margin:40px auto;max-width:600px;padding:48px;text-align:center;transition:background-color var(--transition-normal)}.completion-header{border-radius:12px;margin-bottom:32px;padding:24px}.completion-header.disqualified{background:var(--error-bg);border:2px solid var(--error-primary);color:var(--error-primary)}.completion-header.auto-submit{background:var(--warning-bg);border:2px solid var(--warning-border)}.completion-header.auto-submit h2{color:var(--warning-primary)}.completion-header.auto-submit .completion-message{color:var(--warning-secondary)}.completion-header.manual-submit{background:var(--success-bg);border:2px solid var(--success-border)}.completion-header.manual-submit h2{color:var(--success-primary)}.completion-header.manual-submit .completion-message{color:var(--success-secondary)}.completion-header.default{background:var(--info-bg);border:2px solid var(--info-border)}.completion-header.default h2{color:var(--info-primary)}.completion-header.default .completion-message{color:var(--info-secondary)}.completion-header h2{font-size:2rem;font-weight:700;margin-bottom:16px;transition:color var(--transition-normal)}.completion-message{font-size:1.125rem;font-weight:500;margin:0;transition:color var(--transition-normal)}.score-display{border-radius:12px;margin-bottom:32px;padding:32px;transition:all var(--transition-slow)}.score-display.passed{background:var(--success-bg);border:2px solid var(--success-border)}.score-display.failed{background:var(--error-bg);border:2px solid var(--error-border)}.score-display p{font-size:1.125rem;font-weight:600;margin:12px 0}.score-display.passed p{color:var(--success-primary)}.score-display.failed p{color:var(--error-primary)}.restart-btn{background:var(--brand-red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all var(--transition-normal)}.restart-btn:hover{background:#b71f1c;box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (max-width:768px){.quiz-header-content{padding:0 16px}.quiz-header h2{font-size:1.5rem}.question-card{margin:16px;padding:24px 20px}.question-title{font-size:1.25rem}.code-textarea{min-height:200px;padding:16px}.code-controls{flex-direction:column}.code-controls button{justify-content:center;width:100%}.quiz-navigation{flex-direction:column;gap:12px}.nav-btn,.submit-btn{min-width:auto;width:100%}.quiz-results{margin:20px 16px;padding:32px 24px}.quiz-results h2{font-size:1.875rem}}@media (max-width:480px){.option-label{padding:16px}.code-header{align-items:flex-start;flex-direction:column;gap:12px}.language-selector{width:100%}.language-selector select{flex:1 1}}.quiz-topbar{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:14px;justify-content:space-between;margin:20px auto 12px;max-width:900px;padding:14px 16px;width:calc(100% - 40px)}.quiz-meta{display:flex;flex-direction:column;gap:4px}.quiz-title{color:var(--text-primary);font-size:1rem;font-weight:800}.quiz-sub{color:var(--text-tertiary);font-size:.85rem}.topbar-right{align-items:center;display:flex;gap:10px}.timer-pill{background:var(--error-bg);border:1px solid var(--border-primary);border-radius:999px;color:var(--error-primary);font-size:.85rem;font-weight:700;padding:8px 12px}.timer-pill.danger{border-color:var(--error-border);box-shadow:0 0 0 3px #dc354526}.icon-btn{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);cursor:pointer;display:grid;height:40px;place-items:center;transition:transform .15s ease,box-shadow .15s ease;width:40px}.icon-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.danger-btn{background:var(--brand-red);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px;transition:transform .15s ease,filter .15s ease}.danger-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.mini-progress{margin:0 auto 8px;max-width:900px;width:calc(100% - 40px)}.mini-progress-bar{background:var(--border-primary);border-radius:999px;height:8px;overflow:hidden}.mini-progress-fill{background:linear-gradient(90deg,var(--brand-red),var(--secondary-teal));height:100%;transition:width .35s ease}.admin-dashboard{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:20px;transition:background-color var(--transition-normal),color var(--transition-normal)}.admin-header{margin-bottom:30px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.btn-logout{background:var(--error-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all var(--transition-normal)}.btn-logout:hover{box-shadow:var(--shadow-sm);filter:brightness(.9);transform:translateY(-1px)}.admin-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:20px;transition:color var(--transition-normal)}.admin-stats{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{border-radius:12px;box-shadow:var(--shadow-md);transition:background-color var(--transition-normal),box-shadow var(--transition-normal)}.stat-card h3{color:var(--brand-red);font-weight:700;margin-bottom:8px}.stat-card p{color:var(--text-tertiary);transition:color var(--transition-normal)}.admin-tabs{border-bottom:2px solid var(--border-primary);display:flex;gap:10px;margin-bottom:30px;transition:border-color var(--transition-normal)}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-tertiary);cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all var(--transition-normal)}.tab-btn:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.tab-btn.active{border-bottom-color:var(--brand-red);color:var(--brand-red)}.admin-content{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md);padding:30px;transition:background-color var(--transition-normal)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.section-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;transition:color var(--transition-normal)}.quiz-table-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}.quiz-table{border-collapse:collapse;margin:0;width:100%}.quiz-table thead{background:var(--bg-tertiary)}.quiz-table th,.quiz-table thead{border-bottom:2px solid var(--border-primary)}.quiz-table th{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.quiz-table tbody tr{border-bottom:1px solid var(--border-primary);transition:all var(--transition-normal)}.quiz-table tbody tr:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quiz-table td{color:var(--text-primary);font-size:.875rem;padding:14px 12px;vertical-align:middle}.quiz-table td:first-child{color:var(--text-primary);font-weight:500}.quiz-table td:nth-child(2){color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-table .btn-sm{border-radius:4px;font-size:.75rem;font-weight:500;margin:0 2px;padding:6px 12px;transition:all var(--transition-normal);white-space:nowrap}.quiz-table .btn-primary.btn-sm{background:var(--brand-red);border:none;color:#fff}.quiz-table .btn-primary.btn-sm:hover{background:#b71f1c;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quiz-table .btn-danger.btn-sm{background:var(--brand-red);border:none;color:#fff}.quiz-table .btn-danger.btn-sm:hover{background:#b71f1c;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.no-data{color:var(--text-tertiary);padding:60px 20px}.no-data p{font-size:1.125rem}.quizzes-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.quizzes-section .section-header h2{color:var(--text-primary);margin:0}.quizzes-section .section-header .btn-primary{font-size:.875rem;font-weight:500;margin-left:auto;min-width:auto;padding:8px 16px;white-space:nowrap;width:auto}.events-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.events-section .section-header h2{color:var(--text-primary);margin:0}.events-section .section-header .btn-primary{font-size:.875rem;font-weight:500;margin-left:auto;min-width:auto;padding:8px 16px;white-space:nowrap;width:auto}.designations-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.designations-section .section-header h2{color:var(--text-primary);margin:0}.designations-section .section-header .btn-primary{font-size:.875rem;font-weight:500;margin-left:auto;min-width:auto;padding:8px 16px;white-space:nowrap;width:auto}.btn-primary{padding:10px 20px;width:auto}.btn-primary:hover{background:#b71f1c}.btn-secondary{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all var(--transition-normal)}.btn-secondary:hover{background:var(--bg-quaternary);border-color:var(--border-secondary)}.btn-edit{background:var(--warning-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;margin-right:8px;padding:6px 12px;transition:all var(--transition-normal)}.btn-edit:hover{filter:brightness(.9)}.btn-delete{background:var(--brand-red);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:5px;padding:6px 12px;transition:all .3s ease}.btn-delete:hover{background:#b71f1c;box-shadow:0 2px 4px #da291c4d;transform:translateY(-1px)}.btn-danger{align-items:center;background:var(--brand-red);border-radius:6px;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-danger:hover{background:#b71f1c;box-shadow:0 4px 8px #da291c33}.btn-danger:before{content:"🗑️";font-size:14px;margin-right:4px}.quiz-actions .btn-danger{font-size:12px;padding:6px 12px}.quiz-actions .btn-danger:before{content:"🗑️";font-size:12px;margin-right:2px}.btn-toggle{background:var(--secondary-teal);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;margin-right:8px;padding:6px 12px;transition:all var(--transition-normal)}.btn-toggle:hover{filter:brightness(.9)}.quiz-table,.users-table{overflow-x:auto}.quiz-table table,.users-table table{border-collapse:collapse;width:100%}.quiz-table th,.users-table th{background:var(--bg-tertiary);border-bottom:2px solid var(--border-primary);color:var(--text-secondary);font-weight:600;padding:12px;text-align:left;transition:background-color var(--transition-normal),color var(--transition-normal)}.quiz-table td,.users-table td{border-bottom:1px solid var(--border-primary);padding:12px;transition:border-color var(--transition-normal)}.quiz-table tr:hover,.users-table tr:hover{background:var(--bg-tertiary)}.role-badge,.status-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 8px;text-transform:uppercase}.role-badge.student{background:var(--success-bg);color:var(--success-primary)}.role-badge.admin{background:var(--error-bg);color:var(--error-primary)}.role-badge.instructor{background:var(--warning-bg);color:var(--warning-primary)}.status-badge.active{background:var(--success-bg);color:var(--success-primary)}.status-badge.inactive{background:var(--bg-quaternary);color:var(--text-quaternary)}.status-badge.suspended{background:var(--error-bg);color:var(--error-primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{animation:modalSlideIn .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;padding:0}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-primary);border-radius:16px 16px 0 0;padding:24px 24px 20px}.modal-header h3{color:var(--text-primary);font-size:1.5em}.modal-close{border-radius:50%;color:var(--text-secondary);font-size:28px;height:40px;line-height:1;transition:all .3s ease;width:40px}.modal-close:hover{background:var(--bg-quaternary);color:var(--text-primary);transform:rotate(90deg)}.question-form,.quiz-form{display:flex;flex-direction:column;gap:20px;padding:24px}.question-form .form-group,.quiz-form .form-group{display:flex;flex-direction:column;gap:8px}.question-form label,.quiz-form label{color:var(--text-primary);font-size:.95em;font-weight:600;margin-bottom:4px}.question-form input,.question-form select,.question-form textarea,.quiz-form input,.quiz-form select,.quiz-form textarea{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:16px;padding:14px 16px;transition:all .3s ease}.question-form input:focus,.question-form select:focus,.question-form textarea:focus,.quiz-form input:focus,.quiz-form select:focus,.quiz-form textarea:focus{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.question-form textarea,.quiz-form textarea{line-height:1.5;min-height:100px;resize:vertical}.question-form .form-actions,.quiz-form .form-actions{border-top:1px solid var(--border-primary);display:flex;gap:12px;margin-top:8px;padding-top:16px}.option-input-group{align-items:center;background:var(--bg-quaternary);border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:10px;margin-bottom:12px;padding:12px}.option-input-group input{flex:1 1;margin:0}.btn-add,.btn-remove{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-add{background:#28a745;color:#fff}.btn-add:hover{background:#218838;box-shadow:0 4px 8px #28a74533;transform:translateY(-1px)}.btn-add:before{content:"+";font-size:16px;font-weight:700}.btn-remove{background:#6c757d;color:#fff}.btn-remove:hover{background:#5a6268;transform:translateY(-1px)}.btn-remove:before{content:"−";font-size:16px;font-weight:700}.admin-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-card h3{color:var(--primary-color);font-size:2rem;font-weight:600;margin:0 0 8px}.stat-card p{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0}@media (max-width:768px){.admin-stats{gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{padding:16px}.stat-card h3{font-size:1.5rem}.stat-card p{font-size:.8rem}}.upload-form,.user-form{padding:30px}.form-group input,.form-group select{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.875rem;padding:10px 12px;transition:all var(--transition-normal);width:100%}.form-group input:focus,.form-group select:focus{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.file-input{padding:10px 0}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.upload-info{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin-top:20px;padding:20px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.upload-info h4{color:var(--text-secondary);margin-bottom:12px;transition:color var(--transition-normal)}.upload-info pre{background:var(--bg-secondary);border-radius:6px;color:var(--text-secondary);font-size:.875rem;overflow-x:auto;padding:15px;transition:background-color var(--transition-normal),color var(--transition-normal)}.quizzes-section{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md);padding:30px}.quizzes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.quiz-card{background:var(--bg-tertiary);position:relative;transition:all .3s ease}.quiz-card:hover{box-shadow:var(--shadow-lg)}.quiz-info h3{color:var(--text-primary);font-size:1.2em;margin:0 0 10px}.quiz-info p{color:var(--text-secondary);line-height:1.5;margin:0 0 15px}.quiz-info small{color:var(--text-tertiary);font-size:.875em}.quiz-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.questions-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin-top:30px;padding:20px}.questions-section h3{color:var(--text-primary);margin:0 0 20px}.questions-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.question-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.question-item:hover{box-shadow:var(--shadow-md)}.question-content h4{color:var(--text-primary);margin:0 0 8px}.question-content p{color:var(--text-secondary);font-size:.875em;margin:0 0 10px}.options-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.option-tag{background:var(--accent-primary);border-radius:4px;color:#fff;font-size:.75em;padding:4px 8px}.quizzes-with-questions{display:flex;flex-direction:column;gap:30px}.quiz-with-questions{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);padding:24px}.quiz-header-info h3{color:var(--text-primary);font-size:1.4em;margin:0 0 8px}.quiz-header-info p{line-height:1.5;margin:0 0 20px}.quiz-with-questions .questions-list h4{color:var(--text-primary);font-size:1.1em;font-weight:600;margin:0 0 16px}.question-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .3s ease}.question-row:hover{background:var(--bg-quaternary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.question-info{flex:1 1}.question-text{color:var(--text-primary);font-weight:500;line-height:1.4;margin-bottom:8px}.question-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.question-type{background:var(--accent-primary);text-transform:uppercase}.question-points,.question-type{border-radius:12px;color:#fff;font-size:.75em;font-weight:500;padding:4px 8px}.question-points{background:#28a745}.correct-answer{background:#6c757d;border-radius:12px;color:#fff;font-size:.75em;font-weight:500;padding:4px 8px}.question-arrow{color:var(--text-tertiary);font-size:20px;font-weight:700;transition:transform .3s ease}.question-row:hover .question-arrow{color:var(--accent-primary);transform:translateX(4px)}.question-details{gap:20px;padding:24px}.detail-group,.question-details{display:flex;flex-direction:column}.detail-group{gap:8px}.detail-group label{color:var(--text-primary);font-size:.95em;font-weight:600}.detail-group p{color:var(--text-secondary);line-height:1.5;margin:0}.question-type-badge{background:var(--accent-primary)}.points-badge,.question-type-badge{border-radius:20px;display:inline-block;font-size:.875em;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.points-badge{background:#28a745;color:#fff;font-weight:500}.correct-answer-text{background:var(--bg-quaternary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary)}.options-list{display:flex;flex-direction:column;gap:8px}.option-item{background:var(--bg-quaternary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);padding:10px 12px 10px 24px;position:relative}.option-item:before{color:var(--accent-primary);content:"•";font-weight:700;left:10px;position:absolute}.roles-section{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-md);padding:30px}.roles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.role-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-sm);padding:24px;transition:all .3s ease}.role-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.role-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.role-header h3{color:var(--text-primary);font-size:1.3em;font-weight:600;margin:0}.role-actions{display:flex;gap:8px}.role-description{margin-bottom:20px}.role-description p{color:var(--text-secondary);line-height:1.5;margin:0}.role-details{border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px}.role-info{align-items:center;display:flex;justify-content:space-between}.role-info label{color:var(--text-tertiary);font-size:.875em;font-weight:500}.role-info span{color:var(--text-secondary);font-size:.875em}.role-permissions h4{color:var(--text-primary);font-size:1em;font-weight:600;margin:0 0 12px}.permissions-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.permission-tag{background:var(--accent-primary);border-radius:16px;color:#fff;font-size:.75em;font-weight:500;padding:4px 10px;text-transform:lowercase}.no-permissions{color:var(--text-tertiary);font-size:.875em;font-style:italic}.role-meta{align-items:center;border-top:1px solid var(--border-primary);display:flex;font-size:.875em;justify-content:space-between;padding-top:16px}.role-id{color:var(--text-tertiary)}.role-status{color:var(--text-secondary);font-weight:500}.role-form .form-group{margin-bottom:20px}.role-form label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.role-form input,.role-form textarea{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.role-form input:focus,.role-form textarea:focus{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.role-form textarea{line-height:1.5;min-height:80px;resize:vertical}.permissions-input{display:flex;flex-direction:column;gap:8px}.permissions-input small{color:var(--text-tertiary);font-size:.875em;line-height:1.4}.role-form .form-actions{border-top:1px solid var(--border-primary);display:flex;gap:12px;margin-top:24px;padding-top:16px}@media (max-width:768px){.admin-dashboard{padding:10px}.admin-header h1{font-size:2rem}.admin-stats{grid-template-columns:1fr}.admin-tabs{flex-direction:column}.tab-btn{border-bottom:1px solid var(--border-primary);border-right:none}.tab-btn.active{border-bottom-color:var(--accent-primary)}.section-header{align-items:stretch;flex-direction:column;gap:15px}.admin-content{padding:20px}.quiz-table,.users-table{font-size:.875rem}.quiz-table td,.quiz-table th,.users-table td,.users-table th{padding:8px}.modal{margin:10px;width:95%}.form-actions{flex-direction:column}.btn-delete,.btn-edit,.btn-toggle{display:block;margin:4px 0;width:100%}}.page-title-section{margin:24px 0 32px;padding:0}.page-title-section h1{color:var(--text-primary);font-size:2rem;font-weight:600;line-height:1.2;margin:0}.admin-dashboard .admin-header{display:none}.users-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.users-section .action-bar{align-items:center;display:flex;gap:16px}.users-section .action-buttons{align-items:center;display:flex;gap:12px}.users-section .filter-dropdown{align-items:center;display:flex;gap:8px}.users-section .filter-dropdown label{color:var(--text-primary);font-weight:500}.users-section .user-filter-select{border-radius:6px;height:40px}.btn-utility{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;height:40px;padding:8px 16px;transition:all var(--transition-normal);white-space:nowrap}.btn-utility:hover{background:var(--bg-quaternary);border-color:var(--border-secondary);color:var(--text-primary)}.btn-primary{align-items:center;background:var(--accent-primary);border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;height:40px;padding:8px 16px;position:relative;transition:all var(--transition-normal);white-space:nowrap}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-icon{font-size:1rem;line-height:1}.dropdown-arrow{font-size:.75rem;margin-left:4px;transition:transform var(--transition-normal)}.create-dropdown{position:relative}.dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-lg);margin-top:4px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 16px;text-align:left;transition:background-color var(--transition-normal);width:100%}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item:first-child{border-bottom:1px solid var(--border-primary)}.item-icon{font-size:.875rem;text-align:center;width:20px}.users-section .creation-tabs{display:none}.create-role-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:20px}.create-role-form h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:16px}.create-role-form .form-group{margin-bottom:16px}.create-role-form .form-group label{color:var(--text-secondary);display:block;font-weight:500;margin-bottom:6px}.create-role-form .form-group input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.create-role-form .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90e21a;outline:none}.create-role-form .form-actions{display:flex;gap:12px;margin-top:20px}.create-role-form .btn-primary{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.create-role-form .btn-primary:hover{background:var(--primary-hover)}.create-role-form .btn-primary:disabled{background:var(--border-color);cursor:not-allowed}.create-role-form .btn-secondary{background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.create-role-form .btn-secondary:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.role-modal{max-width:450px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-header h3{color:#1a202c;font-size:20px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#718096;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s;width:32px}.modal-close:hover{background:#f7fafc;color:#1a202c}.modal-body{padding:24px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{color:#2d3748;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.modal-body .form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1a202c;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.modal-body .form-group input:focus{border-color:#28a745;box-shadow:0 0 0 4px #28a7451a;outline:none}.modal-body .form-group input::placeholder{color:#a0aec0}.form-help{color:#718096;display:block;font-size:13px;line-height:1.4;margin-top:6px}.modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.modal-footer .btn-danger,.modal-footer .btn-primary,.modal-footer .btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:100px;padding:12px 24px;transition:all .2s}.modal-footer .btn-primary{background:#28a745;color:#fff}.modal-footer .btn-primary:hover:not(:disabled){background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.modal-footer .btn-primary:disabled{background:#e2e8f0;box-shadow:none;color:#a0aec0;cursor:not-allowed;transform:none}.modal-footer .btn-secondary{background:#0000;border:1px solid #e2e8f0;color:#4a5568}.modal-footer .btn-secondary:hover{background:#fff;border-color:#4a5568;color:#1a202c}.modal-footer .btn-danger{background:#dc3545;color:#fff}.modal-footer .btn-danger:hover:not(:disabled){background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.btn-spinner{height:14px;width:14px}.roles-section .section-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.roles-section .section-header h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.roles-section .btn-primary{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.roles-section .btn-primary:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.roles-section .btn-primary:before{content:"+";font-size:18px;font-weight:600}.questions-table-container,.quiz-table-container{background:var(--bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;padding:20px}.questions-table,.quiz-table{border-collapse:collapse;margin-top:0;width:100%}.questions-table td,.questions-table th,.quiz-table td,.quiz-table th{border-bottom:1px solid var(--border-primary);padding:12px;text-align:left;vertical-align:top}.questions-table th,.quiz-table th{background:var(--bg-tertiary);border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-weight:600}.questions-table tr:hover,.quiz-table tr:hover{background:var(--bg-hover)}.status-badge{font-size:12px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.question-type-badge{background:var(--primary-color);color:#fff;font-size:12px;padding:4px 8px}.quiz-table td:nth-child(4){color:var(--text-secondary);font-family:monospace;font-size:.875rem;white-space:nowrap}.options-list{list-style-type:disc;margin:0;padding-left:20px}.options-list li{font-size:14px;margin-bottom:4px}.no-options{color:var(--text-secondary);font-style:italic}.correct-answer{color:var(--success-color);font-weight:600}.pagination-controls{background:var(--bg-secondary);border-radius:8px;margin-bottom:20px;padding:16px}.pagination-info{align-items:center;display:flex;gap:20px}.pagination-info label{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:8px}.pagination-info select{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);padding:6px 10px}.pagination-buttons{display:flex;gap:10px}.pagination-buttons button:disabled{cursor:not-allowed;opacity:.5}.questions-view{width:100%}.quiz-header-info{align-items:center;display:flex;gap:16px;margin-bottom:16px}.quiz-header-info h2{color:var(--text-primary);margin:0}.quiz-header-info p{color:var(--text-secondary);font-style:italic;margin:0}.no-data{color:var(--text-secondary);padding:40px;text-align:center}.no-data p{font-size:16px;margin:0}.btn-sm{font-size:12px;margin-right:8px;padding:6px 12px}.btn-sm:last-child{margin-right:0}.btn-danger{background:var(--error-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all var(--transition-normal)}.btn-danger:hover{background:var(--error-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:768px){.questions-table-container,.quiz-table-container{padding:10px}.questions-table td,.questions-table th,.quiz-table td,.quiz-table th{font-size:14px;padding:8px}.pagination-controls{align-items:stretch;flex-direction:column;gap:16px}.pagination-info{justify-content:space-between}.quiz-header-info{align-items:flex-start;flex-direction:column;gap:8px}}.users-section .user-filter-select{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:.875rem;min-width:120px;padding:8px 12px}.correct-answer-option{align-items:center!important;display:flex!important;gap:8px!important;justify-content:flex-start!important;width:-webkit-fit-content;width:fit-content}.correct-answer-option input[type=checkbox],.correct-answer-option input[type=radio]{flex:0 0 auto!important;height:16px!important;margin:0!important;padding:0!important;width:16px!important}.correct-answer-option span{line-height:1.2;margin:0!important}.reviewer-section{background:var(--bg-primary);border-radius:8px;min-height:600px;padding:20px}.breadcrumb-nav{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:8px;margin-top:10px}.breadcrumb-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.breadcrumb-link:hover{color:var(--primary-hover)}.breadcrumb-separator{color:var(--text-secondary)}.breadcrumb-current{color:var(--text-primary);font-weight:500}.empty-state,.error-state,.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:16px;width:40px}.error-state{color:var(--error-primary)}.error-state p{font-size:1.1rem;margin-bottom:16px}.events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.event-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:20px;transition:all var(--transition-normal)}.event-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:8px}.event-card p{color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.event-stats{display:flex;gap:20px;margin-bottom:16px}.stat{text-align:center}.stat-value{color:var(--primary-color);display:block;font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-secondary);font-size:.875rem}.quizzes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.quiz-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:20px;transition:all var(--transition-normal)}.quiz-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quiz-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:8px}.quiz-card p{color:var(--text-secondary);line-height:1.5}.quiz-card p,.quiz-info{margin-bottom:16px}.quiz-info p{font-size:.875rem;margin-bottom:8px}.users-table{margin-top:20px;overflow-x:auto}.users-table table{background:var(--bg-secondary);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.users-table td,.users-table th{border-bottom:1px solid var(--border-primary);padding:12px 16px;text-align:left}.users-table th{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table th,.users-table tr:hover{background:var(--bg-tertiary)}.status-badge{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.pending{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.status-badge.graded,.status-badge.reviewed{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.answers-header{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.answers-summary h3{color:var(--text-primary);margin-bottom:12px}.summary-stats{display:flex;gap:24px}.summary-stat{text-align:center}.answers-filter{align-items:center;display:flex;gap:8px}.answers-filter label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.filter-select{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:.875rem;padding:6px 12px}.answers-list{display:flex;flex-direction:column;gap:20px}.answer-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:20px;transition:all var(--transition-normal)}.answer-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.answer-header{align-items:flex-start;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.question-info h4{color:var(--text-primary);margin-bottom:4px}.question-type-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:2px 6px;text-transform:uppercase}.question-type-badge.radio{background:#e3f2fd;color:#1976d2}.question-type-badge.checkbox{background:#f3e5f5;color:#7b1fa2}.question-type-badge.text{background:#e8f5e8;color:#388e3c}.question-type-badge.code{background:#fff3e0;color:#f57c00}.points-info{text-align:center}.points-awarded{color:var(--primary-color);font-size:1.25rem;font-weight:700}.points-separator{color:var(--text-secondary);margin:0 4px}.points-possible{color:var(--text-secondary);font-size:1rem}.correct-answer,.question-content,.user-answer{margin-bottom:16px}.correct-answer h5,.question-content h5,.user-answer h5{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.question-text p{background:var(--bg-tertiary);border-left:4px solid var(--primary-color);border-radius:4px;font-style:italic;padding:12px}.question-text pre{background:var(--code-bg);border:1px solid var(--border-primary);border-radius:4px;overflow-x:auto;padding:12px}.options-list{margin-top:8px}.option{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;margin-bottom:4px;padding:6px 12px}.option.selected{background:var(--primary-bg);border-color:var(--primary-color);color:var(--primary-text);font-weight:500}.text-answer p{background:var(--bg-tertiary);border-left:4px solid var(--info-color);border-radius:4px;min-height:60px;padding:12px}.code-answer pre{background:var(--code-bg);border:1px solid var(--border-primary);border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;line-height:1.4;overflow-x:auto;padding:16px}.correct-answer-text{background:var(--success-bg);border-left:4px solid var(--success-color);border-radius:4px;color:var(--success-text);font-weight:500;padding:12px}.reviewer-info{border-top:1px solid var(--border-primary);color:var(--text-secondary);font-size:.875rem;padding-top:12px}.grading-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin-top:20px;padding:16px}.grading-section h5{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.grading-inputs{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.grading-input-group{display:flex;flex-direction:column;gap:6px}.grading-input-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.points-input{align-items:center;display:flex;gap:8px}.points-input input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:.875rem;font-weight:500;padding:8px 12px;width:100px}.points-input input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.points-input input:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.points-max{color:var(--text-secondary);font-size:.875rem;font-weight:500}.notes-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-family:inherit;font-size:.875rem;min-height:80px;padding:8px 12px;resize:vertical;width:100%}.notes-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.notes-input:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.grading-actions{display:flex;justify-content:flex-end}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:12px;margin-right:8px;width:12px}.all-reviewed-banner{background:linear-gradient(135deg,var(--success-bg),var(--success-color));border:1px solid var(--success-border);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:24px;padding:24px;text-align:center}.banner-content{margin:0 auto;max-width:400px}.banner-content h3{color:var(--success-text);font-size:1.5rem;font-weight:700;margin-bottom:8px}.banner-content p{color:var(--success-text);font-size:1rem;margin-bottom:20px;opacity:.9}.banner-content .btn-primary{background:#fff;border:none;border-radius:8px;color:var(--success-color);cursor:pointer;font-size:.875rem;font-weight:600;padding:12px 24px;transition:all var(--transition-normal)}.banner-content .btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-results-section{background:var(--bg-primary);border-radius:8px;min-height:600px;padding:20px}.user-results-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr;height:100%}.events-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;height:-webkit-fit-content;height:fit-content;max-height:600px;overflow-y:auto;padding:20px}.panel-header{border-bottom:1px solid var(--border-primary);margin-bottom:20px;padding-bottom:12px}.panel-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.events-list-compact{display:flex;flex-direction:column;gap:8px}.event-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;cursor:pointer;padding:12px 16px;transition:all var(--transition-normal)}.event-item:hover{background:var(--bg-tertiary);border-color:var(--primary-color);transform:translateX(4px)}.event-item.selected{background:var(--primary-bg);border-color:var(--primary-color);color:var(--primary-text)}.event-item h4{color:var(--text-primary);font-size:1rem;font-weight:500;margin:0 0 6px}.event-item p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.leaderboard-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;height:-webkit-fit-content;height:fit-content;max-height:600px;overflow-y:auto;padding:20px}.leaderboard-table{background:var(--bg-primary);border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid var(--border-primary);padding:12px 16px;text-align:left}.leaderboard-table th{color:var(--text-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.leaderboard-table th,.leaderboard-table tr:hover{background:var(--bg-tertiary)}.rank-cell{text-align:center;width:80px}.rank-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.user-cell{min-width:200px}.user-info{align-items:center;display:flex;gap:12px}.user-avatar{border:2px solid var(--border-primary);border-radius:50%;height:32px;object-fit:cover;width:32px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.user-username{color:var(--text-secondary);font-size:.75rem}.designation-badge{background:var(--info-bg);border:1px solid var(--info-border);border-radius:4px;color:var(--info-text);font-size:.75rem;font-weight:500;padding:2px 6px}.points-cell{font-weight:700;text-align:center;width:100px}.total-points{background:linear-gradient(135deg,var(--success-bg),var(--success-color));border-radius:6px;color:var(--success-text);font-size:1rem;font-weight:700;padding:4px 8px}.select-event-prompt{align-items:center;display:flex;height:100%;justify-content:center;text-align:center}.prompt-content{max-width:300px;text-align:center}.prompt-content h3{color:var(--text-secondary);font-size:1.25rem;font-weight:600;margin-bottom:12px}.prompt-content p{color:var(--text-secondary);line-height:1.5}.pagination-controls{align-items:center;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.btn-pagination{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all var(--transition-normal)}.btn-pagination:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-pagination:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:.875rem;font-weight:500}@media (max-width:768px){.events-grid,.quizzes-grid,.user-results-layout{grid-template-columns:1fr}.user-results-layout{gap:16px}.events-panel,.leaderboard-panel{max-height:none}.answers-header{align-items:stretch;flex-direction:column;gap:16px}.breadcrumb-nav{flex-wrap:wrap;gap:4px}.users-table{font-size:.875rem}.users-table td,.users-table th{padding:8px 12px}.grading-inputs{gap:12px}.points-input input{width:80px}.banner-content{max-width:300px}}.bulk-upload-info{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;margin-top:16px;padding:16px}.bulk-upload-info h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:8px}.bulk-upload-info p{color:var(--text-secondary);font-size:.875rem;margin-bottom:12px}.bulk-upload-info ul{margin:0 0 16px;padding-left:20px}.bulk-upload-info li{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:6px}.bulk-upload-info strong{color:var(--text-primary)}.template-download{border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:8px;padding-top:12px}.template-download small{color:var(--text-secondary);font-size:.8rem;text-align:center}.selected-file{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;font-size:.875rem;margin-top:8px;padding:12px}.selected-file strong{color:var(--text-primary)}.selected-file small{color:var(--text-secondary)}.file-input{background:var(--bg-secondary);border:2px dashed var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:8px;transition:border-color var(--transition-normal);width:100%}.file-input:focus,.file-input:hover{border-color:var(--accent-primary)}.file-input:focus{box-shadow:0 0 0 2px #4a90e233;outline:none}.users-section .header-actions .btn-primary{font-size:.875rem;padding:8px 16px;white-space:nowrap}.modal .bulk-upload-info{max-height:300px;overflow-y:auto}@media (max-width:768px){.users-section .action-bar{align-items:stretch;flex-direction:column;gap:12px}.users-section .action-buttons{gap:8px;justify-content:space-between}.users-section .filter-dropdown{justify-content:space-between}.btn-primary,.btn-utility{flex:1 1;font-size:.8rem;justify-content:center;padding:8px 12px}.dropdown-menu{left:0;min-width:150px;right:auto}.bulk-upload-info{padding:12px}.bulk-upload-info ul{padding-left:16px}.template-download{align-items:center}.template-download .btn-secondary{width:100%}}.admin-login{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative;transition:background-color var(--transition-normal)}.login-container{max-width:400px;width:100%}.login-card{background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-lg);padding:40px;transition:transform var(--transition-slow),box-shadow var(--transition-normal)}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:8px}.login-header h1,.login-header p{transition:color var(--transition-normal)}.login-header p{color:var(--text-tertiary);font-size:.875rem}.error-message,.login-form{margin-bottom:20px}.error-message{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;padding:12px;text-align:center}.error-message span{color:var(--error-primary);font-size:.875rem;font-weight:500}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);font-weight:500;margin-bottom:8px;transition:color var(--transition-normal)}.form-group input{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all var(--transition-normal);width:100%}.form-group input:focus{background:var(--bg-secondary);border-color:var(--brand-red);box-shadow:0 0 0 3px #da291c1a;outline:none}.form-group input::placeholder{color:var(--text-quaternary)}.login-btn{background:var(--brand-red);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:all var(--transition-normal);width:100%}.login-btn:hover:not(:disabled){background:#b71f1c;box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-btn:disabled{background:var(--border-secondary);box-shadow:none;cursor:not-allowed;transform:none}.login-footer{border-top:1px solid var(--border-primary);margin-top:30px;padding-top:20px;transition:border-color var(--transition-normal)}.demo-credentials{background:var(--bg-tertiary);border-radius:8px;padding:16px;text-align:center}.demo-credentials h4{color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:12px}.demo-credentials h4,.demo-credentials p{transition:color var(--transition-normal)}.demo-credentials p{color:var(--text-tertiary);font-size:.75rem;margin:4px 0}.demo-credentials strong{color:var(--text-secondary);transition:color var(--transition-normal)}@media (max-width:480px){.login-card{padding:30px 20px}.login-header h1{font-size:1.75rem}}[data-theme=dark] .admin-login{background:#0b1830}[data-theme=dark] .login-card{background:#f8fafc;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}[data-theme=dark] .login-header h1{color:#1e293b}[data-theme=dark] .login-header p{color:#64748b}[data-theme=dark] .form-group label{color:#475569}[data-theme=dark] .form-group input{background:#334155;border:none;color:#fff}[data-theme=dark] .form-group input:focus{background:#475569;box-shadow:0 0 0 3px #da291c33}[data-theme=dark] .form-group input::placeholder{color:#94a3b8}[data-theme=dark] .login-btn{background:var(--brand-red)}[data-theme=dark] .login-btn:hover:not(:disabled){background:#b71f1c;box-shadow:0 10px 20px #da291c4d;transform:translateY(-2px)}[data-theme=dark] .login-btn:disabled{background:#94a3b8}:root{--bg:var(--brand-white);--card:var(--brand-white);--text:var(--ui-dark-grey);--muted:var(--ui-light-grey);--border:#e5e5e5;--primary:var(--brand-red);--primaryHover:#b71f1c;--dangerBg:#fef2f2;--dangerText:var(--brand-red);--shadow:0 18px 60px #0000001f;--radius:18px}[data-theme=dark] .login-page{--bg:#1a1a1a;--card:#2a2a2a;--text:var(--brand-white);--muted:var(--ui-light-grey);--border:#404040;--primary:var(--brand-red);--primaryHover:#b71f1c;--dangerBg:#2a0a0a;--dangerText:var(--brand-red);--shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}.login-page{background:var(--brand-white);background:var(--bg);color:var(--ui-dark-grey);color:var(--text);display:grid;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh;padding:28px 16px;place-items:center;transition:background-color .3s ease}.login-shell{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;width:min(980px,100%)}@media (min-width:900px){.login-shell{align-items:stretch;gap:20px;grid-template-columns:1.05fr .95fr}}.login-aside{align-items:flex-start;background:linear-gradient(135deg,#da291c14,#da291c0a);border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 18px 60px #0000001f;box-shadow:var(--shadow);display:flex;justify-content:flex-start;padding:22px}.brand{align-items:center;display:flex;gap:14px}.brand-badge{background:var(--brand-red);border:1px solid var(--brand-red);border-radius:14px;color:var(--brand-white);display:grid;font-weight:800;height:44px;letter-spacing:.5px;place-items:center;width:44px}.brand-content{align-items:center;display:flex;flex:1 1;justify-content:center}.brand-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%}.brand-text h2{font-size:20px;margin:0}.brand-text p{color:var(--ui-light-grey);color:var(--muted);font-size:14px;line-height:1.45;margin:4px 0 0}.login-card{animation:slideUp .6s ease-out;background:var(--brand-white);background:var(--card);border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius);box-shadow:0 18px 60px #0000001f;box-shadow:var(--shadow);padding:22px;transition:transform .3s ease,box-shadow .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header h1{font-size:24px;letter-spacing:-.2px;margin:0}.login-header p{color:var(--ui-light-grey);color:var(--muted);font-size:14px;margin:8px 0 0}.alert{align-items:flex-start;background:#fef2f2;background:var(--dangerBg);border:1px solid #b4231840;border-radius:14px;color:var(--brand-red);color:var(--dangerText);display:flex;gap:10px;margin:16px 0 0;padding:12px}.alert-icon{line-height:1.2}.login-form{grid-gap:14px;display:grid;gap:14px;margin-top:18px}.form-group label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.input-wrap input{background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:14px;color:var(--ui-dark-grey);color:var(--text);height:44px;outline:none;padding:0 12px;transition:all .3s ease;width:100%}.input-wrap input::placeholder{color:var(--ui-light-grey);color:var(--muted)}.input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #da291c24}.input-with-button{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto}.ghost-btn{background:#0000;border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:14px;color:var(--ui-dark-grey);color:var(--text);cursor:pointer;font-weight:700;height:44px;padding:0 12px}.ghost-btn:hover{background:#da291c0f}.form-row{display:flex;gap:12px;justify-content:space-between}.check,.form-row{align-items:center}.check{color:var(--ui-light-grey);color:var(--muted);display:inline-flex;font-size:13px;gap:10px}.check input{accent-color:var(--brand-red);accent-color:var(--primary);height:16px;width:16px}.link-btn,.link-inline{background:none;border:none;color:var(--brand-red);color:var(--primary);cursor:pointer;font-size:13px;font-weight:700;padding:0}.link-btn:hover,.link-inline:hover{text-decoration:underline}.primary-btn{background:var(--brand-red);background:var(--primary);border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:800;height:46px;transition:all .3s ease}.primary-btn:hover{background:#b71f1c;background:var(--primaryHover);box-shadow:0 10px 20px #da291c4d;transform:translateY(-2px)}.primary-btn:active{transform:translateY(1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff73}.fineprint{color:var(--ui-light-grey);color:var(--muted);font-size:12px;line-height:1.5;margin:4px 0 0}[data-theme=dark] .login-page .input-wrap input{background:#333;border:1px solid #e5e5e5;border:1px solid var(--border);color:var(--brand-white)}[data-theme=dark] .login-page .input-wrap input:focus{background:#404040;border-color:var(--primary);box-shadow:0 0 0 4px #da291c33}[data-theme=dark] .login-page .input-wrap input::placeholder{color:var(--ui-light-grey)}[data-theme=dark] .login-page .primary-btn{background:var(--brand-red);background:var(--primary)}[data-theme=dark] .login-page .primary-btn:hover{background:#b71f1c;background:var(--primaryHover);box-shadow:0 10px 20px #da291c66;transform:translateY(-2px)}[data-theme=dark] .login-page .ghost-btn{background:#ffffff1a;border-color:#e5e5e5;border-color:var(--border);color:var(--brand-white)}[data-theme=dark] .login-page .ghost-btn:hover{background:#fff3}.forgot-v2{display:grid;min-height:100vh;padding:28px 16px;place-items:center;position:relative}.forgot-v2__bg{background:radial-gradient(1100px 600px at 20% 10%,#2d6cdf1f,#0000 50%),radial-gradient(900px 500px at 80% 20%,#48bf911a,#0000 55%),linear-gradient(180deg,#f5f7fc,#fafafc);inset:0;position:absolute}.forgot-v2.dark .forgot-v2__bg{background:radial-gradient(1100px 600px at 20% 10%,#2d6cdf29,#0000 50%),radial-gradient(900px 500px at 80% 20%,#48bf911f,#0000 55%),linear-gradient(180deg,#0b1020,#0a0f1a)}.forgot-v2__wrap{max-width:480px;position:relative;width:100%}.forgot-v2__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border:1px solid #0000000f;border-radius:16px;box-shadow:0 18px 45px #0000001a;padding:28px}.forgot-v2.dark .forgot-v2__card{background:#0f1320b3;border-color:#ffffff1a;box-shadow:0 18px 45px #00000073;color:#e9eef7}.forgot-v2__brand{display:flex;justify-content:center;margin-bottom:14px}.forgot-v2__logo{background:var(--brand-red);border-radius:14px;color:#fff;display:grid;font-weight:800;height:44px;letter-spacing:.4px;place-items:center;width:44px}.forgot-v2__header h1{font-size:22px;margin:0 0 6px}.forgot-v2__header p{line-height:1.35;margin:0 0 18px;opacity:.8}.forgot-v2__steps{align-items:center;display:flex;gap:10px;justify-content:space-between;margin:8px 0 16px}.forgot-v2__steps .bar{background:#0000001a;border-radius:999px;flex:1 1;height:2px}.forgot-v2.dark .forgot-v2__steps .bar{background:#ffffff24}.forgot-v2__steps .step{align-items:center;display:flex;gap:10px}.forgot-v2__steps .dot{background:#ffffffe6;border:1px solid #0000002e;border-radius:999px;display:grid;font-size:13px;font-weight:700;height:28px;place-items:center;width:28px}.forgot-v2.dark .forgot-v2__steps .dot{background:#0000001f;border-color:#ffffff38}.forgot-v2__steps .label{font-size:12px;opacity:.8;white-space:nowrap}.forgot-v2__steps .step.active .dot{border-color:var(--brand-red);box-shadow:0 0 0 4px #da291c24}.forgot-v2__steps .step.active .label{font-weight:600;opacity:1}.forgot-v2__steps .step.done .dot{background:#48bf9124;border-color:#48bf9173}.forgot-v2__alert{background:#da291c1a;border:1px solid var(--brand-red);border-radius:12px;color:var(--brand-red)}.forgot-v2__alert,.forgot-v2__info{font-size:13px;margin:10px 0;padding:10px 12px}.forgot-v2__info{background:#009ca61a;border:1px solid var(--secondary-teal);border-radius:12px;color:var(--secondary-teal)}.forgot-v2__content{animation:fadeIn .25s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.forgot-v2__form{display:flex;flex-direction:column;gap:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input-icon{position:relative}.input-icon .icon{font-weight:700;left:12px;opacity:.55;position:absolute;top:50%;transform:translateY(-50%)}.input-action input,.input-icon input{background:#ffffffeb;border:1px solid #0000001f;border-radius:12px;height:44px;outline:none;padding:0 12px;width:100%}.input-icon input{padding-left:34px}.forgot-v2.dark .input-action input,.forgot-v2.dark .input-icon input{background:#0a0f1aa6;border-color:#ffffff24;color:#e9eef7}.input-action{align-items:center;display:flex;gap:8px}.btn-ghost{background:#ffffffa6;border:1px solid #0000001f;border-radius:12px;cursor:pointer;height:44px;padding:0 12px}.forgot-v2.dark .btn-ghost{background:#ffffff0f;border-color:#ffffff24;color:#e9eef7}.meta{display:flex;justify-content:flex-end}.countdown{font-size:12px;opacity:.85}.countdown.expired{color:#d94b4b;opacity:1}.otp{display:flex;gap:8px;justify-content:space-between}.otp-box{background:#ffffffeb;border:1px solid #0000001f;border-radius:12px;font-size:18px;font-weight:700;height:52px;outline:none;text-align:center;width:46px}.forgot-v2.dark .otp-box{background:#0a0f1aa6;border-color:#ffffff24;color:#e9eef7}.otp-box:focus{border-color:var(--brand-red);box-shadow:0 0 0 4px #da291c1f}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;font-weight:700;height:46px;width:100%}.btn-primary{background:var(--brand-red);color:#fff}.btn-primary:disabled{cursor:not-allowed;opacity:.55}.btn-secondary{background:#0000;border:1px solid var(--brand-red);color:var(--brand-red)}.forgot-v2.dark .btn-secondary{border-color:var(--brand-red);color:var(--brand-red)}.btn-link{background:#0000;border:none;color:var(--brand-red);cursor:pointer;padding:4px 0}.forgot-v2.dark .btn-link{color:var(--secondary-teal)}.btn-loading{align-items:center;display:inline-flex;gap:10px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff59;border-radius:999px;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.strength{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:10px}.strength .bar{background:#00000014;border-radius:999px;flex:1 1;height:8px;overflow:hidden}.forgot-v2.dark .strength .bar{background:#ffffff1a}.strength .fill{border-radius:999px;height:100%}.strength.weak .fill{background:#e74c3c}.strength.medium .fill{background:#f39c12}.strength.strong .fill{background:var(--secondary-teal)}.strength .text{font-size:12px;min-width:60px;opacity:.8;text-align:right}.checklist{grid-gap:6px;display:grid;font-size:12px;gap:6px;list-style:none;margin:0;opacity:.85;padding:8px 0 0}.checklist li{padding-left:18px;position:relative}.checklist li:before{content:"•";left:0;opacity:.6;position:absolute;top:0}.checklist li.ok{opacity:1}.checklist li.ok:before{color:var(--secondary-teal);content:"✓";opacity:1}.forgot-v2__success{padding:10px 0;text-align:center}.forgot-v2__success .success-icon{background:#009ca624;border:1px solid var(--secondary-teal);border-radius:999px;color:var(--secondary-teal);display:grid;font-size:28px;font-weight:800;height:56px;margin:8px auto 12px;place-items:center;width:56px}.forgot-v2__success h2{margin:0 0 8px}.forgot-v2__success p{margin:0 0 18px;opacity:.8}@media (max-width:420px){.forgot-v2__card{padding:22px}.forgot-v2__steps .label{display:none}.otp{gap:6px}.otp-box{height:50px;width:42px}}.global-theme-toggle{bottom:20px;position:fixed;right:20px;z-index:9999}.global-theme-toggle .theme-toggle{border:2px solid var(--border-primary);box-shadow:0 4px 20px #0000004d}@media (max-width:768px){.global-theme-toggle{bottom:15px;right:15px}}@media (max-width:480px){.global-theme-toggle{bottom:10px;right:10px}}*{box-sizing:border-box;margin:0;padding:0}:root{--brand-red:#da291c;--brand-white:#fff;--brand-black:#222221;--ui-biscuit-25:#f3f2ee;--ui-dark-grey:#4a4f53;--ui-light-grey:#999;--secondary-teal:#009ca6;--secondary-mustard:#f2a900;--secondary-plum:#9a3324;--secondary-biscuit:#d1ccbd;--secondary-orange:#fc4c02;--bg-primary:var(--brand-white);--bg-secondary:var(--brand-white);--bg-tertiary:var(--ui-biscuit-25);--bg-quaternary:#f9f8f6;--text-primary:var(--ui-dark-grey);--text-secondary:var(--ui-light-grey);--text-tertiary:var(--ui-light-grey);--text-quaternary:#ccc;--text-heading:var(--brand-black);--text-link:var(--brand-red);--border-primary:#e5e5e5;--border-secondary:var(--secondary-biscuit);--border-tertiary:var(--ui-biscuit-25);--border-focus:var(--brand-red);--accent-primary:var(--brand-red);--accent-secondary:var(--secondary-teal);--accent-hover:#b71f1c;--btn-primary-bg:var(--brand-red);--btn-primary-text:var(--brand-white);--btn-primary-border:var(--brand-red);--btn-secondary-bg:var(--brand-white);--btn-secondary-text:var(--brand-red);--btn-secondary-border:var(--brand-red);--btn-tertiary-bg:#0000;--btn-tertiary-text:var(--brand-red);--btn-tertiary-border:#0000;--success-primary:var(--secondary-teal);--success-bg:#f0fdf4;--success-border:var(--secondary-teal);--error-primary:var(--brand-red);--error-bg:#fef2f2;--error-border:var(--brand-red);--warning-primary:var(--secondary-mustard);--warning-bg:#fffbeb;--warning-border:var(--secondary-mustard);--info-primary:var(--secondary-teal);--info-bg:#f0f9ff;--info-border:var(--secondary-teal);--nav-active:var(--brand-red);--nav-hover:var(--ui-biscuit-25);--nav-text:var(--ui-dark-grey);--table-header:var(--ui-dark-grey);--table-row-hover:var(--ui-biscuit-25);--table-border:var(--border-primary);--progress-primary:var(--brand-red);--progress-warning:var(--secondary-mustard);--progress-danger:var(--brand-red);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2a2a2a;--bg-tertiary:#333;--bg-quaternary:#404040;--text-primary:var(--brand-white);--text-secondary:var(--ui-light-grey);--text-tertiary:#bbb;--text-quaternary:#999;--text-heading:var(--brand-white);--text-link:var(--brand-red);--border-primary:#404040;--border-secondary:#4a4f53;--border-tertiary:#555;--accent-primary:var(--brand-red);--accent-secondary:var(--secondary-teal);--accent-hover:#b71f1c;--success-primary:var(--secondary-teal);--success-bg:#0a2e2f;--success-border:var(--secondary-teal);--error-primary:var(--brand-red);--error-bg:#2a0a0a;--error-border:var(--brand-red);--warning-primary:var(--secondary-mustard);--warning-bg:#2a1f0a;--warning-border:var(--secondary-mustard);--info-primary:var(--secondary-teal);--info-bg:#0a2a2f;--info-border:var(--secondary-teal);--nav-active:var(--brand-red);--nav-hover:#333;--nav-text:var(--brand-white);--table-header:var(--brand-white);--table-row-hover:#333;--table-border:var(--border-primary);--progress-primary:var(--brand-red);--progress-warning:var(--secondary-mustard);--progress-danger:var(--brand-red);--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #0009,0 4px 6px -2px #00000080}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-primary);color:#4a4f53;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0;transition:background-color .2s ease,color .2s ease;transition:background-color var(--transition-normal),color var(--transition-normal)}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.app-nav{background:#fff;background:var(--bg-secondary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-primary);position:-webkit-sticky;position:sticky;top:0;transition:background-color .2s ease,border-color .2s ease;transition:background-color var(--transition-normal),border-color var(--transition-normal);z-index:100}.nav-container{height:60px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 20px}.nav-brand,.nav-container{align-items:center;display:flex}.nav-brand{gap:8px}.nav-brand h2{color:#4a4f53;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.sci-logo{height:40px;max-width:120px;object-fit:contain;width:auto}.nav-links{display:flex;gap:8px}.nav-link{background:#0000;border:none;border-radius:6px;color:#999;color:var(--text-tertiary);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease;transition:all var(--transition-normal)}.nav-link:hover{background:#f3f2ee;background:var(--bg-tertiary);color:#999;color:var(--text-secondary)}.nav-link.active{background:#da291c;background:var(--nav-active);color:#fff;color:var(--brand-white)}.app-main{display:flex;flex:1 1;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #da291c;outline:2px solid var(--accent-primary);outline-offset:2px}html{scroll-behavior:smooth}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f2ee;background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:#da291c;background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b71f1c;background:var(--accent-hover)}.theme-toggle{align-items:center;background:#f3f2ee;background:var(--bg-tertiary);border:2px solid #e5e5e5;border:2px solid var(--border-primary);border-radius:8px;color:#4a4f53;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease;transition:all var(--transition-normal)}.theme-toggle:hover{background:#f9f8f6;background:var(--bg-quaternary);border-color:#da291c;border-color:var(--accent-primary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.theme-toggle svg{height:20px;width:20px}@media (max-width:768px){.nav-container{padding:0 16px}.nav-brand h2{font-size:1.25rem}.nav-links{gap:4px}.nav-link{font-size:.75rem;padding:6px 12px}}.toast-container{display:flex;flex-direction:column;gap:10px;max-width:360px;position:fixed;right:16px;top:16px;z-index:9999}.toast{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 6px 18px #0000002e;display:flex;gap:12px;justify-content:space-between;padding:12px 12px 12px 14px}.toast-message{color:var(--text-primary);font-size:14px;line-height:1.3;white-space:pre-line;word-break:break-word}.toast-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;line-height:1;padding:0 2px}.toast-close:hover{color:var(--text-primary)}.toast-success{border-left:4px solid var(--secondary-teal)}.toast-error{border-left:4px solid var(--brand-red)}.toast-info{border-left:4px solid var(--secondary-teal)}@media (max-width:768px){.toast-container{left:16px;max-width:none;right:16px}}
/*# sourceMappingURL=main.9dc1fe92.css.map*/