@font-face{font-family:Inter;src:url(/fonts/inter.woff2) format("woff2"),url(/fonts/inter.woff) format("woff"),url(/fonts/inter.ttf) format("truetype");font-weight:400;font-style:normal}.navHeader{color:#000;font-family:Inter;font-size:16.262px;font-style:normal;font-weight:500;line-height:normal;display:flex;align-items:center;justify-content:space-between;padding:4vh 9vw 4vh 0;width:100%;box-sizing:border-box}.rightHeader{display:flex;align-items:center;gap:3vw}.leftHeader{display:flex;align-items:center;gap:1.5vw}.profile-button{border-radius:50%;width:40x;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;border:none;padding:0;overflow:hidden}.profile-button img{width:100%;height:100%;object-fit:cover}.homeLogo{width:196px;height:40px;flex-shrink:0;margin-left:4vw}.button{cursor:pointer;position:relative;text-decoration:none;color:#000}.button:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#6d99ff;transition:width .3s ease}.button:hover:after{width:100%}.admin-button{background:linear-gradient(45deg,#ff6b35,#f7931e);color:#fff!important;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;transition:all .3s ease;border:2px solid transparent}.admin-button:hover{background:linear-gradient(45deg,#e55a2b,#d4811a);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.admin-button:after{display:none}.get-started-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:40px;padding:12px 20px;border-radius:27.371px;border:2.649px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#7cdaff,#6d99ff) border-box;font-family:Arial,sans-serif;font-size:16px;font-weight:550;text-decoration:none;cursor:pointer;outline:none;transition:all .3s ease;color:#000}.get-started-button:hover{color:#fff;background:linear-gradient(86deg,#8fdfff,#6d99ff) padding-box;border:2.649px solid transparent;transform:translateY(-2px)}.horizontal-line{width:100%;height:1.5px;background-image:linear-gradient(to right,#799ACA 50%,transparent 50%);background-size:10px 2px;margin:0;padding:0;position:relative;z-index:1000}.right-vert{width:1.5px;height:100vh;background-image:linear-gradient(to bottom,#799ACA 50%,transparent 50%);background-size:2px 10px;margin:0;padding:0;position:fixed;top:0;right:5vw;z-index:1000}.left-vert{width:1.5px;height:100vh;background-image:linear-gradient(to bottom,#799ACA 50%,transparent 50%);background-size:2px 10px;margin:0;padding:0;position:fixed;top:0;left:6.944vw;z-index:1000}.horizontalLine{width:100%;height:1.5px;background-image:linear-gradient(to right,#799ACA 50%,transparent 50%);background-size:10px 2px;margin:0;padding:0;position:relative;z-index:1000}.layout-container{position:relative}.show-vertical-lines-toggle{position:fixed;top:120px;right:20px;width:32px;height:32px;background:#799acacc;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;z-index:1000;transition:all .3s ease;opacity:.6}.show-vertical-lines-toggle:hover{opacity:1;transform:scale(1.1);background:#799aca}.fullscreen-mode nav,.fullscreen-mode .navHeader,.fullscreen-mode footer{display:none!important}.fullscreen-mode{padding:0!important;margin:0!important}.fullscreen-mode .right-vert,.fullscreen-mode .left-vert,.fullscreen-mode .horizontalLine{display:none!important}.footer-container{width:100%;padding:20px 0;display:flex;justify-content:center;align-items:center;position:relative;z-index:1500}.footer-links{display:flex;gap:40px}.footer-link{color:#000;text-decoration:none;font-family:Inter,sans-serif;font-size:16px}.vertical-lines-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.vertical-line{position:absolute;top:0;width:1.5px;height:100%;background-image:linear-gradient(to bottom,#799ACA 0%,#799ACA 50%,transparent 50%,transparent 100%);background-size:1.5px 10px;margin:0;padding:0}.vertical-line-first{left:calc(5.5vw + 196px)}.vertical-line-second{right:7.5vw}.vertical-lines-toggle{position:fixed;top:120px;right:20px;width:32px;height:32px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:1000;transition:all .3s ease;opacity:.6}.vertical-lines-toggle:hover{opacity:1;transform:scale(1.1);background:#000000e6}.grid-lines-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:-1}.grid-line{position:absolute}.grid-line.vert{top:0;height:100%;width:1.5px;background-image:linear-gradient(to bottom,#799ACA 0%,#799ACA 50%,transparent 50%,transparent 100%);background-size:1.5px 10px;margin:0;padding:0}.grid-line.horiz{left:0;width:100%;height:1.5px;background-image:linear-gradient(to right,#799ACA 0%,#799ACA 50%,transparent 50%,transparent 100%);background-size:10px 1.5px;margin:0;padding:0}.login-container{padding:2rem;max-width:400px;margin:0 auto}.login-success-message{background-color:#e8f5e8;color:#2e7d32;padding:1rem;margin-bottom:1rem;border-radius:4px;border:1px solid #81c784}.login-dismiss-success{margin-left:1rem;background:none;border:none;color:#2e7d32;cursor:pointer;text-decoration:underline}.login-error-message{background-color:#ffebee;color:#c62828;padding:1rem;margin-bottom:1rem;border-radius:4px;border:1px solid #ef9a9a}.login-dismiss-error{margin-left:1rem;background:none;border:none;color:#c62828;cursor:pointer;text-decoration:underline}.login-loading-message{background-color:#e3f2fd;color:#1976d2;padding:1rem;margin-bottom:1rem;border-radius:4px;text-align:center}.login-form{margin-bottom:2rem}.login-form-group{margin-bottom:1rem}.login-input{width:100%;padding:.5rem}.login-input-username{margin-bottom:.5rem}.login-form-actions{display:flex;gap:1rem}.login-btn{flex:1;padding:.5rem}.login-divider{border-top:1px solid #ccc;padding-top:1rem}.login-google-btn{width:100%;padding:.75rem;background-color:#4285f4;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;opacity:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-google-btn.login-google-btn-loading{cursor:not-allowed;opacity:.7}.dashboard-container{max-width:1200px;margin:0 auto;padding:20px}.dashboard-progress-section{margin-top:40px;padding-top:40px;border-top:1px solid #e0e0e0}.dashboard-loading,.dashboard-error,.dashboard-no-user{padding:2rem;text-align:center}.dashboard-loading-subtext{font-size:.9em;color:#666;margin-top:1rem}.dashboard-error{color:red}.dashboard-error-subtext{font-size:.9em;margin-top:1rem}.dashboard-login-btn{margin-top:1rem;padding:.5rem 1rem}.dashboard-profile-card{background-color:#f5f5f5;border-radius:8px;margin-bottom:2rem;padding:2rem;max-width:800px;margin:0 auto}.dashboard-profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dashboard-edit-btn{padding:.5rem 1rem;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.dashboard-profile-info{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.dashboard-profile-img{width:80px;height:80px;border-radius:50%;border:3px solid #ddd}.dashboard-profile-details{flex:1}.dashboard-form-group{margin-bottom:1rem}.dashboard-input{width:100%;padding:.5rem;margin-top:.25rem;border:1px solid #ddd;border-radius:4px}.dashboard-save-btn{padding:.5rem 1rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:.5rem}.dashboard-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:3vh}.dashboard-logout-btn{padding:.75rem 1.5rem;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer}.dashboard-delete-btn{padding:.75rem 1.5rem;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.dashboard-profile-box{border-radius:8px;margin-bottom:2rem;padding:2rem;max-width:800px;margin:0 auto}.dashboard-welcome{text-align:center}.progress-dashboard{max-width:1200px;margin:0 auto;padding:20px}.progress-dashboard.loading,.progress-dashboard.error,.progress-dashboard.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#666}.loading-spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-content{text-align:center;flex:1}.dashboard-header h2{font-size:2.5rem;font-weight:700;color:#333;margin:0 0 8px}.dashboard-header p{font-size:1.1rem;color:#666;margin:0}.refresh-button{background:#007bff;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.2rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #007bff33}.refresh-button:hover:not(:disabled){background:#0056b3;transform:scale(1.05)}.refresh-button:disabled{background:#6c757d;cursor:not-allowed;transform:none}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.summary-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:24px;display:flex;align-items:center;box-shadow:0 4px 12px #0000001a;border:1px solid #e0e0e0;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.card-icon{font-size:3rem;margin-right:20px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#007bff1a;border-radius:50%}.card-content h3{font-size:2rem;font-weight:700;color:#333;margin:0 0 4px}.card-content p{font-size:1rem;color:#666;margin:0;font-weight:500}.skills-progress{margin-bottom:40px}.skills-progress h3{font-size:1.8rem;font-weight:600;color:#333;margin-bottom:24px;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.skill-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;transition:transform .2s ease,box-shadow .2s ease}.skill-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.skill-header{display:flex;align-items:flex-start;margin-bottom:16px}.skill-icon{font-size:2rem;margin-right:12px;flex-shrink:0}.skill-info{flex:1;min-width:0}.skill-title{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 4px;line-height:1.3}.skill-meta{font-size:.85rem;color:#666;margin:0}.completion-badge{font-size:1.2rem;font-weight:700;color:#007bff;flex-shrink:0;margin-left:12px}.skill-progress-bar{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:16px}.skill-progress-fill{height:100%;background-color:#007bff;border-radius:4px;transition:width .3s ease-in-out}.skill-components{display:flex;justify-content:space-between;gap:16px}.component{display:flex;align-items:center;gap:8px;flex:1}.component-label{font-size:.9rem;color:#666;font-weight:500}.component-status{font-size:1.2rem}.component-status.completed{color:#28a745}.component-status.pending{color:#ffc107}.no-skills{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.no-skills p{font-size:1.2rem;color:#666;margin:0}.achievements{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:16px;padding:24px;border:1px solid #ffeaa7}.achievements h3{font-size:1.6rem;font-weight:600;color:#856404;margin:0 0 20px;text-align:center}.achievement-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.achievement{display:flex;align-items:center;background:#fffc;padding:12px 16px;border-radius:8px;border:1px solid rgba(133,100,4,.2)}.achievement-icon{font-size:1.5rem;margin-right:12px}.achievement-text{font-weight:600;color:#856404}@media (max-width: 768px){.progress-dashboard{padding:16px}.dashboard-header h2{font-size:2rem}.summary-cards{grid-template-columns:1fr;gap:16px}.summary-card{padding:20px}.card-icon{font-size:2.5rem;width:60px;height:60px;margin-right:16px}.card-content h3{font-size:1.6rem}.skills-grid{grid-template-columns:1fr;gap:16px}.skill-card{padding:16px}.achievement-list{grid-template-columns:1fr}}@media (max-width: 480px){.skill-header{flex-direction:column;align-items:flex-start;gap:8px}.completion-badge{margin-left:0;align-self:flex-end}.skill-components{flex-direction:column;gap:8px}.component{justify-content:space-between}}.mascotPitchContianer{display:flex;justify-content:center;align-items:center;padding:15vh 10vw;gap:100px;margin-bottom:40px}.cloudMascotContainer img{width:250px;height:auto}.PitchContainer{width:50%}.PitchContainer img{width:100%;height:auto}.authenticationBTNContainer{display:flex;align-items:center;width:100%;margin-top:5vh;gap:30px}.pillGradBg{width:100%;height:3248px;border-radius:992px;background:linear-gradient(181deg,#8fdfff -6.87%,#4bccff 59.09%,#769fff 97.87%);box-shadow:0 15px 40.3px -12px #00000030 inset}.pillContainer{position:relative}.sunImage{position:absolute;top:400px;right:50px;z-index:1;width:30%}.rainbowImage{position:absolute;top:900px;left:0;z-index:1;width:30%}.bottomCloudImage{position:absolute;bottom:-100px;left:0;width:100%;height:auto;z-index:2}.whyCareFlow{width:100vw;height:auto;min-width:100vw;object-fit:cover;object-position:center;display:block;margin-left:calc(-50vw + 50%)}.bottomCloudImage{width:100%}.landing-page-horizontal-line{position:relative;left:0;width:100vw;z-index:10;margin:20px 0}.signup-container{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.signup-container h1{text-align:center;margin-bottom:2rem;color:#333}.signup-form{display:flex;flex-direction:column;gap:1rem}.signup-form-group{display:flex;flex-direction:column}.signup-input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.signup-input:focus{outline:none;border-color:#007bff}.signup-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.signup-form-actions{display:flex;gap:1rem;margin-top:1rem}.signup-btn{flex:1;padding:.75rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.signup-btn-primary{background-color:#007bff;color:#fff}.signup-btn-primary:hover:not(:disabled){background-color:#0056b3}.signup-btn-secondary{background-color:#6c757d;color:#fff}.signup-btn-secondary:hover:not(:disabled){background-color:#545b62}.signup-btn:disabled{opacity:.6;cursor:not-allowed}.signup-divider{margin:2rem 0;text-align:center;position:relative}.signup-divider:before{content:"OR";background:#fff;padding:0 1rem;color:#666}.signup-divider:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ddd;z-index:-1}.signup-google-btn{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .3s}.signup-google-btn:hover:not(:disabled){background-color:#f8f9fa}.signup-google-btn:disabled{opacity:.6;cursor:not-allowed}.signup-success-message{background-color:#d4edda;color:#155724;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #c3e6cb;position:relative}.signup-error-message{background-color:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #f5c6cb;position:relative}.signup-dismiss-success,.signup-dismiss-error{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.7}.signup-dismiss-success:hover,.signup-dismiss-error:hover{opacity:1}.signup-loading-message{text-align:center;padding:1rem;color:#666;font-style:italic}.chat-page{display:flex;flex-direction:column;height:100vh;width:100%;margin:0 auto;border:1px solid #ccc;border-radius:8px;overflow:hidden;position:relative}.chat-main-content{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.session-controls{padding:10px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;display:flex;justify-content:center}.complete-session-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s ease}.complete-session-btn:hover:not(:disabled){background:#218838}.complete-session-btn:disabled{background:#6c757d;cursor:not-allowed}.session-complete{padding:40px 20px;text-align:center;background:#f8f9fa;border-top:1px solid #e0e0e0}.session-complete h3{color:#28a745;margin-bottom:16px}.back-to-hub-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;margin-top:16px;transition:background .2s ease}.back-to-hub-btn:hover{background:#0056b3}.rating-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.rating-modal{background:#fff;padding:32px;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:400px;width:90%;text-align:center}.rating-modal h3{margin-bottom:16px;color:#333}.rating-modal p{color:#666;margin-bottom:24px}.rating-stars{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.feedback-section{margin-bottom:24px;text-align:left}.feedback-section label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.feedback-textarea{width:100%;min-height:80px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.4;resize:vertical;transition:border-color .3s ease;box-sizing:border-box}.feedback-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.feedback-textarea::placeholder{color:#aaa;font-style:italic}.star{background:none;border:none;font-size:2rem;cursor:pointer;transition:all .2s ease;opacity:.3}.star.active{opacity:1;transform:scale(1.1)}.star:hover{transform:scale(1.2)}.rating-actions{display:flex;gap:12px;justify-content:center}.cancel-btn,.submit-btn{padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.cancel-btn:hover{background:#5a6268}.submit-btn{background:#007bff;color:#fff}.submit-btn:hover:not(:disabled){background:#0056b3}.submit-btn:disabled{background:#6c757d;cursor:not-allowed}.chat-container{flex-grow:1;padding:20px;overflow-y:auto;background-color:#f9f9f9}.chat-message{margin-bottom:15px;padding:10px 15px;border-radius:20px;max-width:70%;line-height:1.4}.chat-message.user{background-color:#007bff;color:#fff;align-self:flex-end;margin-left:auto}.chat-message.model{background-color:#e9e9eb;color:#000;align-self:flex-start}.chat-message.system{background-color:#f2dede;color:#a94442;text-align:center;font-style:italic}.chat-input-form{display:flex;flex-direction:column;padding:10px;border-top:1px solid #ccc;background-color:#fff}.input-with-voice{display:flex;align-items:center;gap:10px}.chat-input-form input{flex-grow:1;padding:10px 15px;border:1px solid #ccc;border-radius:20px;font-size:16px;outline:none;transition:border-color .3s ease}.chat-input-form input:focus{border-color:#007bff}.voice-button{background:#fff;border:2px solid #dee2e6;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px;outline:none}.voice-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.voice-button:disabled{opacity:.5;cursor:not-allowed}.microphone-button{border-color:#28a745;color:#28a745}.microphone-button.recording{background:#dc3545;border-color:#dc3545;color:#fff;animation:microphonePulse 1.5s ease-in-out infinite}.speaker-button{border-color:#007bff;color:#007bff}.speaker-button.speaking{background:#007bff;border-color:#007bff;color:#fff;animation:speakerPulse 2s ease-in-out infinite}#chat-page-send-button{padding:10px 20px;border:none;background-color:#007bff;color:#fff;border-radius:20px;cursor:pointer;font-weight:600;transition:background-color .3s ease}#chat-page-send-button:hover:not(:disabled){background-color:#0056b3}#chat-page-send-button:disabled{background-color:#a0c8f0;cursor:not-allowed}.voice-status{margin-top:8px;text-align:center}.status-text{font-size:12px;color:#6c757d;font-weight:500}.status-text.error{color:#dc3545}@keyframes microphonePulse{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 8px #dc354500}to{box-shadow:0 0 #dc354500}}@keyframes speakerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.input-with-voice{gap:8px}.voice-button{width:36px;height:36px;font-size:14px}.chat-input-form input{padding:8px 12px;font-size:14px}#chat-page-send-button{padding:8px 16px;font-size:14px}}.learning-objectives-tab{position:fixed;top:20%;right:0;width:320px;max-height:60vh;background:#fff;border:1px solid #e0e0e0;border-right:none;border-radius:8px 0 0 8px;box-shadow:-2px 0 10px #0000001a;z-index:100;overflow:hidden}.objectives-header{background:#007bff;color:#fff;padding:12px 16px;font-weight:600;font-size:14px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.objectives-toggle{display:flex;gap:4px}.toggle-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#ffffff4d}.toggle-btn.active{background:#ffffffe6;color:#007bff;font-weight:600}.objectives-content{padding:16px;max-height:calc(60vh - 45px);overflow-y:auto;background:#f8f9fa}.objectives-content ul{margin:0;padding-left:0;list-style:none}.objectives-content li{padding:8px 0;display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;transition:all .3s ease;border-bottom:1px solid #e0e0e0}.objectives-content li:last-child{border-bottom:none}.objective-completed{color:#4caf50!important;font-weight:500}.objective-pending{color:#666}.objectives-progress{border-top:1px solid #007bff;font-size:12px;color:#007bff;background:#fff;padding:12px;margin:12px -16px -16px;border-radius:0 0 8px 8px}.objectives-note{margin-top:8px;padding:8px;background:#e3f2fd;border-radius:4px;text-align:center}.objectives-note small{color:#1976d2;font-style:italic}@media (max-width: 768px){.learning-objectives-tab{width:280px;max-height:50vh;top:15%}.objectives-content{max-height:calc(50vh - 45px)}}.objectives-complete-message{margin:20px 0;padding:0 20px}.success-banner{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:24px;border-radius:12px;text-align:center;box-shadow:0 4px 16px #28a7454d;animation:slideIn .5s ease-out}.success-banner h3{margin:0 0 12px;font-size:1.3rem;font-weight:600}.success-banner p{margin:8px 0;opacity:.95;line-height:1.5}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.relevance-feedback-message{margin:20px 0;padding:0 20px}.feedback-banner.off-topic{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#212529;padding:24px;border-radius:12px;text-align:center;box-shadow:0 4px 16px #ffc1074d;animation:slideIn .5s ease-out;border:2px solid #e68900}.feedback-banner.off-topic h3{margin:0 0 12px;font-size:1.2rem;font-weight:600;color:#856404}.feedback-banner.off-topic p{margin:8px 0;line-height:1.5;color:#212529}.feedback-banner.off-topic strong{color:#856404}.dismiss-feedback-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer;margin-top:12px;transition:background .2s ease}.dismiss-feedback-btn:hover{background:#5a6268}.mode-selection-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.mode-selection-modal{background:#fff;padding:32px;border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.mode-selection-modal h2{text-align:center;margin-bottom:16px;color:#333;font-size:1.5rem}.mode-selection-modal>p{text-align:center;color:#666;margin-bottom:32px;font-size:1.1rem}.mode-options{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.mode-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:24px;flex:1;min-width:280px;max-width:350px;cursor:pointer;transition:all .3s ease;text-align:center}.mode-option:hover{border-color:#007bff;background:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 16px #007bff33}.mode-icon{font-size:3rem;margin-bottom:16px}.mode-option h3{color:#333;margin-bottom:12px;font-size:1.3rem}.mode-option p{color:#666;margin-bottom:16px;line-height:1.5}.mode-option ul{list-style:none;padding:0;margin:16px 0}.mode-option li{color:#555;margin-bottom:8px;padding-left:20px;position:relative;font-size:.9rem}.mode-option li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.select-mode-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:16px;width:100%}.select-mode-btn:hover{background:#0056b3}@media (max-width: 1024px){.mode-options{gap:16px}.mode-option{flex:1;min-width:250px;max-width:280px}}@media (max-width: 900px){.mode-options{gap:16px}.mode-option{min-width:250px;max-width:300px}}@media (max-width: 600px){.mode-options{flex-direction:column;align-items:center;gap:16px}.mode-option{max-width:100%;width:100%;min-width:auto;flex:none}.mode-selection-modal{padding:24px;margin:20px}.mode-selection-modal h2{font-size:1.3rem}.mode-selection-modal>p{font-size:1rem}}.draggable-item{cursor:grab;-webkit-user-select:none;user-select:none;padding:.75rem;margin:.25rem;background-color:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;min-width:120px;text-align:center;transition:all .2s ease}.draggable-item.collected{background-color:#e8f5e8}.draggable-item.dragging{opacity:.5;box-shadow:0 4px 8px #0003;transform:scale(1.05)}.draggable-item-icon{font-size:1.2rem}.drop-zone{min-height:80px;padding:1rem;border:2px dashed #007bff;border-radius:8px;background-color:#f8f9fa;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;position:relative}.drop-zone.active{border-color:#28a745;background-color:#d4edda}.drop-zone.over{border-color:#28a745;border-style:solid;background-color:#e3f2fd;transform:scale(1.02)}.drop-zone-label{font-size:.8rem;color:#666;margin-bottom:.5rem;text-align:center;font-weight:500}.drop-zone-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;color:#28a745;font-weight:700;background-color:#ffffffe6;padding:.25rem .5rem;border-radius:4px}.draggable-supply-collection{position:fixed;width:240px;height:180px;background-color:#fff3cd4d;border:1px solid rgba(255,193,7,.4);border-radius:12px;z-index:14000;box-shadow:0 6px 20px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .1s ease,box-shadow .1s ease;display:flex;flex-direction:column;min-width:120px;min-height:100px;max-width:400px;max-height:300px}.draggable-supply-collection.dragging{transform:scale(1.02);box-shadow:0 10px 30px #00000040;z-index:14001}.draggable-supply-collection.resizing{cursor:nw-resize}.draggable-supply-collection.minimized{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:auto;padding:0;border-radius:50%;background-color:#ffc107b3;border:1px solid rgba(255,193,7,.8);display:flex;align-items:center;justify-content:center}.collection-header{padding:.75rem 1rem .5rem;border-bottom:1px solid #ffc107;cursor:move;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;background-color:#ffc1071a;border-radius:10px 10px 0 0;flex-wrap:wrap;gap:.5rem}.draggable-supply-collection .minimize-button{background:transparent;border:1px solid #ffc107;border-radius:4px;color:#ffc107;cursor:pointer;font-size:14px;font-weight:700;height:24px;width:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.draggable-supply-collection.minimized .minimize-button{width:24px;height:24px;background-color:transparent;border:none;color:#856404;font-size:16px;margin:0;display:flex;align-items:center;justify-content:center}.draggable-supply-collection.minimized .minimize-button:hover{background-color:#fff3;border-radius:50%}.draggable-supply-collection.minimized .collection-header{margin:0;padding:0;border-bottom:none;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;flex-wrap:nowrap;gap:0}.draggable-supply-collection.minimized .collection-title,.draggable-supply-collection.minimized .drag-hint,.draggable-supply-collection.minimized .supply-count,.draggable-supply-collection.minimized .collected-supplies-section{display:none}.draggable-supply-collection .minimize-button:hover{background-color:#ffc107;color:#856404}.collection-title{font-weight:600;color:#856404;font-size:.9rem}.drag-hint{font-size:.7rem;color:#6c757d;opacity:.7}.draggable-supply-collection .drop-zone{margin:.5rem;border-radius:6px}.collection-icon{font-size:1.5rem;margin-bottom:.25rem}.collection-text{font-size:.8rem;color:#856404;font-weight:500}.supply-count{background-color:#ffc107;color:#856404;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.collected-supplies-section{padding:.75rem;border-top:1px solid #ffc107;flex:1;overflow-y:auto}.collected-supplies-header{margin-bottom:.5rem}.collected-title{font-size:.8rem;font-weight:600;color:#856404}.collected-supplies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.no-supplies-message{text-align:center;padding:1rem;color:#6c757d;font-style:italic;font-size:.8rem}.draggable-supply-collection .resize-handle{position:absolute;width:12px;height:12px;opacity:0;transition:opacity .2s ease}.draggable-supply-collection:hover .resize-handle{opacity:.3}.draggable-supply-collection .resize-handle:hover{opacity:.7!important}.draggable-supply-collection .resize-handle.top-left{top:0;left:0;cursor:nw-resize}.draggable-supply-collection .resize-handle.top-right{top:0;right:0;cursor:ne-resize}.draggable-supply-collection .resize-handle.bottom-left{bottom:0;left:0;cursor:sw-resize}.draggable-supply-collection .resize-handle.bottom-right{bottom:0;right:0;cursor:se-resize}@media (max-width: 768px){.draggable-supply-collection{width:260px;max-height:350px}.collection-header{padding:.5rem .75rem}.collection-title{font-size:.8rem}.drag-hint{font-size:.6rem}.collection-icon{font-size:1.5rem}.collection-text{font-size:.8rem}.supply-count{width:20px;height:20px;font-size:.7rem}.collected-supplies-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.collected-supplies-section{padding:.5rem}}@media (max-width: 480px){.draggable-supply-collection{width:220px;max-height:300px}.collection-header{padding:.4rem .6rem}.collection-title{font-size:.75rem}.collection-icon{font-size:1.3rem}.collection-text{font-size:.75rem}.supply-count{width:18px;height:18px;font-size:.65rem}.collected-supplies-grid{grid-template-columns:1fr;gap:.3rem}.collected-supplies-section{padding:.4rem}.no-supplies-message{font-size:.7rem;padding:.75rem}}@keyframes glow-hint{0%{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}50%{transform:translateY(-3px);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 20px rgba(0,123,255,.9)) drop-shadow(0 0 40px rgba(0,123,255,.5))}to{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}}.svg-button.glow-hint{animation:glow-hint 1.2s ease-out 3}.svg-button.linens.glow-hint{animation:glow-hint-linens 1.2s ease-out 3}.svg-button.hygiene.glow-hint{animation:glow-hint-hygiene 1.2s ease-out 3}.svg-button.medical.glow-hint{animation:glow-hint-medical 1.2s ease-out 3}.svg-button.misc.glow-hint{animation:glow-hint-misc 1.2s ease-out 3}.svg-button.paper-towel.glow-hint{animation:glow-hint-paper-towel 1.2s ease-out 3}.svg-button.sink.glow-hint{animation:glow-hint-sink 1.2s ease-out 3}@keyframes glow-hint-linens{0%{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}50%{transform:translateY(-3px);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 20px rgba(33,150,243,.9)) drop-shadow(0 0 40px rgba(33,150,243,.5))}to{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}}@keyframes glow-hint-hygiene{0%{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}50%{transform:translateY(-3px);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 20px rgba(76,175,80,.9)) drop-shadow(0 0 40px rgba(76,175,80,.5))}to{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}}@keyframes glow-hint-medical{0%{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}50%{transform:translateY(-3px);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 20px rgba(255,152,0,.9)) drop-shadow(0 0 40px rgba(255,152,0,.5))}to{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}}@keyframes glow-hint-misc{0%{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}50%{transform:translateY(-3px);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 20px rgba(156,39,176,.9)) drop-shadow(0 0 40px rgba(156,39,176,.5))}to{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}}@keyframes glow-hint-paper-towel{0%{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}50%{transform:translateY(-3px);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 20px rgba(255,193,7,.9)) drop-shadow(0 0 40px rgba(255,193,7,.5))}to{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}}@keyframes glow-hint-sink{0%{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}50%{transform:translateY(-3px);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2)) drop-shadow(0 0 20px rgba(70,130,180,.9)) drop-shadow(0 0 40px rgba(70,130,180,.5))}to{transform:translateY(0);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}}.supply-room-container{width:100%;height:100%;min-height:400px;background-color:#f5f5f5;border:2px solid #ccc;border-radius:8px;position:relative;padding:1rem;overflow:hidden;box-sizing:border-box}.floor-svg{position:absolute;bottom:0;left:0;width:100%;height:25%;z-index:1;object-fit:cover;opacity:.9}.interactive-scenario-container.fullscreen .supply-room-container{width:100vw;height:100vh;min-height:100vh;border:none;border-radius:0;padding:0;margin:0}.svg-button{position:absolute;cursor:pointer;transition:all .3s ease;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));border-radius:8px;padding:10px;box-sizing:border-box;border:none!important;background:transparent!important;outline:none;z-index:10}.svg-button.sink{left:45%;bottom:30%;width:150px}.svg-button.linens{left:15%;bottom:15%;height:500px}.svg-button.hygiene{left:43%;bottom:65%;width:180px}.svg-button.medical{right:17%;bottom:55%;width:160px}.svg-button.misc{right:15%;bottom:15%;width:200px}.svg-button.paper-towel{right:33%;bottom:45%;width:90px}.svg-button:hover:not(.glow-hint){transform:scale(1.1);filter:drop-shadow(4px 4px 8px rgba(0,0,0,.3))}.svg-button.glow-hint:hover{transform:translateY(-3px) scale(1.05)}.svg-button:active{transform:scale(1.05);transition:transform .1s ease}.svg-button.linens:hover:not(.glow-hint){background-color:#2196f31a;border:2px solid #2196F3}.svg-button.hygiene:hover:not(.glow-hint){background-color:#4caf501a;border:2px solid #4CAF50}.svg-button.medical:hover:not(.glow-hint){background-color:#ff98001a;border:2px solid #FF9800}.svg-button.misc:hover:not(.glow-hint){background-color:#9c27b01a;border:2px solid #9C27B0}.svg-button.paper-towel:hover:not(.glow-hint){background-color:#ffc1071a;border:2px solid #FFC107}.svg-button.sink:hover:not(.glow-hint){background-color:#4682b41a;border:2px solid #4682B4}.svg-button.sink.sink-used{filter:drop-shadow(2px 2px 4px rgba(50,205,50,.4))}.svg-button.sink.sink-used:hover{background-color:#90ee904d;border:2px solid #228B22}.tip-window{position:absolute;bottom:10px;right:10px;width:200px;background-color:#ffffffb3;border:1px solid rgba(0,123,255,.4);border-radius:8px;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.tip-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:#007bff;color:#fff;border-radius:6px 6px 0 0;font-size:.8rem;font-weight:600}.tip-icon{font-size:.9rem}.tip-title{flex:1;margin-left:.5rem}.tip-close-btn{background:none;border:none;color:#fff;font-size:.9rem;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.tip-close-btn:hover{background-color:#fff3}.tip-content{padding:.75rem;font-size:.7rem;color:#333;line-height:1.3;text-align:left}.cabinet-interior-view{position:relative;background:#fff;overflow:auto;padding:1rem;min-height:600px;border:2px solid #dee2e6;border-radius:8px;margin:1rem 0}.cabinet-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #dee2e6}.cabinet-back-button{background:none;border:2px solid #6c757d;color:#6c757d;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.cabinet-back-button:hover{background-color:#6c757d;color:#fff}.cabinet-title{font-size:1.8rem;color:#2c3e50;margin:0;font-weight:600}.cabinet-supplies-grid{position:relative;min-height:400px;border-radius:12px;padding:2rem;border:2px solid #dee2e6;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px}.cabinet-supply-position{position:absolute;transition:all .2s ease}.cabinet-instructions{margin-top:2rem;text-align:center;padding:1rem;background-color:#f8f9fa;border-radius:8px;color:#6c757d;font-style:italic}@media (max-width: 768px){.supply-room-container{min-height:300px;padding:.75rem}.svg-button{padding:6px}.svg-button.sink{left:calc(50% - 45px);bottom:30%;width:90px;height:60px}.svg-button.linens{left:calc(50% - 210px);bottom:10%;width:135px;height:240px}.svg-button.hygiene{left:calc(50% - 52px);bottom:calc(30% + 90px);width:105px;height:75px}.svg-button.medical{left:calc(50% + 60px);bottom:calc(30% + 30px);width:120px;height:135px}.svg-button.misc{left:calc(50% + 45px);bottom:calc(30% - 45px);width:105px;height:105px}.svg-button.paper-towel{left:calc(50% + 15px);bottom:calc(30% + 22px);width:40px;height:60px}.floor-svg{height:20%}.tip-window{width:180px;bottom:8px;right:8px}.tip-header{padding:.4rem .6rem;font-size:.75rem}.tip-content{padding:.6rem;font-size:.65rem}.room-title{font-size:.7rem}}@media (max-width: 480px){.supply-room-container{min-height:250px;padding:.5rem}.svg-button{padding:4px}.svg-button.sink{left:calc(50% - 30px);bottom:10%}.svg-button.linens{left:calc(50% - 140px);bottom:15%;width:90px;height:160px}.svg-button.hygiene{left:calc(50% - 35px);bottom:calc(25% + 60px);width:70px;height:50px}.svg-button.medical{left:calc(50% + 40px);bottom:calc(25% + 20px);width:80px;height:90px}.svg-button.misc{left:calc(50% + 30px);bottom:calc(25% - 30px);width:70px;height:70px}.svg-button.paper-towel{left:calc(50% + 10px);bottom:calc(25% + 15px);width:50px}.floor-svg{height:22%}.tip-window{width:160px;bottom:5px;right:5px}.tip-header{padding:.3rem .5rem;font-size:.7rem}.tip-close-btn{width:18px;height:18px;font-size:.8rem}.tip-content{padding:.5rem;font-size:.6rem}.room-title{font-size:.6rem}}.cabinet-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;z-index:9000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cabinet-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:800px;height:70%;max-height:600px;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;z-index:9001;display:flex;flex-direction:column;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.cabinet-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e9ecef;background-color:#f8f9fa;border-radius:12px 12px 0 0}.cabinet-modal-title{margin:0;color:#495057;font-size:1.5rem;font-weight:600}.cabinet-close-button{background:transparent;border:1px solid #dc3545;border-radius:50%;color:#dc3545;cursor:pointer;font-size:18px;font-weight:700;height:32px;width:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cabinet-close-button:hover{background-color:#dc3545;color:#fff}.cabinet-modal-content{flex:1;position:relative;overflow:hidden;border-radius:0 0 12px 12px}.cabinet-modal-content .cabinet-supplies-grid{width:100%;height:100%;position:relative;padding:2rem}.cabinet-modal-content .cabinet-supply-position{position:absolute;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.cabinet-modal-content .cabinet-instructions{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background-color:#ffffffe6;padding:.75rem 1.5rem;border-radius:20px;box-shadow:0 4px 12px #00000026;font-size:.9rem;color:#495057;text-align:center}.draggable-procedure-steps{position:fixed;width:400px;height:350px;background-color:#e8f5e9f2;border:2px solid #4caf50;border-radius:12px;z-index:13000;box-shadow:0 6px 20px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .1s ease,box-shadow .1s ease;display:flex;flex-direction:column;min-width:300px;min-height:250px;max-width:800px;max-height:600px}.draggable-procedure-steps.dragging{transform:scale(1.02);box-shadow:0 10px 30px #00000040;z-index:13001}.draggable-procedure-steps.resizing{cursor:nw-resize}.draggable-procedure-steps.minimized{height:auto!important;min-height:auto}.procedure-steps-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:2px solid #4caf50;background-color:#4caf501a;border-radius:10px 10px 0 0;cursor:move;-webkit-user-select:none;user-select:none}.procedure-steps-title{margin:0;color:#2e7d32;font-size:1.1rem;font-weight:600;flex:1}.draggable-procedure-steps .minimize-button{background:transparent;border:1px solid #4caf50;border-radius:4px;color:#4caf50;cursor:pointer;font-size:14px;font-weight:700;height:24px;width:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.draggable-procedure-steps .minimize-button:hover{background-color:#4caf50;color:#fff}.procedure-steps-content{flex:1;overflow-y:auto;padding:1rem}.procedure-steps-list{list-style:none;padding:0;margin:0}.procedure-step-item{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;margin-bottom:.5rem;border-radius:8px;transition:all .2s ease}.procedure-step-item.completed-step{background-color:#4caf501a;border-left:4px solid #4caf50}.procedure-step-item.pending-step{background-color:#9e9e9e1a;border-left:4px solid #9e9e9e}.step-content{display:flex;align-items:flex-start;gap:.75rem}.step-number{font-weight:700;font-size:.9rem;min-width:24px;flex-shrink:0}.step-text{font-size:.9rem;line-height:1.4;flex:1}.completed-step .step-text{color:#2e7d32;text-decoration:line-through;opacity:.8}.pending-step .step-text{color:#424242}.step-action-button{margin-left:32px}.procedure-progress{padding:1rem;border-top:1px solid #4caf50;background-color:#4caf500d}.progress-text{font-size:.85rem;color:#2e7d32;font-weight:600;margin-bottom:.5rem}.progress-bar{width:100%;height:6px;background-color:#e8f5e8;border-radius:3px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease}.draggable-procedure-steps .resize-handle{position:absolute;width:12px;height:12px;opacity:0;transition:opacity .2s ease}.draggable-procedure-steps:hover .resize-handle{opacity:.3}.draggable-procedure-steps .resize-handle:hover{opacity:.7!important}.draggable-procedure-steps .resize-handle.top-left{top:0;left:0;cursor:nw-resize}.draggable-procedure-steps .resize-handle.top-right{top:0;right:0;cursor:ne-resize}.draggable-procedure-steps .resize-handle.bottom-left{bottom:0;left:0;cursor:sw-resize}.draggable-procedure-steps .resize-handle.bottom-right{bottom:0;right:0;cursor:se-resize}.draggable-available-actions{position:fixed;width:350px;height:300px;background-color:#fff1e0f2;border:2px solid #ff9800;border-radius:12px;z-index:12000;box-shadow:0 6px 20px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .1s ease,box-shadow .1s ease;display:flex;flex-direction:column;min-width:280px;min-height:200px;max-width:600px;max-height:500px}.draggable-available-actions.dragging{transform:scale(1.02);box-shadow:0 10px 30px #00000040;z-index:12001}.draggable-available-actions.resizing{cursor:nw-resize}.draggable-available-actions.minimized{height:auto!important;min-height:auto}.available-actions-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:2px solid #ff9800;background-color:#ff98001a;border-radius:10px 10px 0 0;cursor:move;-webkit-user-select:none;user-select:none}.available-actions-title{margin:0;color:#e65100;font-size:1.1rem;font-weight:600;flex:1}.draggable-available-actions .minimize-button{background:transparent;border:1px solid #ff9800;border-radius:4px;color:#ff9800;cursor:pointer;font-size:14px;font-weight:700;height:24px;width:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.draggable-available-actions .minimize-button:hover{background-color:#ff9800;color:#fff}.available-actions-content{flex:1;overflow-y:auto;padding:1rem}.action-buttons-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.action-button-container .action-button{width:100%;padding:.75rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-button-container .communication-action{background-color:#e3f2fd;color:#1976d2;border:1px solid #1976d2}.action-button-container .communication-action:hover:not(.completed){background-color:#1976d2;color:#fff}.action-button-container .physical-action{background-color:#fff3e0;color:#f57c00;border:1px solid #f57c00}.action-button-container .physical-action:hover:not(.completed){background-color:#f57c00;color:#fff}.action-button-container .action-button.completed{background-color:#e8f5e8;color:#2e7d32;border-color:#4caf50;opacity:.7;cursor:not-allowed}.action-button-container .action-button.active{transform:scale(.95)}.no-actions-message{text-align:center;padding:2rem;color:#e65100;font-style:italic;font-size:.9rem}.draggable-available-actions .resize-handle{position:absolute;width:12px;height:12px;opacity:0;transition:opacity .2s ease}.draggable-available-actions:hover .resize-handle{opacity:.3}.draggable-available-actions .resize-handle:hover{opacity:.7!important}.draggable-available-actions .resize-handle.top-left{top:0;left:0;cursor:nw-resize}.draggable-available-actions .resize-handle.top-right{top:0;right:0;cursor:ne-resize}.draggable-available-actions .resize-handle.bottom-left{bottom:0;left:0;cursor:sw-resize}.draggable-available-actions .resize-handle.bottom-right{bottom:0;right:0;cursor:se-resize}@keyframes glow-hint{0%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-2px);filter:brightness(1.2) drop-shadow(0 0 15px rgba(0,123,255,.8))}to{transform:translateY(0);filter:brightness(1)}}.patient-room-container{width:100%;height:calc(100vh - 120px);min-height:700px;background-color:#faf8ff;border:2px solid #ccc;border-radius:8px;position:relative;background-image:linear-gradient(to right,#f0f0f8 1px,transparent 1px),linear-gradient(to bottom,#f0f0f8 1px,transparent 1px);background-size:50px 50px;padding:1rem;margin:0;overflow:hidden;box-sizing:border-box}.interactive-scenario-container.fullscreen .patient-room-container{width:100vw;height:100vh;min-height:100vh;border:none;border-radius:0;padding:0;margin:0}.hospital-bed{position:absolute;top:30%;left:20%;width:200px;height:120px;background-color:#e8e8e8;border:3px solid #999;border-radius:8px;display:flex;align-items:center;justify-content:center}.patient-representation{width:180px;height:100px;background-color:#fdbcb4;border-radius:20px;position:relative;display:flex;align-items:center;justify-content:center}.patient-head{position:absolute;top:-15px;width:40px;height:40px;background-color:#fdbcb4;border-radius:50%;border:2px solid #f4a3a8}.patient-body{font-size:3rem;color:#333}.patient-wound{position:absolute;right:20px;top:40px;width:30px;height:20px;background-color:#ff6b6b;border-radius:50%;border:2px solid #ff4757}.drop-zone-hands{position:absolute;top:15%;left:50%;width:120px}.drop-zone-gloves{position:absolute;top:20%;left:5%;width:100px}.drop-zone-wound{position:absolute;top:40%;left:45%;width:100px}.drop-zone-gauze{position:absolute;top:65%;left:25%;width:100px}.drop-zone-bandage{position:absolute;top:65%;left:45%;width:100px}.bedside-table{position:absolute;top:30%;right:20px;width:80px;height:60px;background-color:#d4b895;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff}.room-title{position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:.8rem;color:#666;font-weight:700}.room-instructions{position:absolute;bottom:10px;left:10px;font-size:.7rem;color:#666;background-color:#ffffffe6;padding:.5rem;border-radius:4px;max-width:300px;max-height:150px;overflow-y:auto}.room-instructions h4{margin:0 0 .5rem;font-size:.8rem;color:#333}.room-instructions ol{margin:0;padding-left:1rem}.room-instructions li{margin-bottom:.2rem;font-size:.65rem}.completed-step{color:#4caf50;text-decoration:line-through}.pending-step{color:#666}.drop-zones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;position:absolute;top:70%;left:5%;right:5%;height:25%}.zone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.zone-emoji{font-size:1.5rem;margin-bottom:.25rem}.zone-label{font-size:.7rem;font-weight:700;color:#333}.patient-leg{position:absolute;bottom:10px;right:30px;font-size:1.5rem}.patient-mouth{position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:1.2rem}.patient-arm-bp{position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:1.5rem}.wheelchair-area,.sink-area,.feeding-table{position:absolute;background-color:#fffc;border:2px dashed #ccc;border-radius:8px;padding:.5rem;text-align:center}.wheelchair-area{top:10%;right:5%;width:80px;height:60px}.sink-area{top:10%;left:5%;width:80px;height:60px}.feeding-table{top:50%;right:5%;width:80px;height:60px}.table-icon,.wheelchair-icon,.sink-icon{font-size:1.5rem;display:block;margin-bottom:.25rem}.table-label,.wheelchair-label,.sink-label{font-size:.6rem;color:#666;font-weight:700}.progress-indicator{position:absolute;top:10px;right:10px;background-color:#fffffff2;padding:.75rem;border-radius:8px;min-width:180px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 8px #0000001a}.progress-text{font-size:.7rem;color:#333;margin-bottom:.25rem;text-align:center}.progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:#2196f3;transition:width .3s ease,background-color .3s ease}.interactive-actions-panel{position:absolute;top:10px;left:50%;transform:translate(-50%);background-color:#fffffff2;padding:.75rem;border-radius:8px;max-width:350px;max-height:250px;overflow-y:auto;box-shadow:0 2px 4px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.interactive-actions-panel h4{margin:0 0 .5rem;font-size:.8rem;color:#333;text-align:center}.action-buttons-grid{display:flex;flex-direction:column;gap:.5rem}.action-button-container{display:flex;justify-content:center}.action-button{padding:.5rem .75rem;border:none;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:200px;text-align:left;display:flex;align-items:center;gap:.5rem}.action-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.action-button:active{transform:translateY(0)}.communication-action{background-color:#e3f2fd;color:#1976d2;border:2px solid #bbdefb}.communication-action:hover{background-color:#bbdefb;border-color:#90caf9}.physical-action{background-color:#f3e5f5;color:#7b1fa2;border:2px solid #e1bee7}.physical-action:hover{background-color:#e1bee7;border-color:#ce93d8}.action-button.completed{background-color:#e8f5e8;color:#4caf50;border-color:#c8e6c9;cursor:not-allowed;opacity:.7}.action-button.completed:before{content:"✅ "}.action-button.active{animation:actionComplete 1s ease;background-color:#4caf50;color:#fff;border-color:#4caf50}@keyframes actionComplete{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.action-button:disabled{cursor:not-allowed;opacity:.7}.action-button:disabled:hover{transform:none;box-shadow:none}.inline-action-button{margin-top:.25rem;margin-left:1rem}.inline-action-button .action-button{min-width:150px;font-size:.6rem;padding:.25rem .5rem}.room-instructions{position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:.7rem;color:#666;background-color:#fffffff2;padding:.75rem;border-radius:8px;max-width:300px;max-height:350px;overflow-y:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 8px #0000001a}.task-list-container{position:fixed;top:20px;left:20px;width:300px;height:400px;background-color:#f8f9fa4d;border:1px solid rgba(0,123,255,.4);border-radius:12px;padding:1rem;z-index:15000;box-shadow:0 6px 20px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:move;-webkit-user-select:none;user-select:none;transition:transform .1s ease;display:flex;flex-direction:column;min-width:250px;min-height:200px;max-width:800px;max-height:600px}.task-list-container.dragging{transform:scale(1.02);box-shadow:0 10px 30px #00000040;z-index:15001}.task-list-container.resizing{cursor:nw-resize}.task-list-container.minimized{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:auto;padding:0;border-radius:50%;background-color:#007bffb3;border:1px solid rgba(0,123,255,.8);display:flex;align-items:center;justify-content:center}.task-list-container.minimized .task-list-header{margin-bottom:0;border-bottom:none;padding-bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.task-list-container.minimized .task-list-title,.task-list-container.minimized .task-list,.task-list-container.minimized .task-progress-container{display:none}.task-list-container.minimized .minimize-button{width:24px;height:24px;background-color:transparent;border:none;color:#fff;font-size:16px;margin:0;display:flex;align-items:center;justify-content:center}.task-list-container.minimized .minimize-button:hover{background-color:#fff3;border-radius:50%}.task-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid rgba(0,123,255,.4);padding-bottom:.5rem}.task-list-title{margin:0;color:#495057;font-size:.9rem;flex:1}.minimize-button{background:transparent;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:14px;font-weight:700;height:24px;width:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.minimize-button:hover{background-color:#007bff;color:#fff}.task-list-empty{text-align:center;color:#6c757d;font-style:italic;padding:1rem}.task-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto}.task-item{display:flex;align-items:center;padding:.5rem 0;transition:all .2s ease;cursor:pointer;border-radius:4px}.task-item:hover{background-color:#007bff1a;transform:translate(2px)}.task-item.on-cooldown{opacity:.6;cursor:not-allowed}.task-item.on-cooldown:hover{background-color:transparent;transform:none}.task-item:not(:last-child){border-bottom:1px solid #e9ecef}.task-indicator{width:20px;height:20px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;margin-right:.75rem;flex-shrink:0}.task-indicator.completed{background-color:#28a745}.task-indicator.pending{background-color:#ffc107}.task-text{font-size:.75rem}.task-text.completed{color:#28a745;text-decoration:line-through;font-weight:400;opacity:.8}.task-text.pending{color:#495057;font-weight:500}.task-completed-icon{margin-left:auto;font-size:1rem;color:#28a745}.task-cooldown-icon{margin-left:auto;font-size:1rem;color:#ffc107;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.task-progress-container{margin-top:1rem;padding:.75rem;background-color:#e9ecef80;border-radius:4px;font-size:.7rem;color:#6c757d}.task-progress-bar{width:100%;height:6px;background-color:#dee2e6;border-radius:3px;margin-top:.5rem;overflow:hidden}.task-progress-fill{height:100%;background-color:#007bff;transition:width .3s ease}@keyframes glow-hint{0%{transform:translateY(0);background-color:#007bff00}50%{transform:translateY(-1px);background-color:#007bff1a;box-shadow:0 0 10px #007bff80}to{transform:translateY(0);background-color:#007bff00}}.glow-hint{animation:glow-hint 1.2s ease-out 3}.resize-handle{position:absolute;width:12px;height:12px;opacity:0;transition:opacity .2s ease}.task-list-container:hover .resize-handle{opacity:.3}.resize-handle:hover{opacity:.7!important}.resize-handle.top-left{top:0;left:0;cursor:nw-resize}.resize-handle.top-right{top:0;right:0;cursor:ne-resize}.resize-handle.bottom-left{bottom:0;left:0;cursor:sw-resize}.resize-handle.bottom-right{bottom:0;right:0;cursor:se-resize}.step-feedback-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:15000;opacity:0;visibility:hidden;transition:all .3s ease}.step-feedback-overlay.visible{opacity:1;visibility:visible}.step-feedback-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;animation:slideInUp .4s ease;border-top:6px solid #007bff}.step-feedback-container.excellent{border-top-color:#28a745}.step-feedback-container.good{border-top-color:#17a2b8}.step-feedback-container.satisfactory{border-top-color:#ffc107}.step-feedback-container.needs-improvement{border-top-color:#fd7e14}.step-feedback-container.unsatisfactory{border-top-color:#dc3545}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef}.step-info h3{margin:0 0 .5rem;color:#2c3e50;font-size:1.4rem;font-weight:600}.score-display{display:flex;align-items:center;gap:.5rem}.score-icon{font-size:1.5rem}.score-text{font-size:1.3rem;font-weight:700;color:#2c3e50}.feedback-close{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#6c757d;padding:.25rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.feedback-close:hover{background-color:#f8f9fa;color:#dc3545}.performance-badge{margin:0 1.5rem 1rem;padding:.75rem 1rem;border-radius:8px;color:#fff;font-weight:500;text-align:center;font-size:1rem}.feedback-content{padding:0 1.5rem}.feedback-text{font-size:1rem;line-height:1.6;color:#495057;margin-bottom:1.5rem;background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #007bff}.feedback-section{margin-bottom:1.5rem}.feedback-section h4{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.feedback-section ul{list-style:none;padding:0;margin:0}.feedback-section li{padding:.5rem .75rem;margin-bottom:.5rem;border-radius:6px;font-size:.95rem;line-height:1.4}.critical-errors .error-item{background:#ffebee;border-left:4px solid #dc3545;color:#721c24}.minor-issues .issue-item{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.suggestions .suggestion-item{background:#d1ecf1;border-left:4px solid #17a2b8;color:#0c5460}.expand-details-btn{background:#f8f9fa;border:1px solid #dee2e6;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;color:#6c757d;width:100%;margin-bottom:1rem;transition:all .2s ease}.expand-details-btn:hover{background:#e9ecef;color:#495057}.feedback-details{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1rem}.assessment-breakdown h4{color:#2c3e50}.assessment-grid{display:flex;flex-direction:column;gap:.75rem}.assessment-item{display:flex;align-items:center;gap:1rem}.assessment-item span:first-child{font-weight:500;min-width:140px;font-size:.9rem}.score-bar{position:relative;flex:1;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;display:flex;align-items:center}.score-fill{background:linear-gradient(90deg,#28a745,#20c997);height:100%;transition:width .5s ease;border-radius:10px}.score-bar span{position:absolute;right:8px;font-size:.8rem;font-weight:600;color:#495057;z-index:1}.timing-analysis{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem}.timing-message{color:#495057;margin-bottom:.5rem}.timing-details{display:flex;gap:1rem;font-size:.9rem;color:#6c757d}.learning-objectives{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1rem}.objective-item{padding:.75rem;border-radius:6px;margin-bottom:.5rem;border-left:4px solid #007bff}.objective-item.high{background:#ffebee;border-left-color:#dc3545}.objective-item.medium{background:#fff3cd;border-left-color:#ffc107}.objective-item h5{margin:0 0 .25rem;font-size:.95rem;font-weight:600}.objective-item p{margin:0;font-size:.85rem;color:#6c757d}.system-info{background:#fff;padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.info-row span:first-child{color:#6c757d;font-weight:500}.confidence-level.high{color:#28a745;font-weight:600}.confidence-level.medium{color:#ffc107;font-weight:600}.confidence-level.low{color:#dc3545;font-weight:600}.positive{color:#28a745;font-weight:600}.neutral{color:#6c757d}.feedback-actions{padding:1.5rem;border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end}.action-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.95rem;transition:all .2s ease}.action-btn.primary{background:#007bff;color:#fff}.action-btn.primary:hover{background:#0056b3}.action-btn.secondary{background:#6c757d;color:#fff}.action-btn.secondary:hover{background:#545b62}@media (max-width: 768px){.step-feedback-container{width:95%;max-height:90vh;margin:1rem}.feedback-header{padding:1rem}.step-info h3{font-size:1.2rem}.feedback-content{padding:0 1rem}.assessment-item{flex-direction:column;align-items:flex-start;gap:.5rem}.score-bar{width:100%}.feedback-actions{padding:1rem;flex-direction:column}.action-btn{width:100%}}.interactive-scenario-container{position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);display:flex;flex-direction:column;background-color:#f8f9fa;z-index:10000;overflow:hidden;box-sizing:border-box;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0}.interactive-scenario-container.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;border-radius:0;box-shadow:none;border:none}.interactive-scenario-container.fullscreen .scenario-main-content{border-radius:0;box-shadow:none;padding:0;height:100vh;width:100vw;background-color:transparent;margin:0}.control-buttons-overlay{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:10010}.fullscreen-toggle-button,.exit-button-overlay{background:none;color:#0009;border:none;font-size:1rem;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .3s ease;text-transform:lowercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a}.fullscreen-toggle-button{font-size:1.2rem;padding:8px 10px}.fullscreen-toggle-button:hover{color:#007bff;transform:translateY(-2px) scale(1.05);background-color:#ffffffe6;box-shadow:0 4px 12px #0000001a;text-shadow:0 1px 2px rgba(0,123,255,.3)}.exit-button-overlay:hover{color:#dc3545;transform:translateY(-2px) scale(1.05);background-color:#ffffffe6;box-shadow:0 4px 12px #0000001a;text-shadow:0 1px 2px rgba(220,53,69,.3)}.scenario-footer-overlay{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10009}.progress-summary{background:linear-gradient(135deg,#e3f2fd,#f8f9fa);border-radius:12px;padding:24px;margin:20px 0;border:1px solid #e0e0e0}.progress-summary h3{color:#1976d2;margin-bottom:16px;font-size:1.3rem;font-weight:600}.progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.stat-label{font-weight:500;color:#666}.stat-value{font-weight:700;color:#1976d2;font-size:1.1rem}.scenario-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}.header-left h1{margin:0;font-size:1.4rem;color:#2c3e50;display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:1rem}.step-indicator h3{margin:0;font-size:1rem;color:#6c757d;font-weight:500}.skill-category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:16px;color:#fff;font-size:.8rem;font-weight:500}.category-icon{font-size:1rem}.category-name{font-size:.8rem}.scenario-main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;margin:.5rem}.interactive-scenario-container.fullscreen .scenario-main-content{background-color:transparent;border-radius:0;padding:0;box-shadow:none;margin:0}.scenario-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.sidebar-placeholder{background-color:#fff;border-radius:12px;padding:2rem 1rem;text-align:center;border:2px dashed #dee2e6;color:#6c757d}.placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.sidebar-placeholder h3{margin:0 0 1rem;color:#495057;font-size:1.1rem}.sidebar-placeholder p{margin:0 0 1rem;font-size:.9rem;line-height:1.4}.info-hints{display:flex;flex-direction:column;gap:.5rem}.hint-item{font-size:.8rem;color:#495057;padding:.4rem .6rem;background-color:#f8f9fa;border-radius:6px;border-left:3px solid #007bff}.scenario-footer{grid-area:footer;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:8px;padding:.5rem;box-shadow:0 2px 4px #0000001a}.scenario-step-info{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1rem}.scenario-complete-container{text-align:center;padding:2rem;background-color:#e8f5e8;border-radius:8px;margin:2rem 0}.scenario-button{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:background-color .2s ease}.scenario-button:hover{background-color:#0056b3}.scenario-button.success{background-color:#28a745}.scenario-button.success:hover{background-color:#1e7e34}.collected-supplies-container{background-color:#e3f2fdf2;border:2px solid #2196F3;border-radius:12px;padding:1rem;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.collected-supplies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem}#interactive-scenario-collected-supplies-h3{font-size:.9rem;margin:0 0 .5rem;text-align:center}.scenario-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-button{background-color:#6c757d;font-size:.9rem;padding:.5rem 1rem}.back-button:hover{background-color:#5a6268}.exit-button{background-color:#dc3545;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:all .3s ease}.exit-button:hover{background-color:#c82333;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.rag-initialization-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:16000}.rag-init-message{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 10px 30px #0000004d;max-width:400px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.rag-init-message p{margin:0;color:#495057;font-size:1.1rem;font-weight:500}.rag-error-notification{position:fixed;top:20px;right:20px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #0000001a;z-index:15001;max-width:350px;animation:slideInRight .4s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.rag-error-notification p{margin:0;font-size:.9rem;color:#856404}.rag-error-notification p:first-child{font-weight:600;margin-bottom:.25rem}@media (max-width: 768px){.interactive-scenario-container{grid-template-columns:1fr;grid-template-rows:100px 1fr 200px 60px;grid-template-areas:"header" "main" "sidebar" "footer";gap:.25rem;padding:.25rem}.interactive-scenario-container.fullscreen{grid-template-rows:1fr;grid-template-areas:"main";padding:0;gap:0}.exit-button-overlay{font-size:.9rem;padding:6px 10px;top:15px;right:15px}.scenario-header{padding:.75rem}.header-left h1{font-size:1.2rem}.header-right{gap:.5rem}.step-indicator h3{font-size:.9rem}.exit-button{width:35px;height:35px;font-size:.9rem}.scenario-main-content{padding:.75rem}.scenario-sidebar{max-height:200px;padding:.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.collected-supplies-container{padding:.75rem}.collected-supplies-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.skill-category-badge{display:none}}@media (max-width: 480px){.interactive-scenario-container{grid-template-rows:80px 1fr 180px 50px;padding:.125rem}.interactive-scenario-container.fullscreen{grid-template-rows:1fr;grid-template-areas:"main";padding:0;gap:0}.exit-button-overlay{font-size:.8rem;padding:5px 8px;top:10px;right:10px}.scenario-header{padding:.5rem}.header-left h1{font-size:1rem}.step-indicator h3{font-size:.8rem}.exit-button{width:30px;height:30px;font-size:.8rem}.scenario-main-content{padding:.5rem}.scenario-footer{padding:.25rem}.scenario-button{padding:.5rem 1rem;font-size:.9rem}}.combined-learning-hub-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px)}.combined-hub-back-button{background:none;border:2px solid #007bff;color:#007bff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;margin-bottom:2rem;transition:all .2s ease}.combined-hub-back-button:hover{background-color:#007bff;color:#fff}.combined-hub-header{text-align:center;margin-bottom:3rem}.combined-hub-title{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;font-weight:700}.combined-hub-subtitle{font-size:1.2rem;color:#6c757d;max-width:600px;margin:0 auto;line-height:1.6}.combined-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.combined-skill-category{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.combined-skill-category:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.combined-skill-category.infection-control{border-left:5px solid #e74c3c}.combined-skill-category.adl{border-left:5px solid #3498db}.combined-skill-category.mobility{border-left:5px solid #2ecc71}.combined-skill-category.measurement{border-left:5px solid #f39c12}.combined-skill-category.range-motion{border-left:5px solid #9b59b6}.combined-skill-category-icon{font-size:3rem;margin-bottom:1rem;display:block}.combined-skill-category-title{font-size:1.4rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.combined-skill-category-count{color:#6c757d;font-size:.9rem;margin-bottom:1rem}.combined-skill-category-arrow{position:absolute;bottom:1rem;right:1.5rem;font-size:1.5rem;color:#007bff;transition:transform .2s ease}.combined-skill-category:hover .combined-skill-category-arrow{transform:translate(5px)}.combined-lesson-detail-view{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.combined-back-button{background:none;border:2px solid #6c757d;color:#6c757d;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;margin-bottom:2rem;transition:all .2s ease}.combined-back-button:hover{background-color:#6c757d;color:#fff}.combined-lesson-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.combined-lesson-header-icon{font-size:4rem}.combined-lesson-header-title{font-size:2rem;margin-bottom:.5rem;font-weight:600}.combined-lesson-header-subtitle{font-size:1.1rem;opacity:.9}.combined-lessons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.combined-lesson-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;border:1px solid #e9ecef;transition:all .2s ease}.combined-lesson-card:hover{box-shadow:0 6px 20px #00000026}.combined-lesson-title{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:1rem;line-height:1.4}.combined-lesson-description{color:#6c757d;margin-bottom:2rem;line-height:1.6}.combined-lesson-options{display:flex;flex-direction:column;gap:1rem}.combined-lesson-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border:2px solid #e9ecef;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.combined-lesson-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.combined-lesson-option.chat{border-color:#28a745}.combined-lesson-option.chat:hover{background-color:#28a745;color:#fff}.combined-lesson-option.simulation{border-color:#6f42c1}.combined-lesson-option.simulation:hover{background-color:#6f42c1;color:#fff}.combined-option-icon{font-size:2rem;flex-shrink:0}.combined-option-content{flex:1}.combined-option-title{font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.combined-option-description{font-size:.9rem;opacity:.8}.combined-lesson-option:hover .combined-option-description{opacity:1}@media (max-width: 768px){.combined-learning-hub-container{padding:1rem}.combined-hub-title{font-size:2rem}.combined-skills-grid,.combined-lessons-grid{grid-template-columns:1fr;gap:1rem}.combined-lesson-header{flex-direction:column;text-align:center;gap:1rem}.combined-lesson-options{gap:.75rem}.combined-lesson-option{padding:.75rem 1rem}}.learner-home-final-container{display:flex;min-height:calc(100vh - 120px);width:100%;padding-bottom:60px}.left-sidebar{position:fixed;left:0;top:120px;width:20%;height:calc(100vh - 180px);background-color:#fff;border-right:2px solid #e9ecef;padding:20px;box-sizing:border-box;z-index:100;overflow-y:auto}.all-lessons-dropdown{position:relative}.all-lessons-button{width:100%;padding:15px;background-color:transparent;color:#c0c5c7;border:none;border-radius:0;font-size:16px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .3s ease}.all-lessons-button:hover{color:#a8aeb1}.dropdown-arrow-left{color:#6c757d;font-size:14px;font-weight:400}.all-lessons-menu{position:absolute;top:100%;left:0;right:0;background-color:transparent;border:none;border-radius:0;box-shadow:none;z-index:200;max-height:400px;overflow-y:auto}.all-lessons-item{padding:8px 12px;cursor:pointer;display:flex;align-items:center;transition:background-color .2s ease;border-bottom:none;background-color:transparent}.all-lessons-item:hover{background-color:#c0c5c71a}.skill-name-left{font-size:12px;font-weight:400;line-height:1.3;color:#c0c5c7}.main-content{margin-left:20%;width:80%;padding:20px;box-sizing:border-box;margin-bottom:80px}.learner-home-final-header{text-align:center;margin-bottom:40px;padding:20px}.learner-home-final-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:10px}.learner-home-final-header p{font-size:1.2rem;color:#6c757d}.progress-section{display:flex;align-items:center;gap:30px;margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:8px}.progress-bar-container{flex:1}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{font-size:14px;font-weight:600;color:#2c3e50}.progress-percentage{font-size:14px;font-weight:600;color:#28a745}.progress-bar{width:100%;height:12px;background-color:#e9ecef;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background-color:#28a745;border-radius:6px;transition:width .3s ease}.stars-display{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#fff;border-radius:8px;border:2px solid #ffc107}.stars-icon{font-size:20px}.stars-count{font-size:16px;font-weight:600;color:#2c3e50}.vertical-dropdowns{display:flex;flex-direction:column;gap:20px;max-width:800px;margin:0 auto}.skill-individual-dropdown{width:100%}.skill-dropdown-button{width:100%;padding:15px 20px;background-color:#28a745;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.skill-dropdown-button:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.skill-title{flex:1;text-align:left}.dropdown-arrow{color:#6c757d;font-size:14px;font-weight:400;background-color:#fff3;padding:2px 6px;border-radius:3px}.skill-dropdown-content{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;margin-top:5px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.skill-options{display:flex;gap:12px;padding:15px}.skill-option-button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.skill-option-button.chat-practice{background-color:#17a2b8;color:#fff}.skill-option-button.chat-practice:hover{background-color:#138496;transform:translateY(-1px)}.skill-option-button.skill-simulation{background-color:#ffc107;color:#212529}.skill-option-button.skill-simulation:hover{background-color:#e0a800;transform:translateY(-1px)}@media (max-width: 768px){.learner-home-final-container{flex-direction:column}.left-sidebar{position:relative;width:100%;height:auto}.main-content{margin-left:0;width:100%}.skill-options{flex-direction:column}.learner-home-final-header h1{font-size:2rem}.progress-section{flex-direction:column;gap:15px}.stars-display{align-self:center}}.skill-simulation-container{max-width:900px;margin:0 auto;padding:20px}.back-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:20px;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.back-button:hover{background-color:#5a6268;transform:translateY(-1px)}.skill-simulation-header{text-align:center;margin-bottom:30px}.skill-simulation-header h1{font-size:2.5rem;color:#ffc107;margin-bottom:10px}.skill-simulation-header p{font-size:1.2rem;color:#6c757d}.skill-info-card{background-color:#fff;border:1px solid #dee2e6;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.skill-info-card h2{color:#2c3e50;margin-bottom:15px;font-size:1.5rem}.skill-name-display{background-color:#f8f9fa;padding:20px;border-radius:8px;font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:15px;border-left:4px solid #ffc107}.skill-category-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;color:#fff;font-size:14px;font-weight:500;margin-bottom:20px}.category-icon{font-size:16px}.skill-description{background-color:#fff3cd;padding:20px;border-radius:8px;border-left:4px solid #ffc107}.skill-description p{margin:0;color:#856404;line-height:1.6}.simulation-features{margin-bottom:40px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.feature-item{background-color:#fff;padding:25px;border-radius:12px;text-align:center;box-shadow:0 2px 4px #0000001a;border:1px solid #dee2e6;transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:15px}.feature-item h4{color:#2c3e50;margin-bottom:10px;font-size:1.1rem}.feature-item p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0}.practice-actions{text-align:center;margin-bottom:40px}.start-simulation-button{background-color:#ffc107;color:#212529;border:none;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.start-simulation-button:hover{background-color:#e0a800;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.no-skill-message{text-align:center;padding:20px}.no-skill-message p{color:#6c757d;font-size:1.1rem;margin-bottom:20px}.simulation-info{background-color:#fff;border:1px solid #dee2e6;border-radius:12px;padding:30px;box-shadow:0 2px 4px #0000001a}.simulation-info h3{color:#2c3e50;margin-bottom:20px;font-size:1.3rem}.simulation-info ul{list-style:none;padding:0}.simulation-info li{border-bottom:1px solid #f8f9fa;position:relative;padding:10px 0 10px 25px}.simulation-info li:last-child{border-bottom:none}.simulation-info li:before{content:"🎯";position:absolute;left:0;font-size:16px}.skill-simulation-page-container{max-width:100%;margin:0 auto;padding:20px}.skill-simulation-page-header{text-align:center;margin-bottom:40px}.skill-simulation-page-header h1{font-size:2.5rem;color:#ffc107;margin-bottom:10px}.skill-simulation-page-header p{font-size:1.2rem;color:#6c757d}.simulation-skill-info{margin-bottom:20px}.skill-info-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000001a;border:1px solid #dee2e6;margin-bottom:20px}.skill-info-content{flex:1}.skill-info-content h2{color:#2c3e50;margin-bottom:10px;font-size:1.5rem}.interactive-simulation-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.no-skill-selected{text-align:center;padding:60px 20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;border:1px solid #dee2e6}.no-skill-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.no-skill-selected h2{color:#2c3e50;margin-bottom:15px;font-size:1.8rem}.no-skill-selected p{color:#6c757d;font-size:1.1rem;margin-bottom:30px;line-height:1.6}.select-skill-button{background-color:#28a745;color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.select-skill-button:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.interactive-simulation-wrapper .interactive-scenario-container{border-radius:0;box-shadow:none;border:none;margin:0}.interactive-simulation-wrapper .scenario-header{background-color:#f8f9fa;padding:20px;border-bottom:1px solid #dee2e6}.interactive-simulation-wrapper .scenario-header h1{margin:0;color:#2c3e50}.interactive-simulation-wrapper .back-button{margin-bottom:0}.instruction-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:40px 20px;position:relative;z-index:2000}.instruction-heading{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.instruction-subtitle{font-size:1.2rem;color:#6c757d;margin-bottom:40px}.difficulty-options{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;position:relative;z-index:2000}.difficulty-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:24px;flex:1;min-width:280px;max-width:350px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.difficulty-option:hover{border-color:#007bff;background:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 16px #007bff33}.difficulty-icon{font-size:3rem;margin-bottom:16px}.difficulty-option h3{color:#333;margin-bottom:12px;font-size:1.3rem}.difficulty-option p{color:#666;margin-bottom:16px;line-height:1.5}.difficulty-option ul{list-style:none;padding:0;margin:16px 0}.difficulty-option li{color:#555;margin-bottom:8px;padding-left:20px;position:relative;font-size:.9rem}.difficulty-option li:before{content:"✓";position:absolute;left:0;color:#28a745;font-weight:700}.select-difficulty-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .3s ease;font-size:.9rem}.select-difficulty-btn:hover{background:#0056b3}.instruction-buttons{display:flex;gap:30px;margin-top:20px}.instruction-button{background-color:#ffc107;color:#212529;border:none;padding:20px 40px;border-radius:12px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a;min-width:180px}.instruction-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.no-hints-button{background-color:#dc3545;color:#fff}.no-hints-button:hover{background-color:#c82333}.normal-mode-button{background-color:#28a745;color:#fff}.normal-mode-button:hover{background-color:#218838}@media (max-width: 900px){.difficulty-options{gap:16px}.difficulty-option{min-width:250px;max-width:300px}}@media (max-width: 768px){.skill-simulation-container,.skill-simulation-page-container{padding:15px}.skill-simulation-header h1,.skill-simulation-page-header h1{font-size:2rem}.feature-grid{grid-template-columns:1fr}.skill-info-card,.simulation-info{padding:20px}.skill-info-header{flex-direction:column;text-align:center;gap:15px}.skill-info-content h2{font-size:1.3rem;margin-bottom:15px}.no-skill-selected{padding:40px 15px}.no-skill-icon{font-size:3rem}.no-skill-selected h2{font-size:1.5rem}.instruction-heading{font-size:2rem}.instruction-subtitle{font-size:1.1rem}.instruction-buttons{flex-direction:column;gap:20px;align-items:center}.instruction-button{padding:15px 30px;font-size:1.1rem;min-width:200px}}@media (max-width: 600px){.difficulty-options{flex-direction:column;align-items:center;gap:16px}.difficulty-option{max-width:100%;min-width:auto;width:100%;flex:none}}.knowledge-document-editor{display:flex;flex-direction:column;height:calc(100vh - 200px);max-height:800px}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.editor-header h2{color:#2c3e50;margin:0;font-size:1.8rem;font-weight:600}.editor-actions{display:flex;gap:1rem}.preview-toggle{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .3s ease}.preview-toggle.active{background:#007bff}.preview-toggle:hover{background:#5a6268}.preview-toggle.active:hover{background:#0056b3}.editor-form{flex:1;overflow-y:auto;padding-right:.5rem}.form-section{margin-bottom:2rem;background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #007bff}.form-section h3{color:#2c3e50;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#495057;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #dee2e6;border-radius:6px;font-size:.95rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.form-group input:disabled{background-color:#e9ecef;cursor:not-allowed}.error-text{color:#dc3545;font-size:.85rem;font-weight:500}.form-group small{color:#6c757d;font-size:.8rem}.content-textarea{min-height:400px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.6;resize:vertical}.template-buttons{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.template-btn{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color .3s ease}.template-btn:hover{background:#1e7e34}.tag-input-container{display:flex;gap:.5rem;align-items:center}.tag-input-container input{flex:1}.add-tag-btn{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;cursor:pointer;white-space:nowrap}.add-tag-btn:hover{background:#0056b3}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tag-item{background:#e9ecef;color:#495057;padding:.25rem .75rem;border-radius:16px;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.remove-tag-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1rem;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.remove-tag-btn:hover{background:#dc3545;color:#fff}.document-preview{flex:1;overflow-y:auto;padding:1rem;background:#fff;border-radius:8px;border:1px solid #dee2e6}.preview-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #dee2e6}.preview-header h2{color:#2c3e50;margin:0 0 1rem;font-size:1.8rem;font-weight:600}.preview-metadata{display:flex;flex-wrap:wrap;gap:1rem}.metadata-item{background:#f8f9fa;padding:.25rem .75rem;border-radius:16px;font-size:.85rem;color:#495057;border:1px solid #dee2e6}.preview-content{line-height:1.8;color:#495057;margin-bottom:1.5rem}.preview-content p{margin-bottom:1rem}.preview-tags{padding-top:1rem;border-top:1px solid #dee2e6}.preview-tags strong{color:#495057;margin-right:1rem}.tag-preview{background:#007bff;color:#fff;padding:.25rem .75rem;border-radius:16px;font-size:.8rem;margin-right:.5rem;display:inline-block;margin-bottom:.25rem}.editor-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;margin-top:1rem;border-top:1px solid #dee2e6}.cancel-btn,.save-btn{padding:.75rem 2rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover:not(:disabled){background:#545b62}.save-btn{background:#28a745;color:#fff}.save-btn:hover:not(:disabled){background:#1e7e34}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.form-row{grid-template-columns:1fr}.template-buttons{flex-direction:column}.template-btn{width:100%}}@media (max-width: 768px){.knowledge-document-editor{height:auto;max-height:none}.editor-header{flex-direction:column;align-items:flex-start;gap:1rem}.editor-header h2{font-size:1.5rem}.form-section{padding:1rem}.content-textarea{min-height:300px}.editor-footer{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}.tag-input-container{flex-direction:column}.add-tag-btn{width:100%}}.editor-form::-webkit-scrollbar,.document-preview::-webkit-scrollbar{width:8px}.editor-form::-webkit-scrollbar-track,.document-preview::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.editor-form::-webkit-scrollbar-thumb,.document-preview::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.editor-form::-webkit-scrollbar-thumb:hover,.document-preview::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.knowledge-document-list{display:flex;flex-direction:column;gap:1.5rem}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.list-header h2{color:#2c3e50;margin:0;font-size:1.8rem;font-weight:600}.create-new-btn{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.create-new-btn:hover{background:#1e7e34}.list-filters{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #007bff}.filter-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;align-items:center}.search-group{position:relative}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #dee2e6;border-radius:6px;font-size:.95rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6c757d;font-size:1rem}.filter-select{padding:.75rem;border:2px solid #dee2e6;border-radius:6px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .3s ease}.filter-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#f8f9fa;border-radius:12px;border:2px dashed #dee2e6}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#495057;margin:0 0 1rem;font-size:1.5rem}.empty-state p{color:#6c757d;margin:0 0 2rem;font-size:1rem;line-height:1.5}.create-first-btn{background:#007bff;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.create-first-btn:hover{background:#0056b3}.document-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.document-table{width:100%;border-collapse:collapse;font-size:.9rem}.document-table th{background:#f8f9fa;color:#495057;font-weight:600;padding:1rem;text-align:left;border-bottom:2px solid #dee2e6;white-space:nowrap}.document-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.document-table th.sortable:hover{background:#e9ecef}.document-table td{padding:1rem;border-bottom:1px solid #dee2e6;vertical-align:top}.document-table tr:hover{background:#f8f9fa}.title-cell{min-width:250px}.title-content strong{color:#2c3e50;font-size:1rem;line-height:1.4;display:block;margin-bottom:.5rem}.tag-chips{display:flex;flex-wrap:wrap;gap:.25rem}.tag-chip{background:#e9ecef;color:#495057;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.tag-chip.more{background:#6c757d;color:#fff}.skill-badge,.category-badge{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:16px;font-size:.8rem;font-weight:500;display:inline-block}.category-badge{background:#f3e5f5;color:#7b1fa2}.criticality-badge{font-weight:600;font-size:.85rem}.status-badge{padding:.25rem .75rem;border-radius:16px;font-size:.8rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem}.status-badge.status-published{background:#d4edda;color:#155724}.status-badge.status-draft{background:#fff3cd;color:#856404}.status-badge.status-archived{background:#f8d7da;color:#721c24}.embedding-status{font-size:1.25rem;cursor:help}.embedding-status.embedding-completed{color:#28a745}.embedding-status.embedding-processing{color:#ffc107}.embedding-status.embedding-pending{color:#6c757d}.embedding-status.embedding-failed{color:#dc3545}.date-cell{min-width:140px;font-size:.85rem}.date-info div:first-child{color:#495057;font-weight:500;margin-bottom:.125rem}.date-info small{color:#6c757d}.actions-cell{width:100px;text-align:center}.action-btn{background:none;border:1px solid #dee2e6;padding:.5rem;border-radius:6px;cursor:pointer;font-size:1rem;margin:0 .125rem;transition:all .2s ease}.action-btn:hover{background:#f8f9fa;transform:translateY(-1px)}.edit-btn:hover{border-color:#007bff;color:#007bff}.delete-btn:hover{border-color:#dc3545;color:#dc3545}.list-summary{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #28a745}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.summary-stats .stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #dee2e6}.summary-stats .stat-label{font-weight:500;color:#495057;font-size:.9rem}.summary-stats .stat-value{font-weight:700;color:#2c3e50;font-size:1.1rem}@media (max-width: 1200px){.filter-row{grid-template-columns:1fr;gap:.75rem}.search-group{grid-column:1}.document-table{font-size:.85rem}.document-table th,.document-table td{padding:.75rem}}@media (max-width: 768px){.list-header{flex-direction:column;align-items:flex-start;gap:1rem}.list-header h2{font-size:1.5rem}.create-new-btn{width:100%}.document-table-container{overflow-x:auto}.document-table{min-width:800px}.title-cell{min-width:200px}.date-cell{min-width:120px}.actions-cell{width:80px}.action-btn{padding:.375rem;font-size:.9rem;margin:0 .0625rem}.summary-stats{grid-template-columns:1fr}}@media (max-width: 480px){.knowledge-document-list{gap:1rem}.list-filters{padding:1rem}.empty-state{padding:2rem 1rem}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}.document-table th,.document-table td{padding:.5rem}}.admin-panel{max-width:1400px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif}.admin-access-denied,.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.admin-access-denied h2,.admin-error h2{color:#dc3545;margin-bottom:1rem;font-size:2rem}.admin-loading h2{color:#007bff}.admin-loading .loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.admin-header h1{color:#2c3e50;margin:0;font-size:2.5rem;font-weight:700}.admin-stats{display:flex;gap:2rem;align-items:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.85rem;color:#6c757d;font-weight:500}.stat-value{font-size:1.25rem;font-weight:700;color:#2c3e50}.stat-value.status-idle{color:#28a745}.stat-value.status-processing{color:#ffc107}.stat-value.status-error{color:#dc3545}.admin-nav{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #dee2e6}.nav-btn{background:none;border:none;padding:1rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:500;color:#6c757d;border-bottom:3px solid transparent;transition:all .3s ease}.nav-btn:hover{color:#007bff;background-color:#f8f9fa}.nav-btn.active{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa}.admin-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;min-height:600px}.admin-tools{display:flex;flex-direction:column;gap:2rem}.tool-section{background:#f8f9fa;border-radius:8px;padding:1.5rem;border-left:4px solid #007bff}.tool-section h3{color:#2c3e50;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.tool-section p{color:#6c757d;margin:0 0 1rem;line-height:1.5}.tool-btn{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.tool-btn:hover:not(:disabled){background:#0056b3}.tool-btn:disabled{background:#6c757d;cursor:not-allowed}.tool-buttons{display:flex;gap:1rem;flex-wrap:wrap}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #dee2e6}.status-item span:first-child{font-weight:500;color:#495057}.status-active{color:#28a745;font-weight:600}.status-inactive{color:#dc3545;font-weight:600}.status-warning{color:#ffc107;font-weight:600}@media (max-width: 1200px){.admin-panel{padding:1rem}.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-stats{flex-wrap:wrap;gap:1rem}}@media (max-width: 768px){.admin-header h1{font-size:2rem}.admin-nav{flex-wrap:wrap;gap:.5rem}.nav-btn{padding:.75rem 1rem;font-size:.9rem}.admin-content{padding:1rem}.tool-buttons{flex-direction:column}.tool-btn{width:100%}.status-grid{grid-template-columns:1fr}}.quiz-page{min-height:100vh;background-color:#f5f7fa}.quiz-container{max-width:900px;margin:0 auto;padding:2rem}.quiz-intro{text-align:center;background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem}.quiz-intro h1{color:#2c3e50;font-size:2.5rem;margin-bottom:1rem;font-weight:700}.quiz-info{text-align:left;max-width:600px;margin:0 auto 2rem}.quiz-info p{color:#5a6c7d;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.quiz-info ul{list-style:none;padding:0}.quiz-info li{color:#5a6c7d;padding:.5rem 0 .5rem 1.5rem;position:relative}.quiz-info li:before{content:"✓";color:#27ae60;font-weight:700;position:absolute;left:0}.start-quiz-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.start-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.start-quiz-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.quiz-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.quiz-header{margin-bottom:2rem;text-align:center}.question-number{color:#667eea;font-size:1.1rem;font-weight:600;display:block;margin-bottom:1rem}.progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.question-container{margin-bottom:3rem}.question-text{color:#2c3e50;font-size:1.3rem;font-weight:600;line-height:1.5;margin-bottom:2rem;text-align:center}.options-container{display:flex;flex-direction:column;gap:1rem}.option-label{display:flex;align-items:center;padding:1.25rem;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff}.option-label:hover{border-color:#667eea;transform:translate(4px)}.option-label.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea10,#764ba210);transform:translate(8px)}.option-label input[type=radio]{display:none}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e9ecef;color:#5a6c7d;font-weight:600;margin-right:1rem;transition:all .3s ease;flex-shrink:0}.option-label.selected .option-letter{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.option-text{color:#2c3e50;font-size:1rem;line-height:1.4;flex:1}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:2px solid #f1f2f6}.nav-btn,.submit-btn{padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.prev-btn{background:#95a5a6;color:#fff}.next-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;font-size:1.1rem;padding:1rem 2.5rem}.nav-btn:hover,.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.nav-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.quiz-summary{text-align:center;color:#5a6c7d;font-size:1rem;margin-top:1rem}.quiz-results{text-align:center;background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 4px 20px #00000014}.quiz-results h2{color:#2c3e50;font-size:2.2rem;margin-bottom:2rem;font-weight:700}.score-display{margin-bottom:2rem}.score-circle{display:inline-flex;align-items:baseline;justify-content:center;width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:1rem;box-shadow:0 8px 30px #667eea4d}.score-number{font-size:4rem;font-weight:700}.score-total{font-size:2rem;font-weight:600;margin-left:.5rem}.score-percentage{font-size:2.5rem;font-weight:700;color:#667eea;margin-top:1rem}.score-interpretation{margin-bottom:3rem}.score-excellent,.score-good,.score-needs-improvement{padding:1.5rem;border-radius:12px;margin-bottom:1rem}.score-excellent{background:linear-gradient(135deg,#27ae6010,#2ecc7110);border:2px solid #27ae60}.score-good{background:linear-gradient(135deg,#f39c1210,#e67e2210);border:2px solid #f39c12}.score-needs-improvement{background:linear-gradient(135deg,#e74c3c10,#c0392b10);border:2px solid #e74c3c}.score-excellent h3{color:#27ae60;margin-bottom:.5rem}.score-good h3{color:#f39c12;margin-bottom:.5rem}.score-needs-improvement h3{color:#e74c3c;margin-bottom:.5rem}.quiz-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.retake-quiz-btn,.back-to-home-btn{padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.retake-quiz-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.back-to-home-btn{background:#95a5a6;color:#fff}.retake-quiz-btn:hover,.back-to-home-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.error-container{text-align:center;background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 4px 20px #00000014}.error-container h2{color:#e74c3c;margin-bottom:1rem}.error-container p{color:#5a6c7d;margin-bottom:2rem}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-stats{background:#fff;border-radius:16px;padding:2rem;margin-top:2rem;box-shadow:0 4px 20px #00000014}.user-stats h3{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-item{text-align:center;padding:1rem;background:linear-gradient(135deg,#667eea10,#764ba210);border-radius:12px;border:1px solid #e9ecef}.stat-value{display:block;font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#5a6c7d;font-weight:500}.quiz-history{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.history-header h2{color:#2c3e50;margin:0}.back-btn{background:#95a5a6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.back-btn:hover{background:#7f8c8d;transform:translateY(-1px)}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border:2px solid #e9ecef;border-radius:12px;transition:all .3s ease}.history-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 15px #667eea26}.history-main{display:flex;gap:2rem;align-items:center}.history-score{display:flex;flex-direction:column;align-items:center;gap:.25rem}.history-score .score{font-size:1.5rem;font-weight:700;color:#667eea}.history-score .percentage{font-size:1rem;color:#5a6c7d}.history-details{display:flex;flex-direction:column;gap:.25rem}.attempt-number{font-weight:600;color:#2c3e50}.date,.duration{font-size:.9rem;color:#5a6c7d}.retake-badge{display:inline-block;background:#f39c12;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.history-actions .retake-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.history-actions .retake-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.history-actions .retake-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.view-history-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:1rem}.view-history-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #95a5a64d}.improvement-section{background:linear-gradient(135deg,#667eea10,#764ba210);border:2px solid #667eea;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.improvement-section h3{color:#667eea;margin-bottom:1rem;text-align:center}.improvement-stats{display:flex;flex-direction:column;gap:1rem}.improvement-positive,.improvement-negative,.improvement-neutral,.personal-best{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:8px;font-weight:600}.improvement-positive{background:linear-gradient(135deg,#27ae6010,#2ecc7110);color:#27ae60}.improvement-negative{background:linear-gradient(135deg,#e74c3c10,#c0392b10);color:#e74c3c}.improvement-neutral{background:linear-gradient(135deg,#34495e10,#2c3e5010);color:#34495e}.personal-best{background:linear-gradient(135deg,#f39c1210,#e67e2210);color:#f39c12;border:2px solid #f39c12}.comparison-stats{display:flex;gap:2rem;justify-content:center;margin-top:1rem;font-weight:600;color:#5a6c7d}.competency-insights{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.competency-insights h3{color:#2c3e50;margin-bottom:1rem;text-align:center}.strengths,.weaknesses{margin-bottom:1rem}.strengths h4{color:#27ae60;margin-bottom:.5rem}.weaknesses h4{color:#e74c3c;margin-bottom:.5rem}.competency-insights ul{list-style:none;padding:0}.competency-insights li{padding:.5rem 1rem;margin:.25rem 0;background:#fff;border-radius:6px;border-left:4px solid #667eea}@media (max-width: 768px){.quiz-container{padding:1rem}.quiz-intro,.quiz-content,.quiz-results{padding:2rem 1rem}.quiz-intro h1{font-size:2rem}.question-text{font-size:1.1rem}.score-circle{width:150px;height:150px}.score-number{font-size:3rem}.score-total{font-size:1.5rem}.quiz-actions{flex-direction:column;align-items:center}.retake-quiz-btn,.back-to-home-btn{width:100%;max-width:300px}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter-SemiBold.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff2) format("woff2")}:root{--primary-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--text-color: #333}body{margin:0;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--primary-font);color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-family:var(--primary-font);font-weight:700;color:#1a202c}.my-custom-component-text{font-family:var(--primary-font);font-weight:300;font-size:1.2em}.button{font-family:var(--primary-font);font-weight:500}.button:hover{cursor:pointer}