@import"https://fonts.googleapis.com/css2?family=Albert+Sans:wght@300;400;500;550;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;font-family:Albert Sans,sans-serif}#root{width:100%;min-height:100vh}.App{min-height:100vh;display:flex;flex-direction:column;width:100%;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{flex:1;width:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-page{background-image:url(/assets/backgrounds/new_login_background.png);background-repeat:no-repeat;background-position:top;background-size:cover;width:100vw;height:100vh}.register-page{background-image:url(/assets/backgrounds/new_login_background.png);background-repeat:no-repeat;background-position:top;background-size:cover;width:100vw;height:100vh}.login-container,.register-container{padding:2rem;border-radius:10px;width:70%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.inputDivRounded{background-color:#fff;padding:.75rem}.bgLight{background-color:#f9f7f0}.border0{border:0px!important}.btn.btnPrimary{background:#20b5ff!important;border:none!important;color:#fff!important}.btn.btnPrimary:hover{transform:translateY(-2px)}.btn.btnPrimary:disabled{opacity:.7;cursor:not-allowed;transform:none}.input-icon{left:10px;top:50%;transform:translateY(0);font-size:1.2rem}.lightBlueText{color:#20b5ff}.form-control:focus{box-shadow:none;border-color:#20b5ff;background-color:#f9f7f0}.form-control:focus+.input-icon{color:#20b5ff}.inputDivRounded:focus-within{border-color:#20b5ff;box-shadow:0 0 0 .2rem #20b5ff40}.password-toggle{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:5px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-right:8px}.password-toggle:hover{color:#20b5ff;background:rgba(32,181,255,.1)}.password-toggle:focus{outline:none;color:#20b5ff}.error-text{color:#e74c3c;font-size:.8rem;margin-top:5px;display:block}.error-message{background:#fdf2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:8px;font-size:.9rem;text-align:center}.form-control.error{border-color:#e74c3c!important;box-shadow:0 0 0 .2rem #e74c3c40!important}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:13px;height:13px;border:1px solid #20b5ff;border-radius:3px;cursor:pointer;position:relative;vertical-align:middle}input[type=checkbox]:checked{background-color:#20b5ff}input[type=checkbox]:checked:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px}@media (max-width: 768px){.login-container,.register-container{width:90%;padding:1.5rem}.row .col-6:first-child{display:none}.row .col-6:last-child{flex:0 0 100%;max-width:100%}.register-container .row .col-6{flex:0 0 100%;max-width:100%;padding-left:0!important;padding-right:0!important;margin-bottom:1rem}.register-container .row .col-6:last-child{margin-bottom:0}}@media (max-width: 480px){.login-container,.register-container{width:95%;padding:1rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h5{font-size:1rem}}.nav-item{cursor:pointer;padding:0 6px;transition:all .3s ease;position:relative;white-space:nowrap;color:#2e3c7c;font-size:.93rem}.nav-item.btn,.generate-report-btn,.list-report-btn,.back-to-chat-btn,.back-to-feedback-btn,.back-to-list-btn,.export-pdf-btn,.watch-sample-video-btn,.start-conversation-btn,.new-session-btn,.watch-video-btn{background-color:#10475c;color:#fff;border:none;border-radius:20px;padding:12px 24px;font-size:.93rem;font-weight:500;transition:all .3s ease;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;margin:0 5px}.nav-item.btn:hover,.generate-report-btn:hover,.list-report-btn:hover,.back-to-chat-btn:hover,.back-to-feedback-btn:hover,.back-to-list-btn:hover,.export-pdf-btn:hover,.watch-sample-video-btn:hover,.start-conversation-btn:hover,.new-session-btn:hover,.watch-video-btn:hover{box-shadow:0 4px 8px #0000001a;background-color:#0d3a4a;color:#fff;text-decoration:none}.nav-item.btn:focus,.generate-report-btn:focus,.list-report-btn:focus,.back-to-chat-btn:focus,.back-to-feedback-btn:focus,.back-to-list-btn:focus,.export-pdf-btn:focus,.watch-sample-video-btn:focus,.start-conversation-btn:focus,.new-session-btn:focus,.watch-video-btn:focus{outline:none;box-shadow:0 0 0 3px #10475c4d}.generate-report-btn:disabled{opacity:.7;cursor:not-allowed;background-color:#10475c!important;color:#fff!important;transform:none}.generate-report-btn:disabled:hover{transform:none;box-shadow:none}.start-conversation-btn.recording{background-color:#dc3545;animation:pulse 1.5s infinite}.start-conversation-btn.recording:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}.start-conversation-btn,.new-session-btn,.watch-video-btn{width:100%!important;height:50px!important;padding:12px 24px!important;border-radius:20px!important;font-size:.93rem!important;font-weight:500!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-bottom:10px!important;border:none!important;cursor:pointer!important;transition:all .3s ease!important;text-decoration:none!important}.start-conversation-btn:not(.recording),.new-session-btn,.watch-video-btn{background-color:#0d3a4a!important;color:#fff!important;box-shadow:0 4px 8px #0000001a!important}.start-conversation-btn:not(.recording):hover,.new-session-btn:hover,.watch-video-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 4px 8px #0000001a!important;background-color:#0a2d3a!important;color:#fff!important;text-decoration:none!important}.start-conversation-btn:focus,.new-session-btn:focus,.watch-video-btn:focus{outline:none!important;box-shadow:0 0 0 3px #10475c4d!important}.watch-video-btn:disabled{opacity:.7!important;cursor:not-allowed!important;transform:none!important}.watch-video-btn:disabled:hover{transform:none!important;box-shadow:0 4px 8px #0000001a!important}@keyframes pulse{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}.list-report-link{font-family:Albert Sans,sans-serif;font-weight:500;font-style:normal;font-size:18px;line-height:1;letter-spacing:0;text-align:right;vertical-align:middle;margin-left:20px}.list-report-link:hover{color:#233275;text-decoration:underline}.logout-link{font-family:Albert Sans,sans-serif;font-weight:500;font-style:normal;font-size:18px;line-height:1;letter-spacing:0;text-align:right;vertical-align:middle;color:#2e3c7c}.logout-link:hover{color:#233275;text-decoration:underline}.width-85{width:80%}.bgGreen{background-color:#10475c}.nav-container-space{flex:1;display:flex;justify-content:flex-start;align-items:center;margin-left:15px}.nav-items-wrapper{display:flex;align-items:center;gap:8px}.logo-container{padding:4px 8px;flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:140px}.button-container{flex:1;display:flex;justify-content:flex-end;align-items:center}.get-started-btn{padding:4px 15px;transition:all .3s ease;border:none;font-size:.9rem;white-space:nowrap;background-color:#0d3a4a;color:#fff}.get-started-btn:hover{transform:translateY(-2px);background-color:#0a2d3a;color:#fff;box-shadow:0 4px 8px #0000001a}.nav-item.view-report-btn{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;border-radius:25px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #28a7454d;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;margin:0 10px}.nav-item.view-report-btn:hover{box-shadow:0 6px 16px #28a74566;background:linear-gradient(135deg,#218838 0%,#1ea085 100%);color:#fff;text-decoration:none}.nav-item.view-report-btn:active{transform:translateY(0);box-shadow:0 2px 8px #28a7454d}.nav-item.view-report-btn:focus{outline:none;box-shadow:0 0 0 3px #28a7454d}.new-topbar-styling{width:1350px;height:65px;opacity:1;border-radius:67px;border:2px solid #2E3C7C;background:#F9F7F0;box-shadow:0 0 12px #2e3c7c80;justify-content:space-between;display:flex;align-items:center;position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000}.report-nd-btn{width:186px;height:50px;opacity:1;border-radius:24px!important;padding:14px 24px;background:#233275;color:#fff;font-weight:500;font-style:Medium;font-size:18px;line-height:100%;letter-spacing:0%;text-align:right;vertical-align:middle;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease}.report-generated-btn:disabled{opacity:.7;cursor:not-allowed;background:#233275!important;color:#fff!important;transform:none}.report-generated-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;flex-shrink:0;margin-right:8px}@media (max-width: 768px){.nav-item.view-report-btn{padding:10px 20px;font-size:12px}.new-topbar-styling{width:95%;max-width:600px;height:60px;top:10px}}@media (max-width: 480px){.nav-item.view-report-btn{padding:8px 16px;font-size:11px}.new-topbar-styling{width:98%;height:55px;top:5px;border-radius:30px}}.progress-bar-container{width:72%;height:10px;background-color:#ddd;border-radius:5px;overflow:hidden;margin-top:1rem}.progress-bar{width:50%;height:100%;background-color:#e67e22;transition:width .3s ease-in-out}.progress-bar-text{font-size:13px;font-weight:500}.card-styles{width:55%;background-color:#f9f7f0;border-radius:10px;box-shadow:0 0 2px 2px #10475c33;padding:20px;min-height:70vh}.wrapperReviewManagement{background-image:url(/assets/backgrounds/question_background.png);background-repeat:no-repeat;background-position:center;background-size:cover;width:100vw;min-height:100vh;padding-top:100px;box-sizing:border-box}.main-layout{min-height:100vh;display:flex;flex-direction:column;width:100%}.text18blue{color:#39a7d1;font-weight:600;font-size:18px;line-height:100%;letter-spacing:0%}.text18Orange{color:#e67e22;font-weight:500;font-size:18px;line-height:1.5rem;letter-spacing:.02rem}.text16blue{color:#39a7d1;font-weight:600;font-size:16px;line-height:100%;letter-spacing:0%}.text14blue{color:#39a7d1;font-weight:600;font-size:14px;line-height:100%;letter-spacing:0%}.bgBlueTWhite{background-color:#20b5ff;color:#fff}.wholePage2{width:100vw;height:100vh;overflow-y:auto}.scorecard-container{width:85%;margin:1rem auto;overflow:auto;padding:2rem}.text-header-class{font-weight:500;font-size:18px;line-height:100%;letter-spacing:0%;margin-top:2rem}.personality-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.3rem;margin:0 auto}.personality-item{flex-basis:260px;max-width:260px;text-align:start;margin-bottom:1.5rem}.highlight-message{width:70%;text-align:center;margin:2rem auto;border:1px solid #e67e22;padding:1rem;border-radius:25px;background:#fff9ef}.retake-quiz-section{width:70%;margin:4rem auto;text-align:center;display:flex;flex-direction:column;align-items:center}.retake-quiz-button{border-radius:20px;padding:10px 20px;color:#fff;transition:all .3s ease;cursor:pointer}.retake-quiz-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.button-group{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:1.5rem}.cat-me-button{border-radius:20px;padding:10px 20px;color:#fff;background-color:#10475c;border:none;transition:all .3s ease;cursor:pointer;font-weight:500}.cat-me-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;background-color:#0d3a4a}.personality-card{transition:all .3s ease}.personality-item:hover .personality-card{transform:translateY(-5px);box-shadow:0 5px 15px #00000014}.social-media-icon{margin:0 15px;cursor:pointer;transition:all .3s ease;font-size:30px}.social-media-icon:hover{transform:scale(1.2)}.instagram-icon{color:#e1306c;background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.twitter-icon{color:#1da1f2}.x-icon{color:#000;background-color:#fff;border-radius:4px;padding:2px;box-sizing:content-box}.linkedin-icon{color:#0077b5}@media (max-width: 768px){.personality-grid{gap:1.5rem}.personality-item{flex-basis:100%;max-width:100%}.scorecard-container{width:95%;padding:1rem}.highlight-message{width:90%!important}.button-group{flex-direction:column;gap:.75rem}.retake-quiz-button,.cat-me-button{width:100%;max-width:250px}}@media (max-width: 576px){.personality-grid{gap:1rem}}.wholePage{background-image:url(/assets/backgrounds/landing_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100vw;height:100vh}.heading{font-weight:550;font-size:60px;line-height:1;letter-spacing:1.2px;color:#10475c;text-align:center}.paraAfterHeading{width:75%;color:#10475c;font-weight:400;font-size:20px;line-height:1;letter-spacing:.3px;font-weight:500;opacity:.8}.buttonContainer{display:flex;justify-content:center;align-items:center;margin-top:5rem}.get-started-btn{background-color:#0d3a4a!important;color:#fff!important;border:none!important;transition:all .3s ease}.get-started-btn:hover{background-color:#0a2d3a!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.notFoundPageContainer{width:100vw;height:100vh;background-color:#f9f7f1;font-family:Albert Sans,sans-serif}.notFoundContent{width:90%;max-width:1200px;min-height:80vh;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.notFoundErrorCode{font-size:8rem;font-weight:800;color:#20b5ff;text-shadow:4px 4px 0px rgba(32,181,255,.2);margin-bottom:.5rem;line-height:1;animation:pulse 2s infinite ease-in-out}.notFoundTitle{font-size:2.5rem;font-weight:700;color:#10475c;margin-bottom:1.5rem}.notFoundDescription{font-size:1.25rem;color:#6c757d;max-width:600px;margin-bottom:2.5rem;line-height:1.6}.notFoundIllustration{width:100%;max-width:100px;margin-bottom:2.5rem;animation:float 3s ease-in-out infinite}.notFoundIllustration img{width:100%;height:auto;object-fit:contain}.notFoundButton{background-color:#20b5ff;color:#fff;border:none;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #20b5ff33}.notFoundButton:hover{background-color:#10475c;transform:translateY(-3px);box-shadow:0 6px 12px #20b5ff4d}.notFoundButton:active{transform:translateXY(-1px,-1px)}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.notFoundIllustrationImage{width:10px;height:10px}@media (max-width: 768px){.notFoundErrorCode{font-size:6rem}.notFoundTitle{font-size:2rem}.notFoundDescription{font-size:1.1rem}}@media (max-width: 480px){.notFoundErrorCode{font-size:4rem}.notFoundTitle{font-size:1.5rem}.notFoundDescription{font-size:1rem}.notFoundButton{padding:.7rem 1.5rem;font-size:1rem}}.notFoundContainer{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.catMePage{min-height:100vh;width:100vw;background-image:url(/assets/backgrounds/question_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-top:105px}.modern-container{flex:1;display:flex;align-items:stretch;padding:5px 20px 20px;gap:20px;max-width:1400px;margin:0 auto;width:100%;height:calc(100vh - 125px);overflow-y:auto;overflow-x:hidden}.side-panel{display:flex;flex-direction:column;justify-content:center;width:200px}.settings-panel .watch-video-btn,.settings-panel .watch-sample-video-btn{color:#fff;border:none;border-radius:20px;padding:15px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #698b944d;width:100%;margin:0}.settings-panel .watch-video-btn:hover:not(:disabled),.settings-panel .watch-sample-video-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #698b9466;background:#0A2D3A}.settings-panel .watch-video-btn:disabled,.settings-panel .watch-sample-video-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.settings-panel .watch-video-btn:active,.settings-panel .watch-sample-video-btn:active{transform:translateY(0);box-shadow:0 2px 8px #698b944d}.side-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;padding:20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 8px 25px #667eea4d;height:120px;justify-content:center;position:relative;overflow:hidden}.side-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease}.side-button:hover:before{opacity:1}.side-button:hover{transform:translateY(-4px);box-shadow:0 12px 35px #667eea66}.side-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.side-button:disabled:before{display:none}.side-button span{position:relative;z-index:1;font-weight:600;letter-spacing:.5px}.side-button svg{font-size:24px;position:relative;z-index:1}.main-content{flex:1;display:flex;flex-direction:column;gap:20px;max-width:900px;margin:0 auto}.view-scenario-btn{background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);box-shadow:0 8px 25px #8b5cf64d}.view-scenario-btn:hover{box-shadow:0 12px 35px #8b5cf666}.view-scenario-btn.active{background:linear-gradient(135deg,#7C3AED 0%,#6D28D9 100%);transform:translateY(-2px)}.main-content{flex:1;display:flex;flex-direction:column;gap:20px;border-radius:20px;overflow:hidden}.video-section{height:400px;display:flex;align-items:center;justify-content:center;background:#000;position:relative;border-radius:20px;flex-shrink:0;overflow:hidden}.video-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.character-video{width:300px;height:300px;object-fit:cover;border-radius:50%;box-shadow:0 10px 30px #0000004d;background:#000;transition:all .3s ease}.character-video-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.character-video-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:14px;z-index:10}.loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.video-placeholder .ai-avatar,.video-placeholder .character-video{transition:opacity .3s ease,transform .3s ease}.introduction-video-container{width:100%;height:100%;display:flex;flex-direction:column;background:#000;border-radius:20px;overflow:hidden;position:relative}.close-video-btn-top{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.8);border:2px solid rgba(255,255,255,.3);color:#fff;font-size:14px;cursor:pointer;padding:10px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.close-video-btn-top:hover{background:rgba(220,53,69,.9);border-color:#ffffff80;transform:scale(1.1);box-shadow:0 6px 16px #dc354566}.introduction-video{width:100%;height:100%;object-fit:contain;background:#000;border-radius:20px}.ai-avatar{width:300px;height:300px;position:relative;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 10px 30px #0000004d}.video-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:15px;background:rgba(0,0,0,.7);padding:15px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.control-btn{width:50px;height:50px;border-radius:50%;border:none;background:rgba(255,255,255,.2);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:18px}.control-btn:hover:not(:disabled){background:rgba(255,255,255,.3);transform:scale(1.1)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.chat-section{flex:1;display:flex;flex-direction:column;background:#F9F7F0;border-radius:20px;box-shadow:0 0 10px 1px #00000040 inset;min-height:300px;max-height:calc(100vh - 400px);overflow:hidden}.chat-processing-status{position:relative;margin-top:10px;margin-left:10px;z-index:10}.chat-processing-status .status-message,.chat-processing-status .listening-status{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:400;margin-bottom:4px;background:transparent;border:none}.chat-processing-status .status-message:last-child,.chat-processing-status .listening-status:last-child{margin-bottom:0}.chat-processing-status .status-message{color:#e74c3c}.chat-processing-status .listening-status{color:#667eea}.chat-processing-status .status-indicator,.chat-processing-status .pulse-dot{width:6px;height:6px;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.chat-processing-status .status-indicator{background-color:#e74c3c}.chat-processing-status .pulse-dot{background-color:#667eea}@media (max-height: 800px){.catMePage{overflow:hidden;padding-top:95px}.modern-container{height:calc(100vh - 95px);padding-bottom:40px}.chat-section{max-height:400px}}@media (max-width: 768px){.catMePage{padding-top:90px}.modern-container{height:calc(100vh - 90px)}}@media (max-width: 480px){.catMePage{padding-top:80px}.modern-container{height:calc(100vh - 80px)}}.chat-container{flex:1;overflow-y:auto;padding:20px;background:transparent;margin-bottom:0;max-height:calc(100vh - 500px);min-height:200px;position:relative}.chat-messages{display:flex;flex-direction:column;gap:16px}.message{display:flex;flex-direction:column;max-width:75%;margin:4px 0;position:relative;clear:both}.user-message{align-self:flex-end}.ai-message{align-self:flex-start}.message-bubble{padding:12px 16px;position:relative;box-shadow:0 2px 8px #0000001a;border-radius:18px}.user-message .message-bubble{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:18px 18px 4px}.ai-message .message-bubble{background:white;color:#333;border-radius:18px 18px 18px 4px;border:1px solid #e9ecef}.message-text{margin-bottom:6px;line-height:1.5;font-size:14px;word-wrap:break-word}.message-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;opacity:.7}.user-message .message-footer{color:#fffc}.ai-message .message-footer{color:#6c757d}.personality{font-style:italic;color:#667eea}.chat-input-form{background:transparent;border-top:1px solid #e9ecef;flex-shrink:0}.input-container{display:flex;align-items:center;position:relative;width:100%}.chat-input{width:100%;padding:15px 60px 15px 20px;border:2px solid #e9ecef;border-bottom-left-radius:20px;border-bottom-right-radius:20px;font-size:14px;background:#FFFFFF;color:#333;transition:all .3s ease}.chat-input:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea1a}.chat-input::placeholder{color:#6c757d}.send-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:none;background:transparent;color:#10475c;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px}.settings-panel{position:fixed;top:111px;left:2px;width:280px;background:transparent;border-radius:7px;box-shadow:none;z-index:1000;overflow:visible;transition:all .3s ease;height:auto;display:flex;flex-direction:column}.settings-panel.expanded{background:white;box-shadow:0 10px 40px #00000026;overflow:hidden;height:calc(100vh - 120px)}.settings-header{background:#0d3a4a;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 10px;min-height:50px;flex-shrink:0;border-radius:7px;box-shadow:0 4px 12px #00000026;width:280px;position:relative}.settings-header h3{margin:0;font-size:18px;font-weight:600}.settings-toggle{background:white;border:none;outline:none;color:#000;font-size:18px;cursor:pointer;padding:8px;transition:all .3s ease;width:24px;height:24px;opacity:1;border-radius:18px;box-shadow:0 4px 4px #0000001a;display:flex;align-items:center;justify-content:center}.settings-toggle i{transition:transform .3s ease;color:#000}.settings-content{padding:0;width:0;height:0;overflow:hidden;transition:all .3s ease;opacity:0;flex:1;min-height:0;visibility:hidden}.settings-content.expanded{padding:20px 6px;width:100%;height:calc(100vh - 180px);opacity:1;overflow-y:auto;flex:1;visibility:visible;background-color:#f8f8ff}.scenario-panel{position:fixed;top:111px;right:2px;width:280px;background:transparent;border-radius:7px;box-shadow:none;z-index:1000;overflow:visible;transition:all .3s ease;height:auto;display:flex;flex-direction:column}.scenario-panel.expanded{background:white;box-shadow:0 10px 40px #00000026;overflow:hidden;height:calc(100vh - 120px)}.scenario-panel-header{background:#0d3a4a;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 10px;min-height:50px;flex-shrink:0;border-radius:7px;box-shadow:0 4px 12px #00000026;width:280px;position:relative}.scenario-panel-header h3{margin:0;font-size:18px;font-weight:600}.scenario-panel-toggle{background:white;border:none;outline:none;color:#000;font-size:18px;cursor:pointer;padding:8px;transition:all .3s ease;width:24px;height:24px;opacity:1;border-radius:18px;box-shadow:0 4px 4px #0000001a;display:flex;align-items:center;justify-content:center}.scenario-panel-toggle i{transition:transform .3s ease;color:#000}.scenario-panel-content{padding:0;width:100%;overflow:hidden;transition:all .3s ease;opacity:0;flex:1;min-height:0;visibility:hidden;transform:translate(100%)}.scenario-panel-content.expanded{padding:20px 6px;width:100%;max-height:none;height:calc(100vh - 180px);opacity:1;overflow-y:auto;flex:1;visibility:visible;background-color:#f8f8ff;transform:translate(0);position:relative}.setting-group{margin-bottom:20px}.setting-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.setting-select{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:white;color:#333;transition:all .3s ease}.setting-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.record-button{width:100%;padding:15px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#0d3a4a;color:#fff;box-shadow:0 4px 15px #0d3a4a4d;display:flex;align-items:center;justify-content:center;gap:8px}.record-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.record-button.recording{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);animation:pulse 1.5s infinite}.new-session-btn{width:100%;padding:15px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#0d3a4a;color:#fff;box-shadow:0 4px 15px #0d3a4a4d;display:flex;align-items:center;justify-content:center;gap:8px}.new-session-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d3a4a66;background:#0a2d3a}.new-session-btn:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.watch-video-btn{width:100%;padding:15px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#0d3a4a;color:#fff;box-shadow:0 4px 15px #0d3a4a4d;display:flex;align-items:center;justify-content:center;gap:8px}.watch-video-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0d3a4a66;background:#0a2d3a}.watch-video-btn:active{transform:translateY(0);box-shadow:0 2px 8px #f59e0b4d}.watch-video-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.generate-report-btn{width:186px;height:50px;opacity:1;border-radius:24px!important;padding:7px 15px;background:#233275;color:#fff;font-weight:500;font-style:Medium;font-size:18px;leading-trim:NONE;line-height:100%;letter-spacing:0%;text-align:right;vertical-align:middle;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease}.generate-report-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.generate-report-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.recording-status{margin-top:15px}.status-message,.listening-status{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;font-size:12px;font-weight:500}.status-message{background:rgba(231,76,60,.1);color:#e74c3c}.listening-status{background:rgba(102,126,234,.1);color:#667eea}.status-indicator,.pulse-dot{width:8px;height:8px;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.status-indicator{background-color:#e74c3c}.pulse-dot{background-color:#667eea}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:rgba(0,0,0,.05)}.chat-container::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3);border-radius:3px}.chat-container::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}@media (max-width: 1200px){.modern-container{padding:15px;gap:15px}.side-panel{width:150px}.side-button{padding:15px;font-size:14px;height:100px}}@media (max-width: 768px){.modern-container{flex-direction:column;padding:10px}.side-panel{width:100%;flex-direction:row;justify-content:center;gap:15px}.side-button{width:150px;height:80px;flex-direction:row;gap:8px}.video-section{min-height:300px}.ai-avatar{width:250px;height:250px}.avatar-eyes{gap:30px}.avatar-eye{width:25px;height:30px}.settings-panel{position:fixed;top:10px;right:10px;width:calc(100vw - 20px);max-width:350px}}@media (max-width: 480px){.modern-container{padding:5px}.side-panel{gap:10px}.side-button{width:120px;height:70px;font-size:12px;padding:10px}.side-button svg{font-size:18px}.video-controls{gap:10px;padding:10px}.control-btn{width:40px;height:40px;font-size:14px}.chat-input{padding:12px 16px;font-size:14px}.send-btn{width:45px;height:45px;font-size:14px}}.scenario-offcanvas-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:flex-end;align-items:stretch;animation:fadeIn .3s ease-out}.scenario-offcanvas{width:500px;max-width:90vw;background:white;box-shadow:-5px 0 15px #0003;display:flex;flex-direction:column;animation:slideIn .3s ease-out;overflow:hidden}.scenario-header{background:linear-gradient(135deg,#8B5CF6 0%,#7C3AED 100%);color:#fff;padding:20px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.scenario-header h2{margin:0;font-size:1.4rem;font-weight:600;text-align:center;flex:1}.scenario-back-btn{background:rgba(255,255,255,.2);border:none;color:#fff;font-size:1rem;cursor:pointer;padding:10px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:absolute;left:20px}.scenario-back-btn:hover{background-color:#ffffff4d;transform:scale(1.05)}.scenario-close-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.scenario-close-btn:hover{background-color:#fff3}.scenario-content{flex:1;padding:24px;overflow-y:auto;background:#f9fafb}.scenario-section{width:268px;height:auto;opacity:1;border-radius:6px;padding:10px 12px;background:#FFFFFF;box-shadow:0 2px 8px #0000000d;margin-bottom:20px}.section-header{font-family:Roboto,sans-serif;font-weight:500;font-style:normal;font-size:18px;line-height:1;letter-spacing:0;vertical-align:middle;display:flex;align-items:center;gap:12px;margin-bottom:15px;border-bottom:1px solid #757BB466;padding-bottom:10px}.section-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:8px}.scenario-section h3{color:#374151;margin:0;font-size:1.07rem;font-weight:600}.scenario-section h4{color:#764ba2;margin:15px 0 10px;font-size:1.1rem;font-weight:500}.scenario-section p{color:#4b5563;line-height:1.6;margin:0 0 10px;font-size:14px}.scenario-section ul{margin:0;padding-left:0;list-style:none}.scenario-section li{color:#4b5563;line-height:1.6;margin-bottom:12px;padding-left:20px;position:relative}.scenario-section li:before{content:"•";color:#8b5cf6;font-weight:700;position:absolute;left:0;top:0}.phase-section{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:7px}.phase-section:last-child{margin-bottom:0}.video-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.video-popup{background:white;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 10px 30px #0000004d;animation:slideIn .3s ease}.video-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.video-popup-header h3{margin:0;color:#333;font-size:1.2rem;font-weight:600}.video-close-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.video-close-btn:hover{background:#c82333;transform:scale(1.05)}.video-close-btn:active{transform:scale(.95)}.video-popup-content{padding:20px;display:flex;justify-content:center;align-items:center;min-height:400px}.scenario-video{width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.confidential-section{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border:2px solid #ffc107;border-radius:8px;padding:20px;margin:20px 0;position:relative}.confidential-section:before{content:"🔒";position:absolute;top:-10px;left:20px;background:#ffc107;color:#fff;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:700}.confidential-section h3{color:#856404;margin-bottom:15px;padding-top:10px}.confidential-notice{background:rgba(255,193,7,.1);border-left:4px solid #ffc107;padding:10px 15px;margin-bottom:15px;border-radius:4px}.confidential-notice p{margin:0;color:#856404;font-style:italic}.confidential-section ul{margin-top:15px}.confidential-section li{color:#856404;font-weight:500;margin-bottom:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.scenario-offcanvas{width:100%;max-width:100vw}.scenario-header{padding:15px}.scenario-header h2{font-size:1.2rem}.scenario-content{padding:15px}.scenario-section{padding:15px;margin-bottom:20px}}.scenario-section p,.scenario-section ul li{font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:1.3;letter-spacing:0;vertical-align:middle;color:#353535}@media (max-width: 480px){.scenario-offcanvas{width:100%}.scenario-header,.scenario-content,.scenario-section{padding:12px}.scenario-section h3{font-size:1.1rem}.scenario-section h4{font-size:1rem}.video-popup{width:100%;height:100%;border-radius:0}.video-popup-header{padding:10px 15px}.video-popup-content{padding:10px;min-height:250px}}.button-grouped{padding:20px}.button-grouped .setting-group{margin-bottom:15px}.button-grouped .setting-group:last-child{margin-bottom:0}.setting-group.d-flex{gap:12px;margin-bottom:20px}.setting-group.d-flex .btn{flex:1;min-width:0;padding:12px 16px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:48px;display:flex;align-items:center;justify-content:center;background:#0d3a4a;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0d3a4a4d}.setting-group.d-flex .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0d3a4a66;background:#0a2d3a}.setting-group.d-flex .btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.setting-group.d-flex .btn .fa-file-alt{margin-right:6px;flex-shrink:0}.scenario-panel-content::-webkit-scrollbar{width:6px}.scenario-panel-content::-webkit-scrollbar-track{background:transparent}.scenario-panel-content::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .3s ease}.scenario-panel-content::-webkit-scrollbar-thumb:hover{background:rgba(102,126,234,.5)}.scenario-panel-content::-webkit-scrollbar-button{display:none}.scenario-panel-content:hover::-webkit-scrollbar-thumb{background:rgba(102,126,234,.3)}@media (max-width: 1400px){.modern-container{padding:15px;gap:15px}.side-panel{width:180px}.scenario-panel,.scenario-panel-header{width:260px}.main-content{max-width:800px}}@media (max-width: 1200px){.modern-container{padding:12px;gap:12px}.side-panel{width:160px}.scenario-panel{width:240px;right:5px}.scenario-panel-header{width:240px}.main-content{max-width:700px}.video-section{height:280px}}@media (max-width: 1024px){.modern-container{padding:10px;gap:10px}.side-panel{width:140px}.scenario-panel{width:220px;right:8px}.scenario-panel-header{width:220px}.main-content{max-width:600px}.video-section{height:200px}.ai-avatar{width:280px;height:280px}}@media (max-width: 900px){.modern-container{flex-direction:column;padding:8px;gap:8px}.side-panel{width:100%;flex-direction:row;justify-content:space-between;gap:10px}.side-button{flex:1;height:100px;padding:15px;font-size:14px}.scenario-panel{position:fixed;top:80px;right:5px;width:200px;z-index:1001}.scenario-panel-header{width:200px}.main-content{max-width:100%;order:2}.video-section{height:160px}.ai-avatar{width:260px;height:260px}}@media (max-width: 768px){.modern-container{padding:5px;gap:5px}.side-panel{gap:8px}.side-button{height:80px;padding:12px;font-size:12px}.scenario-panel{width:180px;right:3px}.scenario-panel-header{width:180px;padding:0 8px;min-height:45px}.scenario-panel-header h3{font-size:16px}.scenario-panel-content.expanded{padding:15px 4px;height:calc(100vh - 140px)}.video-section{height:220px}.ai-avatar{width:240px;height:240px}.avatar-eyes{gap:30px}.avatar-eye{width:25px;height:30px}}@media (max-width: 600px){.side-panel{flex-direction:column;gap:5px}.side-button{height:70px;padding:10px;font-size:11px}.scenario-panel{width:160px;right:2px}.scenario-panel-header{width:160px;padding:0 6px;min-height:40px}.scenario-panel-header h3{font-size:14px}.scenario-panel-content.expanded{padding:12px 3px;height:calc(100vh - 120px)}.video-section{height:200px}.ai-avatar{width:220px;height:220px}.avatar-eyes{gap:25px}.avatar-eye{width:20px;height:25px}}@media (max-width: 480px){.modern-container{padding:3px;gap:3px}.side-panel{gap:3px}.side-button{height:60px;padding:8px;font-size:10px}.scenario-panel{width:140px;right:1px}.scenario-panel-header{width:140px;padding:0 4px;min-height:35px}.scenario-panel-header h3{font-size:12px}.scenario-panel-content.expanded{padding:10px 2px;height:calc(100vh - 100px)}.video-section{height:240px}.ai-avatar{width:200px;height:200px}.avatar-eyes{gap:20px}.avatar-eye{width:18px;height:22px}.video-controls{bottom:10px;gap:10px;padding:10px}.control-btn{width:40px;height:40px;font-size:16px}}@media (max-width: 1200px){.main-content{margin-right:250px}}@media (max-width: 1024px){.main-content{margin-right:230px}}@media (max-width: 900px){.main-content{margin-right:0;margin-top:110px}}@media (max-width: 768px){.main-content{margin-top:90px}}@media (max-width: 600px){.main-content{margin-top:80px}}@media (max-width: 480px){.main-content{margin-top:70px}}:root{--brand-color: #10475c;--brand-light: rgba(16, 71, 92, .1);--brand-dark: #0d3a4a;--success-color: #28a745;--success-light: rgba(40, 167, 69, .15);--danger-color: #dc3545;--danger-light: rgba(220, 53, 69, .15);--warning-color: #ffc107;--warning-light: rgba(255, 193, 7, .15)}body{background-color:#f8f9fa!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333}.text-brand{color:var(--brand-color)!important}.bg-brand{background-color:var(--brand-color)!important}.bg-brand-light{background-color:var(--brand-light)!important}.border-brand{border-color:var(--brand-color)!important}.btn-brand{background-color:var(--brand-color);border-color:var(--brand-color);color:var(--text-dark)}.btn-brand:hover{background-color:var(--brand-dark);border-color:var(--brand-dark);color:var(--text-dark)}.stat-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.skill-item{position:relative}.skill-border-left{border-left:4px solid;padding-left:1rem}.personality-strip{height:4px;width:60px;border-radius:2px;background-color:var(--brand-color)}.feedback-strip{height:4px;width:100%;border-radius:2px}.coaching-strip{height:4px;width:100%;border-radius:2px;background-color:var(--brand-color)}.feedback-box{padding:1.5rem;border-radius:.75rem;height:100%}.model-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.simulation-number{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0;margin-top:2px}.coaching-tip{padding:1.5rem;border-radius:.75rem;height:100%}.card{border-radius:.75rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a!important}.card-header{border-bottom:none;border-radius:.75rem .75rem 0 0!important;padding:1rem 1.5rem;font-weight:600;color:var(--text-dark)!important}.card-header.bg-brand{background-color:var(--brand-color)!important}.card-header.bg-success{background-color:var(--success-color)!important}.card-header.bg-danger{background-color:var(--danger-color)!important}.card-header.bg-warning{background-color:var(--warning-color)!important;color:#212529!important}.card-brand>.card-body{background-color:var(--brand-light)}.card-success>.card-body{background-color:var(--success-light)}.card-danger>.card-body{background-color:var(--danger-light)}.card-warning>.card-body{background-color:var(--warning-light)}.badge{font-size:.75rem;padding:.375rem .75rem;border-radius:.5rem;font-weight:500}.btn{border-radius:.5rem;font-weight:500;transition:all .2s ease-in-out}h1,h2,h3,h4,h5,h6{font-weight:600}.small{line-height:1.5}.shadow-sm{box-shadow:0 2px 4px #0000001a!important}@media (max-width: 768px){.container-fluid{padding-left:1rem;padding-right:1rem}.d-flex.justify-content-between.align-items-start{flex-direction:column;gap:1rem}.d-flex.gap-2{width:100%}.btn{flex:1}.stat-icon{width:48px;height:48px;font-size:1.5rem}.card-body{padding:1rem}.card-header{padding:.75rem 1rem}.feedback-box,.coaching-tip{padding:1rem}.personality-strip{width:40px}}@media (max-width: 576px){.simulation-item{flex-direction:column;align-items:flex-start!important}.simulation-number{margin-bottom:.5rem;align-self:flex-start}}@media print{body{background-color:#fff!important;color:#000!important}.card{border:1px solid #dee2e6!important;background-color:#fff!important;box-shadow:none!important;break-inside:avoid;margin-bottom:1rem}.btn{display:none}.card:hover{transform:none}.shadow-sm{box-shadow:none!important}}.btn:focus,.card:focus{outline:2px solid var(--brand-color);outline-offset:2px}*{transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.text-dark{color:#212529!important}.bg-light{background-color:#f8f9fa!important}.card .card-body{background-color:#fff}.report-page{background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}.report-container{max-width:1200px;margin:0 auto;padding:2rem}.report-header{text-align:center;margin-bottom:3rem}.report-header h1{font-size:2.5rem;color:#10475c;font-weight:600}.report-section{background-color:#fff;padding:2rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a}.report-section h2{font-size:1.8rem;color:#10475c;margin-bottom:1.5rem;border-bottom:2px solid #10475c;padding-bottom:.5rem}.report-section h3{font-size:1.4rem;color:#10475c;margin-bottom:1rem}.report-section p,.report-section li{font-size:1rem;line-height:1.6;margin-bottom:1rem}.report-section ul{list-style-position:inside;padding-left:0}.skills-grid,.feedback-grid,.models-grid,.simulations-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.skills-grid,.feedback-grid{grid-template-columns:repeat(2,1fr)}.models-grid,.simulations-grid{grid-template-columns:repeat(3,1fr)}}.skill-card,.feedback-card,.model-card,.simulation-card{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:5px solid #10475c}.bonus-section{background-color:#eef7f9}.report-page-container{padding-top:2rem}.report-page-background{background-image:url(/assets/backgrounds/landing_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;min-height:100vh;padding-top:2rem;padding-bottom:2rem}:root{--brand-color: #10475c;--brand-light: rgba(16, 71, 92, .1);--brand-dark: #0d3a4a;--success-color: #28a745;--success-light: rgba(40, 167, 69, .15);--danger-color: #dc3545;--danger-light: rgba(220, 53, 69, .15);--warning-color: #ffc107;--warning-light: rgba(255, 193, 7, .15);--info-color: #17a2b8;--info-light: rgba(23, 162, 184, .15)}.reports-list-background{background-image:url(/assets/backgrounds/landing_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;padding:2rem 0}.reports-list-container{max-width:1200px;margin:0 auto;padding:0 1rem}.reports-header{margin-bottom:2rem}.reports-title{font-size:2.5rem;font-weight:700;color:var(--brand-color);margin-bottom:.5rem}.reports-subtitle{font-size:1.1rem;color:#6c757d;margin-bottom:0}.reports-stats{display:flex;gap:1rem}.stat-card{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;min-width:120px}.stat-number{font-size:2rem;font-weight:700;color:var(--brand-color);margin-bottom:.25rem}.stat-label{font-size:.9rem;color:#6c757d;font-weight:500}.search-filter-section{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.search-box{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;z-index:10}.search-input{padding-left:40px;border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.search-input:focus{border-color:var(--brand-color);box-shadow:0 0 0 .2rem #10475c40}.filter-select{border-radius:8px;border:2px solid #e9ecef;transition:all .3s ease}.filter-select:focus{border-color:var(--brand-color);box-shadow:0 0 0 .2rem #10475c40}.report-card{background:white;border-radius:16px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;cursor:pointer;overflow:hidden;height:100%;border:1px solid #e9ecef}.report-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:var(--brand-color)}.report-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0}.report-type-icon{width:48px;height:48px;background:var(--brand-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--brand-color);font-size:1.5rem}.report-status{display:flex;align-items:center}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-completed{background:var(--success-light);color:var(--success-color)}.status-in-progress{background:var(--warning-light);color:var(--warning-color)}.status-draft{background:var(--info-light);color:var(--info-color)}.report-card-body{padding:1rem 1.5rem;flex-grow:1}.report-title{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:.75rem;line-height:1.3}.report-conversation-type{color:#6c757d;font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center}.report-personality{margin-bottom:1rem}.personality-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;text-align:center}.report-metrics{display:flex;gap:1rem;margin-bottom:1rem}.metric{display:flex;align-items:center;font-size:.85rem;color:#6c757d}.report-date{font-size:.8rem;color:#6c757d;display:flex;align-items:center}.report-card-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa}.btn-outline-brand{color:var(--brand-color);border-color:var(--brand-color);border-radius:8px;font-weight:500;transition:all .3s ease}.btn-outline-brand:hover{background-color:var(--brand-color);border-color:var(--brand-color);color:#fff}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.no-reports{text-align:center;padding:4rem 2rem;background:white;border-radius:16px;box-shadow:0 4px 6px #0000001a}.no-reports-icon{font-size:4rem;color:#6c757d;margin-bottom:1.5rem}.no-reports h3{color:#2c3e50;margin-bottom:1rem}@media (max-width: 768px){.reports-list-container{padding:0 .5rem}.reports-title{font-size:2rem}.reports-stats{flex-direction:column;gap:.5rem}.stat-card{min-width:auto}.search-filter-section .row{flex-direction:column}.search-filter-section .col-md-6,.search-filter-section .col-md-3{width:100%}.report-metrics{flex-direction:column;gap:.5rem}}@media (max-width: 576px){.reports-list-background{padding:1rem 0}.reports-title{font-size:1.75rem}.report-card-header{padding:1rem 1rem 0}.report-card-body{padding:.75rem 1rem}.report-card-footer{padding:.75rem 1rem 1rem}}.report-card{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.report-card:nth-child(1){animation-delay:.1s}.report-card:nth-child(2){animation-delay:.2s}.report-card:nth-child(3){animation-delay:.3s}.report-card:nth-child(4){animation-delay:.4s}.report-card:nth-child(5){animation-delay:.5s}.report-card:nth-child(6){animation-delay:.6s}.assessment-report-background{min-height:100vh;background:#e6f3ff;padding:20px 0}:root{--emote-primary: #1e3a8a;--emote-accent: #3b82f6;--emote-white: #ffffff;--emote-light-bg: #f8fafc;--emote-gradient: linear-gradient(135deg, var(--emote-primary) 0%, var(--emote-accent) 100%);--emote-gradient-reverse: linear-gradient(135deg, var(--emote-accent) 0%, var(--emote-primary) 100%);--primary-gradient: var(--emote-gradient);--primary-color: var(--emote-primary);--secondary-color: var(--emote-accent);--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: var(--emote-accent);--dark-color: var(--emote-primary);--light-color: var(--emote-light-bg);--text-dark: #1e293b;--text-muted: #64748b;--border-color: #e2e8f0}.assessment-report-container{max-width:1200px;margin:0 auto}.stars-display{font-size:1.1rem;color:#ffc107}.stars-display-large{font-size:2rem;color:#ffc107}.competency-item{background:var(--emote-light-bg);border-left:4px solid var(--emote-primary)!important;transition:all .3s ease}.competency-item:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 8px #1e3a8a1a}.card{border-radius:12px;overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026!important}.card-header{border-bottom:none;padding:1rem 1.5rem}.card-body{padding:1.5rem}.btn-brand{border:none;color:var(--emote-white);transition:all .3s ease;font-weight:500}.btn-brand:hover{color:var(--emote-white);transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a4d}.card-brand{border-color:var(--emote-primary)}.card-brand .card-header{background:var(--emote-gradient)}.assessment-report-container .d-flex.justify-content-between{align-items:flex-start;gap:1rem}.assessment-report-container .d-flex.align-items-center{gap:1rem}.assessment-report-container h1.h2{margin-bottom:.5rem;color:var(--text-dark);font-weight:600}.assessment-report-container .text-muted{color:var(--text-muted)!important;font-size:.95rem}.assessment-report-container .d-flex.gap-2{align-items:center;flex-wrap:nowrap;gap:.75rem!important;white-space:nowrap}.assessment-report-container .btn{border-radius:8px;font-weight:500;padding:.5rem 1rem;font-size:.875rem;transition:all .3s ease;border:1px solid transparent;min-height:38px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.assessment-report-container .btn-outline-secondary{background-color:transparent;border-color:var(--emote-primary);color:var(--emote-primary)}.assessment-report-container .btn-outline-secondary:hover{background-color:var(--emote-primary);border-color:var(--emote-primary);color:var(--emote-white)}.assessment-report-container .btn-outline-dark{background-color:transparent;border-color:var(--text-dark);color:var(--text-dark)}.assessment-report-container .btn-outline-dark:hover{background-color:var(--text-dark);color:var(--emote-white)}.badge.bg-info{background-color:var(--info-color)!important;color:var(--text-dark);font-weight:500;padding:.5rem .75rem;border-radius:20px;font-size:.75rem;min-height:38px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.badge{font-weight:500;padding:.5rem .75rem;border-radius:20px;font-size:.75rem;min-height:38px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}@media (max-width: 768px){.assessment-report-container .d-flex.justify-content-between{flex-direction:column;align-items:stretch;gap:1rem}.assessment-report-container .d-flex.align-items-center{flex-direction:column;align-items:flex-start;gap:.75rem}.assessment-report-container .d-flex.gap-2{justify-content:flex-start;flex-wrap:wrap}}.card-info .card-header,.card-warning .card-header,.card-primary .card-header,.card-dark .card-header,.card-secondary .card-header,.card-brand .card-header{background:#10475c!important;color:var(--emote-white)!important}.card-success .card-header{background:var(--success-color)!important;color:var(--emote-white)!important}.card-danger .card-header{background:var(--danger-color)!important;color:var(--emote-white)!important}.card-success,.card-danger,.card-info,.card-warning,.card-primary,.card-dark,.card-secondary{border-color:var(--emote-accent)}.list-unstyled li{padding:.5rem 0;border-bottom:1px solid #f1f3f4}.list-unstyled li:last-child{border-bottom:none}.badge{font-size:.75rem;padding:.5rem .75rem;border-radius:20px}@media (max-width: 768px){.assessment-report-container{padding:0 15px}.card-body{padding:1rem}.stars-display-large{font-size:1.5rem}.display-4{font-size:2.5rem}}.spinner-border{width:3rem;height:3rem}.alert{border-radius:12px;border:none;box-shadow:0 4px 12px #0000001a}.btn{border-radius:8px;font-weight:500;transition:all .3s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.text-brand{color:var(--emote-primary)!important}.text-muted{color:#6c757d!important}.competency-item:hover .text-dark{color:var(--emote-primary)!important}.btn:focus{box-shadow:0 0 0 .2rem #1e3a8a40}.emote-logo{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;background:#10475c}.emote-logo-img{height:40px;width:auto;object-fit:contain}@media (prefers-reduced-motion: reduce){.card,.btn,.competency-item{transition:none}}@media print{.assessment-report-background{background:white!important}.btn{display:none!important}.card{break-inside:avoid;box-shadow:none!important;border:1px solid #dee2e6!important}}.app-container{position:relative;width:100%;height:100%;overflow-x:hidden}.page-transition-wrapper{animation:subtleFade .4s ease-out;position:relative;width:100%;height:100%}@keyframes subtleFade{0%{opacity:.9;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.content-animate{opacity:0;animation:minimalFade .5s ease-out forwards;animation-delay:.1s}@keyframes minimalFade{0%{opacity:.95;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:subtleStagger .3s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(n+6){animation-delay:.3s}@keyframes subtleStagger{0%{opacity:.9;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.fade-enter{opacity:.95}.fade-enter-active{opacity:1;transition:opacity .3s ease-out}.fade-exit{opacity:1}.fade-exit-active{opacity:.95;transition:opacity .25s ease-out}.slide-enter{opacity:.95;transform:translate(5px)}.slide-enter-active{opacity:1;transform:translate(0);transition:all .3s ease-out}.slide-exit{opacity:1;transform:translate(0)}.slide-exit-active{opacity:.95;transform:translate(-5px);transition:all .2s ease-out}