:root{--brand-primary: #0f766e;--brand-secondary: #155e75;--primary-color: var(--brand-primary);--primary-hover-color: var(--brand-secondary);--dark-bg: #212529;--light-bg: #f8f9fa;--surface-color: #ffffff;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--white: #fff;--success-color: #28a745;--error-color: #dc3545;--font-family: "Roboto", sans-serif;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 8px}[data-theme=dark]{--primary-color: #ff3d5a;--primary-hover-color: #ff5c75;--dark-bg: #1e1e24;--light-bg: #121216;--surface-color: #1e1e24;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--border-color: #3a3a42;--white: #ffffff;--success-color: #4ade80;--error-color: #f87171;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--card-bg: #252530;--input-bg: #1e1e24;--input-border: #3a3a42;--hover-bg: rgba(255, 61, 90, .1);--code-bg: #2d2d35;--script-bg: #252530;--highlight-bg: rgba(255, 61, 90, .15)}body,.app-container,.content-card,#sidebar,#main-content,input,textarea,select,button{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.theme-toggle-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;padding:8px 14px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary);transition:all .2s ease;box-shadow:var(--shadow-sm)}.theme-toggle-btn:hover{background:var(--hover-bg, rgba(217, 4, 41, .05));border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-toggle-btn .theme-icon{font-size:16px;transition:transform .3s ease}.theme-toggle-btn:hover .theme-icon{transform:rotate(15deg)}.theme-toggle-btn .theme-label{font-size:12px}@media(max-width:600px){.theme-toggle-btn .theme-label{display:none}.theme-toggle-btn{padding:8px 10px}}body{font-family:var(--font-family);margin:0;background-color:var(--light-bg);color:var(--text-primary)}.module-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.module-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e1e24,#252530,#2a2a35);display:flex;align-items:center;justify-content:center;z-index:10000}.login-container{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{font-size:48px;margin-bottom:16px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-header h1{margin:0 0 8px;font-size:28px;color:#1e1e24;font-weight:700}.login-header p{margin:0;color:#6c757d;font-size:16px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-group{display:flex;flex-direction:column;gap:6px}.login-form label{font-weight:600;color:#1e1e24;font-size:14px}.login-form label .optional{font-weight:400;color:#9ca3af;font-size:12px}.login-form input{padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;transition:all .2s;font-family:inherit}.login-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d904291a}.login-form input::placeholder{color:#9ca3af}.login-form .hint{font-size:12px;color:#9ca3af;margin-top:2px}.manager-code-group{padding-top:8px;border-top:1px dashed #e5e7eb}.login-btn{background:var(--primary-color);color:#fff;border:none;padding:16px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;margin-top:8px}.login-btn:hover:not(:disabled){background:var(--primary-hover-color);transform:translateY(-2px);box-shadow:0 4px 12px #d904294d}.login-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.login-btn .btn-loading{display:inline-flex;align-items:center;gap:8px}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center}.login-footer{margin-top:24px;text-align:center;color:#6c757d;font-size:14px}.login-footer p{margin:0}.user-info{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff1a;border-radius:8px;margin-top:12px;font-size:13px;flex-wrap:wrap}.user-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-badge-small{background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.logout-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.logout-btn:hover{background:#ffffff1a;border-color:#ffffff80}.user-card-glass{background:linear-gradient(135deg,#1e293be6,#0f172af2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:20px;margin:16px 12px;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;box-shadow:0 4px 24px #00000040,0 1px 2px #0000001a}.user-card-glass:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(148,163,184,.4) 50%,transparent 100%)}.user-avatar-ring{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #3b82f659}.user-avatar-inner{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#f1f5f9;letter-spacing:1px}.user-details{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.user-name-glass{font-size:16px;font-weight:600;color:#f1f5f9;letter-spacing:.3px}.user-meta{display:flex;align-items:center;gap:8px}.manager-badge-gradient{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:4px 12px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 8px #7c3aed59}.logout-btn-glass{background:#47556966;border:1px solid rgba(148,163,184,.2);color:#94a3b8;width:100%;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;transition:all .2s ease;flex-shrink:0;margin-top:4px}.logout-btn-glass:hover{background:#ef444426;border-color:#ef444466;color:#fca5a5}.logout-btn-glass:active{transform:scale(.98)}.app-container.hidden{display:none!important}.app-container{display:flex;min-height:100vh}#sidebar{width:250px;background:linear-gradient(180deg,#2a2a32,#1e1e24,#121216);color:var(--white);padding:20px;box-shadow:var(--shadow-md);flex-shrink:0;border-right:1px solid rgba(255,255,255,.08)}.sidebar-header h2{margin:0 0 10px;text-align:center;color:var(--primary-color);font-weight:700}.sidebar-logo{display:flex;justify-content:center;background:transparent;border-radius:8px;padding:20px 15px;margin-bottom:15px}.sidebar-logo svg{width:150px;height:75px;filter:drop-shadow(0 0 10px rgba(217,4,41,.3));transition:filter .3s ease}.sidebar-logo svg:hover{filter:drop-shadow(0 0 15px rgba(217,4,41,.5))}.sidebar-nav{list-style:none;padding:0;margin:0}.sidebar-nav li{padding:15px 10px;cursor:pointer;border-radius:var(--border-radius);transition:background-color .2s ease,color .2s ease;font-weight:500}.sidebar-nav li:hover{background-color:#d9042980}.sidebar-nav li.active{background-color:var(--primary-color);color:var(--white);font-weight:700}.sidebar-nav li.locked{opacity:.5;cursor:not-allowed;position:relative}.sidebar-nav li.locked:after{content:"🔒";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px}.sidebar-nav li.locked:hover{background-color:transparent}.sidebar-nav li.unlocked:after{content:""}#manager-mode-indicator{text-align:center;padding:10px 0;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}#manager-mode-indicator.manager-active{background:linear-gradient(135deg,#28a745,#20c997);border-radius:var(--border-radius);padding:12px;margin-bottom:20px}.manager-badge{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:#fff;margin-bottom:8px}#manager-login-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffb3;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s ease}#manager-login-btn:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}#exit-manager-btn{background:#fff3;border:none;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s ease}#exit-manager-btn:hover{background:#ffffff4d}.unlock-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:15px 25px;border-radius:var(--border-radius);box-shadow:0 4px 15px #28a7454d;z-index:9999;animation:slideIn .3s ease,fadeOut .3s ease 2.7s forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#main-content{flex-grow:1;padding:40px;overflow-y:auto}.content-card{background-color:var(--surface-color);padding:30px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:25px}.content-card h1{margin-top:0;color:var(--text-primary);border-bottom:2px solid var(--primary-color);padding-bottom:10px}.content-card h3{color:var(--primary-color)}.content-card h4{font-weight:700;margin-top:20px}.content-card ul{line-height:1.8;padding-left:20px}.content-card ul li,.content-card ol li{margin-bottom:10px}.script{background-color:#f8f9fa;border-left:4px solid var(--primary-color);padding:15px;margin:20px 0;font-style:italic;color:#495057;position:relative}.shingle-comparison{display:flex;gap:30px;align-items:stretch;justify-content:center;flex-wrap:wrap;margin-top:25px}.shingle-type{flex:1;min-width:300px;max-width:420px;background-color:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-sm);text-align:left;display:flex;flex-direction:column}.shingle-type h4{text-align:center;margin-top:0;font-size:1.2rem}.shingle-comparison img{width:100%;height:auto;border-radius:var(--border-radius);margin-bottom:15px}.speak-btn{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--primary-color);margin:0;padding:5px;display:flex;align-items:center;justify-content:center}.speak-btn:hover{color:var(--primary-hover-color)}.game-container{background-color:var(--light-bg);padding:20px;border-radius:var(--border-radius);margin-top:20px}.game-instructions{font-weight:500;margin-bottom:20px;text-align:center}.game-board{display:flex;justify-content:space-around;gap:20px}.game-column{flex:1;min-width:200px}.game-column h4{text-align:center;margin-bottom:15px}.draggable-item{background-color:var(--white);border:1px solid var(--border-color);padding:10px 15px;margin-bottom:10px;border-radius:var(--border-radius);cursor:grab;transition:box-shadow .2s ease,opacity .2s ease;-webkit-user-select:none;user-select:none}.draggable-item:active{cursor:grabbing;box-shadow:var(--shadow-md)}.draggable-item.dragging{opacity:.5}.drop-zone,.drop-zone-sort{background-color:#e9ecef;border:2px dashed var(--border-color);border-radius:var(--border-radius);padding:15px;min-height:100px;transition:background-color .2s ease,border-color .2s ease}.drop-zone .response-text{color:var(--text-secondary);font-style:italic;text-align:center}.drop-zone .draggable-item{cursor:default;background-color:#d4edda;border-color:var(--success-color)}.drop-zone.correctly-matched{border-color:var(--success-color);border-style:solid}.drop-zone-sort .draggable-item{cursor:default}.drop-zone.drag-over,.drop-zone-sort.drag-over{background-color:#cfe2ff;border-color:#9ec5fe}.feedback-message{text-align:center;font-weight:700;margin-top:15px;padding:10px;border-radius:var(--border-radius)}.feedback-message.correct{background-color:var(--success-color);color:#fff}.feedback-message.incorrect{background-color:var(--error-color);color:#fff}#chat-container{display:flex;flex-direction:column;height:60vh;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}#chat-messages{flex-grow:1;padding:20px;overflow-y:auto;background-color:#f8f9fa}.chat-message{max-width:80%;padding:10px 15px;border-radius:15px;margin-bottom:10px;line-height:1.5}.ai-message{background-color:#e9ecef;color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:3px}.user-message{background-color:var(--primary-color);color:#fff;align-self:flex-end;margin-left:auto;border-bottom-right-radius:3px}#chat-input-area{display:flex;padding:10px;border-top:1px solid var(--border-color);background-color:var(--surface-color)}#chat-input{flex-grow:1;padding:10px 15px;border:1px solid var(--border-color);border-radius:var(--border-radius);margin-right:10px;font-size:1rem}#send-button{margin:0;padding:10px 20px}#quiz-container{max-width:700px;margin:auto}.quiz-item{margin-bottom:2rem}.quiz-question{font-size:1.2em;font-weight:500;margin-bottom:20px}.quiz-options{list-style:none;padding:0;margin:0}.quiz-options li{background-color:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:15px;margin-bottom:10px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.quiz-options li:hover{background-color:#e9ecef;border-color:#adb5bd}.quiz-options li.selected{background-color:#cfe2ff;border-color:#9ec5fe;font-weight:700}.quiz-feedback{margin-top:20px;padding:15px;border-radius:var(--border-radius);font-weight:500;text-align:center}.quiz-feedback.correct{background-color:#d4edda;color:#155724}.quiz-feedback.incorrect{background-color:#f8d7da;color:#721c24}.quiz-container-enhanced{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;padding:28px;box-shadow:0 4px 20px #00000014;margin:20px 0}.quiz-question-card{background:#fff;border-radius:12px;padding:20px 24px;margin-bottom:20px;border-left:5px solid var(--primary-color, #2563eb);box-shadow:0 2px 8px #0000000d}.quiz-question-text{font-size:1.1em;font-weight:600;color:#1e293b;margin-bottom:16px}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.95em;color:#334155}.quiz-option-btn:hover{border-color:var(--primary-color, #2563eb);background:#f0f7ff;transform:translate(4px)}.quiz-option-btn.selected{border-color:var(--primary-color, #2563eb);background:#dbeafe;box-shadow:0 0 0 3px #2563eb26}.option-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e2e8f0;color:#64748b;font-weight:700;font-size:.85em;flex-shrink:0}.quiz-option-btn.selected .option-letter{background:var(--primary-color, #2563eb);color:#fff}.quiz-submit-btn{display:block;width:100%;max-width:280px;margin:24px auto 0;padding:14px 28px;background:linear-gradient(135deg,var(--primary-color, #2563eb) 0%,#1d4ed8 100%);color:#fff;border:none;border-radius:10px;font-size:1.05em;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2563eb4d}.quiz-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.quiz-result-area{margin-top:20px}.quiz-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;padding:16px 20px;border-radius:10px;font-weight:600;text-align:center;animation:fadeIn .3s ease}.quiz-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;padding:16px 20px;border-radius:10px;font-weight:500;text-align:center;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.leader-avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;font-size:2.5em;font-weight:700;color:#64748b;margin:0 auto 16px}.pronunciation-note{background:#fef3c7;border-left:4px solid #f59e0b;padding:12px 16px;margin:16px 0;border-radius:0 8px 8px 0;font-size:.95em;color:#92400e}.tip-popup{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:16px 40px 16px 20px;border-radius:12px;display:flex;align-items:flex-start;gap:12px;max-width:320px;box-shadow:0 8px 24px #3b82f666;z-index:10000;transform:translate(120%);transition:transform .4s ease}.tip-popup.show{transform:translate(0)}.tip-popup .tip-icon{font-size:1.5em;flex-shrink:0}.tip-popup .tip-content{flex:1}.tip-popup .tip-title{font-weight:600;margin-bottom:4px}.tip-popup .tip-message{font-size:.9em;opacity:.95;line-height:1.4}.tip-popup .tip-close{position:absolute;top:8px;right:8px;background:none;border:none;color:#fff;opacity:.7;cursor:pointer;font-size:1.2em;padding:0;width:24px;height:24px;line-height:24px;text-align:center}.tip-popup .tip-close:hover{opacity:1}.module-complete-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease}.module-complete-content{background:#fff;border-radius:20px;padding:40px;text-align:center;max-width:400px;animation:successSlide .4s ease}.module-complete-content .success-icon{font-size:4em;margin-bottom:16px}.module-complete-content h2{color:#1e40af;margin:0 0 12px}.module-complete-content p{color:#4b5563;margin:0 0 8px}.module-complete-content .next-module-text{color:#6b7280;font-size:.95em}.module-complete-content .skip-btn{margin-top:20px;background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1em;cursor:pointer;transition:background .2s}.module-complete-content .skip-btn:hover{background:#2563eb}#loader{text-align:center;font-size:1.2em;padding:40px}button{background-color:var(--primary-color);color:#fff;padding:14px 24px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease,box-shadow .2s ease;display:block;margin:20px auto 0}button:hover{background-color:var(--primary-hover-color)}button:disabled{background-color:#ced4da;cursor:not-allowed}@media(max-width:768px){.app-container{flex-direction:column}#sidebar{width:100%;height:auto;box-shadow:none}#main-content{padding:20px}.shingle-comparison-enhanced{grid-template-columns:1fr;gap:24px}.shingle-card{margin-bottom:20px}.specs-grid{grid-template-columns:repeat(2,1fr);gap:8px}.visual-markers-grid{grid-template-columns:1fr}.composition-diagram .layer-item{grid-template-columns:1fr;gap:12px}.layer-number{width:50px;height:50px;font-size:1.5rem;margin:0 auto}.manufacturers-grid,.application-section,.takeaway-grid{grid-template-columns:1fr}.module-intro{padding:16px;font-size:1rem}.training-quiz-section,.practice-prompt{padding:20px}}.profile-cards{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.profile-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--light-bg);width:220px}.profile-card .avatar{width:64px;height:64px;border-radius:50%;background:#cfe2ff;display:flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden}.profile-card .avatar img{width:100%;height:100%;object-fit:cover}.commitment-gate label{display:block;margin:8px 0}.exam-section{margin:16px 0}.exam-item{padding:8px 0}.rp-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.rp-controls label{display:flex;align-items:center;gap:6px}.rp-actions{display:flex;gap:8px;justify-content:flex-start;margin:10px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay.show{display:flex}.modal{background:#fff;color:#222;border-radius:12px;max-width:720px;width:100%;box-shadow:0 10px 30px #0003;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--light-bg);border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:18px}.modal-close{background:transparent;color:#333;border:none;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px}.modal-body{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:16px}.modal-body img{width:160px;height:160px;object-fit:cover;border-radius:8px}@media(max-width:560px){.modal-body{grid-template-columns:1fr}.modal-body img{width:100%;height:auto}}.agnes-roleplay{--agnes-purple: #9333ea;--agnes-purple-light: #c084fc;--agnes-purple-dark: #7e22ce;--score-red: #ef4444;--score-yellow: #f59e0b;--score-green: #10b981}.roleplay-container-with-feedback{display:flex;gap:20px;margin-top:20px;position:relative}.roleplay-main-content{flex:1;min-width:0}.live-feedback-panel{width:350px;position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border:2px solid var(--agnes-purple);border-radius:12px;padding:20px;box-shadow:0 4px 12px #9333ea26;transition:all .3s ease}.live-feedback-panel.collapsed{width:60px;padding:15px 10px;overflow:hidden}.live-feedback-panel.collapsed .panel-content{display:none}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--agnes-purple-light)}.panel-header h3{margin:0;color:var(--agnes-purple);font-size:1.1rem}.panel-toggle-btn{background:var(--agnes-purple-light);color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.panel-toggle-btn:hover{background:var(--agnes-purple);transform:scale(1.1)}.live-score-display{text-align:center;margin-bottom:20px}.live-score-circle{width:100px;height:100px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;margin-bottom:10px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026}.live-score-circle:after{content:"%";font-size:.8rem;position:absolute;bottom:25px;margin-left:5px}.live-score-circle.score-low{background:linear-gradient(135deg,var(--score-red) 0%,#dc2626 100%)}.live-score-circle.score-medium{background:linear-gradient(135deg,var(--score-yellow) 0%,#d97706 100%)}.live-score-circle.score-high{background:linear-gradient(135deg,var(--score-green) 0%,#059669 100%)}.score-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.key-points-live{margin-bottom:20px}.key-points-live h4{margin:0 0 10px;color:var(--agnes-purple);font-size:.95rem;display:flex;align-items:center;gap:8px}.points-list{list-style:none;padding:0;margin:0}.point-item{padding:8px 10px;margin-bottom:6px;border-radius:6px;font-size:.85rem;display:flex;align-items:center;gap:8px;transition:all .3s ease;border:1px solid transparent}.point-item.matched{background:#d4edda;border-color:var(--score-green);animation:pointMatchedPulse .5s ease-out}.point-item.missing{background:#fff3cd;border-color:var(--score-yellow);opacity:.7}.point-icon{font-size:1rem;flex-shrink:0}.point-item.matched .point-icon{color:var(--score-green)}.point-item.missing .point-icon{color:var(--score-yellow)}@keyframes pointMatchedPulse{0%{transform:scale(1);box-shadow:0 0 #10b981b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.tone-indicator{margin-bottom:20px}.tone-indicator h4{margin:0 0 10px;color:var(--agnes-purple);font-size:.95rem}.tone-bar-container{background:#e9ecef;border-radius:20px;height:30px;position:relative;overflow:hidden}.tone-bar{height:100%;border-radius:20px;transition:all .5s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600}.tone-bar.positive{background:linear-gradient(90deg,var(--score-green) 0%,#059669 100%)}.tone-bar.neutral{background:linear-gradient(90deg,#6c757d,#495057)}.tone-bar.negative{background:linear-gradient(90deg,var(--score-red) 0%,#dc2626 100%)}.confidence-meter{margin-bottom:20px}.confidence-meter h4{margin:0 0 10px;color:var(--agnes-purple);font-size:.95rem}.confidence-bar-container{background:#e9ecef;border-radius:20px;height:20px;position:relative;overflow:hidden}.confidence-bar{height:100%;background:linear-gradient(90deg,var(--agnes-purple) 0%,var(--agnes-purple-light) 100%);border-radius:20px;transition:width .5s ease;position:relative}.confidence-bar:after{content:attr(data-confidence) "%";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#fff;font-size:.75rem;font-weight:600}.word-count-indicator{background:var(--light-bg);padding:10px;border-radius:6px;font-size:.85rem;color:var(--text-secondary);text-align:center}.word-count-indicator strong{color:var(--agnes-purple);font-size:1.1rem}@media(max-width:1024px){.roleplay-container-with-feedback{flex-direction:column}.live-feedback-panel{width:100%;position:relative;top:0;max-height:none;order:-1}.live-score-circle{width:80px;height:80px;font-size:1.5rem}}.feedback-toggle-reminder{position:fixed;right:20px;top:50%;transform:translateY(-50%);background:var(--agnes-purple);color:#fff;padding:15px 10px;border-radius:8px 0 0 8px;cursor:pointer;box-shadow:-4px 0 12px #9333ea4d;z-index:100;transition:all .3s ease;writing-mode:vertical-rl;font-weight:600;font-size:.9rem}.feedback-toggle-reminder:hover{right:0;background:var(--agnes-purple-dark)}.agnes-roleplay h1{color:var(--agnes-purple)!important;border-bottom-color:var(--agnes-purple)!important}.agnes-character{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--agnes-purple)}.agnes-character:before{content:"🤖";font-size:1.3rem}.coaching-tip{background:linear-gradient(135deg,#9333ea1a,#c084fc1a);border-left:4px solid var(--agnes-purple);padding:15px 20px;border-radius:var(--border-radius);margin:15px 0;position:relative}.coaching-tip:before{content:"💡 Agnes Tip:";display:block;font-weight:700;color:var(--agnes-purple);margin-bottom:8px}.subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:30px}.roleplay-setup{margin-bottom:30px}.role-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.role-btn{background:linear-gradient(135deg,var(--agnes-purple) 0%,var(--agnes-purple-dark) 100%);color:#fff;border:3px solid transparent;padding:24px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 6px #9333ea26;position:relative;overflow:hidden}.role-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.role-btn:hover{transform:translateY(-4px);box-shadow:0 12px 24px #9333ea66;border-color:#ffffff4d}.role-btn:hover:before{opacity:1}.role-btn:focus{outline:3px solid var(--agnes-purple-light);outline-offset:2px}.role-btn.active{border-color:#fff;box-shadow:0 0 0 4px #9333ea4d,0 8px 16px #9333ea66;transform:scale(1.02)}.role-btn strong{font-size:1.2rem;font-weight:700;letter-spacing:.3px}.role-btn small{font-size:.95rem;opacity:.95;line-height:1.4}.difficulty-selector{margin:30px 0}.difficulty-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:15px 0}.difficulty-btn{background:#fff;color:var(--text-primary);border:2px solid var(--border-color);padding:15px;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;text-align:left;display:flex;flex-direction:column;gap:5px}.difficulty-btn:hover{border-color:var(--agnes-purple);background:#9333ea0d}.difficulty-btn.active{border-color:var(--agnes-purple);background:var(--agnes-purple);color:#fff}.difficulty-btn strong{font-size:1rem}.difficulty-btn small{font-size:.85rem;opacity:.8}.session-info{background:var(--light-bg);padding:20px;border-radius:var(--border-radius);margin:20px 0}.scenario-header{margin-bottom:20px}.scenario-header h3{color:var(--agnes-purple);margin-bottom:10px}.scenario-info{display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-block;padding:5px 12px;background:var(--agnes-purple-light);color:#fff;border-radius:20px;font-size:.85rem;font-weight:500}.scenario-context{background:var(--light-bg);padding:15px;border-radius:var(--border-radius);margin-bottom:20px;border-left:4px solid var(--agnes-purple)}.agnes-prompt{margin-bottom:20px}.prompt-box{background:#fff;border:2px solid var(--agnes-purple);border-radius:var(--border-radius);padding:20px}.prompt-box strong{color:var(--agnes-purple);display:block;margin-bottom:10px}.prompt-box p{font-size:1.1rem;font-style:italic;margin:0}.response-area{margin:30px 0}.response-area label{display:block;margin-bottom:10px;color:var(--text-primary)}#user-response{width:100%;padding:15px;border:2px solid var(--border-color);border-radius:var(--border-radius);font-family:var(--font-family);font-size:1rem;resize:vertical;transition:border-color .3s ease}#user-response:focus{outline:none;border-color:var(--agnes-purple)}.response-controls{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.icon-btn{background:#fff;border:2px solid var(--border-color);padding:12px 18px;border-radius:var(--border-radius);cursor:pointer;font-size:1.3rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:50px;min-height:50px}.icon-btn:hover{border-color:var(--agnes-purple);background:#9333ea0d;transform:translateY(-2px);box-shadow:0 4px 8px #9333ea33}.icon-btn:focus{outline:3px solid var(--agnes-purple-light);outline-offset:2px}.icon-btn:active{transform:translateY(0)}.voice-btn{background:linear-gradient(135deg,var(--agnes-purple) 0%,var(--agnes-purple-dark) 100%);color:#fff;border:2px solid var(--agnes-purple);padding:12px 18px;border-radius:var(--border-radius);cursor:pointer;font-size:1.5rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:50px;min-height:50px;position:relative}.voice-btn:before{content:"🎤"}.voice-btn:hover{background:linear-gradient(135deg,var(--agnes-purple-dark) 0%,var(--agnes-purple) 100%);transform:translateY(-2px);box-shadow:0 4px 12px #9333ea66}.voice-btn:focus{outline:3px solid var(--agnes-purple-light);outline-offset:2px}.voice-btn.recording{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.voice-btn.recording:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:var(--border-radius);border:2px solid #ef4444;animation:ripple 1.5s ease-out infinite}@keyframes pulse{0%,to{transform:translateY(-2px) scale(1)}50%{transform:translateY(-2px) scale(1.05)}}@keyframes ripple{0%{width:100%;height:100%;opacity:1}to{width:140%;height:140%;opacity:0}}.primary-btn{background:var(--agnes-purple);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:all .3s ease}.primary-btn:hover{background:var(--agnes-purple-dark);transform:translateY(-1px)}.secondary-btn{background:#fff;color:var(--agnes-purple);border:2px solid var(--agnes-purple);padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:all .3s ease}.secondary-btn:hover{background:#9333ea1a}#feedback-area{margin:30px 0}#feedback-area h4{color:var(--agnes-purple);margin-bottom:20px}.score-display{display:grid;grid-template-columns:auto 1fr;gap:30px;margin-bottom:30px;padding:20px;background:var(--light-bg);border-radius:var(--border-radius)}.score-circle{display:flex;align-items:center;justify-content:center}.score{width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2.8rem;font-weight:700;color:#fff;box-shadow:0 8px 16px #00000026;position:relative;transition:transform .3s ease}.score:after{content:"%";font-size:1.2rem;font-weight:600;margin-top:-8px}.score:hover{transform:scale(1.05)}.score.excellent{background:linear-gradient(135deg,var(--score-green) 0%,#059669 100%);box-shadow:0 8px 16px #10b9814d}.score.good{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 16px #3b82f64d}.score.fair{background:linear-gradient(135deg,var(--score-yellow) 0%,#d97706 100%);box-shadow:0 8px 16px #f59e0b4d}.score.needs-work{background:linear-gradient(135deg,var(--score-red) 0%,#dc2626 100%);box-shadow:0 8px 16px #ef44444d}.score[data-score]:before{content:attr(data-score)}.score.score-low{background:linear-gradient(135deg,var(--score-red) 0%,#dc2626 100%)}.score.score-medium{background:linear-gradient(135deg,var(--score-yellow) 0%,#d97706 100%)}.score.score-high{background:linear-gradient(135deg,var(--score-green) 0%,#059669 100%)}.score-details{display:flex;flex-direction:column;justify-content:center}.score-details p{margin:5px 0}.key-points{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.matched-section,.missed-section{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);padding:20px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.matched-section:hover,.missed-section:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.matched-section{border-left:4px solid var(--score-green)}.missed-section{border-left:4px solid var(--score-red)}.matched-section h5{color:var(--score-green);margin-top:0;display:flex;align-items:center;gap:8px}.matched-section h5:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--score-green);color:#fff;border-radius:50%;font-weight:700;font-size:1rem}.missed-section h5{color:var(--score-red);margin-top:0;display:flex;align-items:center;gap:8px}.missed-section h5:before{content:"✗";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--score-red);color:#fff;border-radius:50%;font-weight:700;font-size:1rem}#matched-points,#missed-points{list-style:none;padding:0;margin:15px 0 0}#matched-points li,#missed-points li{padding:12px 0 12px 36px;border-bottom:1px solid var(--border-color);position:relative;line-height:1.6}#matched-points li:before{content:"✓";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--score-green);font-weight:700;font-size:1.1rem}#missed-points li:before{content:"✗";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--score-red);font-weight:700;font-size:1.1rem}#matched-points li:last-child,#missed-points li:last-child{border-bottom:none}.strengths-improvements{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.strengths,.improvements{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);padding:20px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.strengths:hover,.improvements:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.strengths{border-left:4px solid var(--agnes-purple)}.improvements{border-left:4px solid var(--score-yellow)}.strengths h5{color:var(--agnes-purple);margin-top:0;display:flex;align-items:center;gap:8px}.strengths h5:before{content:"💪";font-size:1.3rem}.improvements h5{color:var(--score-yellow);margin-top:0;display:flex;align-items:center;gap:8px}.improvements h5:before{content:"📈";font-size:1.3rem}#strengths-list,#improvements-list{list-style:none;padding:0;margin:15px 0 0}#strengths-list li,#improvements-list li{padding:12px 0 12px 36px;border-bottom:1px solid var(--border-color);position:relative;line-height:1.6}#strengths-list li:before{content:"→";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--agnes-purple);font-weight:700;font-size:1.2rem}#improvements-list li:before{content:"→";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--score-yellow);font-weight:700;font-size:1.2rem}#strengths-list li:last-child,#improvements-list li:last-child{border-bottom:none}.next-actions{display:flex;gap:15px;flex-wrap:wrap}#session-summary{margin:30px 0}#session-summary h3{color:var(--agnes-purple);margin-bottom:20px}.summary-stats{background:var(--light-bg);padding:20px;border-radius:var(--border-radius);margin-bottom:20px}.summary-stats h4{color:var(--agnes-purple);margin-top:0}.summary-results{margin-bottom:20px}.result-item{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);padding:20px;margin-bottom:15px}.result-item h5{color:var(--agnes-purple);margin-top:0}.summary-recommendations{background:#9333ea1a;border:2px solid var(--agnes-purple);border-radius:var(--border-radius);padding:20px}.summary-recommendations h4{color:var(--agnes-purple);margin-top:0}.summary-recommendations ul{margin:10px 0}.summary-recommendations li{margin:8px 0}.feedback-section{background:#fff;border:2px solid var(--border-color);border-radius:12px;padding:24px;margin:20px 0;box-shadow:0 2px 8px #0000000d}.feedback-section h4{color:var(--agnes-purple);margin-top:0;display:flex;align-items:center;gap:10px}.feedback-section h4:before{content:"📋";font-size:1.4rem}.feedback-card{background:var(--light-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px;margin:12px 0;transition:all .3s ease}.feedback-card:hover{background:#fff;box-shadow:0 4px 8px #9333ea1a;border-color:var(--agnes-purple-light)}.feedback-card h5{margin-top:0;color:var(--text-primary);font-size:1rem}.feedback-card p{margin:8px 0 0;line-height:1.6;color:var(--text-secondary)}.feedback-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:1.1rem;margin-right:8px}.feedback-badge.success{background:var(--score-green);color:#fff}.feedback-badge.warning{background:var(--score-yellow);color:#fff}.feedback-badge.error{background:var(--score-red);color:#fff}.feedback-badge.info{background:var(--agnes-purple);color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:3px solid var(--agnes-purple);outline-offset:2px}.role-btn:focus-visible,.difficulty-btn:focus-visible,.primary-btn:focus-visible,.secondary-btn:focus-visible{outline:3px solid var(--agnes-purple-light);outline-offset:3px}@media(prefers-contrast:high){.role-btn,.difficulty-btn,.primary-btn{border-width:3px}.score{border:3px solid white}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading{position:relative;pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--agnes-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden;margin:20px 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--agnes-purple) 0%,var(--agnes-purple-light) 100%);transition:width .3s ease}.tooltip{position:relative;display:inline-block}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:8px 12px;background:var(--dark-bg);color:#fff;border-radius:6px;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1000}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-4px)}@media(max-width:768px){.role-selector,.difficulty-buttons{grid-template-columns:1fr}.score-display{grid-template-columns:1fr;text-align:center;gap:20px}.score{margin:0 auto}.key-points,.strengths-improvements{grid-template-columns:1fr}.response-controls,.next-actions{flex-direction:column}.response-controls button,.next-actions button{width:100%;margin:0}.icon-btn,.voice-btn{width:100%;justify-content:center}.scenario-info{flex-direction:column;align-items:flex-start}.coaching-tip{padding:12px 16px}}@media(min-width:769px)and (max-width:1024px){.role-selector,.difficulty-buttons{grid-template-columns:repeat(2,1fr)}.key-points,.strengths-improvements{gap:15px}}@media print{#sidebar,.voice-btn,.icon-btn,.response-controls,.next-actions{display:none}.content-card{box-shadow:none;border:1px solid #000;page-break-inside:avoid}.score{print-color-adjust:exact;-webkit-print-color-adjust:exact}}.video-player-container{animation:fadeIn .5s ease-in}.video-player-container video:focus{outline:2px solid #c62828}.completion-badge{animation:slideInRight .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.module-intro{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#d904290d,#d9042905);border-left:4px solid var(--primary-color);border-radius:var(--border-radius)}.shingle-comparison-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:40px;margin:30px 0}.shingle-card{background:#fff;border:2px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.shingle-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #00000026}.shingle-3tab{border-top:4px solid #ff9800}.shingle-architectural{border-top:4px solid #4caf50}.shingle-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.shingle-header h3{margin:0;font-size:1.5rem;color:var(--text-primary)}.shingle-badge{padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.shingle-badge.basic{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.shingle-badge.premium{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.shingle-photo-container{position:relative;width:100%;background:#f5f5f5;padding:20px}.shingle-photo{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;display:block}.photo-caption{margin-top:12px;font-size:.9rem;font-style:italic;color:var(--text-secondary);text-align:center;padding:8px;background:#ffffffe6;border-radius:4px}.photo-placeholder{width:100%;min-height:200px;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border:2px dashed #999;border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.photo-placeholder p{font-size:1.2rem;font-weight:600;margin:0;color:#666}.photo-placeholder small{font-size:.9rem;color:#888}.shingle-specs{padding:24px;display:flex;flex-direction:column;gap:24px}.spec-group h4{color:var(--primary-color);margin:0 0 12px;font-size:1.1rem;border-bottom:2px solid var(--border-color);padding-bottom:8px}.identification-list{list-style:none;padding:0;margin:0}.identification-list li{padding:10px 0 10px 32px;position:relative;line-height:1.6;border-bottom:1px solid #f0f0f0}.identification-list li:last-child{border-bottom:none}.check-icon,.star-icon,.x-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);font-weight:700;font-size:1.1rem}.check-icon{color:#4caf50}.star-icon{color:#ffc107}.x-icon{color:#f44336}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px}.spec-item{background:var(--light-bg);padding:12px;border-radius:var(--border-radius);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px;transition:background .2s ease}.spec-item:hover{background:#fff;border-color:var(--primary-color)}.spec-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-weight:600}.spec-value{font-size:.95rem;color:var(--text-primary);font-weight:600}.misconceptions-list{list-style:none;padding:0;margin:0}.misconceptions-list li{position:relative;line-height:1.6;background:#fff3e0;margin-bottom:8px;border-radius:4px;padding:10px 10px 10px 38px}.training-quiz-section{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:30px;border-radius:12px;margin:30px 0}.quiz-instructions{text-align:center;font-size:1.1rem;font-weight:500;margin-bottom:24px;color:#1565c0}.visual-markers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:20px}.marker-card{background:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.marker-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.marker-icon{font-size:2.5rem;margin-bottom:12px}.marker-card h4{margin:0 0 10px;color:var(--primary-color);font-size:1.1rem}.marker-card p{margin:0;line-height:1.6;color:var(--text-secondary);font-size:.95rem}.composition-section{background:#f8f9fa;padding:30px;border-radius:12px;margin:30px 0}.composition-diagram{display:flex;flex-direction:column;gap:20px}.layer-item{display:grid;grid-template-columns:60px 1fr;gap:20px;background:#fff;padding:20px;border-radius:var(--border-radius);border:2px solid var(--border-color);transition:border-color .3s ease,box-shadow .3s ease}.layer-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #d904291a}.layer-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover-color) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;flex-shrink:0}.layer-content h4{margin:0 0 10px;color:var(--text-primary)}.layer-content p{margin:0;line-height:1.6;color:var(--text-secondary)}.manufacturers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:30px 0}.manufacturer-card{background:#fff;border:2px solid var(--border-color);border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.manufacturer-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0000001f}.manufacturer-gaf{border-top:4px solid #d32f2f}.manufacturer-oc{border-top:4px solid #e91e63}.manufacturer-ct{border-top:4px solid #1976d2}.manufacturer-iko{border-top:4px solid #388e3c}.manufacturer-logo-placeholder{width:80px;height:80px;background:linear-gradient(135deg,var(--light-bg) 0%,#e9ecef 100%);border:2px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.manufacturer-card h4{margin:0 0 8px;color:var(--text-primary);font-size:1.3rem}.market-share{display:inline-block;background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;margin-bottom:12px}.manufacturer-card p{margin:12px 0;line-height:1.6}.manufacturer-card ul{list-style:none;padding:0;margin:12px 0}.manufacturer-card ul li{padding:8px 0 8px 24px;position:relative;line-height:1.6;border-bottom:1px solid #f0f0f0}.manufacturer-card ul li:last-child{border-bottom:none}.manufacturer-card ul li:before{content:"→";position:absolute;left:0;color:var(--primary-color);font-weight:700}.manufacturer-note{background:#fff3e0;padding:10px;border-radius:4px;font-size:.9rem;font-style:italic;color:#e65100;margin-top:12px;text-align:center}.application-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin:30px 0}.application-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);padding:24px;box-shadow:0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.application-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.application-card h4{margin:0 0 16px;color:var(--primary-color);font-size:1.2rem}.application-card p{margin:0 0 12px;line-height:1.6}.application-card ul{list-style:none;padding:0;margin:0}.application-card ul li{padding:10px 0;line-height:1.6;border-bottom:1px solid #e9ecef}.application-card ul li:last-child{border-bottom:none}.key-takeaways{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:3px solid #ffc107;border-radius:12px;padding:30px;margin:40px 0}.key-takeaways h3{text-align:center;color:#f57f17;margin:0 0 24px;font-size:1.5rem}.takeaway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.takeaway-item{background:#fff;padding:16px;border-radius:var(--border-radius);box-shadow:0 2px 6px #00000014;display:flex;align-items:center;gap:12px;transition:transform .2s ease}.takeaway-item:hover{transform:scale(1.02)}.takeaway-icon{font-size:1.8rem;flex-shrink:0}.takeaway-item p{margin:0;font-size:.95rem;line-height:1.4}.practice-prompt{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:3px solid #4caf50;border-radius:12px;padding:30px;margin:40px 0}.practice-prompt h3{color:#2e7d32;margin:0 0 16px;font-size:1.4rem}.practice-prompt p{margin:12px 0;line-height:1.8}.practice-prompt ol{margin:16px 0;padding-left:24px}.practice-prompt ol li{margin:12px 0;line-height:1.6;font-weight:500}.practice-note{background:#fff;padding:16px;border-radius:var(--border-radius);border-left:4px solid #4caf50;margin-top:20px;font-size:1rem}.leadership-grid,.terminology-grid,.shingle-comparison,.manufacturers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:20px 0}.leader-card,.term-card,.shingle-type{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;transition:transform .2s}.leader-card:hover,.term-card:hover,.shingle-type:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.shingle-type.recommended{border:2px solid #4caf50;background:#f0f8f0}.values-section,.promise-section,.commitment-checklist{background:#fff3cd;border-left:4px solid #ffc107;padding:20px;margin:20px 0}.commitment-initials-section{background:#fff3cd;border-left:4px solid #ffc107;padding:20px;margin:20px 0;display:flex;flex-direction:column;gap:15px}.commitment-item{display:flex;align-items:center;gap:15px;padding:10px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.commitment-item input.initial-box{width:60px;height:40px;text-align:center;border:2px solid #333;border-radius:4px;font-size:16px;font-weight:700;text-transform:uppercase;flex-shrink:0}.commitment-item input.initial-box:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc10733}.commitment-item span{flex:1;font-size:16px;line-height:1.5}.learn-framework{display:flex;flex-direction:column;gap:15px;margin:20px 0}.learn-step{background:#e3f2fd;border-left:4px solid #2196f3;padding:15px}.objections-list{display:flex;flex-direction:column;gap:15px}.objection{background:#fff;border:1px solid #ddd;border-radius:4px;padding:15px}.objection h3{color:#c62828;margin-bottom:10px}.inspection-steps ol{counter-reset:step;list-style:none;padding-left:0}.inspection-steps li{counter-increment:step;margin-bottom:15px;padding-left:40px;position:relative}.inspection-steps li:before{content:counter(step);position:absolute;left:0;top:0;background:#c62828;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.inspection-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:24px 0}.inspection-step-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer}.inspection-step-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.inspection-step-card.expanded{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f633}.step-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f8fafc;border-bottom:1px solid transparent;transition:all .3s ease}.inspection-step-card.expanded .step-card-header{border-bottom-color:#e2e8f0}.step-badge{width:32px;height:32px;min-width:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}.step-card-header .step-icon{font-size:1.5rem}.step-card-header h3{margin:0;flex:1;font-size:1rem;color:#1e293b}.step-card-header .expand-icon{font-size:1.5rem;color:#94a3b8;transition:transform .3s ease}.inspection-step-card.expanded .expand-icon{transform:rotate(45deg)}.step-card-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px}.inspection-step-card.expanded .step-card-content{max-height:300px;padding:16px 20px}.step-card-content p{margin:0 0 12px;color:#475569;line-height:1.6}.step-checklist{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px;background:#f1f5f9;border-radius:8px}.step-checklist label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#334155;cursor:pointer}.step-checklist input[type=checkbox]{width:18px;height:18px;accent-color:#22c55e}.step-pro-tip{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:12px 16px;border-radius:8px;border-left:3px solid #3b82f6;font-size:.9rem;color:#1e40af}.step-alert{background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:12px 16px;border-radius:8px;border-left:3px solid #ef4444;font-size:.9rem;color:#991b1b}.photo-strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0}.photo-strategy-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;position:relative}.photo-strategy-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a;border-color:#8b5cf6}.photo-card-number{position:absolute;top:-10px;left:-10px;width:28px;height:28px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;box-shadow:0 2px 8px #8b5cf666}.photo-card-icon{font-size:2rem;margin-bottom:12px}.photo-strategy-card h4{margin:0 0 8px;color:#1e293b;font-size:1rem}.photo-strategy-card p{margin:0;color:#64748b;font-size:.85rem;line-height:1.5}#inspection-order-game{display:flex;gap:24px;margin:24px 0;padding:24px;background:#f8fafc;border-radius:16px;border:2px solid #e2e8f0}#inspection-order-game .game-column{flex:1;min-width:0}#inspection-order-game .game-column h4{color:#1e40af;margin:0 0 16px;font-size:1rem}#inspection-items-pool,#inspection-sorted-list{min-height:400px;padding:12px;background:#fff;border-radius:12px;border:2px dashed #cbd5e1;transition:all .3s ease}#inspection-items-pool.drag-over,#inspection-sorted-list.drag-over{border-color:#3b82f6;background:#eff6ff}.inspection-drag-item{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:10px;padding:14px 18px;margin-bottom:8px;font-weight:500;cursor:grab;transition:all .2s ease;display:flex;align-items:center;gap:10px}.inspection-drag-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translate(4px)}.inspection-drag-item:active{cursor:grabbing}#inspection-sorted-list .inspection-drag-item{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e}#inspection-sorted-list .inspection-drag-item.incorrect{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}#inspection-order-feedback{padding:16px 20px;border-radius:12px;font-weight:500;text-align:center;margin-top:16px}#inspection-order-feedback.correct{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #22c55e;color:#166534}#inspection-order-feedback.incorrect{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;color:#991b1b}.reset-game-btn{background:linear-gradient(135deg,#64748b,#475569);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.reset-game-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.game-instructions{color:#64748b;margin-bottom:20px;padding:16px;background:#f1f5f9;border-radius:10px;border-left:4px solid #3b82f6}@media(max-width:768px){.inspection-steps-grid{grid-template-columns:1fr;gap:16px}.photo-strategy-grid{grid-template-columns:repeat(2,1fr);gap:12px}.photo-strategy-card{padding:16px 12px}.photo-card-icon{font-size:1.5rem}#inspection-order-game{flex-direction:column;padding:16px}#inspection-order-game .game-column{width:100%}#inspection-items-pool,#inspection-sorted-list{min-height:250px}}@media(max-width:480px){.photo-strategy-grid{grid-template-columns:1fr}}.sidebar-logo{color:var(--brand-primary);font-size:1rem;font-weight:700;text-align:center}.dashboard-link,.profile-header,.continue-training-btn,[data-theme=dark] .profile-header{background:var(--brand-primary)!important}.dashboard-link-glass{background:color-mix(in srgb,var(--brand-primary) 18%,transparent)!important}.dashboard-link-glass:before{background:var(--brand-primary)!important;box-shadow:0 0 10px color-mix(in srgb,var(--brand-primary) 65%,transparent)!important}.dashboard-link-glass:hover{background:color-mix(in srgb,var(--brand-primary) 28%,transparent)!important}.profile-header,.continue-training-btn{box-shadow:0 6px 18px color-mix(in srgb,var(--brand-primary) 38%,transparent)!important}.start-over-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,transparent)}.evidence-story{background:#f5f5f5;padding:20px;border-radius:8px;margin:20px 0}.evidence-story h3{color:#c62828;margin-top:15px}.pitch-script{background:#fff;border:2px dashed #c62828;padding:20px;margin:20px 0;font-family:Courier New,monospace}.knockable-section{background:#e8f5e9;padding:20px;border-radius:8px;margin:20px 0}.knockable-section h3{color:#2e7d32}.knockable-section ul{margin:10px 0}.objections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.objection-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.objection-card h3{color:#c62828;margin-bottom:10px}.objection-module-redesign .module-intro{font-size:1.1rem;color:#4a5568;margin-bottom:2rem;line-height:1.6}.objection-steps-container{display:flex;flex-direction:column;gap:0;margin:2rem 0;position:relative}.objection-step{display:flex;gap:1.5rem;padding:1.5rem;background:#fff;border-left:4px solid #e2e8f0;transition:all .3s ease;position:relative}.objection-step:hover{border-left-color:#d90429;background:#fef7f8;transform:translate(4px)}.objection-step .step-number{width:48px;height:48px;min-width:48px;background:linear-gradient(135deg,#d90429,#a30220);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #d904294d}.objection-step .step-content h3{margin:0 0 .5rem;color:#1a202c;font-size:1.2rem}.objection-step .step-content p{margin:0 0 .75rem;color:#4a5568;line-height:1.6}.objection-step .step-example{background:#f7fafc;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;border:1px solid #e2e8f0}.objection-step .step-example .example-label{font-weight:600;color:#d90429;margin-right:.5rem}.interactive-objections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.objection-flip-card{perspective:1000px;height:240px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.objection-flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;box-shadow:0 4px 12px #0000001a}.flip-card-front{background:linear-gradient(135deg,#fff,#f7fafc);border:2px solid #e2e8f0;align-items:center;justify-content:center;text-align:center}.flip-card-front .objection-icon{font-size:2.5rem;margin-bottom:1rem}.flip-card-front h3{margin:0 0 .75rem;color:#c62828;font-size:1.1rem}.flip-card-front .tap-hint{color:#a0aec0;font-size:.85rem;margin-top:auto}.flip-card-back{background:linear-gradient(135deg,#d90429,#a30220);color:#fff;transform:rotateY(180deg);justify-content:center}.flip-card-back .response-content{height:100%;display:flex;flex-direction:column;justify-content:center}.flip-card-back .response-text{font-size:.95rem;line-height:1.5;margin-bottom:1rem}.flip-card-back .why-works{background:#ffffff26;padding:.75rem;border-radius:8px;font-size:.85rem}.objection-challenge-game{background:linear-gradient(135deg,#1a202c,#2d3748);border-radius:16px;padding:2rem;margin:2rem 0;color:#fff}.game-intro{text-align:center;margin-bottom:1.5rem;color:#a0aec0}.challenge-progress{margin-bottom:1.5rem}.progress-bar-container{height:8px;background:#4a5568;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.challenge-progress-bar{height:100%;background:linear-gradient(90deg,#d90429,#ff6b6b);border-radius:4px;transition:width .5s ease}.progress-text{font-size:.9rem;color:#a0aec0;text-align:center;display:block}.challenge-score-display{text-align:center;margin-bottom:1.5rem;padding:1rem;background:#ffffff1a;border-radius:12px}.score-label{color:#a0aec0;margin-right:.5rem}.score-value{font-size:2rem;font-weight:700;color:#48bb78}.score-max{color:#a0aec0}.challenge-card{background:#2d3748;border-radius:12px;padding:1.5rem}.scenario-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.scenario-icon{font-size:1.5rem}.scenario-label{color:#a0aec0;font-size:.9rem}.scenario-text{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1.5rem;line-height:1.4}.response-options{display:flex;flex-direction:column;gap:1rem}.response-option{background:#4a5568;border:2px solid transparent;border-radius:10px;padding:1rem 1.25rem;color:#fff;font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s ease;line-height:1.5}.response-option:hover:not(.disabled){background:#5a6578;border-color:#667eea;transform:translate(4px)}.response-option.disabled{cursor:not-allowed;opacity:.7}.response-option.correct-answer{border-color:#48bb78;background:#48bb7833}.response-option.selected-correct{border-color:#48bb78;background:#48bb784d}.response-option.selected-wrong{border-color:#fc8181;background:#fc818133}.challenge-feedback{margin-top:1.5rem;padding:1rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.challenge-feedback.correct{background:#48bb7833;border:1px solid #48bb78}.challenge-feedback.incorrect{background:#fc818133;border:1px solid #fc8181}.challenge-feedback .feedback-icon{font-size:2rem}.challenge-feedback .feedback-text{margin:0;line-height:1.5}.next-question-btn,.restart-challenge-btn{background:linear-gradient(135deg,#d90429,#ff6b6b);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.next-question-btn:hover,.restart-challenge-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d9042966}.challenge-complete{text-align:center;padding:2rem}.challenge-complete .complete-icon{font-size:4rem;margin-bottom:1rem}.challenge-complete h3{margin:0 0 1rem;font-size:1.5rem}.challenge-complete .final-score{font-size:1.25rem;margin-bottom:.5rem}.challenge-complete .final-score span{font-size:2rem;font-weight:700;color:#48bb78}.challenge-complete .score-message{color:#a0aec0;margin-bottom:1.5rem}@media(max-width:768px){.objection-step{flex-direction:column;gap:1rem}.objection-step .step-number{width:40px;height:40px;font-size:1.25rem}.interactive-objections-grid{grid-template-columns:1fr}.objection-flip-card{height:260px}.objection-challenge-game{padding:1.25rem}.scenario-text{font-size:1.1rem}.response-option{padding:.875rem 1rem;font-size:.9rem}}.practice-agnes-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:15px;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.practice-agnes-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80;background:linear-gradient(135deg,#764ba2,#667eea)}.practice-agnes-btn:active{transform:translateY(0)}.personality-card{transition:all .3s ease}.personality-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.personality-card:active{transform:translateY(-2px)}.personality-card[data-difficulty="1"]:hover{border-color:#2e7d32;box-shadow:0 8px 25px #4caf504d}.personality-card[data-difficulty="2"]:hover{border-color:#1565c0;box-shadow:0 8px 25px #2196f34d}.personality-card[data-difficulty="3"]:hover{border-color:#e65100;box-shadow:0 8px 25px #ff98004d}.personality-card[data-difficulty="4"]:hover{border-color:#c62828;box-shadow:0 8px 25px #f443364d}.personality-card[data-difficulty="5"]:hover{border-color:#6a1b9a;box-shadow:0 8px 25px #9c27b04d}.damage-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin:20px 0}.damage-type{background:#f9f9f9;border:2px solid #2196f3;border-radius:8px;padding:20px}.damage-type h3{color:#2196f3;margin-bottom:15px}.damage-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.damage-image-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.damage-image-item:hover{transform:translateY(-5px);box-shadow:0 4px 15px #0003}.damage-image-item img{width:100%;height:200px;object-fit:cover;display:block}.image-caption{padding:12px;font-size:14px;color:#555;text-align:center;background:#f9f9f9;margin:0;font-weight:500}#hotspot-quiz-container{margin:30px 0}.hotspot-quiz-question{background:#fff;border:3px solid #2196f3;border-radius:12px;padding:25px;margin-bottom:30px}.hotspot-quiz-question h3{color:#2196f3;margin-bottom:10px;font-size:22px}.quiz-instruction{color:#666;margin-bottom:20px;font-style:italic}.quiz-image-container{position:relative;display:inline-block;max-width:100%;margin:20px 0;border:2px solid #ddd;border-radius:8px;overflow:hidden}.clickable-quiz-image{display:block;width:100%;height:auto;cursor:crosshair}.hotspot-markers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.hotspot-marker{position:absolute;pointer-events:none;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hotspot-guides{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.guide-circle{position:absolute;border:2px dashed rgba(33,150,243,.6);border-radius:50%;background:#2196f326;transform:translate(-50%,-50%);pointer-events:none;animation:guidePulse 2s ease-in-out infinite}@keyframes guidePulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(.95)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.05)}}.btn-toggle-guides{background:#9c27b0;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:600;margin-left:10px;transition:all .3s ease}.btn-toggle-guides:hover{background:#7b1fa2;transform:translateY(-2px)}.quiz-feedback{background:#f0f8ff;padding:15px;border-radius:8px;margin-top:20px}.quiz-score{font-size:18px;font-weight:700;color:#2196f3;margin-bottom:10px}.quiz-accuracy{font-size:16px;font-weight:600;margin:5px 0}.accuracy-info{background:#f0f8ff;padding:15px;border-radius:6px;margin:15px 0;font-size:16px;border-left:4px solid #2196f3}.performance-feedback{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;border-radius:8px;margin-top:15px;font-size:15px;line-height:1.6}.quiz-hint{background:#fff9e6;border-left:4px solid #ffc107;padding:12px;margin:15px 0;border-radius:4px;font-style:italic}.quiz-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.btn-hint,.btn-reset,.btn-next,.btn-complete,.btn-restart-quiz{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-hint{background:#ffc107;color:#333}.btn-hint:hover{background:#ffb300;transform:translateY(-2px)}.btn-reset{background:#f44336;color:#fff}.btn-reset:hover{background:#d32f2f;transform:translateY(-2px)}.btn-next,.btn-complete{background:#4caf50;color:#fff}.btn-next:hover,.btn-complete:hover{background:#388e3c;transform:translateY(-2px)}.btn-restart-quiz{background:#2196f3;color:#fff;padding:12px 30px;font-size:16px}.btn-restart-quiz:hover{background:#1976d2;transform:translateY(-2px)}#quiz-complete-message{margin:30px 0}.success-banner{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:30px;border-radius:12px;text-align:center;box-shadow:0 4px 15px #4caf504d}.success-banner h3{color:#fff;margin-bottom:15px;font-size:28px}.final-score{font-size:24px;font-weight:700;margin:20px 0}.touch-flash{position:absolute;width:40px;height:40px;border-radius:50%;background:#fff9;transform:translate(-50%,-50%);pointer-events:none;animation:flashPulse .3s ease-out}@keyframes flashPulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@media(hover:none)and (pointer:coarse){.hotspot-marker span{font-size:32px!important}.hotspot-marker.incorrect span{font-size:28px!important}.quiz-actions button{min-height:44px;min-width:44px;padding:12px 20px;font-size:16px}.clickable-quiz-image{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.quiz-image-container{touch-action:manipulation}}@media(min-width:769px)and (max-width:1024px){.hotspot-quiz-question{padding:20px}.quiz-image-container{max-width:90%;margin:20px auto}.quiz-actions button{padding:10px 16px;font-size:15px}}@media(max-width:768px){.hotspot-quiz-question{padding:15px;margin-bottom:20px}.hotspot-quiz-question h3{font-size:20px}.quiz-instruction{font-size:14px}.quiz-image-container{margin:15px 0}.quiz-actions{display:flex;flex-direction:column;gap:10px}.quiz-actions button{width:100%;margin:0}.quiz-feedback{padding:12px}.quiz-score,.quiz-accuracy{font-size:16px}}@supports (-webkit-touch-callout: none){.clickable-quiz-image{-webkit-tap-highlight-color:transparent}.quiz-image-container{-webkit-overflow-scrolling:touch}}@media(max-width:768px){.damage-gallery{grid-template-columns:1fr}.quiz-actions{flex-direction:column}.btn-hint,.btn-reset,.btn-next,.btn-complete{width:100%}}.test-square{background:#fff3cd;border-left:4px solid #ffc107;padding:20px;margin:20px 0}.filing-timeline{display:flex;flex-direction:column;gap:20px;margin:20px 0}.timeline-step{background:#e8f5e9;border-left:4px solid #4caf50;padding:20px;border-radius:4px}.filing-script,.closing-steps{background:#f5f5f5;border:2px dashed #666;padding:20px;margin:20px 0;font-family:Courier New,monospace}.closing-objections{display:flex;flex-direction:column;gap:15px}.closing-objection{background:#ffebee;border-left:4px solid #c62828;padding:15px;border-radius:4px}.discontinued-explainer{background:#e1f5fe;border:2px solid #0288d1;padding:20px;margin:20px 0;border-radius:8px}.dimensions-explainer{background:#fff9c4;border:2px solid #fbc02d;padding:20px;margin:20px 0;border-radius:8px}.code-scenarios{background:#f3e5f5;padding:20px;margin:20px 0;border-radius:8px;border:2px solid #9c27b0}.code-scenarios h3{color:#9c27b0;margin-top:15px}.sales-cycle{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:20px 0}.cycle-phase{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;position:relative}.cycle-phase h3{color:#fff;margin-bottom:10px}.cert-requirements,.exam-tips{background:#f0f4f8;border:2px solid #4caf50;padding:20px;margin:20px 0;border-radius:8px}.cert-requirements h3{color:#4caf50;margin-top:15px}.section-intro{font-size:1.1em;color:#555;text-align:center;margin-bottom:30px;font-style:italic}.leader-photo-container{width:200px;height:200px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid #c62828;box-shadow:0 4px 12px #c628284d;transition:transform .3s ease,box-shadow .3s ease}.leader-photo-container:hover{transform:scale(1.05);box-shadow:0 6px 20px #c6282880}.leader-photo{width:100%;height:100%;object-fit:cover}.leader-card h3{color:#c62828;font-size:1.5em;margin:15px 0 5px;text-align:center}.leader-title{color:#666;font-size:1.1em;font-weight:500;text-align:center;margin:5px 0 15px;font-style:italic}.leader-highlight{background:#f5f5f5;border-left:4px solid #c62828;padding:15px;margin:15px 0;border-radius:4px;font-size:.95em;line-height:1.6;color:#333}.bio-toggle-btn{background:#c62828;color:#fff;border:none;padding:12px 30px;border-radius:25px;cursor:pointer;font-size:1em;font-weight:600;margin:15px auto;display:block;transition:all .3s ease;box-shadow:0 2px 8px #c628284d}.bio-toggle-btn:hover{background:#8b1f1f;transform:translateY(-2px);box-shadow:0 4px 12px #c6282880}.bio-toggle-btn:active{transform:translateY(0)}.leader-bio-full{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px;margin:20px 0;animation:slideDown .3s ease-out}.leader-bio-full p{margin-bottom:15px;line-height:1.8;color:#444}.leader-bio-full p:last-child{margin-bottom:0}.video-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;text-align:center;margin-top:20px;font-size:1.1em;font-weight:500}.video-placeholder p{margin:0}@media(max-width:768px){.leader-photo-container{width:150px;height:150px}.leader-card h3{font-size:1.3em}.leader-title{font-size:1em}.leader-highlight{font-size:.9em;padding:12px}}#conversation-thread{display:flex;flex-direction:column;gap:12px}.conversation-message{display:flex;flex-direction:column;gap:4px;max-width:80%;animation:slideIn .3s ease-out}.conversation-message.agnes-message{align-self:flex-start}.conversation-message.user-message{align-self:flex-end}.message-sender{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:0 8px}.agnes-message .message-sender{color:#8b4fbe}.user-message .message-sender{color:#2563eb;text-align:right}.message-content{padding:12px 16px;border-radius:12px;line-height:1.5;font-size:.95rem}.agnes-message .message-content{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:2px solid #d8b4fe;border-bottom-left-radius:4px;color:#4a1d7f}.user-message .message-content{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;border-bottom-right-radius:4px;color:#1e3a8a}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#turn-counter{font-size:.9rem;box-shadow:0 2px 8px #8b4fbe33;transition:all .3s ease}#turn-counter:hover{transform:scale(1.05);box-shadow:0 4px 12px #8b4fbe4d}@media(max-width:768px){.conversation-message{max-width:90%}.message-content{font-size:.9rem;padding:10px 14px}#conversation-thread{max-height:300px}}.inline-practice-container{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-radius:12px;border:2px solid #4285f4;box-shadow:0 4px 12px #4285f426;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mini-conversation-thread{max-height:400px;overflow-y:auto;padding:15px;background:#fff;border-radius:8px;margin-bottom:15px;box-shadow:inset 0 2px 4px #0000000f}.mini-conversation-thread .conversation-message{margin-bottom:12px;padding:12px 16px;border-radius:8px;font-size:.95rem;line-height:1.5;animation:fadeInMessage .4s ease-out}@keyframes fadeInMessage{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.mini-conversation-thread .agnes-message{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border-bottom-left-radius:4px;margin-right:20%}.mini-conversation-thread .user-message{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-bottom-right-radius:4px;margin-left:20%;text-align:right}.mini-input-area{margin-bottom:15px}.mini-response-input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .3s,box-shadow .3s}.mini-response-input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a}.mini-actions{display:flex;gap:10px;margin-top:10px}.submit-mini-response,.close-practice,.try-again-btn{flex:1;padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.submit-mini-response{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.submit-mini-response:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.close-practice{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.close-practice:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.try-again-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.try-again-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.mini-feedback{padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014}.mini-feedback h4{margin-top:0;margin-bottom:15px;color:#2c3e50;font-size:1.1rem}.key-points-checklist{list-style:none;padding:0;margin:0 0 15px}.key-points-checklist li{padding:10px 15px;margin-bottom:8px;border-radius:6px;font-size:.9rem;transition:all .3s}.key-points-checklist li.matched{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:4px solid #28a745;color:#155724;animation:checkPulse .5s ease-out}.key-points-checklist li.missed{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-left:4px solid #ffc107;color:#856404}@keyframes checkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media(max-width:768px){.inline-practice-container{padding:15px;margin-top:15px}.mini-conversation-thread{max-height:300px;padding:12px}.mini-conversation-thread .agnes-message,.mini-conversation-thread .user-message{margin-right:10%;margin-left:10%;font-size:.9rem}.mini-actions{flex-direction:column}.submit-mini-response,.close-practice,.try-again-btn{width:100%}}.agnes-mode-selector{display:flex;gap:20px;justify-content:center;margin:30px 0;flex-wrap:wrap}.agnes-mode-card{background:#fff;border:3px solid #e0e0e0;border-radius:16px;padding:30px 40px;cursor:pointer;transition:all .3s ease;text-align:center;min-width:200px}.agnes-mode-card:hover{border-color:#2196f3;transform:translateY(-4px);box-shadow:0 8px 25px #2196f333}.agnes-mode-card.selected{border-color:#4caf50;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.agnes-mode-card .mode-icon{font-size:48px;margin-bottom:15px}.agnes-mode-card .mode-title{font-size:22px;font-weight:700;color:#333;margin-bottom:8px}.agnes-mode-card .mode-desc{font-size:14px;color:#666}.agnes-difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:25px 0}.agnes-difficulty-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.agnes-difficulty-card:hover:not(.locked){transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.agnes-difficulty-card.locked{opacity:.6;cursor:not-allowed;background:#f5f5f5}.agnes-difficulty-card.locked:after{content:"🔒";position:absolute;top:10px;right:10px;font-size:20px}.agnes-difficulty-card.selected{border-color:#4caf50;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.agnes-difficulty-card .difficulty-emoji{font-size:36px;margin-bottom:10px}.agnes-difficulty-card .difficulty-name{font-size:16px;font-weight:700;color:#333;margin-bottom:6px}.agnes-difficulty-card .difficulty-xp{font-size:13px;color:#4caf50;font-weight:600}.agnes-difficulty-card .difficulty-unlock{font-size:12px;color:#f44336;margin-top:6px}.agnes-xp-container{background:#fff;border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 2px 8px #00000014}.agnes-xp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.agnes-level-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:20px;font-weight:700;font-size:14px}.agnes-xp-text{font-size:13px;color:#666}.agnes-xp-bar{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}.agnes-xp-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:6px;transition:width .5s ease}.agnes-streak-display{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:#ff9800;font-weight:600}.agnes-voice-ui{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}@media(max-width:900px){.agnes-voice-ui{grid-template-columns:1fr}}.agnes-video-section{background:#1a1a1a;border-radius:12px;overflow:hidden;position:relative}.agnes-local-video{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.agnes-video-overlay{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(transparent,#000c);display:flex;justify-content:center;gap:12px}.agnes-control-btn{background:#fff3;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;font-size:20px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#fff}.agnes-control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.agnes-control-btn.active{background:#4caf50}.agnes-control-btn.recording{background:#f44336;animation:recordingPulse 1.5s ease-in-out infinite}@keyframes recordingPulse{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 12px #f4433600}}.agnes-recording-indicator{position:absolute;top:15px;left:15px;background:#f44336e6;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.agnes-recording-indicator .rec-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:recDotBlink 1s ease-in-out infinite}@keyframes recDotBlink{0%,to{opacity:1}50%{opacity:.3}}.agnes-transcript-section{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:400px}.agnes-transcript-header{padding:15px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.agnes-transcript-header h4{margin:0;font-size:16px;color:#333}.agnes-connection-status{display:flex;align-items:center;gap:6px;font-size:12px}.agnes-status-dot{width:8px;height:8px;border-radius:50%;background:#ccc}.agnes-status-dot.connected{background:#4caf50}.agnes-status-dot.connecting{background:#ff9800;animation:statusPulse 1s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.agnes-transcript-content{flex:1;overflow-y:auto;padding:15px 20px}.agnes-transcript-message{margin-bottom:12px;padding:10px 14px;border-radius:12px;max-width:85%}.agnes-transcript-message.user{background:#e3f2fd;margin-left:auto;border-bottom-right-radius:4px}.agnes-transcript-message.agnes{background:#f5f5f5;border-bottom-left-radius:4px}.agnes-transcript-message .speaker{font-size:11px;font-weight:600;color:#666;margin-bottom:4px}.agnes-transcript-message .text{font-size:14px;color:#333;line-height:1.4}.agnes-waveform{height:40px;padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;align-items:center;gap:10px}.agnes-waveform-bars{display:flex;gap:3px;height:24px;align-items:center}.agnes-waveform-bar{width:4px;background:#4caf50;border-radius:2px;transition:height .1s ease}.agnes-waveform-label{font-size:12px;color:#666}.agnes-door-slam-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:doorSlamFadeIn .3s ease}@keyframes doorSlamFadeIn{0%{opacity:0}to{opacity:1}}.agnes-door-slam-content{background:linear-gradient(135deg,#b71c1c,#d32f2f);color:#fff;padding:50px 60px;border-radius:20px;text-align:center;max-width:500px;animation:doorSlamBounce .5s ease}@keyframes doorSlamBounce{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.agnes-door-slam-content .slam-emoji{font-size:80px;margin-bottom:20px}.agnes-door-slam-content h2{font-size:32px;margin:0 0 15px}.agnes-door-slam-content p{font-size:18px;opacity:.9;margin-bottom:25px}.agnes-door-slam-content .slam-tip{background:#ffffff26;padding:15px;border-radius:10px;font-size:14px;margin-bottom:25px}.agnes-level-up-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000}.agnes-level-up-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:50px 60px;border-radius:20px;text-align:center;max-width:500px;animation:levelUpCelebrate .6s ease}@keyframes levelUpCelebrate{0%{transform:scale(0) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}.agnes-level-up-content .level-emoji{font-size:80px;margin-bottom:20px;animation:levelEmojiPop .8s ease infinite}@keyframes levelEmojiPop{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.agnes-level-up-content h2{font-size:36px;margin:0 0 10px}.agnes-level-up-content .new-level{font-size:64px;font-weight:800;margin:15px 0;text-shadow:0 4px 15px rgba(0,0,0,.3)}.agnes-level-up-content .unlock-text{background:#fff3;padding:12px 20px;border-radius:25px;font-size:16px;margin:20px 0}.agnes-success-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000}.agnes-success-content{background:#fff;padding:40px 50px;border-radius:20px;text-align:center;max-width:500px;animation:successSlide .4s ease}@keyframes successSlide{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.agnes-success-content .success-emoji{font-size:64px;margin-bottom:15px}.agnes-success-content h2{font-size:28px;color:#333;margin:0 0 20px}.agnes-score-display{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;padding:20px 30px;border-radius:12px;margin:20px 0}.agnes-score-display .score-number{font-size:48px;font-weight:800}.agnes-score-display .score-label{font-size:14px;opacity:.9}.agnes-xp-earned{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;color:#ff9800;font-weight:700;margin:15px 0}.agnes-btn{padding:14px 28px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:5px}.agnes-btn-primary{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.agnes-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5059}.agnes-btn-secondary{background:#f5f5f5;color:#333}.agnes-btn-secondary:hover{background:#e0e0e0}.agnes-btn-danger{background:linear-gradient(135deg,#f44336,#e53935);color:#fff}.agnes-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4433659}.agnes-text-ui{background:#fff;border-radius:12px;padding:25px;margin:20px 0}.agnes-video-gallery{margin-top:30px}.agnes-video-gallery h3{font-size:18px;color:#333;margin-bottom:15px}.agnes-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.agnes-video-item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease}.agnes-video-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.agnes-video-thumbnail{width:100%;aspect-ratio:16/9;object-fit:cover;background:#f0f0f0}.agnes-video-info{padding:12px}.agnes-video-info .video-date{font-size:12px;color:#666}.agnes-video-info .video-score{font-size:14px;font-weight:600;color:#4caf50}@media(max-width:768px){.agnes-mode-selector{flex-direction:column;align-items:center}.agnes-mode-card{width:100%;max-width:300px}.agnes-difficulty-grid{grid-template-columns:repeat(2,1fr)}.agnes-voice-ui{grid-template-columns:1fr}.agnes-door-slam-content,.agnes-level-up-content,.agnes-success-content{margin:20px;padding:30px 25px}.agnes-door-slam-content .slam-emoji,.agnes-level-up-content .level-emoji,.agnes-success-content .success-emoji{font-size:60px}.agnes-level-up-content .new-level{font-size:48px}}:root{--agnes-gradient-primary: linear-gradient(135deg, #9333ea 0%, #7c3aed 50%, #6366f1 100%);--agnes-gradient-secondary: linear-gradient(135deg, #8b4fbe 0%, #a370d1 100%);--agnes-shadow-sm: 0 2px 8px rgba(147, 51, 234, .1);--agnes-shadow-md: 0 4px 16px rgba(147, 51, 234, .15);--agnes-shadow-lg: 0 8px 24px rgba(147, 51, 234, .2);--agnes-radius-sm: 8px;--agnes-radius-md: 12px;--agnes-radius-lg: 16px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0}.category-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:#fff;border:2px solid #e5e7eb;border-radius:var(--agnes-radius-lg);cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--agnes-gradient-primary);transform:scaleX(0);transition:transform .3s ease}.category-card:hover{border-color:#8b4fbe;box-shadow:var(--agnes-shadow-md);transform:translateY(-4px)}.category-card:hover:before{transform:scaleX(1)}.category-icon{font-size:48px;margin-bottom:12px}.category-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:6px}.category-source{font-size:12px;color:#8b4fbe;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.category-count{font-size:14px;color:#6b7280}.scenario-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:20px}.contextual-hint-panel{position:fixed;bottom:20px;right:20px;width:360px;max-width:calc(100vw - 40px);background:#fff;border-radius:var(--agnes-radius-lg);box-shadow:var(--agnes-shadow-lg);overflow:hidden;z-index:1000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.hint-header{background:var(--agnes-gradient-primary);color:#fff;padding:14px 18px;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}.suggested-response{padding:16px 18px;background:#f0fdf4;border-left:4px solid #22c55e;margin:12px;border-radius:8px;font-size:14px;line-height:1.6;color:#166534}.key-points-reminder{padding:12px 18px;font-size:13px;color:#374151}.key-points-reminder ul{margin:8px 0 0;padding-left:18px}.key-points-reminder li{margin-bottom:4px}.tone-guidance{padding:12px 18px;background:#fef3c7;margin:0 12px;border-radius:8px;font-size:13px;color:#92400e}.script-reference{padding:12px 18px;font-size:12px;color:#6b7280;font-style:italic}.hint-footer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid #e5e7eb;background:#f9fafb}.hint-footer button{flex:1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}#regenerate-hint{background:#fff;border:2px solid #8b4fbe;color:#8b4fbe}#regenerate-hint:hover{background:#f5f3ff}#apply-hint{background:var(--agnes-gradient-primary);border:none;color:#fff}#apply-hint:hover{opacity:.9}#close-hint-panel{background:#f3f4f6;border:none;color:#6b7280}#close-hint-panel:hover{background:#e5e7eb}.quick-actions button{padding:12px 24px;border-radius:30px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s}#random-scenario-btn{background:var(--agnes-gradient-primary);color:#fff;border:none}#random-scenario-btn:hover{transform:scale(1.05);box-shadow:var(--agnes-shadow-md)}#legacy-role-btn{background:#fff;color:#6b7280;border:2px solid #e5e7eb}#legacy-role-btn:hover{border-color:#8b4fbe;color:#8b4fbe}.scenario-list-header{background:#f9fafb;padding:15px 20px;border-radius:var(--agnes-radius-md);margin-bottom:20px}.btn-back{display:inline-flex;align-items:center;gap:6px;background:#fff!important;border:2px solid #e5e7eb!important;color:#374151!important;font-weight:600;transition:all .2s}.btn-back:hover{border-color:#8b4fbe!important;color:#8b4fbe!important}@media(max-width:768px){.category-grid{grid-template-columns:1fr;gap:15px}.category-card{padding:20px}.category-icon{font-size:36px}.scenario-cards-grid{grid-template-columns:1fr}.contextual-hint-panel{position:fixed;bottom:0;right:0;left:0;width:100%;max-width:100%;border-radius:var(--agnes-radius-lg) var(--agnes-radius-lg) 0 0;max-height:70vh;overflow-y:auto}.scenario-list-header{flex-direction:column;text-align:center}.scenario-list-header h2{order:-1;margin-bottom:15px}.quick-actions{flex-direction:column}.quick-actions button{width:100%}}.voice-live-feedback{background:#fff;border-radius:var(--agnes-radius-md);box-shadow:var(--agnes-shadow-md);margin-top:20px;overflow:hidden;animation:fadeSlideIn .3s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.voice-feedback-header{display:flex;align-items:center;gap:10px;padding:14px 18px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;font-weight:600;font-size:14px}.feedback-icon{font-size:18px}.voice-live-score{margin-left:auto;font-size:24px;font-weight:700;transition:color .3s}.voice-feedback-body{padding:16px 18px}.feedback-section{margin-bottom:16px}.feedback-section:last-child{margin-bottom:0}.feedback-label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.key-points-checklist{display:flex;flex-wrap:wrap;gap:8px}.kp-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;transition:all .3s}.kp-item.pending{background:#f3f4f6;color:#9ca3af}.kp-item.covered{background:#dcfce7;color:#16a34a}.kp-check{font-weight:700}.kp-item.covered .kp-check{color:#22c55e}.tone-feedback{padding:12px 16px;background:#f0f9ff;border-radius:8px;font-size:14px;color:#0369a1;border-left:4px solid #0ea5e9}.voice-live-tip{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef3c7;border-radius:8px;margin-top:12px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tip-icon{font-size:20px}.tip-text{font-size:14px;color:#92400e;font-weight:500}@media(max-width:768px){.voice-live-feedback{margin-top:15px}.key-points-checklist{flex-direction:column}.kp-item{width:100%}.voice-live-score{font-size:20px}}.agnes-voice-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:12px;margin-bottom:20px;color:#fff}.agnes-status-bar{display:flex;align-items:center;gap:15px}.connection-status{display:flex;align-items:center;gap:8px;font-size:14px}.connection-dot{width:10px;height:10px;border-radius:50%;background:#ff9800;animation:statusBlink 1.5s ease-in-out infinite}.connection-dot.connected{background:#4caf50;animation:none}.connection-dot.disconnected{background:#f44336;animation:none}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.4}}.recording-indicator{display:flex;align-items:center;gap:6px;background:#f44336e6;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.recording-indicator .rec-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:recDotPulse 1s ease-in-out infinite}@keyframes recDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.agnes-controls{display:flex;gap:10px}.control-btn{background:#fff3;border:none;padding:8px 16px;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}.control-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.control-btn.end-btn{background:#f44336cc}.control-btn.end-btn:hover{background:#f44336}.agnes-voice-main{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:400px}@media(max-width:900px){.agnes-voice-main{grid-template-columns:1fr}}.agnes-video-section{background:linear-gradient(135deg,#1e1e24,#252530);border-radius:16px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:350px}.video-preview{position:absolute;top:10px;right:10px;width:120px;height:90px;border-radius:8px;object-fit:cover;border:2px solid rgba(255,255,255,.3);z-index:10}.agnes-avatar-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.agnes-avatar{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#7c3aed,#6366f1);display:flex;align-items:center;justify-content:center;font-size:70px;box-shadow:0 0 40px #9333ea66,0 0 80px #9333ea33,inset 0 0 30px #ffffff1a;transition:all .3s ease;position:relative;animation:orbIdle 4s ease-in-out infinite}@keyframes orbIdle{0%,to{transform:scale(1);box-shadow:0 0 40px #9333ea66,0 0 80px #9333ea33,inset 0 0 30px #ffffff1a}50%{transform:scale(1.02);box-shadow:0 0 50px #9333ea80,0 0 100px #9333ea4d,inset 0 0 40px #ffffff26}}.agnes-avatar.speaking{animation:orbSpeaking .5s ease-in-out infinite;box-shadow:0 0 60px #9333eab3,0 0 120px #9333ea66,inset 0 0 40px #fff3}@keyframes orbSpeaking{0%,to{transform:scale(1)}25%{transform:scale(1.08)}50%{transform:scale(1.03)}75%{transform:scale(1.06)}}.agnes-avatar:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;border:2px solid rgba(147,51,234,.3);animation:orbRing 3s linear infinite}@keyframes orbRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.agnes-avatar.speaking:before{border-color:#9333ea99;border-width:3px;animation:orbRingSpeaking 1s linear infinite}@keyframes orbRingSpeaking{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.agnes-name{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.speaking-indicator{font-size:14px;color:#ffffffb3;display:none}.speaking-indicator.visible{display:block;animation:fadeInOut 1.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.transcript-message.rep-summary{background:#e8f5e9;border-left:3px solid #4caf50;font-style:italic}.transcript-message.rep-summary:before{content:"(Summary) ";font-weight:600;color:#388e3c}.transcript-message{margin-bottom:12px;padding:12px 16px;border-radius:12px;max-width:90%}.transcript-message.user-msg{background:linear-gradient(135deg,#e3f2fd,#bbdefb);margin-left:auto;border-bottom-right-radius:4px}.transcript-message.agnes-msg{background:linear-gradient(135deg,#f3e5f5,#e1bee7);margin-right:auto;border-bottom-left-radius:4px}.msg-role{font-size:12px;font-weight:700;color:#666;display:block;margin-bottom:4px}.msg-text{font-size:14px;line-height:1.5;color:#333}.agnes-transcript{flex:1;overflow-y:auto;padding:15px;max-height:300px;background:#fafafa;border-radius:8px}.transcript-placeholder{text-align:center;padding:40px 20px;color:#888}.transcript-placeholder .hint{font-size:13px;color:#aaa;margin-top:10px}.agnes-score-display{padding:20px;text-align:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:12px;margin-top:15px}.agnes-score-display .final-score{font-size:48px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.agnes-tips{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:12px;padding:20px;margin-top:20px}.agnes-tips h4{margin:0 0 10px;color:#e65100}.agnes-tips ul{margin:0;padding-left:20px}.agnes-tips li{margin-bottom:8px;color:#bf360c}#exam-area{max-width:900px;margin:0 auto}.exam-start-screen{text-align:center;padding:40px 30px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:2px solid #dee2e6}.exam-start-screen h2{color:#c62828;margin-bottom:20px;font-size:2em}.exam-stats{display:flex;justify-content:center;gap:30px;margin:30px 0;flex-wrap:wrap}.exam-stat{background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;min-width:120px}.exam-stat .stat-number{font-size:2.5em;font-weight:800;color:#c62828;display:block}.exam-stat .stat-label{color:#555;font-size:.9em;text-transform:uppercase;letter-spacing:1px}.attempt-history{margin:30px 0;text-align:left;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.attempt-history h3{color:#333;margin-bottom:15px;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.attempt-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:8px;margin-bottom:8px;transition:transform .2s ease}.attempt-item:hover{transform:translate(5px)}.attempt-item.passed{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-left:4px solid #28a745}.attempt-item.failed{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545}.attempt-score{font-weight:700;font-size:1.1em}.attempt-date{color:#666;font-size:.9em}.name-input-group{margin:30px 0}.name-input-group label{display:block;font-weight:600;margin-bottom:8px;color:#333}.name-input-group input{width:100%;max-width:400px;padding:15px 20px;font-size:1.1em;border:2px solid #ddd;border-radius:10px;transition:border-color .3s,box-shadow .3s}.name-input-group input:focus{outline:none;border-color:#c62828;box-shadow:0 0 0 4px #c628281a}.btn-start-exam{background:linear-gradient(135deg,#c62828,#8b1f1f);color:#fff;border:none;padding:18px 50px;font-size:1.3em;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c628284d;text-transform:uppercase;letter-spacing:1px}.btn-start-exam:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #c6282866}.btn-start-exam:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.exam-questions-container{padding:20px 0}.exam-progress{background:#e9ecef;border-radius:10px;height:12px;margin-bottom:30px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.exam-progress-bar{background:linear-gradient(135deg,#4caf50,#2e7d32);height:100%;border-radius:10px;transition:width .5s ease}.exam-progress-text{text-align:center;font-weight:600;color:#333;margin-bottom:10px}.exam-section-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 25px;border-radius:10px;margin:30px 0 20px;font-size:1.2em;font-weight:600}.exam-question{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:25px;margin-bottom:20px;transition:border-color .3s,box-shadow .3s}.exam-question:hover{border-color:#c62828;box-shadow:0 4px 12px #c628281a}.exam-question h4{color:#333;margin-bottom:15px;font-size:1.1em;line-height:1.5}.question-number{background:#c62828;color:#fff;padding:4px 12px;border-radius:20px;font-size:.85em;font-weight:600;margin-right:10px}.mcq-options{display:flex;flex-direction:column;gap:10px}.mcq-option{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;transition:all .2s ease}.mcq-option:hover{background:#e9ecef;border-color:#c62828}.mcq-option input[type=radio]{width:20px;height:20px;accent-color:#c62828}.mcq-option.selected{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ff9800}.fib-input{width:100%;padding:15px 20px;font-size:1.05em;border:2px solid #ddd;border-radius:10px;transition:border-color .3s,box-shadow .3s}.fib-input:focus{outline:none;border-color:#c62828;box-shadow:0 0 0 4px #c628281a}.sa-textarea{width:100%;min-height:120px;padding:15px 20px;font-size:1em;font-family:inherit;border:2px solid #ddd;border-radius:10px;resize:vertical;transition:border-color .3s,box-shadow .3s}.sa-textarea:focus{outline:none;border-color:#c62828;box-shadow:0 0 0 4px #c628281a}.sa-hint{font-size:.85em;color:#555;font-style:italic;margin-top:8px}.btn-submit-exam{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;padding:18px 50px;font-size:1.3em;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d;display:block;margin:40px auto 0;text-transform:uppercase;letter-spacing:1px}.btn-submit-exam:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4caf5066}.exam-results{text-align:center;padding:40px 30px}.results-header{margin-bottom:30px}.results-header.passed h2{color:#28a745;font-size:2.5em}.results-header.failed h2{color:#dc3545;font-size:2.5em}.score-circle{width:200px;height:200px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px auto;box-shadow:0 8px 30px #00000026}.score-circle.passed{background:linear-gradient(135deg,#28a745,#20c997);animation:pulse-success 2s infinite}.score-circle.failed{background:linear-gradient(135deg,#dc3545,#c0392b)}@keyframes pulse-success{0%,to{box-shadow:0 8px 30px #28a7454d}50%{box-shadow:0 8px 50px #28a74580}}.score-circle .score-number{font-size:4em;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.score-circle .score-label{font-size:1.2em;color:#ffffffe6;text-transform:uppercase;letter-spacing:2px}.score-breakdown{display:flex;justify-content:center;gap:20px;margin:30px 0;flex-wrap:wrap}.breakdown-item{background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 4px 12px #0000001a;min-width:140px}.breakdown-item .breakdown-score{font-size:1.8em;font-weight:700;color:#333}.breakdown-item .breakdown-label{color:#555;font-size:.9em;text-transform:uppercase}.weak-areas{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:25px;margin:30px 0;text-align:left}.weak-areas h3{color:#856404;margin-bottom:15px}.weak-areas ul{margin:0;padding-left:25px}.weak-areas li{margin-bottom:8px;color:#856404}.btn-download-certificate{background:linear-gradient(135deg,#ffc107,#ff9800);color:#333;border:none;padding:18px 40px;font-size:1.2em;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffc1074d;margin:20px 10px}.btn-download-certificate:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffc10766}.btn-return-training{background:linear-gradient(135deg,#6c757d,#495057);color:#fff;border:none;padding:15px 35px;font-size:1.1em;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;margin:10px}.btn-return-training:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6c757d4d}.lockout-screen{text-align:center;padding:50px 30px;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:3px solid #dc3545;border-radius:16px}.lockout-screen h2{color:#721c24;font-size:2em;margin-bottom:20px}.lockout-screen p{color:#721c24;font-size:1.1em;margin-bottom:30px}.review-modules-list{background:#fff;padding:25px;border-radius:12px;text-align:left;margin:20px auto;max-width:500px}.review-modules-list h3{color:#333;margin-bottom:15px}.review-modules-list ul{margin:0;padding-left:25px}.review-modules-list li{margin-bottom:10px;color:#555}.certified-screen{text-align:center;padding:50px 30px;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:3px solid #28a745;border-radius:16px}.certified-screen h2{color:#155724;font-size:2.5em;margin-bottom:20px}.certified-badge-large{font-size:6em;margin:20px 0;animation:trophy-bounce 1s ease infinite}@keyframes trophy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sidebar-cert-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85em;font-weight:600;display:inline-flex;align-items:center;gap:6px;margin-left:10px;animation:badge-glow 2s ease-in-out infinite;box-shadow:0 2px 10px #28a7454d}@keyframes badge-glow{0%,to{box-shadow:0 2px 10px #28a7454d}50%{box-shadow:0 4px 20px #28a74580}}.nav-item.certified:after{content:"🏆";margin-left:8px}.confetti-piece{position:fixed;width:10px;height:10px;top:-20px;z-index:10000;animation:confetti-fall 3s linear forwards;pointer-events:none}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media(max-width:768px){.exam-start-screen{padding:25px 15px}.exam-stats{flex-direction:column;gap:15px}.exam-stat{padding:15px 20px}.exam-stat .stat-number{font-size:2em}.btn-start-exam,.btn-submit-exam{width:100%;padding:15px 25px;font-size:1.1em}.exam-question{padding:15px}.mcq-option{padding:12px 15px}.score-circle{width:150px;height:150px}.score-circle .score-number{font-size:3em}.score-breakdown{flex-direction:column;align-items:center}.breakdown-item{width:100%;max-width:250px}.btn-download-certificate,.btn-return-training{width:100%;margin:10px 0}.certified-badge-large{font-size:4em}}.answer-review-section{margin-top:30px;padding:25px;background:#f8f9fa;border-radius:12px;border:2px solid #e0e0e0}.answer-review-section.expanded{background:#fff;border-color:#c62828}.answer-review-section h3{color:#333;margin-bottom:15px;font-size:1.4em}.review-intro{color:#666;margin-bottom:20px;font-style:italic}.btn-toggle-review{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 28px;font-size:1.1em;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.btn-toggle-review:hover{transform:translateY(-2px);box-shadow:0 6px 18px #667eea66}.answer-review-content{margin-top:20px}.answer-review-content.hidden{display:none}.review-section{margin-bottom:30px}.review-section h4{color:#333;font-size:1.2em;padding:12px 16px;background:linear-gradient(135deg,#e9ecef,#dee2e6);border-radius:8px;margin-bottom:15px}.wrong-answer-item{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:15px;transition:border-color .3s}.wrong-answer-item:hover{border-color:#c62828}.wrong-answer-item.sa-review{border-color:#ffc107}.question-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.q-number{background:#c62828;color:#fff;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.9em;white-space:nowrap}.q-text{color:#333;font-weight:600;font-size:1.05em;line-height:1.5}.answer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.your-answer,.correct-answer{padding:15px;border-radius:8px}.your-answer.wrong{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #dc3545}.your-answer.partial{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-left:4px solid #ffc107}.correct-answer{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #28a745}.answer-comparison .label{display:block;font-size:.85em;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.your-answer.wrong .label{color:#c62828}.your-answer.partial .label{color:#f57c00}.correct-answer .label{color:#1b5e20}.answer-comparison .value{font-size:1em;color:#333;line-height:1.5}.answer-comparison .value.sa-value{font-size:.95em;white-space:pre-wrap}.explanation{background:#e3f2fd;padding:15px;border-radius:8px;font-size:.95em;line-height:1.6;color:#1565c0}.explanation strong{color:#0d47a1}.perfect-score{text-align:center;font-size:1.3em;color:#2e7d32;padding:20px}.perfect-score-banner{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;padding:20px 30px;border-radius:12px;font-size:1.2em;font-weight:600;text-align:center;box-shadow:0 4px 15px #4caf504d}@media(max-width:768px){.answer-review-section{padding:15px}.answer-comparison{grid-template-columns:1fr;gap:10px}.question-header{flex-direction:column;gap:8px}.q-number{align-self:flex-start}.wrong-answer-item{padding:15px}.your-answer,.correct-answer{padding:12px}.btn-toggle-review{width:100%;padding:12px 20px}}.admin-sidebar-item{background:linear-gradient(135deg,#1e1e24,#252530);border:1px solid #d90429;margin-top:20px;border-radius:8px;font-weight:600}.admin-sidebar-item:hover{background:linear-gradient(135deg,#d90429,#b30322);color:#fff}.admin-sidebar-item:after{content:""!important}.admin-sidebar-item.unlocked{opacity:1;cursor:pointer}.admin-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid #e5e7eb;padding-bottom:12px}.admin-tab{padding:10px 20px;border:none;background:#e5e7eb;color:#374151;border-radius:8px 8px 0 0;cursor:pointer;font-weight:500;transition:all .2s}.admin-tab:hover{background:#d1d5db;color:#1f2937}.admin-tab.active{background:var(--primary-color);color:#fff}.admin-toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.admin-search{flex:1;min-width:200px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px}.admin-search:focus{outline:none;border-color:var(--primary-color)}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.admin-table th{background:#f9fafb;font-weight:600;color:#374151}.admin-table tr:hover{background:#f9fafb}.user-name-cell{display:flex;align-items:center;gap:8px}.cert-icon{font-size:16px}.role-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.role-badge.manager{background:#fef3c7;color:#92400e}.role-badge.user{background:#dbeafe;color:#1e40af}.progress-cell{display:flex;flex-direction:column;gap:4px;font-size:12px}.modules-count{color:#059669}.exam-count{color:#6b7280}.btn-view-user{padding:6px 12px;background:var(--primary-color);color:#fff;border:1px solid var(--primary-color);border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.btn-view-user:hover{background:#991b1b;color:#fff;border-color:#991b1b;transform:translateY(-1px)}.admin-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.admin-modal-content{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.admin-modal-header h2{margin:0;font-size:20px}.admin-modal-header .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280}#user-detail-body{padding:24px}.user-detail-sections{display:flex;flex-direction:column;gap:24px}.detail-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px}.detail-section h3{margin:0 0 12px;font-size:16px;color:#374151}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{font-size:12px;color:#6b7280}.detail-item .value{font-weight:500}.module-progress-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.module-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px;font-size:13px}.module-item.completed{background:#d1fae5}.module-item.in_progress{background:#fef3c7}.mini-table{width:100%;border-collapse:collapse;font-size:13px}.mini-table th,.mini-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #e5e7eb}.mini-table th{background:#f9fafb}.cert-notice{margin-top:12px;padding:12px;background:#fef3c7;border-radius:8px;font-weight:500}.roleplay-summary{display:flex;gap:16px;font-size:14px}.actions-section{background:#fef2f2}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-action{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-reset-exam{background:#fef3c7;color:#92400e}.btn-reset-exam:hover{background:#fde68a}.btn-reset-progress{background:#fee2e2;color:#991b1b}.btn-reset-progress:hover{background:#fecaca}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.analytics-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.analytics-card h3{margin:0 0 16px;font-size:16px;color:#374151}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f9fafb;border-radius:8px}.stat-item.highlight{background:linear-gradient(135deg,#d90429,#b30322);color:#fff}.stat-value{font-size:28px;font-weight:700}.stat-label{font-size:12px;opacity:.8}.modules-card{grid-column:1 / -1}.module-bars{display:flex;flex-direction:column;gap:12px}.module-bar-item{display:grid;grid-template-columns:150px 1fr 50px;gap:12px;align-items:center}.module-bar-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-bar-track{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.module-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:6px;transition:width .3s ease}.module-bar-rate{font-size:13px;font-weight:600;color:#059669;text-align:right}.loading-text{text-align:center;color:#6b7280;padding:40px}.error-text{text-align:center;color:#dc2626;padding:40px}.empty-text{text-align:center;color:#6b7280;padding:40px}@media(max-width:768px){.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:8px 10px}.admin-modal-content{width:95%;max-height:95vh}.stat-grid{grid-template-columns:1fr}.module-bar-item{grid-template-columns:1fr;gap:4px}.module-bar-track{width:100%}}.time-tracker-header{margin-bottom:20px}.time-tracker-header h3{margin:0 0 8px;font-size:18px}.time-tracker-header p{margin:0;color:#6b7280}.time-tracker-summary{display:flex;gap:20px;margin-bottom:24px}.time-tracker-summary .summary-stat{background:#f9fafb;padding:16px 24px;border-radius:8px;text-align:center;min-width:140px}.time-tracker-summary .summary-stat.warning{background:#fef3c7;border:1px solid #f59e0b}.time-tracker-summary .stat-value{display:block;font-size:28px;font-weight:700;color:#1f2937}.time-tracker-summary .stat-label{font-size:12px;color:#6b7280;text-transform:uppercase}.time-tracker-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.time-tracker-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;color:#6b7280;border-bottom:1px solid #e5e7eb}.time-tracker-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px}.time-tracker-table tr:hover{background:#f9fafb}.module-num{color:#9ca3af;font-weight:600;width:40px}.module-name-cell{display:flex;align-items:center;gap:10px;font-weight:500}.difficulty-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.time-cell{font-family:monospace;font-size:13px}.time-cell.fastest{color:#22c55e}.time-cell.slowest{color:#ef4444}.stale-warning{color:#f59e0b;font-weight:600}.completion-bar-mini{position:relative;width:100px;height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden}.completion-fill{height:100%;background:linear-gradient(135deg,#22c55e,#16a34a);transition:width .3s ease}.completion-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:#374151}.time-tracker-legend{background:#f9fafb;padding:16px;border-radius:8px;margin-top:20px}.time-tracker-legend h4{margin:0 0 12px;font-size:14px;color:#374151}.time-tracker-legend .legend-items{display:flex;flex-wrap:wrap;gap:16px}.time-tracker-legend .legend-items span{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.progress-grid-header{margin-bottom:20px}.progress-grid-header h3{margin:0 0 12px;font-size:18px}.progress-grid-toolbar{display:flex;gap:12px;align-items:center}.progress-grid-legend{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.progress-grid-legend .legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.progress-grid-stats{margin-bottom:12px;font-size:14px;color:#6b7280}.progress-grid-wrapper{overflow-x:auto;max-height:600px;border:1px solid #e5e7eb;border-radius:8px}.progress-grid-table{width:100%;border-collapse:collapse;min-width:900px}.progress-grid-table th{background:#f9fafb;padding:10px 8px;font-size:11px;font-weight:600;color:#6b7280;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10}.progress-grid-table td{padding:8px;border-bottom:1px solid #f3f4f6;text-align:center;vertical-align:middle}.progress-grid-table tr:hover{background:#f9fafb}.user-col{text-align:left!important;min-width:150px;background:#fff}.sticky-col{position:sticky;left:0;z-index:5}.progress-grid-table tr:hover .sticky-col{background:#f9fafb}.user-info{display:flex;flex-direction:column;gap:2px}.user-info .user-name{font-weight:500;font-size:13px;color:#1f2937}.user-info .user-login{font-size:11px;color:#9ca3af}.module-col{width:40px;min-width:40px}.module-cell{font-size:14px;cursor:default;transition:transform .1s}.module-cell:hover{transform:scale(1.2)}.status-completed{background:#dcfce7}.status-in-progress{background:#fef9c3}.status-stale{background:#fee2e2}.status-unlocked{background:#e0f2fe}.status-not-started{background:#f3f4f6}.progress-col{min-width:100px}.mini-progress-bar{width:60px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}.mini-progress-fill{height:100%;background:linear-gradient(135deg,#22c55e,#16a34a)}.progress-text{font-size:11px;font-weight:600;color:#374151}@media(max-width:768px){.time-tracker-summary{flex-direction:column;gap:12px}.time-tracker-summary .summary-stat{min-width:auto}.time-tracker-table{font-size:12px}.time-tracker-table th,.time-tracker-table td{padding:8px 10px}.completion-bar-mini{width:70px}.progress-grid-toolbar{flex-direction:column;align-items:stretch}.progress-grid-legend{gap:8px}}.transcript-section{max-height:none}.transcript-summary{display:flex;gap:24px;margin-bottom:16px;padding:12px 16px;background:#f9fafb;border-radius:8px}.transcript-summary .summary-item{font-size:14px;color:#374151}.transcript-table{width:100%;border-collapse:collapse;font-size:13px}.transcript-table th{background:#f3f4f6;padding:10px 12px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;color:#6b7280;border-bottom:2px solid #e5e7eb}.transcript-table td{padding:10px 12px;border-bottom:1px solid #f3f4f6}.transcript-table .module-num{color:#9ca3af;font-weight:600;width:30px}.transcript-table .module-name{font-weight:500}.transcript-table .time-cell{font-family:monospace;color:#6b7280}.transcript-table .date-cell{color:#6b7280}.transcript-table tr.completed{background:#f0fdf4}.transcript-table tr.in_progress{background:#fefce8}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.status-badge.completed{background:#dcfce7;color:#166534}.status-badge.in-progress{background:#fef9c3;color:#854d0e}.status-badge.unlocked{background:#dbeafe;color:#1e40af}.status-badge.locked{background:#f3f4f6;color:#6b7280}.btn-unlock-all{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto}.btn-unlock-all:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.transcript-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:12px}.btn-unlock-module{background:#3b82f6;color:#fff;border:none;padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease}.btn-unlock-module:hover{background:#2563eb;transform:scale(1.05)}.btn-unlock-module.unlocked,.btn-unlock-module:disabled{background:#10b981;cursor:default}.already-unlocked{color:#10b981;font-weight:600}.action-cell{text-align:center;width:80px}.exam-section{max-height:none}.cert-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:600;color:#92400e;border:1px solid #f59e0b}.exam-attempts-list{display:flex;flex-direction:column;gap:12px}.exam-attempt-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.exam-attempt-card.passed{border-color:#22c55e}.exam-attempt-card.failed{border-color:#ef4444}.attempt-header{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f9fafb;flex-wrap:wrap}.exam-attempt-card.passed .attempt-header{background:#f0fdf4}.exam-attempt-card.failed .attempt-header{background:#fef2f2}.attempt-num{font-weight:600;color:#374151}.attempt-score{font-size:18px;font-weight:700;color:#1f2937}.attempt-status{font-weight:500}.attempt-date{color:#6b7280;font-size:13px}.btn-view-answers{margin-left:auto;padding:6px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.btn-view-answers:hover{background:var(--primary-dark);transform:translateY(-1px)}.attempt-breakdown{padding:10px 16px;display:flex;gap:20px;font-size:13px;color:#6b7280;border-top:1px solid #f3f4f6}.exam-answers-container{border-top:1px solid #e5e7eb;background:#fafafa}.answers-detail{padding:16px}.section-scores{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.section-score{padding:6px 12px;background:#e5e7eb;border-radius:6px;font-size:12px;font-weight:500}.time-taken{padding:6px 12px;background:#dbeafe;border-radius:6px;font-size:12px;font-weight:500;color:#1e40af}.answer-section{margin-bottom:16px}.answer-section h4{margin:0 0 10px;font-size:14px;color:#374151;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.answer-list{display:flex;flex-direction:column;gap:4px}.answer-item{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:4px;font-size:13px}.answer-item.correct{background:#dcfce7}.answer-item.incorrect{background:#fee2e2}.answer-item .question-text{display:flex;align-items:flex-start;gap:6px;color:#1f2937;line-height:1.5;margin-bottom:4px}.answer-item .question-text .q-num{font-weight:700;color:#374151;white-space:nowrap}.answer-item .answer-text{display:flex;align-items:center;gap:8px;padding-left:4px}.answer-item .answer-icon{font-size:14px}.answer-item .user-ans{font-weight:500}.answer-item .correct-ans{color:#059669;font-weight:500;margin-left:8px}.sa-answers .answer-item{flex-direction:column;align-items:flex-start}.sa-item{background:#f9fafb!important;border:1px solid #e5e7eb;padding:12px 14px}.sa-item.correct{border-color:#22c55e}.sa-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px}.sa-header .q-num{font-weight:700;color:#374151;font-size:14px}.points-earned{background:#dbeafe;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#1e40af}.sa-item .question-text{font-size:13px;line-height:1.6;color:#1f2937;margin-bottom:8px;padding:8px;background:#fff;border-radius:4px;border-left:3px solid #3b82f6}.sa-answer{font-size:13px;line-height:1.5;color:#374151;padding:8px;background:#fff;border-radius:4px;width:100%}.roleplay-stats{display:flex;gap:16px}.roleplay-stats .stat-box{flex:1;text-align:center;padding:12px;background:#f9fafb;border-radius:8px}.roleplay-stats .stat-box.highlight{background:#fef3c7;border:1px solid #f59e0b}.roleplay-stats .stat-value{display:block;font-size:24px;font-weight:700;color:#1f2937}.roleplay-stats .stat-label{font-size:11px;color:#6b7280;text-transform:uppercase}.action-buttons{display:flex;gap:12px}.btn-action{padding:10px 16px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.btn-action:hover{background:#e5e7eb}.btn-action.btn-danger{background:#fef2f2;border-color:#ef4444;color:#dc2626}.btn-action.btn-danger:hover{background:#fee2e2}.no-data{color:#9ca3af;font-style:italic;padding:12px 0}@media(max-width:768px){.transcript-summary{flex-direction:column;gap:8px}.transcript-table{font-size:12px}.transcript-table th,.transcript-table td{padding:8px}.attempt-header{flex-direction:column;align-items:flex-start;gap:8px}.btn-view-answers{margin-left:0;width:100%}.attempt-breakdown{flex-direction:column;gap:4px}.section-scores{flex-direction:column;gap:8px}.roleplay-stats,.action-buttons{flex-direction:column}.btn-action{width:100%;text-align:center}}.gamification-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px;padding:0 20px}.gamification-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.gamification-section h3{margin:0 0 15px;color:#1f2937;font-size:1.1rem;display:flex;align-items:center;gap:8px}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.badge-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:10px;background:#f3f4f6;transition:all .3s ease;cursor:default}.badge-item.earned{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 2px 4px #fbbf244d}.badge-item.locked{opacity:.5;filter:grayscale(1)}.badge-icon{font-size:28px;margin-bottom:4px}.badge-name{font-size:.7rem;text-align:center;color:#4b5563;font-weight:500}.badge-count{font-size:.85rem;color:#6b7280;font-weight:400}.badge-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #f59e0b66;z-index:10000;transform:translate(120%);transition:transform .4s ease}.badge-toast.show{transform:translate(0)}.badge-toast-icon{font-size:36px}.badge-toast-content{display:flex;flex-direction:column}.badge-toast-title{font-size:.75rem;opacity:.9;text-transform:uppercase;letter-spacing:1px}.badge-toast-name{font-size:1.1rem;font-weight:700}.badge-toast-desc{font-size:.8rem;opacity:.9}.leaderboard-tabs{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.lb-tab{padding:8px 16px;border:none;background:#e5e7eb;color:#374151;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.lb-tab:hover{background:#d1d5db;color:#1f2937}.lb-tab.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.leaderboard-content{min-height:200px}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.lb-entry{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f9fafb;border-radius:8px;transition:all .2s ease}.lb-entry:hover{background:#f3f4f6}.lb-entry.current-user{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6}.lb-rank{font-size:1.1rem;font-weight:700;min-width:36px}.lb-name{flex:1;font-weight:500;color:#1f2937}.lb-stat{font-weight:600;color:#6366f1}.your-rank{margin-top:12px;padding:10px;background:#f0f9ff;border-radius:8px;text-align:center;font-weight:500;color:#0369a1}.empty-state{text-align:center;padding:40px 20px;color:#6b7280}.loading{text-align:center;padding:40px 20px;color:#9ca3af}.review-section p{color:#6b7280;margin-bottom:15px}.review-badge{background:#ef4444;color:#fff;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600;margin-left:8px}.review-complete{color:#22c55e;font-size:.85rem;font-weight:500}.start-review-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.start-review-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.review-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.review-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.review-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.review-header span{font-weight:600;color:#1f2937}.close-review{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280}.review-card-content{padding:30px 20px}.review-question{font-size:1.1rem;line-height:1.6;color:#1f2937;margin-bottom:20px}.review-answer{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:15px;margin-bottom:20px;color:#166534}.show-answer-btn{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.review-rating{padding:20px;background:#f9fafb;border-top:1px solid #e5e7eb}.review-rating p{margin:0 0 12px;font-weight:500;color:#374151}.rating-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rate-btn{padding:12px 8px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.rate-btn[data-quality="1"]{background:#fee2e2;color:#dc2626}.rate-btn[data-quality="3"]{background:#fef3c7;color:#d97706}.rate-btn[data-quality="4"]{background:#dcfce7;color:#16a34a}.rate-btn[data-quality="5"]{background:#dbeafe;color:#2563eb}.rate-btn:hover{transform:translateY(-2px)}.review-complete-screen{text-align:center;padding:40px 20px}.review-complete-screen h3{margin:0 0 10px;color:#1f2937}.review-complete-screen p{color:#6b7280;margin-bottom:20px}.review-complete-screen button{padding:12px 30px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}@media(max-width:768px){.gamification-container{grid-template-columns:1fr;padding:0 10px}.badges-grid{grid-template-columns:repeat(4,1fr)}.badge-icon{font-size:24px}.badge-name{font-size:.6rem}.rating-buttons{grid-template-columns:repeat(2,1fr)}.badge-toast{right:10px;left:10px;transform:translateY(-120%)}.badge-toast.show{transform:translateY(0)}}.dashboard-link{display:flex!important;align-items:center;gap:10px;background:linear-gradient(135deg,#c62828,#b71c1c)!important;color:#fff!important;font-weight:600!important;border-radius:8px!important;margin-bottom:8px!important}.dashboard-link .nav-icon{width:20px;height:20px;flex-shrink:0}.dashboard-link-glass{position:relative;background:#d904291a!important;border:none!important;border-radius:8px!important;padding:14px 16px!important;margin:10px 12px!important;display:flex!important;align-items:center;gap:10px;color:#fff!important;font-weight:600!important;transition:all .3s ease}.dashboard-link-glass:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#d90429;border-radius:0 4px 4px 0;box-shadow:0 0 10px #d90429,0 0 20px #d9042980}.dashboard-link-glass:hover{background:#d9042933!important}.sidebar-divider{padding:12px 20px 8px!important;font-size:.75rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#9ca3af!important;background:transparent!important;cursor:default!important;border-bottom:1px solid #e5e7eb;margin-bottom:4px!important}.sidebar-divider:hover{background:transparent!important;color:#9ca3af!important}.module-number-badge{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-right:8px;flex-shrink:0}.module-number-badge.completed{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:0 2px 8px #4ade804d}.module-number-badge.current{background:linear-gradient(135deg,#d90429,#ff6b6b);color:#fff;animation:pulse-glow 2s ease-in-out infinite}.module-number-badge.unlocked{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3}.module-number-badge.locked{background:#ffffff0d;color:#ffffff4d}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #d9042980}50%{box-shadow:0 0 15px #d90429cc}}.sidebar-nav li.module-item-glass{display:flex;align-items:center;padding:10px 12px;font-size:13px}.module-item-glass .module-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav li.completed:after{content:"✦";color:#fbbf24;font-size:14px;text-shadow:0 0 8px rgba(251,191,36,.5);margin-left:auto;padding-left:8px}.sidebar-nav li.current:after{content:"◈";color:#d90429;animation:pulse-opacity 1.5s ease-in-out infinite;margin-left:auto;padding-left:8px}@keyframes pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}.sidebar-divider-glass{padding:16px 12px 8px!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#fff6!important;border-top:1px solid rgba(255,255,255,.08);border-bottom:none!important;margin-top:10px!important;cursor:default!important;background:transparent!important}.certified-badge-glass{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#4ade8033,#22c55e1a);border:1px solid rgba(74,222,128,.3);border-radius:20px;font-size:12px;font-weight:600;color:#4ade80;margin:10px 12px;box-shadow:0 0 15px #4ade8033}.my-page-container{max-width:1000px;margin:0 auto;padding:24px}.profile-header{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#c62828,#b71c1c);padding:32px;border-radius:16px;color:#fff;margin-bottom:24px;box-shadow:0 4px 20px #c628284d}.profile-avatar{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-avatar svg{width:48px;height:48px;fill:#fff}.profile-info{flex:1}.profile-info h1{margin:0 0 8px;font-size:1.75rem;font-weight:700}.profile-level{display:flex;align-items:center;gap:8px;font-size:1rem;opacity:.95;margin-bottom:12px}.xp-separator{opacity:.6}.xp-progress-container{height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:6px}.xp-progress-bar{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:4px;transition:width .5s ease}.xp-to-next{margin:0;font-size:.85rem;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:24px;height:24px;fill:#fff}.modules-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.streak-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.time-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.score-icon{background:linear-gradient(135deg,#10b981,#059669)}.xp-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.milestone-icon{background:linear-gradient(135deg,#ec4899,#db2777)}.stat-value{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:4px}.stat-label{font-size:.85rem;color:#6b7280;font-weight:500}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.continue-training-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 44px;background:linear-gradient(135deg,#c62828,#b71c1c);color:#fff;border:none;border-radius:12px;font-size:1.25rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 16px #11182747,0 4px 20px #c6282859;animation:cta-pulse 2.8s ease-in-out infinite}@keyframes cta-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.continue-training-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 24px #11182752,0 6px 24px #c6282873;animation:none}@media(prefers-reduced-motion:reduce){.continue-training-btn{animation:none}}.continue-training-btn svg{width:24px;height:24px;fill:#fff}.start-over-btn{padding:12px 24px;background:transparent;color:#6b7280;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.start-over-btn:hover{border-color:#c62828;color:#c62828;background:#c628280d}.dashboard-gamification{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.dashboard-gamification .gamification-section{margin-bottom:0}.dashboard-review{margin-bottom:24px}.dashboard-review .gamification-section{margin-bottom:0}@media(max-width:768px){.my-page-container{padding:16px}.profile-header{flex-direction:column;text-align:center;padding:24px 20px}.profile-info h1{font-size:1.4rem}.profile-level{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.4rem}.stat-label{font-size:.75rem}.continue-training-btn{padding:16px 24px;font-size:1rem}.dashboard-gamification{grid-template-columns:1fr}.dashboard-link{padding:12px 16px!important}}.module-completion-section{margin-top:40px;padding-top:30px;border-top:2px solid #e5e7eb;text-align:center}.complete-module-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 40px;font-size:1.1em;font-weight:600;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #10b98166}.complete-module-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.complete-module-btn:active{transform:translateY(0)}@media(max-width:768px){.complete-module-btn{padding:14px 28px;font-size:1rem;width:100%}}.module-completion-section.revealed{animation:revealButton .5s ease-out forwards}@keyframes revealButton{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.completion-requirements{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;margin:30px 0;border:1px solid #dee2e6}.completion-requirements .requirements-title{font-weight:600;color:#495057;margin:0 0 15px;font-size:.95rem}.completion-requirements .requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.completion-requirements .requirement-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-size:.9rem;transition:all .3s ease}.completion-requirements .requirement-item.pending{background:#fff;color:#6c757d;border:1px solid #dee2e6}.completion-requirements .requirement-item.complete{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.completion-requirements .req-icon{font-size:1.1rem}.completion-requirements .requirement-item.complete .req-icon{color:#28a745}@media(max-width:768px){.completion-requirements .requirements-list{flex-direction:column}.completion-requirements .requirement-item{width:100%;justify-content:flex-start}}.commitment-module{max-width:900px}.commitment-video-notice{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:12px;padding:20px;margin:20px 0 30px;transition:all .3s ease}.commitment-video-notice.completed{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.commitment-video-notice .notice-icon{font-size:2rem}.commitment-video-notice .notice-text{flex:1}.commitment-video-notice .video-progress-text{font-size:.85rem;color:#856404;margin-top:5px}.commitment-video-notice.completed .video-progress-text{color:#155724;font-weight:600}.promise-section{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;padding:25px;margin:25px 0;position:relative}.promise-section .promise-icon{position:absolute;top:15px;right:20px;font-size:2.5rem;opacity:.3}.promise-section ul{list-style:none;padding:0;margin:15px 0 0}.promise-section li{padding:8px 0;display:flex;align-items:center;gap:10px}.promise-section .promise-check{color:#28a745;font-weight:700;font-size:1.1rem}.commitment-progress-bar{position:relative;height:40px;background:#e9ecef;border-radius:20px;margin:25px 0;overflow:hidden}.commitment-progress-bar .progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#c62828,#e53935);border-radius:20px;transition:all .4s ease}.commitment-progress-bar .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-weight:600;color:#333;z-index:1}.commitment-initials-section{margin:25px 0}.commitment-item{display:flex;align-items:center;gap:15px;padding:18px 20px;background:#fff;border:2px solid #e9ecef;border-radius:12px;margin-bottom:12px;transition:all .3s ease;position:relative}.commitment-item:hover{border-color:#c62828;box-shadow:0 4px 12px #c628281a}.commitment-item.completed{background:linear-gradient(135deg,#f8fff8,#e8f5e9);border-color:#28a745}.commitment-item.commitment-item-final{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#ffc107}.commitment-item.commitment-item-final.completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#28a745}.commitment-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#c62828;color:#fff;border-radius:50%;font-weight:700;font-size:.9rem;flex-shrink:0}.commitment-item.completed .commitment-number{background:#28a745}.commitment-item .initial-box{width:70px;height:40px;border:2px solid #dee2e6;border-radius:8px;text-align:center;font-size:1rem;font-weight:600;text-transform:uppercase;transition:all .3s ease;flex-shrink:0;background:#fff}.commitment-item .initial-box:focus{border-color:#c62828;outline:none;box-shadow:0 0 0 3px #c6282833}.commitment-item.completed .initial-box,.initial-box.completed{border-color:#28a745;background:#e8f5e9}.commitment-text{flex:1;font-size:.95rem;line-height:1.4}.commitment-check{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#28a745;color:#fff;border-radius:50%;font-size:.9rem;opacity:0;transform:scale(0);transition:all .3s ease;flex-shrink:0}.commitment-check.visible{opacity:1;transform:scale(1)}.commitment-signature-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #c62828;border-radius:16px;padding:30px;margin:30px 0}.commitment-signature-section.revealed{animation:revealButton .5s ease-out forwards}.commitment-signature-section h3{color:#c62828;margin:0 0 15px;font-size:1.3rem}.signature-form{margin-top:20px}.signature-label{display:block;margin-bottom:20px}.signature-label span{display:block;font-weight:600;margin-bottom:8px;color:#495057}.signature-label input[type=text]{width:100%;padding:14px 18px;border:2px solid #dee2e6;border-radius:10px;font-size:1.1rem;transition:all .3s ease}.signature-label input[type=text]:focus{border-color:#c62828;outline:none;box-shadow:0 0 0 3px #c6282833}.signature-checkbox{display:flex;align-items:flex-start;gap:12px;margin:20px 0;cursor:pointer}.signature-checkbox input[type=checkbox]{width:22px;height:22px;margin-top:2px;accent-color:#c62828;flex-shrink:0}.signature-checkbox span{font-size:.95rem;line-height:1.5}.signature-error{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:15px;display:none}.signature-error.visible{display:block}.signature-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#c62828,#b71c1c);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.signature-submit-btn:hover{background:linear-gradient(135deg,#b71c1c,#8e0000);transform:translateY(-2px);box-shadow:0 6px 20px #c6282866}.commitment-requirements-notice{background:#f8f9fa;border-radius:12px;padding:20px;margin:25px 0;border:1px solid #dee2e6}.commitment-requirements-notice h4{margin:0 0 15px;color:#495057;font-size:1rem}.commitment-requirements-notice ul{list-style:none;padding:0;margin:0}.commitment-requirements-notice .requirement-item{padding:10px 15px;margin-bottom:8px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:.9rem;transition:all .3s ease}.commitment-requirements-notice .requirement-item.pending{background:#fff;color:#6c757d;border:1px solid #dee2e6}.commitment-requirements-notice .requirement-item.complete{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.commitment-requirements-notice .req-icon{font-size:1rem}.commitment-completed{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#d4edda,#c3e6cb);padding:25px;border-radius:12px}.commitment-completed .completed-icon{font-size:3rem;color:#28a745}.commitment-completed .completed-text strong{display:block;font-size:1.2rem;color:#155724;margin-bottom:8px}.commitment-completed .completed-text p{margin:4px 0;color:#155724;font-size:.9rem}.reference-link{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6}.reference-link a{color:#c62828;font-weight:600}@media(max-width:768px){.commitment-item{flex-wrap:wrap;gap:10px}.commitment-item .initial-box{width:60px}.commitment-text{order:3;width:100%;margin-left:47px}.commitment-check{position:absolute;top:15px;right:15px}.commitment-video-notice{flex-direction:column;text-align:center}.signature-label input[type=text]{font-size:1rem}}.mini-game-section{background:linear-gradient(135deg,#1e1e24,#252530);border-radius:16px;padding:30px;margin:40px 0;color:#fff;box-shadow:0 10px 40px #0000004d}.game-header{text-align:center;margin-bottom:25px}.game-header h3{color:#fff;font-size:1.8rem;margin:0 0 10px}.game-header p{color:#fffc;margin:0;font-size:1rem}.game-score-bar{display:flex;align-items:center;gap:10px;background:#ffffff1a;padding:12px 20px;border-radius:50px;margin-bottom:25px;flex-wrap:wrap;justify-content:center}.score-label{font-weight:600;color:#ffffffb3}.score-value{font-size:1.5rem;font-weight:700;color:#4ade80}.score-separator{color:#ffffff80}.score-total{font-size:1.2rem;color:#ffffffb3}.progress-bar{flex:1;min-width:150px;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-left:15px}.progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;transition:width .5s ease}.question-card{background:#ffffff14;border-radius:12px;padding:30px;border:1px solid rgba(255,255,255,.1)}.question-number{color:#fff9;font-size:.9rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.question-text{font-size:1.3rem;line-height:1.6;margin-bottom:25px;color:#333}.answer-buttons{display:flex;gap:15px;flex-wrap:wrap}.answer-btn{flex:1;min-width:150px;padding:18px 25px;border:2px solid rgba(255,255,255,.3);background:#ffffff0d;color:#fff;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.answer-btn:hover:not(.disabled){background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}.answer-btn.correct{background:#4ade804d!important;border-color:#4ade80!important;color:#4ade80!important}.answer-btn.incorrect{background:#ef44444d!important;border-color:#ef4444!important;color:#ef4444!important}.answer-btn.disabled{cursor:not-allowed;opacity:.7}.btn-icon{font-size:1.3rem}.answer-img-btn{transition:all .3s ease}.answer-img-btn:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0003}.answer-img-btn[data-answer="3tab"]:hover{border-color:#3b82f6!important;background:#eff6ff!important}.answer-img-btn[data-answer=arch]:hover{border-color:#22c55e!important;background:#f0fdf4!important}.answer-img-btn.correct{border-color:#22c55e!important;background:#dcfce7!important;box-shadow:0 0 20px #22c55e66}.answer-img-btn.incorrect{border-color:#ef4444!important;background:#fee2e2!important;box-shadow:0 0 20px #ef444466}.answer-img-btn.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.feedback-area{margin-top:20px;padding:15px 20px;border-radius:10px;display:flex;align-items:flex-start;gap:12px;animation:fadeIn .3s ease}.feedback-area.correct{background:#4ade8026;border:1px solid rgba(74,222,128,.3)}.feedback-area.incorrect{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.feedback-icon{font-size:1.5rem;flex-shrink:0}.feedback-text{font-size:.95rem;line-height:1.5;color:#ffffffe6}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.game-complete{text-align:center;padding:40px 20px;animation:fadeIn .5s ease}.complete-icon{font-size:4rem;margin-bottom:20px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.game-complete h4{font-size:2rem;margin:0 0 15px;color:#fff}.final-score{font-size:1.3rem;color:#4ade80;margin:0 0 10px}.score-message{color:#fffc;font-size:1.1rem;margin:0 0 25px}.replay-btn{padding:15px 35px;background:linear-gradient(135deg,#c62828,#d90429);border:none;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.replay-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #c6282866}.game-complete-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:20px}.game-complete-actions .complete-module-btn{padding:15px 35px;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;animation:pulse 2s ease infinite}.game-complete-actions .complete-module-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #16a34a66}@keyframes pulse{0%,to{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 10px #16a34a00}}.passing-note{color:#fbbf24!important;font-weight:500}@media(max-width:768px){.mini-game-section{padding:20px;margin:25px 0}.game-header h3{font-size:1.4rem}.question-text{font-size:1.1rem}.answer-btn{min-width:100%;padding:15px 20px;font-size:1rem}.game-score-bar{flex-direction:column;gap:8px}.progress-bar{width:100%;margin-left:0;margin-top:8px}}.pitch-progress-tracker{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;margin:25px 0;border:1px solid #dee2e6}.pitch-progress-tracker h3{margin-top:0;color:#495057}.progress-items{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:15px 0}.progress-item{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#fff;border-radius:20px;font-size:.9rem;transition:all .3s ease}.progress-item.completed{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.progress-item.completed .progress-icon{color:#28a745}.progress-bar-container{height:8px;background:#dee2e6;border-radius:4px;overflow:hidden;margin-top:15px}.pitch-progress-tracker .progress-bar{height:100%;background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;transition:width .5s ease}.progress-label{text-align:center;margin-top:10px;color:#6c757d;font-size:.9rem}.non-negotiables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin:20px 0}.nn-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 15px #00000014;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.nn-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #d9042926;border-color:#d90429}.nn-card .nn-icon{font-size:2.5rem;margin-bottom:10px;animation:nn-bounce 2s infinite}@keyframes nn-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.nn-card .nn-number{position:absolute;top:10px;right:10px;width:24px;height:24px;background:#d90429;color:#fff;border-radius:50%;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.nn-card h4{color:#d90429;margin:10px 0;font-size:1.1rem}.nn-card p{color:#6c757d;font-size:.85rem;margin:0}.nn-card p.nn-quote{font-style:italic;color:#374151;font-size:.8rem;line-height:1.4;background:#f8f9fa;padding:8px 10px;border-radius:6px;border-left:3px solid #d90429;margin-top:8px}.script-section{display:flex;flex-direction:column;gap:20px;margin:20px 0}.script-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;border-left:4px solid #d90429}.script-card.storm-script{border-left-color:#17a2b8}.script-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:12px 20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.script-label{font-weight:600;color:#495057;flex-grow:1}.script-content{padding:20px}.script-content p{margin:10px 0;line-height:1.6;color:#212529}.fill-blank{background:#fff3cd;padding:2px 8px;border-radius:4px;font-style:italic;color:#856404}.script-note{background:#e7f5ff;padding:10px 15px;border-radius:8px;margin-top:15px;color:#0c5460}.practice-btn{padding:8px 15px;background:#28a745;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.practice-btn:hover{background:#218838;transform:scale(1.05)}.practice-btn.practiced{background:#6c757d}.response-branch{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.branch{padding:15px;border-radius:8px}.branch.if-yes{background:#d4edda;border:1px solid #c3e6cb}.branch.if-no{background:#f8d7da;border:1px solid #f5c6cb}.branch-label{font-weight:700;display:block;margin-bottom:10px}.transition-text{color:#d90429;font-weight:600;margin-top:20px}.practice-mode-container{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:25px;color:#fff;margin:25px 0}.practice-mode-btn{padding:15px 30px;background:#fff;color:#667eea;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.practice-mode-btn:hover{transform:scale(1.05);box-shadow:0 5px 20px #0003}.practice-prompt{background:#ffffff26;padding:20px;border-radius:10px;margin-bottom:20px}.practice-controls{display:flex;gap:15px;justify-content:center}.practice-controls button{padding:12px 25px;border:2px solid white;background:transparent;color:#fff;border-radius:25px;cursor:pointer;transition:all .3s ease}.practice-controls button:hover{background:#fff;color:#667eea}.practice-tips{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.3)}.practice-tips h4{margin-top:0}.practice-tips ul{margin:0;padding-left:20px}.practice-tips li{margin:8px 0}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0}.tip-card{background:#f8f9fa;padding:20px;border-radius:10px;text-align:center;transition:all .3s ease}.tip-card:hover{background:#fff;box-shadow:0 5px 15px #0000001a}.tip-icon{font-size:2rem;display:block;margin-bottom:10px}.tip-card h4{color:#d90429;margin:10px 0 5px}.tip-card p{color:#6c757d;font-size:.9rem;margin:0}.key-phrases{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.phrase-chip{background:linear-gradient(135deg,#d90429,#b30322);color:#fff;padding:10px 18px;border-radius:25px;font-size:.9rem;font-style:italic;transition:all .3s ease}.phrase-chip:hover{transform:scale(1.05);box-shadow:0 4px 12px #d904294d}.speak-btn{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:15px;cursor:pointer;font-size:1rem;transition:all .3s ease}.speak-btn:hover{background:#2563eb;transform:scale(1.1)}.speak-btn.speaking{animation:pulse-speak 1s infinite;background:#ef4444}@keyframes pulse-speak{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.speak-btn-enhanced{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.speak-btn-enhanced:hover{transform:scale(1.05);box-shadow:0 6px 25px #3b82f666}.speak-btn-enhanced.playing{background:linear-gradient(135deg,#ef4444,#f97316);animation:pulse-tts 1.5s infinite}.speak-btn-enhanced .speak-icon{font-size:1.4rem}.speak-btn-enhanced .speak-label{font-size:1rem}@keyframes pulse-tts{0%,to{box-shadow:0 4px 15px #ef44444d}50%{box-shadow:0 6px 30px #ef444499}}.pitch-phase-card{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 20px #00000014;border-left:5px solid #c62828;position:relative}.pitch-phase-card h3{display:flex;align-items:center;justify-content:space-between;font-size:1.3rem;color:#c62828;margin-bottom:16px}.pitch-phase-card .phase-icon{font-size:1.4rem;margin-right:10px}.speak-section-btn{background:#e8f4fd;border:2px solid #3b82f6;border-radius:50%;width:36px;height:36px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.speak-section-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.speak-section-btn.playing{background:#ef4444;border-color:#ef4444;color:#fff;animation:pulse-section 1s infinite}@keyframes pulse-section{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pitch-phase-card .script-line{background:#f8f9fa;border-radius:10px;padding:16px;margin:12px 0;font-style:italic;color:#333;border-left:3px solid #c62828}.pitch-phase-card .script-note{background:#fff3cd;border-radius:8px;padding:12px;margin:10px 0;font-size:.9rem;color:#856404}.pitch-script-content{margin:24px 0}.agnes-practice-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;padding:30px;margin-top:30px;border:3px solid #f59e0b}.agnes-practice-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.agnes-practice-header .agnes-avatar{font-size:3rem}.agnes-practice-header h3{color:#92400e;font-size:1.5rem;margin:0}.agnes-practice-header p{color:#a16207;margin:5px 0 0}#agnes-pitch-practice{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.practice-start{text-align:center;padding:20px}.practice-start p{color:#666;margin-bottom:20px}.start-practice-btn{padding:16px 40px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:30px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f59e0b4d}.start-practice-btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #f59e0b66}.practice-active{padding:20px}.practice-step{margin-bottom:20px}.phase-badge{display:inline-block;background:#c62828;color:#fff;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:12px}.current-phase{font-weight:700}.user-prompt{background:#e3f2fd;border-radius:12px;padding:16px;margin:12px 0;color:#1565c0;font-weight:500}.agnes-response{background:#fef3c7;border-radius:12px;padding:16px;margin:12px 0;color:#92400e;font-style:italic;display:flex;align-items:flex-start;gap:10px}.agnes-response:before{content:"🧓";font-size:1.5rem}.practice-tip{background:#d1fae5;border-radius:10px;padding:12px;color:#065f46;font-size:.9rem;margin:15px 0}.practice-progress{margin:20px 0}.practice-progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.practice-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:4px;transition:width .3s ease}.practice-progress-text{color:#666;font-size:.9rem;text-align:center}.practice-nav{display:flex;justify-content:center;margin-top:20px}.next-step-btn{padding:14px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.next-step-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #10b9814d}.practice-complete{text-align:center;padding:30px}.completion-badge{font-size:4rem;margin-bottom:15px}.practice-complete h4{color:#059669;font-size:1.5rem;margin:10px 0}.practice-complete p{color:#666;margin-bottom:20px}.restart-btn{padding:12px 28px;background:#6b7280;color:#fff;border:none;border-radius:25px;font-size:1rem;cursor:pointer;transition:all .3s ease}.restart-btn:hover{background:#4b5563}.hidden{display:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 6px 20px #ef444466}50%{transform:scale(1.05);box-shadow:0 8px 30px #ef444499}}.section-intro{color:#6c757d;font-size:1rem;margin:0 0 20px}.module-completion-section{text-align:center;margin-top:30px;padding:20px}.complete-module-btn{padding:15px 40px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:30px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.complete-module-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px #28a7454d}@media(max-width:768px){.non-negotiables-grid{grid-template-columns:repeat(2,1fr)}.response-branch{grid-template-columns:1fr}.progress-items{flex-direction:column}.script-header{flex-direction:column;align-items:flex-start}.practice-controls{flex-direction:column}.tips-grid{grid-template-columns:1fr 1fr}}.terminology-flip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:25px 0;overflow:hidden;position:relative;z-index:1}.flip-card{background:transparent;perspective:1000px;height:220px;min-height:220px;cursor:pointer;position:relative}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card .flip-card-front,.flip-card .flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;box-shadow:0 4px 15px #0000001a;text-align:center;overflow:hidden}.flip-card .flip-card-front{background:linear-gradient(135deg,#d90429,#343a40);color:#fff}.flip-card .flip-card-front .flip-icon{display:none}.flip-card .flip-card-front h3{color:#fff;margin:0;font-size:1rem;font-weight:600;line-height:1.3;width:100%;display:flex;align-items:center;justify-content:center;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.35)}.flip-hint{display:none}.flip-card .flip-card-back{background:#fff;color:#212529;transform:rotateY(180deg);border:2px solid #d90429}.flip-card .flip-card-back h4{margin:0 0 10px;color:#d90429;font-size:1.1rem}.flip-card .flip-card-back p{margin:0;font-size:.9rem;line-height:1.5;color:#495057}.roof-diagram-interactive{margin:30px 0;background:#f8f9fa;border-radius:12px;padding:25px}.roof-diagram-interactive h3{margin:0 0 20px;color:#333}.diagram-container{margin-bottom:20px}.roof-diagram-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.diagram-container img{width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px #0000001a}.roof-parts-legend{margin-top:25px}.roof-parts-legend h4{margin:0 0 15px;color:#333;font-size:1.1rem}.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.legend-item{display:flex;align-items:flex-start;gap:12px;padding:12px 15px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.legend-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.legend-item.clickable-component{cursor:pointer;position:relative;border:2px solid transparent}.legend-item.clickable-component:hover{border-color:#d90429}.legend-item.clickable-component.expanded{border-color:#d90429;background:#fef2f2}.expand-icon{margin-left:auto;font-size:1.4rem;font-weight:700;color:#d90429;min-width:24px;text-align:center}.component-image-container{grid-column:1 / -1;background:#f8fafc;border-radius:12px;padding:16px;margin-top:-4px;border:2px solid #d90429;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.component-image-container img{display:block;margin:0 auto;max-width:100%;box-shadow:0 4px 15px #00000026}.image-caption{text-align:center;color:#64748b;font-size:.9rem;margin-top:12px;font-style:italic}.legend-marker{width:28px;height:28px;min-width:28px;background:#d90429;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.legend-content strong{display:block;color:#333;margin-bottom:4px}.legend-content span{font-size:.85rem;color:#666;line-height:1.4}.photo-reports-section{margin:30px 0}.photo-reports-section h3{margin:0 0 10px}.photo-reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0}.report-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#fff;border-radius:12px;text-decoration:none;color:#333;box-shadow:0 2px 10px #00000014;transition:all .3s ease;border:2px solid transparent}.report-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #d9042926;border-color:#d90429}.report-icon{font-size:2.5rem}.report-title{font-weight:600;font-size:.95rem;text-align:center}.report-card .download-hint{font-size:.75rem;color:#888}.quiz-section{margin:30px 0;padding:25px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px}.quiz-section h3{margin:0 0 15px;color:#333}.quiz-start-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#d90429,#ef233c);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.quiz-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d904294d}#quiz2-area{margin-top:20px}.knockable-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:25px 0}.knockable-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000014}.knockable-card.do-knock{border-left:5px solid #28a745}.knockable-card.dont-knock{border-left:5px solid #dc3545}.knockable-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #eee}.knockable-icon{font-size:1.8rem}.knockable-header h3{margin:0;font-size:1.3rem;color:#333}.knockable-list{list-style:none;padding:0;margin:0}.knockable-list li{padding:10px 0;border-bottom:1px solid #f0f0f0;line-height:1.5;color:#555}.knockable-list li:last-child{border-bottom:none}.knockable-list li strong{color:#333}.knockable-tip{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:10px;padding:18px 22px;display:flex;align-items:flex-start;gap:15px;margin:25px 0;border:1px solid #f0d78e}.knockable-tip .tip-icon{font-size:1.8rem;flex-shrink:0}.knockable-tip .tip-content{color:#856404;line-height:1.6}.knockable-tip .tip-content strong{color:#6c5300}.knockable-best-times{margin:25px 0;background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000014}.knockable-best-times h4{margin:0 0 18px;color:#333;font-size:1.1rem}.times-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.time-slot{display:flex;flex-direction:column;padding:15px;border-radius:10px;background:#f8f9fa}.time-slot .time-period{font-weight:600;color:#333;margin-bottom:6px}.time-slot .time-rating{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:8px;width:fit-content}.time-slot .time-reason{font-size:.85rem;color:#666;line-height:1.4}.time-slot.best{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b1dfbb}.time-slot.best .time-rating{background:#28a745;color:#fff}.time-slot.good{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #abdde5}.time-slot.good .time-rating{background:#17a2b8;color:#fff}.time-slot.okay{background:linear-gradient(135deg,#fff3cd,#ffeeba);border:1px solid #ffeaa7}.time-slot.okay .time-rating{background:#ffc107;color:#333}.time-slot.avoid{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f1b0b7}.time-slot.avoid .time-rating{background:#dc3545;color:#fff}@media(max-width:768px){.terminology-flip-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.flip-card{height:170px}.flip-card-front .flip-icon{font-size:2rem}.flip-card-front h3{font-size:1.1rem}.legend-grid{grid-template-columns:1fr}.photo-reports-grid{grid-template-columns:repeat(2,1fr)}.knockable-grid{grid-template-columns:1fr}.knockable-tip{flex-direction:column;text-align:center}.times-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.terminology-flip-grid{grid-template-columns:1fr 1fr;gap:10px}.flip-card{height:150px}.flip-card-front .flip-icon{font-size:1.5rem;margin-bottom:8px}.flip-card-front h3{font-size:.95rem}.flip-hint{font-size:.65rem;padding:3px 8px}.flip-card-back h4{font-size:.95rem}.flip-card-back p{font-size:.8rem}.photo-reports-grid,.times-grid{grid-template-columns:1fr}}.quiz2-container{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000014}.quiz2-progress{margin-bottom:20px}.quiz2-progress-text{display:block;font-size:.9rem;color:#666;margin-bottom:8px}.quiz2-progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.quiz2-progress-fill{height:100%;background:linear-gradient(90deg,#d90429,#ef233c);border-radius:4px;transition:width .3s ease}.quiz2-question{margin-bottom:20px}.quiz2-question h4{margin:0;font-size:1.15rem;color:#333;line-height:1.5}.quiz2-options{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.quiz2-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.quiz2-option:hover{background:#e9ecef;border-color:#dee2e6}.quiz2-option.selected{background:linear-gradient(135deg,#d9042914,#ef233c14);border-color:#d90429}.quiz2-option input{display:none}.option-letter{width:32px;height:32px;min-width:32px;background:#dee2e6;color:#495057;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;transition:all .2s ease}.quiz2-option.selected .option-letter{background:#d90429;color:#fff}.option-text{flex:1;color:#333;line-height:1.4}.quiz2-nav{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #eee}.quiz2-btn{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.quiz2-prev{background:#e9ecef;color:#495057}.quiz2-prev:hover{background:#dee2e6}.quiz2-next,.quiz2-submit{background:linear-gradient(135deg,#d90429,#ef233c);color:#fff}.quiz2-next:hover,.quiz2-submit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d904294d}.quiz2-btn:disabled{background:#dee2e6;color:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.quiz2-results{background:#fff;border-radius:12px;overflow:hidden}.quiz2-result-header{padding:30px;text-align:center}.quiz2-result-header.passed{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.quiz2-result-header.failed{background:linear-gradient(135deg,#fff3cd,#ffeeba)}.quiz2-result-header .result-icon{font-size:3rem;display:block;margin-bottom:10px}.quiz2-result-header h3{margin:0 0 8px;font-size:1.5rem;color:#333}.quiz2-result-header .result-score{margin:0;font-size:1.1rem;color:#555}.quiz2-result-details{padding:20px}.result-item{display:flex;gap:12px;padding:15px;margin-bottom:10px;border-radius:8px;background:#f8f9fa}.result-item.correct{background:#28a7451a}.result-item.incorrect{background:#dc35451a}.result-marker{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.result-item.correct .result-marker{background:#28a745;color:#fff}.result-item.incorrect .result-marker{background:#dc3545;color:#fff}.result-content{flex:1}.result-question{margin:0 0 8px;font-weight:600;color:#333;font-size:.95rem}.result-answer{margin:0;font-size:.85rem}.your-answer{display:block}.your-answer.correct{color:#28a745}.your-answer.incorrect{color:#dc3545}.correct-answer{display:block;color:#28a745;margin-top:4px}.quiz2-result-actions{padding:20px;text-align:center;border-top:1px solid #eee}.quiz2-retry{background:linear-gradient(135deg,#d90429,#ef233c);color:#fff}.quiz2-retry:hover{transform:translateY(-2px);box-shadow:0 4px 15px #d904294d}@media(max-width:480px){.quiz2-container{padding:15px}.quiz2-option{padding:12px}.option-letter{width:28px;height:28px;min-width:28px;font-size:.85rem}.quiz2-btn{padding:10px 18px;font-size:.9rem}.quiz2-result-header{padding:20px}.quiz2-result-header .result-icon{font-size:2.5rem}}.photo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:2000;padding:20px}.photo-modal-overlay.show{display:flex}.photo-modal{background:#fff;border-radius:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0006;overflow:hidden}.photo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,var(--primary-color, #d90429),#b50321);color:#fff}.photo-modal-header h3{margin:0;font-size:18px;font-weight:600}.photo-modal-close{background:#fff3;border:none;font-size:24px;color:#fff;cursor:pointer;padding:4px 10px;border-radius:6px;line-height:1;transition:background .2s}.photo-modal-close:hover{background:#ffffff4d}.photo-modal-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;background:#1a1a1a;padding:20px}.photo-modal-body img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #0000004d}.photo-modal-footer{padding:16px 20px;background:#f8f9fa;border-top:1px solid #e0e0e0}.photo-modal-footer p{margin:0;color:#4a5568;font-size:15px;line-height:1.5}.photo-strategy-grid.with-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0}.photo-strategy-card.has-image{cursor:pointer;transition:transform .2s,box-shadow .2s;overflow:hidden}.photo-strategy-card.has-image:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000026}.photo-strategy-card.has-image .strategy-photo{width:100%;height:180px;object-fit:cover;border-radius:8px 8px 0 0;margin:-16px -16px 16px;width:calc(100% + 32px)}.photo-strategy-card.has-image h4{margin-top:8px}.photo-strategy-card.has-image .photo-card-number{position:absolute;top:12px;left:12px;z-index:10;background:var(--primary-color, #d90429);color:#fff;box-shadow:0 2px 8px #0000004d}@media(max-width:768px){.photo-modal{max-width:95vw;max-height:95vh}.photo-modal-body{padding:10px}.photo-modal-body img{max-height:60vh}.photo-strategy-grid.with-images{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.photo-strategy-card.has-image .strategy-photo{height:150px}}@media(max-width:480px){.photo-strategy-grid.with-images{grid-template-columns:1fr}.photo-strategy-card.has-image .strategy-photo{height:200px}}.admin-login-section{margin-top:30px;padding-top:20px;border-top:1px dashed #ccc}.admin-login-divider{text-align:center;margin-bottom:20px}.admin-login-divider span{background:#f5f5f5;padding:0 15px;color:#c62828;font-weight:600;font-size:14px}.admin-login-form .form-group{margin-bottom:15px}.admin-login-form label{display:block;margin-bottom:5px;font-weight:500;color:#333}.admin-login-form input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:14px}.admin-login-form input:focus{border-color:#c62828;outline:none}.admin-login-btn{background:#c62828!important;border:none}.admin-login-btn:hover{background:#b71c1c!important}.super-admin-dashboard{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;background:#f0f2f5;z-index:9999;overflow:hidden}.sa-sidebar{width:250px;background:linear-gradient(135deg,#1e1e24,#252530);color:#fff;padding:20px;display:flex;flex-direction:column}.sa-header{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.sa-header h2{margin:0 0 5px;font-size:24px;color:#c62828}.sa-header p{margin:0;font-size:14px;opacity:.8}.sa-nav{flex:1;display:flex;flex-direction:column;gap:5px}.sa-nav-item{background:transparent;border:none;color:#fff;padding:12px 15px;text-align:left;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.sa-nav-item:hover{background:#ffffff1a}.sa-nav-item.active{background:#c62828}.sa-logout-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px;border-radius:8px;cursor:pointer;margin-top:20px}.sa-logout-btn:hover{background:#ffffff1a}.sa-main{flex:1;padding:30px;overflow-y:auto}.sa-loading{text-align:center;padding:50px;color:#666;font-size:18px}.sa-dashboard h1{margin:0 0 30px;color:#333}.sa-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.sa-stat-card{background:#fff;border-radius:12px;padding:25px;text-align:center;box-shadow:0 2px 8px #0000001a}.sa-stat-number{font-size:48px;font-weight:700;color:#c62828}.sa-stat-label{font-size:14px;color:#666;margin-top:5px}.sa-quick-actions h2{margin:0 0 15px;color:#333}.sa-action-btn{background:#c62828;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;margin-right:10px;margin-bottom:10px}.sa-action-btn:hover{background:#b71c1c}.sa-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.sa-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sa-section-header h1{margin:0}.sa-empty{color:#666;text-align:center;padding:40px;font-style:italic}.sa-import-section{text-align:center;padding:30px;background:linear-gradient(135deg,#fff5f5,#fff);border:2px dashed #c62828;border-radius:12px;margin:20px 0}.sa-import-btn{background:linear-gradient(135deg,#c62828,#8e0000);color:#fff;font-size:16px;padding:15px 30px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.sa-import-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c6282866}.sa-import-btn:disabled{opacity:.7;cursor:not-allowed}.sa-import-hint{color:#666;font-size:13px;margin-top:15px;font-style:italic}.sa-error{color:#c62828;text-align:center;padding:40px}.sa-module-list{display:flex;flex-direction:column;gap:15px}.sa-module-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f9f9f9;border-radius:8px;border-left:4px solid #c62828}.sa-module-info h3{margin:0 0 5px}.sa-module-id{font-size:12px;color:#666;font-family:monospace}.sa-module-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;margin-left:10px}.sa-module-status.published{background:#e8f5e9;color:#2e7d32}.sa-module-status.draft{background:#fff3e0;color:#ef6c00}.sa-edit-btn{background:#1976d2;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.sa-edit-btn:hover{background:#1565c0}.sa-editor{display:flex;flex-direction:column;height:calc(100vh - 100px)}.sa-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.sa-back-btn{background:transparent;border:1px solid #ccc;padding:8px 16px;border-radius:6px;cursor:pointer}.sa-back-btn:hover{background:#f5f5f5}.sa-editor-actions{display:flex;gap:10px}.sa-save-btn{background:#1976d2;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.sa-publish-btn{background:#2e7d32;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}.sa-editor-version{margin-bottom:15px}.sa-editor-version select{padding:8px 12px;border-radius:6px;border:1px solid #ccc}.sa-editor-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1;min-height:0}.sa-editor-pane,.sa-preview-pane{display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:15px;border:1px solid #ddd}.sa-editor-pane h3,.sa-preview-pane h3{margin:0 0 10px;font-size:14px;color:#666}.sa-html-editor{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;border:1px solid #ddd;border-radius:4px;padding:15px;resize:none;background:#fafafa;color:#333;-moz-tab-size:2;tab-size:2;white-space:pre;overflow-wrap:normal;overflow-x:auto}.sa-preview-content{flex:1;overflow:auto;padding:10px;border:1px solid #eee;border-radius:4px;background:#fafafa}.sa-visual-editor{flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;border:1px solid #ddd;border-radius:4px;padding:20px;background:#fff;overflow:auto;outline:none;min-height:400px}.sa-visual-editor:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d21a}.sa-editor-controls{display:flex;align-items:center;gap:15px}.sa-editor-mode-toggle{display:flex;border-radius:6px;overflow:hidden;border:1px solid #ddd}.sa-mode-btn{padding:8px 16px;border:none;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.sa-mode-btn:first-child{border-right:1px solid #ddd}.sa-mode-btn:hover:not(.active){background:#f5f5f5}.sa-mode-btn.active{background:#1976d2;color:#fff}.sa-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:10px}.sa-tab{background:transparent;border:none;padding:10px 20px;cursor:pointer;color:#666;border-radius:6px 6px 0 0}.sa-tab.active{background:#c62828;color:#fff}.sa-questions-list{display:flex;flex-direction:column;gap:15px}.sa-question-card{padding:20px;background:#f9f9f9;border-radius:8px;border-left:4px solid #1976d2}.sa-question-card.inactive{opacity:.6;border-left-color:#ccc}.sa-question-text{font-size:14px;margin-bottom:10px}.sa-question-meta{display:flex;gap:15px;margin-bottom:10px}.sa-question-type{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:4px;font-size:12px}.sa-question-points{color:#666;font-size:12px}.sa-question-actions{display:flex;gap:10px}.sa-question-actions button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.sa-edit-question{background:#1976d2;color:#fff}.sa-delete-question{background:#f44336;color:#fff}.sa-packs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.sa-pack-card{background:#f9f9f9;border-radius:8px;padding:20px;border-left:4px solid #9c27b0}.sa-pack-card h3{margin:0 0 10px}.sa-scenario-count{color:#666;font-size:14px}.sa-view-pack-btn{margin-top:15px;background:#9c27b0;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.sa-scenarios-list{display:flex;flex-direction:column;gap:15px}.sa-scenario-card{padding:20px;background:#f9f9f9;border-radius:8px;border-left:4px solid #9c27b0}.sa-scenario-card.inactive{opacity:.6}.sa-scenario-role{background:#f3e5f5;color:#9c27b0;display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;margin-bottom:10px}.sa-scenario-prompt{font-size:14px;color:#333;margin-bottom:10px}.sa-scenario-actions{display:flex;gap:10px}.sa-scenario-actions button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.sa-edit-scenario{background:#9c27b0;color:#fff}.sa-delete-scenario{background:#f44336;color:#fff}.sa-audit-list{display:flex;flex-direction:column;gap:10px}.sa-audit-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9f9f9;border-radius:8px;font-size:14px}.sa-audit-action{font-weight:600;color:#333}.sa-audit-entity{color:#666}.sa-audit-time{color:#999;font-size:12px}@media(max-width:768px){.super-admin-dashboard{flex-direction:column}.sa-sidebar{width:100%;padding:15px}.sa-nav{flex-direction:row;flex-wrap:wrap;gap:5px}.sa-nav-item{flex:1;min-width:80px;text-align:center;padding:8px;font-size:12px}.sa-editor-container{grid-template-columns:1fr}.sa-editor-header{flex-direction:column;align-items:flex-start}}[data-theme=dark] body{background:var(--light-bg);color:var(--text-primary)}[data-theme=dark] .app-container{background:var(--light-bg)}[data-theme=dark] #sidebar{background:var(--dark-bg);border-color:var(--border-color)}[data-theme=dark] #main-content{background:var(--light-bg)}[data-theme=dark] .content-card{background:var(--surface-color);border-color:var(--border-color)}[data-theme=dark] .module-title{color:var(--text-primary)}[data-theme=dark] .sidebar-item,[data-theme=dark] .nav-item{color:var(--text-secondary)}[data-theme=dark] .sidebar-item:hover,[data-theme=dark] .nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}[data-theme=dark] .sidebar-item.active,[data-theme=dark] .nav-item.active{background:var(--primary-color);color:#fff}[data-theme=dark] .sidebar-item.locked{color:var(--text-secondary);opacity:.5}[data-theme=dark] .progress-bar-container{background:var(--border-color)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--input-bg);color:var(--text-primary);border-color:var(--input-border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-secondary)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #ff3d5a33}[data-theme=dark] label,[data-theme=dark] button{color:var(--text-primary)}[data-theme=dark] .btn-primary,[data-theme=dark] .primary-btn{background:var(--primary-color);color:#fff}[data-theme=dark] .btn-secondary,[data-theme=dark] .secondary-btn{background:var(--surface-color);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .secondary-btn:hover{background:var(--hover-bg);border-color:var(--primary-color)}[data-theme=dark] .quiz-container,[data-theme=dark] .quiz-card{background:var(--surface-color);border-color:var(--border-color)}[data-theme=dark] .quiz-option,[data-theme=dark] .answer-option{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .quiz-option:hover,[data-theme=dark] .answer-option:hover{background:var(--hover-bg);border-color:var(--primary-color)}[data-theme=dark] .quiz-option.selected,[data-theme=dark] .answer-option.selected{border-color:var(--primary-color);background:var(--highlight-bg)}[data-theme=dark] .quiz-option.correct{background:#4ade8026;border-color:var(--success-color)}[data-theme=dark] .quiz-option.incorrect{background:#f8717126;border-color:var(--error-color)}[data-theme=dark] .question-text,[data-theme=dark] .score-display,[data-theme=dark] .quiz-score{color:var(--text-primary)}[data-theme=dark] .draggable-item,[data-theme=dark] .drag-item{background:var(--surface-color);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .draggable-item:hover,[data-theme=dark] .drag-item:hover{border-color:var(--primary-color);background:var(--hover-bg)}[data-theme=dark] .drop-zone,[data-theme=dark] .drop-target{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .drop-zone.drag-over,[data-theme=dark] .drop-target.drag-over{background:var(--highlight-bg);border-color:var(--primary-color)}[data-theme=dark] .item-pool,[data-theme=dark] .drag-pool{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .script-container,[data-theme=dark] .script-box{background:var(--script-bg);border-color:var(--border-color)}[data-theme=dark] .script-line{color:var(--text-primary)}[data-theme=dark] .script-highlight,[data-theme=dark] .highlight{background:var(--highlight-bg)}[data-theme=dark] code,[data-theme=dark] pre{background:var(--code-bg);color:var(--text-primary)}[data-theme=dark] .info-box,[data-theme=dark] .tip-box{background:var(--card-bg);border-left-color:var(--primary-color)}[data-theme=dark] .info-box p,[data-theme=dark] .tip-box p{color:var(--text-primary)}[data-theme=dark] .warning-box{background:#f871711a;border-left-color:var(--error-color)}[data-theme=dark] .success-box{background:#4ade801a;border-left-color:var(--success-color)}[data-theme=dark] table{border-color:var(--border-color)}[data-theme=dark] th{background:var(--dark-bg);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] td{background:var(--surface-color);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] tr:nth-child(2n) td{background:var(--card-bg)}[data-theme=dark] tr:hover td{background:var(--hover-bg)}[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .section-card{background:var(--surface-color);border-color:var(--border-color)}[data-theme=dark] .card-header,[data-theme=dark] .panel-header{background:var(--dark-bg);border-color:var(--border-color)}[data-theme=dark] .card-body,[data-theme=dark] .panel-body,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] p{color:var(--text-primary)}[data-theme=dark] .text-muted,[data-theme=dark] .subtitle{color:var(--text-secondary)}[data-theme=dark] a{color:var(--primary-color)}[data-theme=dark] a:hover{color:var(--primary-hover-color)}[data-theme=dark] .progress-container{background:var(--border-color)}[data-theme=dark] .progress-bar{background:var(--primary-color)}[data-theme=dark] .step-indicator{background:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .step-indicator.active{background:var(--primary-color);color:#fff}[data-theme=dark] .step-indicator.completed{background:var(--success-color);color:#fff}[data-theme=dark] .modal-content,[data-theme=dark] .dialog-content{background:var(--surface-color);border-color:var(--border-color)}[data-theme=dark] .modal-header,[data-theme=dark] .dialog-header{background:var(--dark-bg);border-color:var(--border-color)}[data-theme=dark] .modal-overlay,[data-theme=dark] .dialog-overlay{background:#000000b3}[data-theme=dark] .video-container{background:var(--dark-bg)}[data-theme=dark] .video-controls{background:var(--surface-color)}[data-theme=dark] .badge,[data-theme=dark] .tag{background:var(--card-bg);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .badge-primary,[data-theme=dark] .tag-primary{background:var(--primary-color);color:#fff}[data-theme=dark] .badge-success{background:var(--success-color);color:#fff}[data-theme=dark] .accordion-header{background:var(--card-bg);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .accordion-header:hover{background:var(--hover-bg)}[data-theme=dark] .accordion-content{background:var(--surface-color);border-color:var(--border-color)}[data-theme=dark] .list-item{background:var(--surface-color);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .list-item:hover{background:var(--hover-bg)}[data-theme=dark] ul li::marker,[data-theme=dark] ol li::marker{color:var(--primary-color)}[data-theme=dark] .super-admin-dashboard{background:var(--light-bg)}[data-theme=dark] .sa-sidebar{background:var(--dark-bg)}[data-theme=dark] .sa-nav-item{color:var(--text-secondary)}[data-theme=dark] .sa-nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}[data-theme=dark] .sa-nav-item.active{background:var(--primary-color);color:#fff}[data-theme=dark] .sa-content{background:var(--surface-color)}[data-theme=dark] .sa-card{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .sa-question-card,[data-theme=dark] .sa-pack-card,[data-theme=dark] .sa-scenario-card,[data-theme=dark] .sa-audit-item{background:var(--card-bg);color:var(--text-primary)}[data-theme=dark] .sa-question-text,[data-theme=dark] .sa-scenario-prompt,[data-theme=dark] .sa-audit-action{color:var(--text-primary)}[data-theme=dark] .sa-scenario-count,[data-theme=dark] .sa-audit-entity,[data-theme=dark] .sa-audit-time{color:var(--text-secondary)}[data-theme=dark] input[type=checkbox],[data-theme=dark] input[type=radio]{accent-color:var(--primary-color)}[data-theme=dark] .checkbox-label,[data-theme=dark] .radio-label{color:var(--text-primary)}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--dark-bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme=dark] [style*="background: #f"]{background:var(--card-bg)!important}[data-theme=dark] [style*="background-color: #f"]{background-color:var(--card-bg)!important}[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background-color: #fff"]{background:var(--surface-color)!important;background-color:var(--surface-color)!important}[data-theme=dark] [style*="color: #333"],[data-theme=dark] [style*="color: #212529"]{color:var(--text-primary)!important}[data-theme=dark] [style*="color: #666"],[data-theme=dark] [style*="color: #6c757d"]{color:var(--text-secondary)!important}[data-theme=dark] [style*="border-color: #dee2e6"],[data-theme=dark] [style*="border: 1px solid #"]{border-color:var(--border-color)!important}[data-theme=dark] .roleplay-container,[data-theme=dark] .voice-panel{background:var(--surface-color);border-color:var(--border-color)}[data-theme=dark] .voice-status{color:var(--text-primary)}[data-theme=dark] .timeline-item{border-color:var(--border-color)}[data-theme=dark] .timeline-dot{background:var(--primary-color)}[data-theme=dark] .timeline-content{background:var(--card-bg);color:var(--text-primary)}[data-theme=dark] .flowchart-box,[data-theme=dark] .diagram-node{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .flowchart-arrow,[data-theme=dark] .diagram-connector{color:var(--text-secondary)}[data-theme=dark] .success-banner{background:var(--card-bg);border-color:var(--success-color)}[data-theme=dark] .completion-message{color:var(--text-primary)}[data-theme=dark] .loading-spinner{border-color:var(--border-color);border-top-color:var(--primary-color)}[data-theme=dark] .loading-text{color:var(--text-secondary)}[data-theme=dark] .content-card *:not(button):not(.btn-primary):not(.primary-btn):not(a){color:inherit}[data-theme=dark] strong,[data-theme=dark] b{color:var(--text-primary)}[data-theme=dark] em,[data-theme=dark] i:not(.theme-icon){color:var(--text-primary)}[data-theme=dark] .values-section{background:#1f2937!important;border-color:#f59e0b!important}[data-theme=dark] .values-section h2,[data-theme=dark] .values-section h3,[data-theme=dark] .values-section h4,[data-theme=dark] .values-section p,[data-theme=dark] .values-section li,[data-theme=dark] .values-section strong,[data-theme=dark] .values-section span{color:#e5e7eb!important}[data-theme=dark] .promise-section{background:#1f2937!important;border-color:#f59e0b!important}[data-theme=dark] .promise-section h2,[data-theme=dark] .promise-section h3,[data-theme=dark] .promise-section h4,[data-theme=dark] .promise-section p,[data-theme=dark] .promise-section li,[data-theme=dark] .promise-section strong{color:#e5e7eb!important}[data-theme=dark] .commitment-checklist{background:#1f2937!important;border-color:#f59e0b!important}[data-theme=dark] .commitment-checklist h3,[data-theme=dark] .commitment-checklist p,[data-theme=dark] .commitment-checklist li,[data-theme=dark] .commitment-checklist label{color:#e5e7eb!important}[data-theme=dark] .anatomy-step,[data-theme=dark] .anatomy-step h4,[data-theme=dark] .anatomy-step p,[data-theme=dark] .shingle-layer,[data-theme=dark] .shingle-layer h4,[data-theme=dark] .shingle-layer p{color:#1f2937!important}[data-theme=dark] .flip-card-front{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .flip-card-front h3,[data-theme=dark] .flip-card-front h4,[data-theme=dark] .flip-card-front p,[data-theme=dark] .flip-card-front span,[data-theme=dark] .flip-card-front .flip-hint,[data-theme=dark] .flip-card-front .flip-icon{color:#e5e7eb!important}[data-theme=dark] .flip-card-front h3{color:#f87171!important}[data-theme=dark] .flip-card-back h4,[data-theme=dark] .flip-card-back p{color:#fff!important}[data-theme=dark] .exam-intro-card,[data-theme=dark] .exam-intro-card h3,[data-theme=dark] .exam-intro-card p,[data-theme=dark] .exam-intro-card li,[data-theme=dark] .exam-format-list,[data-theme=dark] .exam-format-list li,[data-theme=dark] [style*="background: #f"] h3,[data-theme=dark] [style*="background: #f"] p,[data-theme=dark] [style*="background: #f"] li,[data-theme=dark] [style*="background: white"] h3,[data-theme=dark] [style*="background: white"] p,[data-theme=dark] [style*="background: white"] li,[data-theme=dark] [style*="background:#f"] h3,[data-theme=dark] [style*="background:#f"] p,[data-theme=dark] [style*="background:#f"] li,[data-theme=dark] .light-bg-card,[data-theme=dark] .light-bg-card *,[data-theme=dark] [style*="background: linear-gradient(135deg, #fef9c3"],[data-theme=dark] [style*="background: linear-gradient(135deg, #fef9c3"] *,[data-theme=dark] [style*="background: linear-gradient(135deg, #fffbeb"],[data-theme=dark] [style*="background: linear-gradient(135deg, #fffbeb"] *,[data-theme=dark] .step-card,[data-theme=dark] .step-card h4,[data-theme=dark] .step-card p,[data-theme=dark] .step-content,[data-theme=dark] .step-content h4,[data-theme=dark] .step-content p,[data-theme=dark] .objection-step,[data-theme=dark] .objection-step h3,[data-theme=dark] .objection-step p,[data-theme=dark] .module-card[style*="background: #f"],[data-theme=dark] .module-card[style*="background: #f"] *{color:#1f2937!important}[data-theme=dark] .step-checklist{background:var(--card-bg)!important;border-color:var(--border-color)!important}[data-theme=dark] .step-checklist label,[data-theme=dark] .step-checklist span,[data-theme=dark] .step-checklist p{color:var(--text-primary)!important}[data-theme=dark] .step-pro-tip{background:var(--card-bg)!important;border-color:#3b82f6!important}[data-theme=dark] .step-pro-tip,[data-theme=dark] .step-pro-tip p,[data-theme=dark] .step-pro-tip strong,[data-theme=dark] .step-pro-tip span{color:var(--text-primary)!important}[data-theme=dark] .step-alert{background:var(--card-bg)!important;border-color:#ef4444!important}[data-theme=dark] .step-alert,[data-theme=dark] .step-alert p,[data-theme=dark] .step-alert strong,[data-theme=dark] .step-alert span{color:var(--text-primary)!important}[data-theme=dark] .promise-section{background:var(--card-bg)!important;border-color:var(--border-color)!important}[data-theme=dark] .promise-section,[data-theme=dark] .promise-section h3,[data-theme=dark] .promise-section h4,[data-theme=dark] .promise-section p,[data-theme=dark] .promise-section li,[data-theme=dark] .promise-icon,[data-theme=dark] .promise-check{color:var(--text-primary)!important}[data-theme=dark] .commitment-progress-bar{background:var(--border-color)!important}[data-theme=dark] .commitment-checklist{background:var(--card-bg)!important}[data-theme=dark] .commitment-checklist label,[data-theme=dark] .commitment-checklist span,[data-theme=dark] .commitment-item,[data-theme=dark] .commitment-item p{color:var(--text-primary)!important}[data-theme=dark] .photo-strategy-card{background:var(--card-bg)!important;border-color:var(--border-color)!important}[data-theme=dark] .photo-strategy-card h4,[data-theme=dark] .photo-strategy-card p,[data-theme=dark] .photo-strategy-card li,[data-theme=dark] .photo-card-number{color:var(--text-primary)!important}[data-theme=dark] .script-content,[data-theme=dark] .script-content p,[data-theme=dark] .script-content span,[data-theme=dark] .script-content strong{color:#1f2937!important}[data-theme=dark] .script-phase{background:var(--card-bg)!important}[data-theme=dark] .script-phase h3,[data-theme=dark] .script-phase h4,[data-theme=dark] .script-phase p,[data-theme=dark] .script-phase span,[data-theme=dark] .script-phase li{color:var(--text-primary)!important}[data-theme=dark] .photo-tips-box{background:var(--card-bg)!important;border-color:#f59e0b!important}[data-theme=dark] .photo-tips-box h3,[data-theme=dark] .photo-tips-box h4,[data-theme=dark] .photo-tips-box p,[data-theme=dark] .photo-tips-box li,[data-theme=dark] .photo-tips-box strong{color:var(--text-primary)!important}[data-theme=dark] .key-point-card{background:var(--card-bg)!important}[data-theme=dark] .key-point-card h3,[data-theme=dark] .key-point-card h4,[data-theme=dark] .key-point-card p,[data-theme=dark] .key-point-card li,[data-theme=dark] .key-point-card span{color:var(--text-primary)!important}[data-theme=dark] .agnes-practice-section{background:var(--card-bg)!important;border-color:#8b5cf6!important}[data-theme=dark] .agnes-practice-section h3,[data-theme=dark] .agnes-practice-section p,[data-theme=dark] .agnes-message,[data-theme=dark] .user-message{color:var(--text-primary)!important}[data-theme=dark] .pitch-chat{background:var(--surface-color)!important}[data-theme=dark] .pitch-chat-messages,[data-theme=dark] .pitch-chat-messages p,[data-theme=dark] .conversation-message{color:var(--text-primary)!important}[data-theme=dark] #voice-transcript{background:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .qualifying-damage-card,[data-theme=dark] .non-qualifying-damage-card{background:var(--card-bg)!important}[data-theme=dark] .qualifying-damage-card h3,[data-theme=dark] .qualifying-damage-card h4,[data-theme=dark] .qualifying-damage-card p,[data-theme=dark] .qualifying-damage-card li,[data-theme=dark] .non-qualifying-damage-card h3,[data-theme=dark] .non-qualifying-damage-card h4,[data-theme=dark] .non-qualifying-damage-card p,[data-theme=dark] .non-qualifying-damage-card li{color:var(--text-primary)!important}[data-theme=dark] #damage-matching-game{background:var(--card-bg)!important;border-color:#a855f7!important}[data-theme=dark] #damage-matching-game h3,[data-theme=dark] #damage-matching-game p,[data-theme=dark] .match-item,[data-theme=dark] .seq-item,[data-theme=dark] .match-feedback,[data-theme=dark] .seq-feedback{color:var(--text-primary)!important}[data-theme=dark] .match-feedback.correct,[data-theme=dark] .seq-feedback.correct{background:var(--card-bg)!important;color:#22c55e!important}[data-theme=dark] .match-feedback.incorrect,[data-theme=dark] .seq-feedback.incorrect{background:var(--card-bg)!important;color:#ef4444!important}[data-theme=dark] .shingle-game{background:var(--card-bg)!important}[data-theme=dark] .answer-img-btn{background:var(--surface-color)!important;border-color:var(--border-color)!important}[data-theme=dark] .answer-img-btn span,[data-theme=dark] .answer-img-btn p,[data-theme=dark] .quiz-item,[data-theme=dark] .quiz-options li,[data-theme=dark] .quiz-question,[data-theme=dark] .response-option{color:var(--text-primary)!important}[data-theme=dark] .quiz-feedback{background:var(--card-bg)!important}[data-theme=dark] .challenge-feedback,[data-theme=dark] .sales-cycle-feedback{background:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .draggable-item{background:var(--surface-color)!important;color:var(--text-primary)!important}[data-theme=dark] .inspection-order-feedback,[data-theme=dark] .inspection-drag-item,[data-theme=dark] .inspection-step-card{background:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .inline-practice-container,[data-theme=dark] .mini-conversation-thread{background:var(--card-bg)!important}[data-theme=dark] .inline-practice-container p,[data-theme=dark] .mini-conversation-thread p{color:var(--text-primary)!important}[data-theme=dark] .filing-quiz-checkbox{background:var(--card-bg)!important}[data-theme=dark] .filing-quiz-checkbox label{color:var(--text-primary)!important}[data-theme=dark] .difficulty-btn{background:var(--surface-color)!important;color:var(--text-primary)!important}[data-theme=dark] .pitch-step:not(.active){background:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] [style*="linear-gradient(120deg, #fef3c7"],[data-theme=dark] [style*="linear-gradient(135deg, #fef9c3"],[data-theme=dark] [style*="linear-gradient(135deg, #fefce8"],[data-theme=dark] [style*="linear-gradient(135deg, #fffbeb"],[data-theme=dark] [style*="background: #fef3c7"],[data-theme=dark] [style*="background:#fef3c7"]{background:var(--card-bg)!important}[data-theme=dark] [style*="linear-gradient(120deg, #fef3c7"] *,[data-theme=dark] [style*="linear-gradient(135deg, #fef9c3"] *,[data-theme=dark] [style*="linear-gradient(135deg, #fefce8"] *,[data-theme=dark] [style*="linear-gradient(135deg, #fffbeb"] *,[data-theme=dark] [style*="background: #fef3c7"] *,[data-theme=dark] [style*="background:#fef3c7"] *{color:var(--text-primary)!important}[data-theme=dark] [style*="linear-gradient(135deg, #f0fdf4"],[data-theme=dark] [style*="linear-gradient(135deg, #dcfce7"],[data-theme=dark] [style*="background: #d1fae5"],[data-theme=dark] [style*="background:#d1fae5"]{background:var(--card-bg)!important}[data-theme=dark] [style*="linear-gradient(135deg, #f0fdf4"] *,[data-theme=dark] [style*="linear-gradient(135deg, #dcfce7"] *,[data-theme=dark] [style*="background: #d1fae5"] *,[data-theme=dark] [style*="background:#d1fae5"] *{color:var(--text-primary)!important}[data-theme=dark] [style*="linear-gradient(135deg, #eff6ff"],[data-theme=dark] [style*="linear-gradient(135deg, #e0f2fe"],[data-theme=dark] [style*="background: #eff6ff"],[data-theme=dark] [style*="background:#eff6ff"]{background:var(--card-bg)!important}[data-theme=dark] [style*="linear-gradient(135deg, #eff6ff"] *,[data-theme=dark] [style*="linear-gradient(135deg, #e0f2fe"] *,[data-theme=dark] [style*="background: #eff6ff"] *,[data-theme=dark] [style*="background:#eff6ff"] *{color:var(--text-primary)!important}[data-theme=dark] [style*="linear-gradient(135deg, #fce7f3"],[data-theme=dark] [style*="linear-gradient(135deg, #fef2f2"],[data-theme=dark] [style*="background: #fee2e2"],[data-theme=dark] [style*="background:#fee2e2"]{background:var(--card-bg)!important}[data-theme=dark] [style*="linear-gradient(135deg, #fce7f3"] *,[data-theme=dark] [style*="linear-gradient(135deg, #fef2f2"] *,[data-theme=dark] [style*="background: #fee2e2"] *,[data-theme=dark] [style*="background:#fee2e2"] *{color:var(--text-primary)!important}[data-theme=dark] [style*="linear-gradient(135deg, #f5f3ff"],[data-theme=dark] [style*="linear-gradient(135deg, #f3e8ff"],[data-theme=dark] [style*="linear-gradient(135deg, #faf5ff"],[data-theme=dark] [style*="linear-gradient(135deg, #ede9fe"],[data-theme=dark] [style*="background: #f8f4fc"],[data-theme=dark] [style*="background:#f8f4fc"]{background:var(--card-bg)!important}[data-theme=dark] [style*="linear-gradient(135deg, #f5f3ff"] *,[data-theme=dark] [style*="linear-gradient(135deg, #f3e8ff"] *,[data-theme=dark] [style*="linear-gradient(135deg, #faf5ff"] *,[data-theme=dark] [style*="linear-gradient(135deg, #ede9fe"] *,[data-theme=dark] [style*="background: #f8f4fc"] *,[data-theme=dark] [style*="background:#f8f4fc"] *{color:var(--text-primary)!important}[data-theme=dark] [style*="linear-gradient(135deg, #fff7ed"],[data-theme=dark] [style*="background: #fed7aa"],[data-theme=dark] [style*="background:#fed7aa"]{background:var(--card-bg)!important}[data-theme=dark] [style*="linear-gradient(135deg, #fff7ed"] *,[data-theme=dark] [style*="background: #fed7aa"] *,[data-theme=dark] [style*="background:#fed7aa"] *{color:var(--text-primary)!important}[data-theme=dark] [style*="linear-gradient(180deg, #fafafa"],[data-theme=dark] [style*="background: #f8fafc"],[data-theme=dark] [style*="background:#f8fafc"],[data-theme=dark] [style*="background: #f9fafb"],[data-theme=dark] [style*="background:#f9fafb"],[data-theme=dark] [style*="background: rgba(255,255,255"],[data-theme=dark] [style*="background:rgba(255,255,255"]{background:var(--card-bg)!important}[data-theme=dark] [style*="linear-gradient(180deg, #fafafa"] *,[data-theme=dark] [style*="background: #f8fafc"] *,[data-theme=dark] [style*="background:#f8fafc"] *,[data-theme=dark] [style*="background: #f9fafb"] *,[data-theme=dark] [style*="background:#f9fafb"] *,[data-theme=dark] [style*="background: rgba(255,255,255"] *,[data-theme=dark] [style*="background:rgba(255,255,255"] *{color:var(--text-primary)!important}[data-theme=dark] details{background:var(--card-bg)!important;border-color:var(--border-color)!important}[data-theme=dark] details summary{color:var(--text-primary)!important}[data-theme=dark] details p,[data-theme=dark] details li,[data-theme=dark] details span{color:var(--text-primary)!important}[data-theme=dark] .question-card{background:var(--card-bg)!important}[data-theme=dark] .question-card h3,[data-theme=dark] .question-card h4,[data-theme=dark] .question-card p,[data-theme=dark] .question-card label{color:var(--text-primary)!important}[data-theme=dark] .mcq-question,[data-theme=dark] .fib-question,[data-theme=dark] .sa-question,[data-theme=dark] .exam-question{background:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .answer-option,[data-theme=dark] .quiz-option{background:var(--surface-color)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .answer-option:hover,[data-theme=dark] .quiz-option:hover{background:var(--hover-bg)!important}[data-theme=dark] [style*="background: white"][style*="border: 2px solid"],[data-theme=dark] [style*="background:white"][style*="border:"]{background:var(--card-bg)!important}[data-theme=dark] [style*="background: white"][style*="border: 2px solid"] *,[data-theme=dark] [style*="background:white"][style*="border:"] *,[data-theme=dark] [style*="color: #334155"],[data-theme=dark] [style*="color:#334155"],[data-theme=dark] [style*="color: #1e293b"],[data-theme=dark] [style*="color:#1e293b"],[data-theme=dark] [style*="color: #374151"],[data-theme=dark] [style*="color:#374151"],[data-theme=dark] [style*="color: #1e40af"],[data-theme=dark] [style*="color:#1e40af"],[data-theme=dark] [style*="color: #991b1b"],[data-theme=dark] [style*="color:#991b1b"],[data-theme=dark] [style*="color: #065f46"],[data-theme=dark] [style*="color:#065f46"],[data-theme=dark] [style*="color: #78350f"],[data-theme=dark] [style*="color:#78350f"],[data-theme=dark] [style*="color: #92400e"],[data-theme=dark] [style*="color:#92400e"],[data-theme=dark] [style*="color: #64748b"],[data-theme=dark] [style*="color:#64748b"],[data-theme=dark] [style*="color: #475569"],[data-theme=dark] [style*="color:#475569"],[data-theme=dark] [style*="color: #4b5563"],[data-theme=dark] [style*="color:#4b5563"]{color:var(--text-primary)!important}[data-theme=dark] .game-complete-section{background:var(--card-bg)!important}[data-theme=dark] .game-complete-section h3,[data-theme=dark] .game-complete-section p{color:var(--text-primary)!important}[data-theme=dark] .feedback-message{background:var(--card-bg)!important}[data-theme=dark] .feedback-message.correct{color:#22c55e!important;border-color:#22c55e!important}[data-theme=dark] .feedback-message.incorrect{color:#ef4444!important;border-color:#ef4444!important}[data-theme=dark] .hotspot-marker,[data-theme=dark] .hotspot-zone{color:var(--text-primary)!important}[data-theme=dark] .hotspot-feedback{background:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .content-card h1,[data-theme=dark] .content-card h2,[data-theme=dark] .content-card h3,[data-theme=dark] .content-card h4,[data-theme=dark] .content-card h5,[data-theme=dark] .content-card h6,[data-theme=dark] .content-card p,[data-theme=dark] .content-card li,[data-theme=dark] .content-card span:not(.badge):not(.tag),[data-theme=dark] .content-card label{color:var(--text-primary)!important}[data-theme=dark] [style*="background: #e"],[data-theme=dark] [style*="background:#e"]{background:var(--card-bg)!important}[data-theme=dark] [style*="background: #e"] *,[data-theme=dark] [style*="background:#e"] *{color:var(--text-primary)!important}[data-theme=dark] #main-content [style*="color: #6"],[data-theme=dark] #main-content [style*="color:#6"],[data-theme=dark] #main-content [style*="color: #7"],[data-theme=dark] #main-content [style*="color:#7"],[data-theme=dark] #main-content [style*="color: #8"],[data-theme=dark] #main-content [style*="color:#8"],[data-theme=dark] #main-content [style*="color: #9"],[data-theme=dark] #main-content [style*="color:#9"],[data-theme=dark] #main-content [style*="color: #a"],[data-theme=dark] #main-content [style*="color:#a"],[data-theme=dark] #main-content [style*="color: #b"],[data-theme=dark] #main-content [style*="color:#b"],[data-theme=dark] #main-content h1[style*=color],[data-theme=dark] #main-content h2[style*=color],[data-theme=dark] #main-content h3[style*=color],[data-theme=dark] #main-content h4[style*=color],[data-theme=dark] #main-content h5[style*=color],[data-theme=dark] #main-content h6[style*=color],[data-theme=dark] #main-content p[style*=color],[data-theme=dark] #main-content span[style*=color],[data-theme=dark] #main-content li[style*=color],[data-theme=dark] #main-content label[style*=color],[data-theme=dark] #main-content div[style*=color],[data-theme=dark] #main-content strong[style*=color],[data-theme=dark] #main-content em[style*=color]{color:#e5e7eb!important}[data-theme=dark] .leader-card,[data-theme=dark] .term-card,[data-theme=dark] .shingle-type{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .leader-highlight,[data-theme=dark] .leader-bio-full{background:#111827!important;border-color:#374151!important}[data-theme=dark] .leader-card h3,[data-theme=dark] .leader-card h4,[data-theme=dark] .leader-card p,[data-theme=dark] .leader-card span,[data-theme=dark] .leader-title,[data-theme=dark] .leader-highlight,[data-theme=dark] .leader-highlight p,[data-theme=dark] .bio-content,[data-theme=dark] .bio-content p,[data-theme=dark] .leader-bio,[data-theme=dark] .leader-bio p,[data-theme=dark] .leader-bio-full,[data-theme=dark] .leader-bio-full p{color:#e5e7eb!important}[data-theme=dark] .shingle-specs,[data-theme=dark] .spec-group,[data-theme=dark] .shingle-content{background:#1f2937!important}[data-theme=dark] .shingle-specs h4,[data-theme=dark] .shingle-specs p,[data-theme=dark] .shingle-specs li,[data-theme=dark] .shingle-specs span,[data-theme=dark] .shingle-specs strong,[data-theme=dark] .spec-group h4,[data-theme=dark] .spec-group p,[data-theme=dark] .spec-group li,[data-theme=dark] .identification-list li,[data-theme=dark] .identification-list strong,[data-theme=dark] .check-icon,[data-theme=dark] .x-icon{color:#e5e7eb!important}[data-theme=dark] .tech-specs,[data-theme=dark] .specs-grid,[data-theme=dark] .spec-item{background:#111827!important;border-color:#374151!important}[data-theme=dark] .spec-item span,[data-theme=dark] .spec-item p,[data-theme=dark] .spec-label,[data-theme=dark] .spec-value{color:#e5e7eb!important}[data-theme=dark] .misconceptions-list,[data-theme=dark] .misconception-item{background:#1f2937!important}[data-theme=dark] .misconceptions-list li{background:#374151!important;color:#e5e7eb!important;border-left:3px solid #f87171!important}[data-theme=dark] .misconception-item span,[data-theme=dark] .misconception-item p{color:#e5e7eb!important}[data-theme=dark] .roof-parts-legend,[data-theme=dark] .legend-grid,[data-theme=dark] .legend-item{background:#1f2937!important}[data-theme=dark] .roof-parts-legend h4,[data-theme=dark] .roof-parts-legend p,[data-theme=dark] .legend-item span,[data-theme=dark] .clickable-component,[data-theme=dark] .clickable-component span{color:#e5e7eb!important}[data-theme=dark] .content-card{background:#1f2937!important}[data-theme=dark] .info-card,[data-theme=dark] .section-card,[data-theme=dark] .feature-card,[data-theme=dark] .highlight-box{background:#111827!important;border-color:#374151!important}[data-theme=dark] [style*="background: #fef"],[data-theme=dark] [style*="background:#fef"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:#fff"]{background:#1f2937!important}[data-theme=dark] [style*="background: #fef"] *,[data-theme=dark] [style*="background:#fef"] *,[data-theme=dark] [style*="background: #fff"] *,[data-theme=dark] [style*="background:#fff"] *{color:#e5e7eb!important}[data-theme=dark] .commitment-item{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .commitment-item.commitment-item-final{background:#1f2937!important;border-color:#f59e0b!important}[data-theme=dark] .commitment-item.completed,[data-theme=dark] .commitment-item.commitment-item-final.completed{background:#064e3b!important;border-color:#10b981!important}[data-theme=dark] .commitment-initials-section{background:#111827!important}[data-theme=dark] .commitment-statement,[data-theme=dark] .commitment-statement span,[data-theme=dark] .commitment-statement p,[data-theme=dark] .commitment-item,[data-theme=dark] .commitment-item span,[data-theme=dark] .commitment-item p,[data-theme=dark] .commitment-text,[data-theme=dark] .commitment-number{color:#e5e7eb!important}[data-theme=dark] .commitment-item .initial-box{background:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}[data-theme=dark] .commitment-item .initial-box::placeholder{color:#9ca3af!important}[data-theme=dark] .component-item h4,[data-theme=dark] .component-item p,[data-theme=dark] .component-button,[data-theme=dark] .component-button span,[data-theme=dark] .feature-list li,[data-theme=dark] .feature-item,[data-theme=dark] .feature-item span,[data-theme=dark] .feature-item p,[data-theme=dark] .specs-item,[data-theme=dark] .specs-item span,[data-theme=dark] .misconception-item,[data-theme=dark] .misconception-item span{color:#e5e7eb!important}[data-theme=dark] .image-caption,[data-theme=dark] figcaption,[data-theme=dark] .caption{color:#9ca3af!important}[data-theme=dark] .module-completion-checklist li,[data-theme=dark] .module-completion-checklist span,[data-theme=dark] .completion-item,[data-theme=dark] .completion-item span{color:#e5e7eb!important}[data-theme=dark] .completion-requirements{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .completion-requirements .requirements-title,[data-theme=dark] .completion-requirements h4{color:#e5e7eb!important}[data-theme=dark] .completion-requirements .requirement-item.pending{background:#374151!important;color:#9ca3af!important;border-color:#4b5563!important}[data-theme=dark] .completion-requirements .requirement-item.complete{background:#064e3b!important;color:#10b981!important;border-color:#065f46!important}[data-theme=dark] .completion-requirements .requirement-item span,[data-theme=dark] .completion-requirements .req-icon{color:inherit!important}[data-theme=dark] .commitment-requirements-notice{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .commitment-requirements-notice h4{color:#e5e7eb!important}[data-theme=dark] .commitment-requirements-notice .requirement-item.pending{background:#374151!important;color:#9ca3af!important;border-color:#4b5563!important}[data-theme=dark] .commitment-requirements-notice .requirement-item.complete{background:#064e3b!important;color:#10b981!important;border-color:#065f46!important}[data-theme=dark] .commitment-requirements-notice .requirement-item span{color:inherit!important}[data-theme=dark] #main-content *[style*="color:"]{color:#e5e7eb!important}[data-theme=dark] #main-content button,[data-theme=dark] #main-content .btn,[data-theme=dark] #main-content .primary-btn,[data-theme=dark] #main-content a.btn{color:inherit}[data-theme=dark] .commitment-video-notice{background:#1f2937!important;border-color:#f59e0b!important}[data-theme=dark] .commitment-video-notice .notice-text,[data-theme=dark] .commitment-video-notice .notice-text strong,[data-theme=dark] .commitment-video-notice .video-progress-text{color:#e5e7eb!important}[data-theme=dark] .commitment-video-notice.completed{background:#064e3b!important;border-color:#10b981!important}[data-theme=dark] .manufacturer-card{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .manufacturer-card h4,[data-theme=dark] .manufacturer-card p,[data-theme=dark] .manufacturer-card li,[data-theme=dark] .manufacturer-card span{color:#e5e7eb!important}[data-theme=dark] .manufacturer-note{background:#374151!important;color:#fbbf24!important;border-left:3px solid #f59e0b!important}[data-theme=dark] .anatomy-step{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .anatomy-step h4,[data-theme=dark] .anatomy-step p,[data-theme=dark] .anatomy-step span,[data-theme=dark] .anatomy-step strong{color:#e5e7eb!important}[data-theme=dark] .shingle-layer{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .shingle-layer h4,[data-theme=dark] .shingle-layer p,[data-theme=dark] .shingle-layer span,[data-theme=dark] .shingle-layer strong{color:#e5e7eb!important}[data-theme=dark] .term-card{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .term-card h3,[data-theme=dark] .term-card h4,[data-theme=dark] .term-card p,[data-theme=dark] .term-card span{color:#e5e7eb!important}[data-theme=dark] .shingle-type{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .shingle-type h3,[data-theme=dark] .shingle-type h4,[data-theme=dark] .shingle-type p,[data-theme=dark] .shingle-type span,[data-theme=dark] .shingle-type li{color:#e5e7eb!important}[data-theme=dark] .objection-flip-card .flip-card-front{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .objection-flip-card .flip-card-front h3,[data-theme=dark] .objection-flip-card .flip-card-front .tap-hint,[data-theme=dark] .objection-flip-card .flip-card-front .objection-icon{color:#e5e7eb!important}[data-theme=dark] [style*="background: linear-gradient(135deg, #fff3cd"],[data-theme=dark] [style*="background: linear-gradient(135deg, #ffeaa7"],[data-theme=dark] [style*="background: #fff3cd"]{background:#1f2937!important}[data-theme=dark] [style*="background: linear-gradient(135deg, #fff3cd"] *,[data-theme=dark] [style*="background: linear-gradient(135deg, #ffeaa7"] *,[data-theme=dark] [style*="background: #fff3cd"] *{color:#e5e7eb!important}[data-theme=dark] .commitment-initials-section{background:#1f2937!important;border-color:#f59e0b!important}[data-theme=dark] .info-card,[data-theme=dark] .note-card,[data-theme=dark] .tip-card,[data-theme=dark] .highlight-card{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .info-card *,[data-theme=dark] .note-card *,[data-theme=dark] .tip-card *,[data-theme=dark] .highlight-card *{color:#e5e7eb!important}[data-theme=dark] .nn-card h4{color:#f87171!important}[data-theme=dark] .nn-card p,[data-theme=dark] .nn-card span{color:#e5e7eb!important}[data-theme=dark] .nn-card p.nn-quote{background:#111827!important;color:#d1d5db!important;border-color:#ef4444!important}[data-theme=dark] .objection-card{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .objection-card h3{color:#f87171!important}[data-theme=dark] .objection-card p,[data-theme=dark] .objection-card strong,[data-theme=dark] .objection-card span{color:#e5e7eb!important}[data-theme=dark] .damage-type{background:#1f2937!important;border-color:#3b82f6!important}[data-theme=dark] .damage-type h3,[data-theme=dark] .damage-type h4{color:#60a5fa!important}[data-theme=dark] .damage-type p,[data-theme=dark] .damage-type li,[data-theme=dark] .damage-type span,[data-theme=dark] .damage-type strong{color:#e5e7eb!important}[data-theme=dark] .damage-gallery-item,[data-theme=dark] .damage-image-container{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .damage-gallery-item h4,[data-theme=dark] .damage-gallery-item p,[data-theme=dark] .damage-gallery-item li{color:#e5e7eb!important}[data-theme=dark] .damage-type figcaption,[data-theme=dark] .damage-gallery figcaption,[data-theme=dark] .image-caption{background:#1f2937!important;color:#d1d5db!important}[data-theme=dark] .damage-image-item .image-caption{background:#1f2937!important;color:#d1d5db!important}[data-theme=dark] .inline-practice-container h4,[data-theme=dark] .inline-practice-container p,[data-theme=dark] .inline-practice-container span{color:#e5e7eb!important}[data-theme=dark] .objection-step{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .objection-step h3,[data-theme=dark] .objection-step h4,[data-theme=dark] .objection-step p,[data-theme=dark] .objection-step li,[data-theme=dark] .objection-step span,[data-theme=dark] .objection-step strong{color:#e5e7eb!important}[data-theme=dark] .step-card{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .step-card h3,[data-theme=dark] .step-card h4,[data-theme=dark] .step-card p,[data-theme=dark] .step-card li,[data-theme=dark] .step-card span,[data-theme=dark] .step-card strong{color:#e5e7eb!important}[data-theme=dark] .step-content{background:#111827!important}[data-theme=dark] .step-content h4,[data-theme=dark] .step-content p,[data-theme=dark] .step-content li{color:#e5e7eb!important}[data-theme=dark] .section-intro{color:#d1d5db!important}[data-theme=dark] #main-content [style*="background: white"],[data-theme=dark] #main-content [style*="background:#fff"],[data-theme=dark] #main-content [style*="background: #fff"]{background:#1f2937!important}[data-theme=dark] #main-content [style*="background: white"] *,[data-theme=dark] #main-content [style*="background:#fff"] *,[data-theme=dark] #main-content [style*="background: #fff"] *{color:#e5e7eb!important}[data-theme=dark] .admin-login-btn{background:#dc2626!important;color:#fff!important}[data-theme=dark] .admin-login-divider{background:#374151!important;color:#9ca3af!important}[data-theme=dark] .admin-login-form{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .admin-login-section{background:#111827!important}[data-theme=dark] .admin-modal{background:#000c!important}[data-theme=dark] .admin-modal-content{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .admin-modal-header,[data-theme=dark] .admin-search{background:#111827!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .admin-sidebar-item{background:transparent!important;color:#9ca3af!important}[data-theme=dark] .admin-sidebar-item:hover,[data-theme=dark] .admin-sidebar-item.active{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .admin-tab{background:#1f2937!important;border-color:#374151!important;color:#9ca3af!important}[data-theme=dark] .admin-tab.active{background:#dc2626!important;color:#fff!important}[data-theme=dark] .admin-table{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .admin-table th{background:#111827!important;color:#e5e7eb!important;border-color:#374151!important}[data-theme=dark] .admin-table td{background:#1f2937!important;color:#e5e7eb!important;border-color:#374151!important}[data-theme=dark] .admin-table tr:hover td{background:#374151!important}[data-theme=dark] .admin-tabs{background:#111827!important;border-color:#374151!important}[data-theme=dark] .admin-toolbar{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .admin-content{background:#111827!important}[data-theme=dark] .btn{background:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}[data-theme=dark] .btn:hover{background:#4b5563!important;border-color:#6b7280!important}[data-theme=dark] .btn-action{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .btn-back{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .btn-complete{background:#10b981!important;color:#fff!important}[data-theme=dark] .btn-danger{background:#dc2626!important;color:#fff!important}[data-theme=dark] .btn-download-certificate{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .btn-hint{background:#374151!important;color:#fbbf24!important}[data-theme=dark] .btn-icon{background:transparent!important;color:#9ca3af!important}[data-theme=dark] .btn-icon:hover{color:#e5e7eb!important}[data-theme=dark] .btn-loading{background:#4b5563!important;color:#9ca3af!important}[data-theme=dark] .btn-next{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .btn-reset,[data-theme=dark] .btn-reset-exam,[data-theme=dark] .btn-reset-progress{background:#374151!important;color:#f87171!important;border-color:#dc2626!important}[data-theme=dark] .btn-restart-quiz,[data-theme=dark] .btn-return-training{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .btn-start-exam{background:#10b981!important;color:#fff!important}[data-theme=dark] .btn-submit-exam{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .btn-toggle-guides{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .difficulty-btn{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .difficulty-btn:hover,[data-theme=dark] .difficulty-btn.active{background:#374151!important;border-color:#3b82f6!important}[data-theme=dark] .practice-mode-btn{background:#3b82f6!important;border:2px solid #60a5fa!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px #3b82f666!important}[data-theme=dark] .practice-mode-btn:hover{background:#2563eb!important;box-shadow:0 6px 16px #3b82f680!important}[data-theme=dark] .practice-mode-btn.active{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .quiz-option-btn{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .quiz-option-btn:hover{background:#374151!important;border-color:#3b82f6!important}[data-theme=dark] .control-btn{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .control-btn:hover{background:#4b5563!important}[data-theme=dark] .rate-btn{background:#1f2937!important;border-color:#374151!important;color:#9ca3af!important}[data-theme=dark] .rate-btn:hover,[data-theme=dark] .rate-btn.active{background:#374151!important;border-color:#fbbf24!important;color:#fbbf24!important}[data-theme=dark] .response-option{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .response-option:hover{background:#374151!important;border-color:#3b82f6!important}[data-theme=dark] .agnes,[data-theme=dark] .agnes-roleplay,[data-theme=dark] .agnes-roleplay-container{background:#111827!important}[data-theme=dark] .agnes-avatar,[data-theme=dark] .agnes-avatar-container{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .agnes-btn{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .agnes-btn-danger{background:#dc2626!important;color:#fff!important}[data-theme=dark] .agnes-btn-primary{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .agnes-btn-secondary{background:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}[data-theme=dark] .agnes-character{background:#1f2937!important}[data-theme=dark] .agnes-connection-status{background:#1f2937!important;color:#9ca3af!important}[data-theme=dark] .agnes-control-btn{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .agnes-controls{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .agnes-difficulty-card{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .agnes-difficulty-card:hover,[data-theme=dark] .agnes-difficulty-card.selected{background:#374151!important;border-color:#3b82f6!important}[data-theme=dark] .agnes-difficulty-grid{background:transparent!important}[data-theme=dark] .agnes-door-slam-content,[data-theme=dark] .agnes-door-slam-modal{background:#1f2937!important;border-color:#dc2626!important;color:#e5e7eb!important}[data-theme=dark] .agnes-error{background:#7f1d1d!important;color:#fca5a5!important}[data-theme=dark] .agnes-level-badge{background:#374151!important;color:#fbbf24!important}[data-theme=dark] .agnes-level-up-content,[data-theme=dark] .agnes-level-up-modal{background:#1f2937!important;border-color:#fbbf24!important;color:#e5e7eb!important}[data-theme=dark] .agnes-local-video{background:#111827!important}[data-theme=dark] .agnes-message,[data-theme=dark] .agnes-mode-card{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .agnes-mode-card:hover,[data-theme=dark] .agnes-mode-card.selected{background:#374151!important;border-color:#8b5cf6!important}[data-theme=dark] .agnes-mode-selector{background:#111827!important}[data-theme=dark] .agnes-msg{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .agnes-name{color:#e5e7eb!important}[data-theme=dark] .agnes-practice-header{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .agnes-prompt{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .agnes-recording-indicator{background:#dc2626!important;color:#fff!important}[data-theme=dark] .agnes-response,[data-theme=dark] .agnes-score-display{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .agnes-status-bar{background:#1f2937!important;color:#9ca3af!important}[data-theme=dark] .agnes-status-dot{background:#10b981!important}[data-theme=dark] .agnes-status-dot.connecting{background:#fbbf24!important}[data-theme=dark] .agnes-status-dot.error{background:#dc2626!important}[data-theme=dark] .agnes-streak-display{background:#1f2937!important;color:#fbbf24!important}[data-theme=dark] .agnes-success-content,[data-theme=dark] .agnes-success-modal{background:#1f2937!important;border-color:#10b981!important;color:#e5e7eb!important}[data-theme=dark] .agnes-text-ui{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .agnes-tips{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .agnes-transcript{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .agnes-transcript-content{background:#1f2937!important}[data-theme=dark] .agnes-transcript-header{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .agnes-transcript-message{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .agnes-transcript-section,[data-theme=dark] .agnes-video-section{background:#111827!important}[data-theme=dark] .agnes-voice-header{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .agnes-voice-main{background:#111827!important}[data-theme=dark] .agnes-xp-bar{background:#374151!important}[data-theme=dark] .answer-btn,[data-theme=dark] .answer-buttons{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .answer-btn:hover{background:#374151!important;border-color:#3b82f6!important}[data-theme=dark] .answer-comparison{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .answer-icon{color:#9ca3af!important}[data-theme=dark] .answer-item{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .answer-list{background:transparent!important}[data-theme=dark] .answer-review-content,[data-theme=dark] .answer-review-section{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .answer-section{background:#111827!important}[data-theme=dark] .answers-detail{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .answer-item .question-text{color:#e5e7eb!important}[data-theme=dark] .answer-item .question-text .q-num{color:#d1d5db!important}[data-theme=dark] .sa-item .question-text{background:#111827!important;color:#e5e7eb!important;border-left-color:#3b82f6!important}[data-theme=dark] .sa-answer{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .challenge-feedback{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .challenge-feedback.correct{background:#064e3b!important;border-color:#10b981!important;color:#a7f3d0!important}[data-theme=dark] .challenge-feedback.incorrect{background:#7f1d1d!important;border-color:#dc2626!important;color:#fca5a5!important}[data-theme=dark] .drag-item,[data-theme=dark] .drag-pool,[data-theme=dark] .draggable-item{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .drag-item:hover,[data-theme=dark] .draggable-item:hover,[data-theme=dark] .dragging{background:#374151!important;border-color:#3b82f6!important}[data-theme=dark] .drag-over{background:#1e3a5f!important;border-color:#3b82f6!important}[data-theme=dark] .drop-target,[data-theme=dark] .drop-zone,[data-theme=dark] .drop-zone-sort{background:#111827!important;border-color:#374151!important}[data-theme=dark] .drop-target.drag-over,[data-theme=dark] .drop-zone.drag-over{background:#1e3a5f!important;border-color:#3b82f6!important}[data-theme=dark] .quiz-item,[data-theme=dark] .quiz-feedback{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .game-complete-section,[data-theme=dark] .game-complete{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .shingle-game{background:#111827!important}[data-theme=dark] .inline-practice-container{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .quiz2-container{background:#111827!important}[data-theme=dark] .quiz2-option{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .quiz2-option:hover{background:#374151!important;border-color:#3b82f6!important}[data-theme=dark] .quiz2-option.selected{background:#1e3a5f!important;border-color:#3b82f6!important}[data-theme=dark] .quiz2-option.correct{background:#064e3b!important;border-color:#10b981!important}[data-theme=dark] .quiz2-option.incorrect{background:#7f1d1d!important;border-color:#dc2626!important}[data-theme=dark] .quiz2-progress,[data-theme=dark] .quiz2-progress-bar{background:#374151!important}[data-theme=dark] .quiz2-progress-fill{background:#3b82f6!important}[data-theme=dark] .quiz2-progress-text,[data-theme=dark] .quiz2-question{color:#e5e7eb!important}[data-theme=dark] .quiz2-options{background:transparent!important}[data-theme=dark] .quiz2-results{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .quiz2-result-header{color:#e5e7eb!important}[data-theme=dark] .quiz2-result-details{background:#111827!important;color:#d1d5db!important}[data-theme=dark] .quiz2-result-actions{background:transparent!important}[data-theme=dark] .quiz2-btn{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .quiz2-nav{background:#1f2937!important}[data-theme=dark] .analytics-card,[data-theme=dark] .application-card,[data-theme=dark] .challenge-card,[data-theme=dark] .difficulty-card{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .difficulty-card:hover,[data-theme=dark] .difficulty-card.selected{background:#374151!important;border-color:#3b82f6!important}[data-theme=dark] .exam-attempt-card,[data-theme=dark] .exam-card,[data-theme=dark] .inspection-step-card{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .intro-highlight-card{background:#1f2937!important;border-color:#3b82f6!important;color:#e5e7eb!important}[data-theme=dark] .key-point-card,[data-theme=dark] .leader-card,[data-theme=dark] .marker-card,[data-theme=dark] .modules-card{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .non-qualifying-damage-card{background:#7f1d1d!important;border-color:#dc2626!important;color:#fca5a5!important}[data-theme=dark] .overview-card,[data-theme=dark] .photo-strategy-card{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .qualifying-damage-card{background:#064e3b!important;border-color:#10b981!important;color:#a7f3d0!important}[data-theme=dark] .question-card,[data-theme=dark] .quiz-question-card{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .review-card-content{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .roleplay-card,[data-theme=dark] .sa-module-card,[data-theme=dark] .sa-pack-card,[data-theme=dark] .sa-question-card,[data-theme=dark] .sa-scenario-card,[data-theme=dark] .sa-stat-card,[data-theme=dark] .scenario-card,[data-theme=dark] .script-card,[data-theme=dark] .shingle-card,[data-theme=dark] .stat-card{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .step-card-content{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .step-card-header{color:#e5e7eb!important}[data-theme=dark] .actions-section{background:transparent!important}[data-theme=dark] .application-section{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .cert-section{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .composition-section{background:#111827!important}[data-theme=dark] .detail-section{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .exam-section{background:#111827!important}[data-theme=dark] .exam-sections{background:transparent!important}[data-theme=dark] .exam-submit-section{background:#1f2937!important}[data-theme=dark] .feedback-section{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .full-script-section,[data-theme=dark] .mini-game-section{background:#111827!important}[data-theme=dark] .module-completion-section,[data-theme=dark] .name-entry-section{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .promise-section{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .quiz-section{background:#111827!important}[data-theme=dark] .retry-section{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .review-section{background:#111827!important}[data-theme=dark] .sa-import-section{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .sa-section{background:#111827!important}[data-theme=dark] .sa-section-header{color:#e5e7eb!important}[data-theme=dark] .script-section,[data-theme=dark] .training-quiz-section,[data-theme=dark] .transcript-section{background:#111827!important}[data-theme=dark] .user-detail-sections{background:transparent!important}[data-theme=dark] .values-section{background:#1f2937!important;border-color:#f59e0b!important;color:#e5e7eb!important}[data-theme=dark] .video-section{background:#111827!important}[data-theme=dark] .answer-item,[data-theme=dark] .badge-item{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .detail-item{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .inspection-drag-item{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .kp-item{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .layer-item{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .legend-item{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .legend-items{background:transparent!important}[data-theme=dark] .match-item{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .module-bar-item{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .non-qualifying-items{background:#7f1d1d!important;color:#fca5a5!important}[data-theme=dark] .progress-item,[data-theme=dark] .progress-items{background:transparent!important;color:#e5e7eb!important}[data-theme=dark] .qualifying-items{background:#064e3b!important;color:#a7f3d0!important}[data-theme=dark] .quiz-item{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .requirement-item,[data-theme=dark] .result-item{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .sa-audit-item{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .sa-item{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .seq-item{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .spec-item{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .stat-item,[data-theme=dark] .summary-item{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .takeaway-item{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .wrong-answer-item{background:#7f1d1d!important;border-color:#dc2626!important;color:#fca5a5!important}[data-theme=dark] .form-group{background:transparent!important}[data-theme=dark] .form-control{background:#111827!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .form-label{color:#e5e7eb!important}[data-theme=dark] .selected{background:#1e3a5f!important;border-color:#3b82f6!important}[data-theme=dark] .selected-correct{background:#064e3b!important;border-color:#10b981!important}[data-theme=dark] .selected-wrong{background:#7f1d1d!important;border-color:#dc2626!important}[data-theme=dark] .text,[data-theme=dark] .text-primary{color:#e5e7eb!important}[data-theme=dark] .text-secondary{color:#9ca3af!important}[data-theme=dark] .text-success{color:#10b981!important}[data-theme=dark] .text-danger{color:#f87171!important}[data-theme=dark] .text-warning{color:#fbbf24!important}[data-theme=dark] .text-info{color:#60a5fa!important}[data-theme=dark] .error-message{background:#7f1d1d!important;color:#fca5a5!important}[data-theme=dark] .success-message{background:#064e3b!important;color:#a7f3d0!important}[data-theme=dark] .warning-message{background:#78350f!important;color:#fde68a!important}[data-theme=dark] .info-message{background:#1e3a5f!important;color:#93c5fd!important}[data-theme=dark] .description,[data-theme=dark] .hint-text{color:#9ca3af!important}[data-theme=dark] .analytics-grid,[data-theme=dark] .badges-grid,[data-theme=dark] .damage-comparison-grid,[data-theme=dark] .detail-grid,[data-theme=dark] .inspection-steps-grid,[data-theme=dark] .interactive-objections-grid,[data-theme=dark] .key-points-grid,[data-theme=dark] .leadership-grid,[data-theme=dark] .legend-grid,[data-theme=dark] .manufacturers-grid,[data-theme=dark] .non-negotiables-grid,[data-theme=dark] .objections-grid,[data-theme=dark] .photo-strategy-grid,[data-theme=dark] .roof-diagram-grid,[data-theme=dark] .specs-grid,[data-theme=dark] .stat-grid,[data-theme=dark] .stats-grid,[data-theme=dark] .takeaway-grid,[data-theme=dark] .terminology-flip-grid,[data-theme=dark] .tips-grid,[data-theme=dark] .visual-markers-grid{background:transparent!important}[data-theme=dark] .module-col,[data-theme=dark] .module-row{background:transparent!important;color:#e5e7eb!important}[data-theme=dark] .progress-col{background:transparent!important}[data-theme=dark] .progress-grid-header{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .progress-grid-legend,[data-theme=dark] .progress-grid-stats{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .progress-grid-table{background:#111827!important}[data-theme=dark] .progress-grid-toolbar{background:#1f2937!important}[data-theme=dark] .progress-grid-wrapper{background:#111827!important}[data-theme=dark] .sa-stats-grid{background:transparent!important}[data-theme=dark] .sticky-col{background:#1f2937!important}[data-theme=dark] .user-col{background:transparent!important;color:#e5e7eb!important}[data-theme=dark] .active{color:#3b82f6!important}[data-theme=dark] .inactive{color:#6b7280!important;opacity:.6}[data-theme=dark] .disabled{color:#4b5563!important;opacity:.5}[data-theme=dark] .hidden{display:none!important}[data-theme=dark] .loading{color:#9ca3af!important}[data-theme=dark] .error{color:#f87171!important}[data-theme=dark] .success{color:#10b981!important}[data-theme=dark] .warning{color:#fbbf24!important}[data-theme=dark] .info{color:#60a5fa!important}[data-theme=dark] .pending{color:#9ca3af!important}[data-theme=dark] .completed{color:#10b981!important}[data-theme=dark] .locked{color:#6b7280!important;opacity:.5}[data-theme=dark] .unlocked,[data-theme=dark] .correct{color:#10b981!important}[data-theme=dark] .incorrect,[data-theme=dark] .wrong{color:#f87171!important}[data-theme=dark] .partial{color:#fbbf24!important}[data-theme=dark] .passed{color:#10b981!important}[data-theme=dark] .failed,[data-theme=dark] .fail{color:#f87171!important}[data-theme=dark] .exam-container{background:#111827!important}[data-theme=dark] .exam-header{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .exam-history{background:#111827!important}[data-theme=dark] .exam-info-panel,[data-theme=dark] .exam-intro-card{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .exam-lockout-screen{background:#7f1d1d!important;color:#fca5a5!important}[data-theme=dark] .exam-progress{background:#374151!important}[data-theme=dark] .exam-question{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .exam-results{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .exam-results.passed{background:#064e3b!important;border-color:#10b981!important}[data-theme=dark] .exam-results.failed{background:#7f1d1d!important;border-color:#dc2626!important}[data-theme=dark] .exam-start-screen{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .exam-status-panel{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .exam-attempts-list{background:transparent!important}[data-theme=dark] .fib-input{background:#111827!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .fib-question,[data-theme=dark] .fib-questions,[data-theme=dark] .mcq-question,[data-theme=dark] .mcq-questions,[data-theme=dark] .certified-screen{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .cert-actions{background:transparent!important}[data-theme=dark] .cert-badge-large{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important}[data-theme=dark] .cert-banner{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .cert-details{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .pitch-chat{background:#111827!important;border-color:#374151!important}[data-theme=dark] .pitch-chat-messages{background:#111827!important}[data-theme=dark] .pitch-step{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .pitch-step.active{background:#1e3a5f!important;border-color:#3b82f6!important}[data-theme=dark] .pitch-progress{background:#374151!important}[data-theme=dark] .pitch-progress-tracker{background:#1f2937!important}[data-theme=dark] .conversation-message{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .message-content{background:transparent!important;color:#e5e7eb!important}[data-theme=dark] .message-sender{color:#9ca3af!important}[data-theme=dark] .transcript-message{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .transcript-placeholder{background:#111827!important;color:#6b7280!important}[data-theme=dark] .transcript-summary{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .transcript-table{background:#1f2937!important}[data-theme=dark] .flip-card,[data-theme=dark] .flip-card-inner{background:transparent!important}[data-theme=dark] .flip-card-front{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .flip-card-front h3,[data-theme=dark] .flip-card-front h4,[data-theme=dark] .flip-card-front p{color:#e5e7eb!important}[data-theme=dark] .flip-card-back{background:linear-gradient(135deg,#1e3a5f,#1e40af)!important;color:#fff!important}[data-theme=dark] .flip-card-back h3,[data-theme=dark] .flip-card-back h4,[data-theme=dark] .flip-card-back p,[data-theme=dark] .flip-card-back li{color:#fff!important}[data-theme=dark] .flip-hint,[data-theme=dark] .tap-hint{color:#9ca3af!important}[data-theme=dark] .script-phase h3,[data-theme=dark] .script-phase h4,[data-theme=dark] .script-phase p,[data-theme=dark] .script-phase li{color:#e5e7eb!important}[data-theme=dark] .script-content{background:#111827!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .script-header{color:#e5e7eb!important}[data-theme=dark] .script-label{color:#9ca3af!important}[data-theme=dark] .script-note{background:#111827!important;color:#9ca3af!important}[data-theme=dark] .leaderboard-section{background:#111827!important}[data-theme=dark] .leaderboard-content{background:#1f2937!important}[data-theme=dark] .leaderboard-list{background:transparent!important}[data-theme=dark] .leaderboard-tabs{background:#1f2937!important}[data-theme=dark] .lb-entry{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .lb-entry:hover{background:#374151!important}[data-theme=dark] .lb-name{color:#e5e7eb!important}[data-theme=dark] .lb-rank{color:#fbbf24!important}[data-theme=dark] .lb-stat{color:#9ca3af!important}[data-theme=dark] .lb-tab{background:#374151!important;color:#9ca3af!important}[data-theme=dark] .lb-tab.active{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .modal{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .modal-header{background:#111827!important;color:#e5e7eb!important;border-bottom-color:#374151!important}[data-theme=dark] .modal-header h3{color:#e5e7eb!important}[data-theme=dark] .modal-body{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .modal-close{color:#9ca3af!important}[data-theme=dark] .modal-close:hover{color:#e5e7eb!important}[data-theme=dark] .modal-icon{color:#3b82f6!important}[data-theme=dark] .modal-tip{background:#111827!important;color:#9ca3af!important}[data-theme=dark] .photo-modal{background:#000000e6!important}[data-theme=dark] .photo-modal-body{background:#1f2937!important}[data-theme=dark] .photo-modal-close{color:#9ca3af!important}[data-theme=dark] .photo-modal-footer{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .photo-modal-header{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .review-modal{background:#000c!important}[data-theme=dark] .login-container{background:#111827!important}[data-theme=dark] .login-error{background:#7f1d1d!important;color:#fca5a5!important}[data-theme=dark] .login-footer{background:#1f2937!important;color:#9ca3af!important}[data-theme=dark] .login-form{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .login-header,[data-theme=dark] .login-header h1{color:#e5e7eb!important}[data-theme=dark] .login-header p{color:#9ca3af!important}[data-theme=dark] .login-logo{background:transparent!important}[data-theme=dark] .login-form label{color:#e5e7eb!important}[data-theme=dark] .login-form input{background:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}[data-theme=dark] .login-form input:focus{border-color:var(--primary-color)!important;background:#374151!important}[data-theme=dark] .login-form input::placeholder{color:#6b7280!important}[data-theme=dark] .login-form .hint{color:#9ca3af!important}[data-theme=dark] .manager-code-group{border-top-color:#374151!important}[data-theme=dark] .login-btn{background:#dc2626!important;color:#fff!important}[data-theme=dark] .logout-btn-glass{background:#47556966!important;border-color:#94a3b833!important;color:#94a3b8!important}[data-theme=dark] .logout-btn-glass:hover{background:#ef444426!important;border-color:#ef444466!important;color:#fca5a5!important}[data-theme=dark] .user-login{background:#1f2937!important}[data-theme=dark] .profile-avatar{background:#374151!important}[data-theme=dark] .profile-header{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .profile-info{color:#e5e7eb!important}[data-theme=dark] .profile-level{color:#fbbf24!important}[data-theme=dark] .user-avatar-inner{background:linear-gradient(135deg,#1e293b,#0f172a)!important;color:#f1f5f9!important}[data-theme=dark] .user-avatar-ring{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}[data-theme=dark] .user-details{background:transparent!important;color:#e5e7eb!important}[data-theme=dark] .user-card-glass{background:linear-gradient(135deg,#1e293bf2,#0f172afa)!important;border-color:#94a3b826!important}[data-theme=dark] .user-name-glass{color:#f1f5f9!important}[data-theme=dark] .user-info{color:#e5e7eb!important}[data-theme=dark] .user-meta{color:#9ca3af!important}[data-theme=dark] .user-name,[data-theme=dark] .user-name-cell{color:#e5e7eb!important}[data-theme=dark] .user-name-glass{background:#ffffff1a!important;color:#e5e7eb!important}[data-theme=dark] .badge-count{background:#dc2626!important;color:#fff!important}[data-theme=dark] .badge-name{color:#e5e7eb!important}[data-theme=dark] .badge-toast{background:#1f2937!important;border-color:#fbbf24!important}[data-theme=dark] .badge-toast-desc{color:#9ca3af!important}[data-theme=dark] .badge-toast-icon{color:#fbbf24!important}[data-theme=dark] .badge-toast-name{color:#e5e7eb!important}[data-theme=dark] .badge-toast-title{color:#fbbf24!important}[data-theme=dark] .completion-badge{background:#10b981!important;color:#fff!important}[data-theme=dark] .manager-badge{background:#7c3aed!important;color:#fff!important}[data-theme=dark] .manager-badge-gradient{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important}[data-theme=dark] .result-badge{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .result-badge.success{background:#064e3b!important;color:#a7f3d0!important}[data-theme=dark] .result-badge.fail{background:#7f1d1d!important;color:#fca5a5!important}[data-theme=dark] .role-badge{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .role-badge.manager{background:#7c3aed!important;color:#fff!important}[data-theme=dark] .role-badge.user{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .status-badge{background:#374151!important;color:#9ca3af!important}[data-theme=dark] .status-badge.completed{background:#064e3b!important;color:#a7f3d0!important}[data-theme=dark] .status-badge.in-progress{background:#1e3a5f!important;color:#93c5fd!important}[data-theme=dark] .status-badge.locked{background:#374151!important;color:#6b7280!important}[data-theme=dark] .status-badge.unlocked{background:#1e3a5f!important;color:#60a5fa!important}[data-theme=dark] .score-breakdown{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .score-circle{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .score-display{color:#e5e7eb!important}[data-theme=dark] .score-icon{color:#fbbf24!important}[data-theme=dark] .score-label{color:#9ca3af!important}[data-theme=dark] .score-max{color:#6b7280!important}[data-theme=dark] .score-message,[data-theme=dark] .score-number{color:#e5e7eb!important}[data-theme=dark] .score-separator{color:#6b7280!important}[data-theme=dark] .score-total,[data-theme=dark] .score-value,[data-theme=dark] .final-score{color:#e5e7eb!important}[data-theme=dark] .perfect-score{color:#fbbf24!important}[data-theme=dark] .perfect-score-banner{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#111827!important}[data-theme=dark] .challenge-progress,[data-theme=dark] .challenge-progress-bar,[data-theme=dark] .commitment-progress-bar,[data-theme=dark] .completion-bar-mini{background:#374151!important}[data-theme=dark] .completion-fill{background:#10b981!important}[data-theme=dark] .mini-progress-bar{background:#374151!important}[data-theme=dark] .mini-progress-fill{background:#3b82f6!important}[data-theme=dark] .module-bar-fill{background:#10b981!important}[data-theme=dark] .module-bar-track,[data-theme=dark] .video-progress-container{background:#374151!important}[data-theme=dark] .video-progress-fill{background:#dc2626!important}[data-theme=dark] .video-progress-track,[data-theme=dark] .xp-bar-container,[data-theme=dark] .xp-progress-container{background:#374151!important}[data-theme=dark] .xp-bar-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)!important}[data-theme=dark] .xp-progress-bar{background:#374151!important}[data-theme=dark] .answer-img-btn{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .answer-img-btn:hover{border-color:#3b82f6!important}[data-theme=dark] .answer-img-btn.selected{border-color:#3b82f6!important;background:#1e3a5f!important}[data-theme=dark] .bio-text{color:#e5e7eb!important}[data-theme=dark] .bio-toggle-btn{color:#3b82f6!important}[data-theme=dark] .branch,[data-theme=dark] .branch-label{color:#9ca3af!important}[data-theme=dark] .confetti-container{pointer-events:none!important}[data-theme=dark] .connection-dot{background:#10b981!important}[data-theme=dark] .connection-dot.connecting{background:#fbbf24!important}[data-theme=dark] .connection-status{color:#9ca3af!important}[data-theme=dark] .empty-state{background:#1f2937!important;color:#6b7280!important}[data-theme=dark] .empty-text{color:#6b7280!important}[data-theme=dark] .expanded{background:#1f2937!important}[data-theme=dark] .expand-icon{color:#9ca3af!important}[data-theme=dark] .explanation{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .feedback-area{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .feedback-icon,[data-theme=dark] .feedback-label{color:#9ca3af!important}[data-theme=dark] .feedback-message{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .feedback-text{color:#e5e7eb!important}[data-theme=dark] .game-board{background:#111827!important}[data-theme=dark] .game-challenge{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .game-column,[data-theme=dark] .game-complete-actions{background:transparent!important}[data-theme=dark] .game-header{color:#e5e7eb!important}[data-theme=dark] .game-instructions,[data-theme=dark] .game-intro{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .game-question-area{background:#1f2937!important}[data-theme=dark] .game-score-bar{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .has-image{background:transparent!important}[data-theme=dark] .highlight{background:#fbbf2433!important;color:#fbbf24!important}[data-theme=dark] .hint{background:#1f2937!important;color:#fbbf24!important}[data-theme=dark] .key-phrases{background:#1f2937!important}[data-theme=dark] .key-phrases span{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .key-point-callout{background:#1f2937!important;border-color:#3b82f6!important;color:#e5e7eb!important}[data-theme=dark] .key-points-checklist{background:transparent!important}[data-theme=dark] .key-points-checklist li{color:#e5e7eb!important}[data-theme=dark] .key-takeaways{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .kp-check{color:#10b981!important}[data-theme=dark] .layer-content{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .layer-number{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .leader-bio-full{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .leader-highlight{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .leader-photo,[data-theme=dark] .leader-photo-container{background:#374151!important}[data-theme=dark] .leader-title{color:#e5e7eb!important}[data-theme=dark] .level-up{background:#1f2937!important;color:#fbbf24!important}[data-theme=dark] .loading-spinner{border-color:#374151!important;border-top-color:#3b82f6!important}[data-theme=dark] .loading-text{color:#9ca3af!important}[data-theme=dark] .lockout-history{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .lockout-icon,[data-theme=dark] .lockout-message{color:#f87171!important}[data-theme=dark] .lockout-warning{background:#7f1d1d!important;color:#fca5a5!important}[data-theme=dark] .manufacturer-ct,[data-theme=dark] .manufacturer-gaf,[data-theme=dark] .manufacturer-iko,[data-theme=dark] .manufacturer-oc{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .manufacturer-logo-placeholder{background:#374151!important;color:#9ca3af!important}[data-theme=dark] .market-share{color:#9ca3af!important}[data-theme=dark] .module-3-redesign,[data-theme=dark] .module-5-redesign{background:#111827!important}[data-theme=dark] .module-bar-name{color:#e5e7eb!important}[data-theme=dark] .module-bar-rate{color:#9ca3af!important}[data-theme=dark] .module-bars{background:transparent!important}[data-theme=dark] .module-cell{color:#e5e7eb!important}[data-theme=dark] .module-header-gradient{background:linear-gradient(135deg,#1f2937,#111827)!important}[data-theme=dark] .module-intro{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .module-loading{background:#111827!important;color:#9ca3af!important}[data-theme=dark] .module-name,[data-theme=dark] .module-name-cell{color:#e5e7eb!important}[data-theme=dark] .module-num,[data-theme=dark] .modules-count,[data-theme=dark] .msg-role{color:#9ca3af!important}[data-theme=dark] .msg-text{color:#e5e7eb!important}[data-theme=dark] .my-page-container{background:#111827!important}[data-theme=dark] .nav-module-link{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .next-module-text{color:#e5e7eb!important}[data-theme=dark] .no-data,[data-theme=dark] .not-started{color:#6b7280!important}[data-theme=dark] .notice-icon{color:#fbbf24!important}[data-theme=dark] .notice-text{color:#e5e7eb!important}[data-theme=dark] .objection-challenge-game{background:#111827!important}[data-theme=dark] .objection-icon{color:#f87171!important}[data-theme=dark] .objection-module-redesign{background:#111827!important}[data-theme=dark] .objection-steps-container{background:transparent!important}[data-theme=dark] .option-label{color:#e5e7eb!important}[data-theme=dark] .option-letter{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .option-text{color:#e5e7eb!important}[data-theme=dark] .optional{color:#6b7280!important}[data-theme=dark] .options-group{background:transparent!important}[data-theme=dark] .org-chart{background:#1f2937!important}[data-theme=dark] .passing-note{color:#9ca3af!important}[data-theme=dark] .phrase-chip{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .photo-caption{color:#9ca3af!important}[data-theme=dark] .photo-card-number{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .photo-placeholder{background:#374151!important;color:#6b7280!important}[data-theme=dark] .photo-tips-box{background:#1f2937!important;border-color:#fbbf24!important;color:#e5e7eb!important}[data-theme=dark] .points-earned{color:#fbbf24!important}[data-theme=dark] .post-inspection-redesign{background:#111827!important}[data-theme=dark] .practice-active{background:#1e3a5f!important;border-color:#3b82f6!important}[data-theme=dark] .practice-agnes-btn{background:#8b5cf6!important;color:#fff!important}[data-theme=dark] .practice-btn{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .practice-controls{background:#1f2937!important}[data-theme=dark] .practice-intro{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .practice-mode-container{background:#111827!important}[data-theme=dark] .practice-note{background:#111827!important;color:#9ca3af!important}[data-theme=dark] .practice-prompt,[data-theme=dark] .practice-tips{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .pro-tip-box{background:#1f2937!important;border-color:#3b82f6!important;color:#e5e7eb!important}[data-theme=dark] .promise-check{color:#10b981!important}[data-theme=dark] .promise-icon{color:#3b82f6!important}[data-theme=dark] .q-num,[data-theme=dark] .q-number{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .q-text,[data-theme=dark] .question-header{color:#e5e7eb!important}[data-theme=dark] .question-number{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .quiz-container-enhanced{background:#111827!important}[data-theme=dark] .quiz-error{background:#7f1d1d!important;color:#fca5a5!important}[data-theme=dark] .quiz-instructions{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .quiz-options{background:transparent!important}[data-theme=dark] .quiz-question,[data-theme=dark] .quiz-question-text{color:#e5e7eb!important}[data-theme=dark] .quiz-result-area{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .quiz-start-btn{background:#10b981!important;color:#fff!important}[data-theme=dark] .quiz-submit-btn{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .quiz-success{background:#064e3b!important;color:#a7f3d0!important}[data-theme=dark] .rating-buttons{background:transparent!important}[data-theme=dark] .rec-dot{background:#dc2626!important}[data-theme=dark] .recording-indicator{background:#dc2626!important;color:#fff!important}[data-theme=dark] .reference-link{color:#3b82f6!important}[data-theme=dark] .response-branch,[data-theme=dark] .response-content{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .response-options{background:transparent!important}[data-theme=dark] .response-text{color:#e5e7eb!important}[data-theme=dark] .result-actions{background:transparent!important}[data-theme=dark] .result-answer{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .result-content{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .result-icon,[data-theme=dark] .result-marker{color:#9ca3af!important}[data-theme=dark] .result-question,[data-theme=dark] .result-score{color:#e5e7eb!important}[data-theme=dark] .review-answer{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .review-badge{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .review-complete{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .review-complete-screen{background:#1f2937!important}[data-theme=dark] .review-header,[data-theme=dark] .review-intro,[data-theme=dark] .review-question{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .review-rating{background:#1f2937!important}[data-theme=dark] .review-suggestions{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .roleplay-stats{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .roof-diagram-img{background:transparent!important}[data-theme=dark] .roof-diagram-interactive{background:#1f2937!important}[data-theme=dark] .rp-actions{background:transparent!important}[data-theme=dark] .rp-controls{background:#1f2937!important}[data-theme=dark] .sa-answer{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .sa-answers{background:transparent!important}[data-theme=dark] .sa-audit-action{color:#e5e7eb!important}[data-theme=dark] .sa-audit-entity{color:#9ca3af!important}[data-theme=dark] .sa-audit-list{background:transparent!important}[data-theme=dark] .sa-audit-time{color:#6b7280!important}[data-theme=dark] .sa-dashboard{background:#111827!important}[data-theme=dark] .sa-delete-question,[data-theme=dark] .sa-delete-scenario{background:#dc2626!important;color:#fff!important}[data-theme=dark] .sa-edit-question,[data-theme=dark] .sa-edit-scenario{background:#8b5cf6!important;color:#fff!important}[data-theme=dark] .sa-editor{background:#1f2937!important}[data-theme=dark] .sa-editor-actions{background:transparent!important}[data-theme=dark] .sa-editor-container{background:#111827!important}[data-theme=dark] .sa-editor-controls{background:#1f2937!important}[data-theme=dark] .sa-editor-header{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .sa-editor-mode-toggle{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .sa-editor-pane{background:#1f2937!important}[data-theme=dark] .sa-editor-version{color:#6b7280!important}[data-theme=dark] .sa-empty{background:#1f2937!important;color:#6b7280!important}[data-theme=dark] .sa-error{background:#7f1d1d!important;color:#fca5a5!important}[data-theme=dark] .sa-header{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .sa-html-editor{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .sa-import-hint{color:#6b7280!important}[data-theme=dark] .sa-input{background:#111827!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .sa-loading{background:#111827!important;color:#9ca3af!important}[data-theme=dark] .sa-main{background:#111827!important}[data-theme=dark] .sa-module-actions{background:transparent!important}[data-theme=dark] .sa-module-id{color:#6b7280!important}[data-theme=dark] .sa-module-info{color:#e5e7eb!important}[data-theme=dark] .sa-module-list{background:transparent!important}[data-theme=dark] .sa-module-status{color:#9ca3af!important}[data-theme=dark] .sa-nav,[data-theme=dark] .sa-packs-list{background:transparent!important}[data-theme=dark] .sa-preview-content{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .sa-preview-pane{background:#1f2937!important}[data-theme=dark] .sa-question{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .sa-question-actions{background:transparent!important}[data-theme=dark] .sa-question-meta{color:#9ca3af!important}[data-theme=dark] .sa-question-points{color:#fbbf24!important}[data-theme=dark] .sa-question-text{color:#e5e7eb!important}[data-theme=dark] .sa-question-type{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .sa-questions,[data-theme=dark] .sa-questions-list,[data-theme=dark] .sa-quick-actions{background:transparent!important}[data-theme=dark] .sa-review{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .sa-scenario-actions{background:transparent!important}[data-theme=dark] .sa-scenario-count{color:#9ca3af!important}[data-theme=dark] .sa-scenario-prompt{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .sa-scenario-role{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .sa-scenarios-list{background:transparent!important}[data-theme=dark] .sa-stat-label{color:#9ca3af!important}[data-theme=dark] .sa-stat-number{color:#e5e7eb!important}[data-theme=dark] .sa-tab{background:#374151!important;color:#9ca3af!important}[data-theme=dark] .sa-tab.active{background:#dc2626!important;color:#fff!important}[data-theme=dark] .sa-tabs{background:#1f2937!important}[data-theme=dark] .sa-value{color:#e5e7eb!important}[data-theme=dark] .sa-visual-editor{background:#1f2937!important}[data-theme=dark] .sa-action-btn,[data-theme=dark] .sa-back-btn{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .sa-import-btn{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .sa-logout-btn{background:#dc2626!important;color:#fff!important}[data-theme=dark] .sa-mode-btn{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .sa-publish-btn{background:#10b981!important;color:#fff!important}[data-theme=dark] .sa-save-btn{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .sa-view-pack-btn{background:#8b5cf6!important;color:#fff!important}[data-theme=dark] .scenario-header{color:#e5e7eb!important}[data-theme=dark] .scenario-icon,[data-theme=dark] .scenario-label{color:#9ca3af!important}[data-theme=dark] .scenario-role-badge{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .scenario-text{color:#e5e7eb!important}[data-theme=dark] .section-scores{background:transparent!important}[data-theme=dark] .seq-number{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .session-stats{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .shingle-3tab{background:#1f2937!important;border-color:#60a5fa!important}[data-theme=dark] .shingle-architectural{background:#1f2937!important;border-color:#f59e0b!important}[data-theme=dark] .shingle-comparison{background:transparent!important}[data-theme=dark] .shingle-comparison-enhanced{background:#111827!important}[data-theme=dark] .shingle-header{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .shingle-header h3{color:#e5e7eb!important}[data-theme=dark] .shingle-photo,[data-theme=dark] .shingle-photo-container{background:#374151!important}[data-theme=dark] .shingle-specs{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .signature-error{color:#f87171!important}[data-theme=dark] .signature-form{background:#1f2937!important}[data-theme=dark] .signature-label{color:#e5e7eb!important}[data-theme=dark] .signature-submit-btn{background:#10b981!important;color:#fff!important}[data-theme=dark] .slowest{color:#f87171!important}[data-theme=dark] .speaking-indicator{background:#10b981!important}[data-theme=dark] .stale{color:#f87171!important}[data-theme=dark] .stat{color:#e5e7eb!important}[data-theme=dark] .stat-box{background:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}[data-theme=dark] .stat-icon,[data-theme=dark] .stat-label{color:#9ca3af!important}[data-theme=dark] .stat-value{color:#e5e7eb!important}[data-theme=dark] .status-icon{color:#9ca3af!important}[data-theme=dark] .status-icon.completed{color:#10b981!important}[data-theme=dark] .status-icon.in-progress{color:#3b82f6!important}[data-theme=dark] .status-icon.not-started{color:#6b7280!important}[data-theme=dark] .status-icon.stale{color:#f87171!important}[data-theme=dark] .step-badge{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .step-checklist{background:transparent!important}[data-theme=dark] .step-checklist li{color:#e5e7eb!important}[data-theme=dark] .step-example{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .step-icon{color:#9ca3af!important}[data-theme=dark] .step-number{background:#3b82f6!important;color:#fff!important}[data-theme=dark] .step-pro-tip{background:#1f2937!important;border-color:#fbbf24!important;color:#e5e7eb!important}[data-theme=dark] .storm-script{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .strategy-photo{background:#374151!important}[data-theme=dark] .streak-icon{color:#f59e0b!important}[data-theme=dark] .submit-warning{background:#78350f!important;color:#fde68a!important}[data-theme=dark] .success-icon{color:#10b981!important}[data-theme=dark] .summary-stat{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .takeaway-icon{color:#10b981!important}[data-theme=dark] .theme-icon,[data-theme=dark] .theme-label{color:#e5e7eb!important}[data-theme=dark] .theme-toggle-btn{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] .time-cell,[data-theme=dark] .time-icon,[data-theme=dark] .time-taken{color:#9ca3af!important}[data-theme=dark] .time-tracker-header,[data-theme=dark] .time-tracker-legend,[data-theme=dark] .time-tracker-summary{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .time-tracker-table{background:#1f2937!important}[data-theme=dark] .tip-close{color:#9ca3af!important}[data-theme=dark] .tip-content{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .tip-icon{color:#fbbf24!important}[data-theme=dark] .tip-message{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .tip-text,[data-theme=dark] .tip-title{color:#e5e7eb!important}[data-theme=dark] .tone-feedback{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .transcription-text,[data-theme=dark] .transition-text{color:#e5e7eb!important}[data-theme=dark] .type,[data-theme=dark] .unlock-req{color:#9ca3af!important}[data-theme=dark] .unlocks{color:#10b981!important}[data-theme=dark] .value{color:#e5e7eb!important}[data-theme=dark] .video-player-container{background:#111827!important}[data-theme=dark] .video-preview{background:#374151!important}[data-theme=dark] .voice-feedback-body,[data-theme=dark] .voice-feedback-header,[data-theme=dark] .voice-live-feedback{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .voice-live-score{color:#e5e7eb!important}[data-theme=dark] .voice-live-tip{background:#111827!important;color:#9ca3af!important}[data-theme=dark] .why-works{background:#064e3b!important;color:#a7f3d0!important}[data-theme=dark] .with-images{background:transparent!important}[data-theme=dark] .x-icon{color:#f87171!important}[data-theme=dark] .xp-icon{color:#fbbf24!important}[data-theme=dark] .xp-label{color:#9ca3af!important}[data-theme=dark] .xp-separator{color:#6b7280!important}[data-theme=dark] .xp-to-next{color:#9ca3af!important}[data-theme=dark] .your-answer{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .your-rank{background:#1e3a5f!important;color:#e5e7eb!important}[data-theme=dark] [style*="linear-gradient(135deg, #eff6ff"],[data-theme=dark] [style*="linear-gradient(135deg, #dbeafe"],[data-theme=dark] [style*="linear-gradient(135deg, #e0f2fe"],[data-theme=dark] [style*="linear-gradient(135deg, #ecfeff"],[data-theme=dark] [style*="background: #eff6ff"],[data-theme=dark] [style*="background: #dbeafe"],[data-theme=dark] [style*="background:#dbeafe"],[data-theme=dark] [style*="background: #e0f2fe"],[data-theme=dark] [style*="background: #bae6fd"]{background:#1e3a5f!important}[data-theme=dark] [style*="linear-gradient(135deg, #eff6ff"] *,[data-theme=dark] [style*="linear-gradient(135deg, #dbeafe"] *,[data-theme=dark] [style*="linear-gradient(135deg, #e0f2fe"] *,[data-theme=dark] [style*="linear-gradient(135deg, #ecfeff"] *{color:#e5e7eb!important}[data-theme=dark] [style*="linear-gradient(135deg, #f0fdf4"],[data-theme=dark] [style*="linear-gradient(135deg, #dcfce7"],[data-theme=dark] [style*="linear-gradient(135deg, #d1fae5"],[data-theme=dark] [style*="background: #f0fdf4"],[data-theme=dark] [style*="background:#f0fdf4"],[data-theme=dark] [style*="background: #dcfce7"],[data-theme=dark] [style*="background: #d1fae5"],[data-theme=dark] [style*="background: #bbf7d0"],[data-theme=dark] [style*="background: #a7f3d0"]{background:#064e3b!important}[data-theme=dark] [style*="linear-gradient(135deg, #f0fdf4"] *,[data-theme=dark] [style*="linear-gradient(135deg, #dcfce7"] *,[data-theme=dark] [style*="linear-gradient(135deg, #d1fae5"] *{color:#e5e7eb!important}[data-theme=dark] [style*="linear-gradient(135deg, #fef3c7"],[data-theme=dark] [style*="linear-gradient(135deg, #fde68a"],[data-theme=dark] [style*="linear-gradient(135deg, #fef9c3"],[data-theme=dark] [style*="linear-gradient(135deg, #fefce8"],[data-theme=dark] [style*="linear-gradient(120deg, #fef3c7"],[data-theme=dark] [style*="background: #fef3c7"],[data-theme=dark] [style*="background:#fef3c7"],[data-theme=dark] [style*="background: #fde68a"],[data-theme=dark] [style*="background: #fef9c3"],[data-theme=dark] [style*="background: #fefce8"]{background:#78350f!important}[data-theme=dark] [style*="linear-gradient(135deg, #fef3c7"] *,[data-theme=dark] [style*="linear-gradient(135deg, #fde68a"] *,[data-theme=dark] [style*="linear-gradient(120deg, #fef3c7"] *{color:#e5e7eb!important}[data-theme=dark] [style*="linear-gradient(135deg, #fce7f3"],[data-theme=dark] [style*="linear-gradient(135deg, #fbcfe8"],[data-theme=dark] [style*="linear-gradient(135deg, #fef2f2"],[data-theme=dark] [style*="linear-gradient(135deg, #fee2e2"],[data-theme=dark] [style*="background: #fce7f3"],[data-theme=dark] [style*="background: #fbcfe8"],[data-theme=dark] [style*="background: #fef2f2"],[data-theme=dark] [style*="background: #fee2e2"]{background:#831843!important}[data-theme=dark] [style*="linear-gradient(135deg, #fce7f3"] *,[data-theme=dark] [style*="linear-gradient(135deg, #fbcfe8"] *,[data-theme=dark] [style*="linear-gradient(135deg, #fef2f2"] *,[data-theme=dark] [style*="linear-gradient(135deg, #fee2e2"] *{color:#e5e7eb!important}[data-theme=dark] [style*="linear-gradient(135deg, #f5f3ff"],[data-theme=dark] [style*="linear-gradient(135deg, #ede9fe"],[data-theme=dark] [style*="linear-gradient(135deg, #f3e8ff"],[data-theme=dark] [style*="linear-gradient(135deg, #e9d5ff"],[data-theme=dark] [style*="linear-gradient(135deg, #faf5ff"],[data-theme=dark] [style*="background: #f5f3ff"],[data-theme=dark] [style*="background: #f3e8ff"],[data-theme=dark] [style*="background:#f3e8ff"],[data-theme=dark] [style*="background: #f8f4fc"],[data-theme=dark] [style*="background:#f8f4fc"],[data-theme=dark] [style*="background: #ede9fe"],[data-theme=dark] [style*="background: #e9d5ff"],[data-theme=dark] [style*="background: #f5f5f5"],[data-theme=dark] [style*="background: #5f3dc4"]{background:#4c1d95!important}[data-theme=dark] [style*="linear-gradient(135deg, #f5f3ff"] *,[data-theme=dark] [style*="linear-gradient(135deg, #f3e8ff"] *,[data-theme=dark] [style*="linear-gradient(135deg, #faf5ff"] *{color:#e5e7eb!important}[data-theme=dark] [style*="linear-gradient(180deg, #fafafa"],[data-theme=dark] [style*="linear-gradient(135deg, #f8fafc"],[data-theme=dark] [style*="linear-gradient(135deg, #f1f5f9"],[data-theme=dark] [style*="background: #f8fafc"],[data-theme=dark] [style*="background:#f8fafc"],[data-theme=dark] [style*="background: #f9fafb"],[data-theme=dark] [style*="background: #fafafa"],[data-theme=dark] [style*="background: #f1f5f9"],[data-theme=dark] [style*="background: #e2e8f0"],[data-theme=dark] [style*="background: #f5f5f5"]{background:#1f2937!important}[data-theme=dark] [style*="linear-gradient(180deg, #fafafa"] *,[data-theme=dark] [style*="linear-gradient(135deg, #f8fafc"] *{color:#e5e7eb!important}[data-theme=dark] [style*="background: #fff7ed"],[data-theme=dark] [style*="background:#fff7ed"],[data-theme=dark] [style*="background: #ffedd5"]{background:#7c2d12!important}[data-theme=dark] [style*="rgba(255,255,255,0.9)"],[data-theme=dark] [style*="rgba(255, 255, 255, 0.9)"],[data-theme=dark] [style*="rgba(255,255,255,0.8)"],[data-theme=dark] [style*="rgba(255, 255, 255, 0.8)"]{background:#1f2937f2!important}[data-theme=dark] [style*="rgba(255,255,255,0.9)"] *,[data-theme=dark] [style*="rgba(255, 255, 255, 0.9)"] *,[data-theme=dark] [style*="rgba(255,255,255,0.8)"] *,[data-theme=dark] [style*="rgba(255, 255, 255, 0.8)"] *{color:#e5e7eb!important}[data-theme=dark] #main-content [style*="background: white"],[data-theme=dark] #main-content [style*="background:white"],[data-theme=dark] #main-content [style*="background: #fff"],[data-theme=dark] #main-content [style*="background:#fff"],[data-theme=dark] #main-content [style*="background: #ffffff"],[data-theme=dark] #main-content [style*="background:#ffffff"]{background:#1f2937!important}[data-theme=dark] #main-content [style*="background: white"] *,[data-theme=dark] #main-content [style*="background:white"] *,[data-theme=dark] #main-content [style*="background: #fff"] *,[data-theme=dark] #main-content [style*="background:#fff"] *,[data-theme=dark] #main-content [style*="background: #ffffff"] *,[data-theme=dark] #main-content [style*="background:#ffffff"] *,[data-theme=dark] #main-content h1,[data-theme=dark] #main-content h2,[data-theme=dark] #main-content h3,[data-theme=dark] #main-content h4,[data-theme=dark] #main-content h5,[data-theme=dark] #main-content h6,[data-theme=dark] #main-content p,[data-theme=dark] #main-content span,[data-theme=dark] #main-content li,[data-theme=dark] #main-content td,[data-theme=dark] #main-content label{color:#e5e7eb!important}[data-theme=dark] #main-content button{color:inherit}[data-theme=dark] #main-content .btn-primary,[data-theme=dark] #main-content .btn-danger,[data-theme=dark] #main-content .btn-action{color:#fff!important}[data-theme=dark] #main-content [style*="color: #333"],[data-theme=dark] #main-content [style*="color:#333"],[data-theme=dark] #main-content [style*="color: #1a1a1a"],[data-theme=dark] #main-content [style*="color: #111"],[data-theme=dark] #main-content [style*="color: #000"],[data-theme=dark] #main-content [style*="color: black"],[data-theme=dark] #main-content [style*="color: #1f2937"],[data-theme=dark] #main-content [style*="color:#1f2937"],[data-theme=dark] #main-content [style*="color: #374151"],[data-theme=dark] #main-content [style*="color:#374151"],[data-theme=dark] #main-content [style*="color: #4b5563"],[data-theme=dark] #main-content [style*="color:#4b5563"],[data-theme=dark] #main-content [style*="color: #6b7280"],[data-theme=dark] #main-content [style*="color:#6b7280"]{color:#e5e7eb!important}[data-theme=dark] .inspection-step-card{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .inspection-step-card:hover,[data-theme=dark] .inspection-step-card.expanded{border-color:#3b82f6!important}[data-theme=dark] .step-card-header{background:transparent!important;border-color:#374151!important}[data-theme=dark] .step-card-header span{color:#e5e7eb!important}[data-theme=dark] .step-card-content{background:transparent!important;color:#e5e7eb!important}[data-theme=dark] .step-card-content p{color:#e5e7eb!important}[data-theme=dark] .photo-caption{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .shingle-photo-container .photo-caption,[data-theme=dark] .damage-gallery-item .photo-caption,[data-theme=dark] .damage-image-item .photo-caption{background:#1f2937!important;color:#d1d5db!important}[data-theme=dark] .script-phase{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .script-phase h3,[data-theme=dark] .script-phase h4,[data-theme=dark] .script-phase p{color:#e5e7eb!important}[data-theme=dark] .script-content{background:#111827!important;color:#e5e7eb!important}[data-theme=dark] .if-yes{background:#064e3b!important;border-color:#10b981!important}[data-theme=dark] .if-yes .branch-label{color:#a7f3d0!important}[data-theme=dark] .if-yes p{color:#e5e7eb!important}[data-theme=dark] .if-no{background:#7f1d1d!important;border-color:#f87171!important}[data-theme=dark] .if-no .branch-label{color:#fca5a5!important}[data-theme=dark] .if-no p{color:#e5e7eb!important}[data-theme=dark] .response-branch{background:#1f2937!important}[data-theme=dark] .storm-script{background:#1f2937!important;border-color:#92400e!important}[data-theme=dark] .storm-script h4,[data-theme=dark] .storm-script p{color:#e5e7eb!important}[data-theme=dark] [style*="background: #fff3e0"],[data-theme=dark] [style*="background:#fff3e0"]{background:#374151!important}[data-theme=dark] [style*="background: #fff3e0"] *,[data-theme=dark] [style*="background:#fff3e0"] *,[data-theme=dark] .video-section [style*="color: #1e293b"],[data-theme=dark] .video-section [style*="color:#1e293b"],[data-theme=dark] [style*="color: #1e293b"]{color:#e5e7eb!important}[data-theme=dark] .video-section [style*="color: #64748b"],[data-theme=dark] .video-section [style*="color:#64748b"],[data-theme=dark] [style*="color: #64748b"],[data-theme=dark] [style*="color: #4a5568"],[data-theme=dark] [style*="color:#4a5568"]{color:#9ca3af!important}[data-theme=dark] [style*="color: #334155"],[data-theme=dark] [style*="color:#334155"]{color:#e5e7eb!important}[data-theme=dark] [style*="color: #475569"],[data-theme=dark] [style*="color:#475569"]{color:#9ca3af!important}[data-theme=dark] [style*="background: linear-gradient(120deg, #fef3c7"],[data-theme=dark] [style*="background: linear-gradient(120deg,#fef3c7"]{background:linear-gradient(135deg,#78350f,#92400e)!important;border-left-color:#f59e0b!important}[data-theme=dark] [style*="background: linear-gradient(120deg, #fef3c7"] *,[data-theme=dark] [style*="background: linear-gradient(120deg,#fef3c7"] *{color:#fef3c7!important}[data-theme=dark] .intro-highlight-card,[data-theme=dark] [style*="background: linear-gradient(135deg, #eff6ff 0%, #dbeafe"]{background:linear-gradient(135deg,#1e3a5f,#1e40af)!important;border-left-color:#3b82f6!important}[data-theme=dark] .intro-highlight-card h2,[data-theme=dark] .intro-highlight-card p,[data-theme=dark] [style*="background: linear-gradient(135deg, #eff6ff 0%, #dbeafe"] *{color:#e5e7eb!important}[data-theme=dark] [style*="color: #1e40af"],[data-theme=dark] [style*="color:#1e40af"]{color:#93c5fd!important}[data-theme=dark] .pitch-progress-tracker{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .pitch-progress-tracker h3,[data-theme=dark] .progress-item{color:#e5e7eb!important}[data-theme=dark] .progress-label{color:#9ca3af!important}[data-theme=dark] .nn-card{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .nn-card h4{color:#e5e7eb!important}[data-theme=dark] .nn-card p,[data-theme=dark] .nn-quote{color:#d1d5db!important}[data-theme=dark] .script-card{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .script-header{background:#111827!important;border-color:#374151!important}[data-theme=dark] .script-label{color:#e5e7eb!important}[data-theme=dark] .fill-blank{background:#374151!important;color:#60a5fa!important;border-color:#3b82f6!important}[data-theme=dark] .script-note{background:#374151!important;color:#fbbf24!important}[data-theme=dark] .transition-text{color:#60a5fa!important}[data-theme=dark] .practice-mode-container{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .practice-intro p{color:#e5e7eb!important}[data-theme=dark] .practice-active{background:#111827!important}[data-theme=dark] .practice-prompt{background:#1f2937!important;color:#e5e7eb!important}[data-theme=dark] .practice-prompt h4{color:#e5e7eb!important}[data-theme=dark] .practice-prompt p,[data-theme=dark] #practice-prompt-text{color:#d1d5db!important}[data-theme=dark] .practice-tips{background:#1f2937!important}[data-theme=dark] .practice-tips h4{color:#e5e7eb!important}[data-theme=dark] .practice-tips li{color:#d1d5db!important}[data-theme=dark] .tips-grid{background:transparent!important}[data-theme=dark] .tip-card{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .tip-card h4{color:#e5e7eb!important}[data-theme=dark] .tip-card p{color:#d1d5db!important}[data-theme=dark] .key-phrases{background:transparent!important}[data-theme=dark] .phrase-chip{background:#374151!important;color:#e5e7eb!important;border-color:#4b5563!important}[data-theme=dark] .section-intro{color:#9ca3af!important}[data-theme=dark] .damage-type{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .damage-type h3,[data-theme=dark] .damage-type h4{color:#e5e7eb!important}[data-theme=dark] .damage-type p,[data-theme=dark] .damage-type li{color:#d1d5db!important}[data-theme=dark] .damage-gallery{background:transparent!important}[data-theme=dark] .damage-image-item{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] .damage-image-item .image-caption{background:#111827!important;color:#d1d5db!important}[data-theme=dark] .key-point-callout,[data-theme=dark] [style*="background: linear-gradient(135deg, #fef2f2 0%, #fee2e2"]{background:linear-gradient(135deg,#450a0a,#7f1d1d)!important;border-left-color:#ef4444!important}[data-theme=dark] .key-point-callout p,[data-theme=dark] [style*="background: linear-gradient(135deg, #fef2f2 0%, #fee2e2"] p,[data-theme=dark] [style*="color: #991b1b"],[data-theme=dark] [style*="color:#991b1b"]{color:#fca5a5!important}[data-theme=dark] .shingle-comparison,[data-theme=dark] .shingle-type{background:#1f2937!important;border-color:#374151!important}[data-theme=dark] [style*="background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0"]{background:linear-gradient(135deg,#1f2937,#374151)!important;border-color:#4b5563!important}[data-theme=dark] [style*="background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0"] h4{color:#e5e7eb!important}[data-theme=dark] [style*="background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7"]{background:linear-gradient(135deg,#064e3b,#065f46)!important;border-color:#10b981!important}[data-theme=dark] [style*="background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7"] h4,[data-theme=dark] [style*="color: #166534"],[data-theme=dark] [style*="color:#166534"]{color:#a7f3d0!important}[data-theme=dark] [style*="background: #fef3c7"],[data-theme=dark] [style*="background:#fef3c7"]{background:#78350f!important;border-left-color:#f59e0b!important}[data-theme=dark] [style*="background: #fef3c7"] p,[data-theme=dark] [style*="background:#fef3c7"] p,[data-theme=dark] [style*="color: #92400e"],[data-theme=dark] [style*="color:#92400e"]{color:#fde68a!important}[data-theme=dark] [style*="background: #d1fae5"],[data-theme=dark] [style*="background:#d1fae5"]{background:#064e3b!important;border-left-color:#22c55e!important}[data-theme=dark] [style*="background: #d1fae5"] p,[data-theme=dark] [style*="background:#d1fae5"] p,[data-theme=dark] [style*="color: #065f46"],[data-theme=dark] [style*="color:#065f46"]{color:#a7f3d0!important}[data-theme=dark] .qualifying-damage-card,[data-theme=dark] [style*="border: 3px solid #22c55e"]{background:linear-gradient(135deg,#064e3b,#065f46)!important;border-color:#22c55e!important}[data-theme=dark] .qualifying-damage-card h3,[data-theme=dark] [style*="color: #15803d"],[data-theme=dark] [style*="color:#15803d"]{color:#86efac!important}[data-theme=dark] .non-qualifying-damage-card,[data-theme=dark] [style*="border: 3px solid #ef4444"]{background:linear-gradient(135deg,#450a0a,#7f1d1d)!important;border-color:#ef4444!important}[data-theme=dark] .non-qualifying-damage-card h3,[data-theme=dark] [style*="color: #b91c1c"],[data-theme=dark] [style*="color:#b91c1c"]{color:#f87171!important}[data-theme=dark] .qualifying-items>div,[data-theme=dark] .non-qualifying-items>div,[data-theme=dark] .qualifying-damage-card [style*="background: white"],[data-theme=dark] .non-qualifying-damage-card [style*="background: white"]{background:#1f2937!important}[data-theme=dark] .qualifying-items strong,[data-theme=dark] .non-qualifying-items strong{color:inherit!important}[data-theme=dark] .qualifying-items p,[data-theme=dark] .non-qualifying-items p,[data-theme=dark] [style*="color: #374151"],[data-theme=dark] [style*="color:#374151"]{color:#d1d5db!important}[data-theme=dark] .pro-tip-box,[data-theme=dark] [style*="border: 2px solid #3b82f6"]{background:linear-gradient(135deg,#1e3a5f,#1e40af)!important;border-color:#3b82f6!important}[data-theme=dark] .pro-tip-box strong,[data-theme=dark] [style*="color: #1d4ed8"],[data-theme=dark] [style*="color:#1d4ed8"]{color:#93c5fd!important}[data-theme=dark] #damage-matching-game,[data-theme=dark] [style*="background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff"]{background:linear-gradient(135deg,#2e1065,#4c1d95)!important;border-color:#a855f7!important}[data-theme=dark] #damage-matching-game h3,[data-theme=dark] [style*="color: #7c3aed"],[data-theme=dark] [style*="color:#7c3aed"]{color:#c4b5fd!important}[data-theme=dark] #damage-matching-game h4{color:#e5e7eb!important}[data-theme=dark] #damage-matching-game p{color:#d1d5db!important}[data-theme=dark] .match-item.description,[data-theme=dark] #damage-descriptions .match-item,[data-theme=dark] #damage-descriptions [style*="background: white"]{background:#1f2937!important;border-color:#4b5563!important;color:#e5e7eb!important}[data-theme=dark] .match-item.description:hover,[data-theme=dark] #damage-descriptions .match-item:hover{border-color:#8b5cf6!important;background:#374151!important}[data-theme=dark] .seq-item,[data-theme=dark] #doc-sequence-items [style*="background: white"]{background:#1f2937!important;border-color:#4b5563!important;color:#e5e7eb!important}[data-theme=dark] .seq-item:hover,[data-theme=dark] #doc-sequence-items [style*="background: white"]:hover{border-color:#8b5cf6!important;background:#374151!important}[data-theme=dark] .seq-number,[data-theme=dark] [style*="background: #e5e7eb"]{background:#374151!important;color:#e5e7eb!important}[data-theme=dark] #doc-sequence-challenge [style*="background: #fef3c7"]{background:#78350f!important;border-color:#f59e0b!important}[data-theme=dark] #doc-sequence-challenge [style*="background: #fef3c7"] p,[data-theme=dark] #doc-sequence-challenge [style*="color: #92400e"]{color:#fde68a!important}[data-theme=dark] #game-complete-section,[data-theme=dark] [style*="background: linear-gradient(135deg, #d1fae5, #a7f3d0"]{background:linear-gradient(135deg,#064e3b,#065f46)!important}[data-theme=dark] #game-complete-section h3,[data-theme=dark] [style*="color: #059669"],[data-theme=dark] [style*="color:#059669"]{color:#6ee7b7!important}[data-theme=dark] #game-complete-section p,[data-theme=dark] [style*="color: #047857"],[data-theme=dark] [style*="color:#047857"]{color:#a7f3d0!important}[data-theme=dark] .video-player-container,[data-theme=dark] [style*="background: #f5f5f5"]{background:#1f2937!important}[data-theme=dark] .video-player-container h3{color:#e5e7eb!important}[data-theme=dark] .video-player-container span,[data-theme=dark] .video-player-container [style*="color: #666"],[data-theme=dark] [style*="color: #666"],[data-theme=dark] [style*="color:#666"]{color:#9ca3af!important}[data-theme=dark] .video-progress-track,[data-theme=dark] [style*="background: #e0e0e0"]{background:#374151!important}[data-theme=dark] .completion-badge{background:#22c55e!important;color:#fff!important}[data-theme=dark] .module-header-gradient{background:linear-gradient(135deg,#1e40af,#3b82f6,#60a5fa)!important}[data-theme=dark] .module-header-gradient h1,[data-theme=dark] .module-header-gradient p{color:#fff!important}[data-theme=dark] .inspection-steps-grid{background:transparent!important}[data-theme=dark] .inspection-step-card h3{color:#e5e7eb!important}[data-theme=dark] .step-checklist label{color:#d1d5db!important}[data-theme=dark] .step-pro-tip{background:#374151!important;color:#fbbf24!important;border-color:#f59e0b!important}[data-theme=dark] .step-pro-tip strong{color:#fde68a!important}[data-theme=dark] .expand-icon,[data-theme=dark] [style*="color: #6b7280"],[data-theme=dark] [style*="color:#6b7280"]{color:#9ca3af!important}[data-theme=dark] [style*="color: #4b5563"],[data-theme=dark] [style*="color:#4b5563"]{color:#d1d5db!important}[data-theme=dark] [style*="background: linear-gradient(135deg, #7c3aed"]{background:linear-gradient(135deg,#5b21b6,#7c3aed,#a855f7)!important}[data-theme=dark] [style*="background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff"]{background:linear-gradient(135deg,#2e1065,#4c1d95)!important}[data-theme=dark] [style*="color: #6b21a8"],[data-theme=dark] [style*="color:#6b21a8"]{color:#d8b4fe!important}[data-theme=dark] .module-completion-section{background:transparent!important}[data-theme=dark] .complete-module-btn{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important}@media(max-width:768px){.urgency-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.empathy-flow{flex-direction:column!important;gap:8px!important}.empathy-flow>div{border-radius:12px!important;min-width:unset!important}.empathy-flow>div>div[style*="position: absolute"][style*="right:"]{display:none!important}.objections-grid{grid-template-columns:1fr!important;gap:16px!important}.objection-card{padding:16px!important}.m10-answer-btn{padding:12px 14px!important;font-size:13px!important}.module-completion-section{position:sticky;bottom:0;background:var(--light-bg, #fff);z-index:50;padding:16px!important;margin-top:20px!important;border-top:2px solid #e5e7eb;box-shadow:0 -4px 12px #0000001a}.content-card{overflow-x:hidden;word-wrap:break-word}.inline-practice-container{margin:12px 0!important}.mini-response-input{width:100%!important;box-sizing:border-box!important}.mini-actions{flex-direction:column!important;gap:8px!important}.mini-actions button{width:100%!important}.practice-agnes-btn{width:100%!important;padding:12px 16px!important;font-size:14px!important}#m10-quiz-results{padding:24px 16px!important}.exam-attempt-indicator{display:block!important;margin-left:0!important;margin-top:8px!important}#sidebar .module-list{max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(max-width:480px){#main-content{padding:12px!important}.content-card h1{font-size:22px!important}.content-card h2{font-size:18px!important}.complete-module-btn{padding:14px 20px!important;font-size:15px!important;width:100%!important}#m10-quiz-container{padding:16px!important}}