body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{background-color:#0a1120;display:flex;gap:10px;justify-content:center;padding:20px}main{padding:40px}.main-content{justify-content:space-between}.no-scores button{background:#e1e6ec;border:2px solid #0a1120;border-radius:8px;box-shadow:0 3px 10px #00000080;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:15px;transition:all .3s ease;width:160px}.no-scores button:hover{background:#abbfd9;box-shadow:0 5px 15px #0003;transform:scale(1.05)}.no-scores p{font-size:15px}.dashboard{align-items:center;display:flex;flex-direction:column;padding:20px}.profile{margin-bottom:20px;text-align:center}.profile-picture{border-radius:50%;height:150px;width:150px}.main-content{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;margin-bottom:40px;width:80%}.main-content>*{align-items:flex-start;box-sizing:border-box;flex:1 1}.charts{width:45%}h3{margin-bottom:4px}.results-dash-summary{font-size:18px;margin-bottom:4px;max-width:1000px;text-align:left}.user-charts canvas{height:auto!important;width:100%!important}.user-recommendations{justify-self:center;text-align:left;width:45%}.user-recommendations ul{list-style-type:none;padding:0}.user-recommendations li{align-items:center;background-color:#f0f0f0;border-radius:5px;display:flex;margin:5px 0;padding:10px}.user-recommendations li input[type=checkbox]{margin-right:10px}.recommendation-item{margin-bottom:2rem}.recommendation-item:last-child{margin-bottom:0}.recommendation-text{text-align:left}.gemini-button-container{margin-top:1.5rem;text-align:center}.admin-dashboard{align-items:center;flex-direction:column;width:100%}.admin-dashboard,.visualisations{display:flex;justify-content:center}.visualisations{align-items:flex-start;flex-direction:row;margin-bottom:40px;width:80%}.visualisations>*{align-items:flex-start;box-sizing:border-box;flex:1 1;max-width:45%}.view-switch{align-items:center;display:flex;gap:1rem;margin:1rem 0}.view-switch label{align-items:center;display:flex;gap:.5rem}.admin-visualisation{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.charts{width:100%}.user-charts{display:flex;justify-content:space-between;margin-bottom:40px;width:80%}.quiz-questions-table td.small-col,.quiz-questions-table th.small-col{max-width:60px!important;min-width:60px!important;text-align:center;white-space:nowrap;width:60px!important}.quiz-questions-table td:nth-child(2),.quiz-questions-table td:nth-child(3){overflow:visible;text-overflow:clip;white-space:normal}.overflow-cell{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:break-word!important}.quiz-questions-table{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin:0 auto;max-height:80vh;overflow-x:auto;overflow-y:auto;padding:1rem;width:60vw}.quiz-questions-table td,.quiz-questions-table th{align-items:center;min-width:250px}@media (max-width:768px){.quiz-questions-table table{min-width:800px}}.quiz-questions-table table{border-collapse:collapse;table-layout:fixed;width:100%}.quiz-questions-table td,.quiz-questions-table th{border-bottom:1px solid #eee;padding:.75rem;text-align:left}.quiz-questions-table th{background-color:#f9f9f9;font-weight:700;position:-webkit-sticky;position:sticky;top:0;z-index:1}.quiz-questions-table table thead th{background-color:#3f51b5;color:#fff;font-weight:700;padding:12px 8px;text-align:left}.radio-group{align-items:center;display:flex;gap:2rem;white-space:nowrap}.recommendations-table{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin:0 auto;padding:1rem;width:60vw}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.table-header h3{left:50%;margin:0;position:absolute;transform:translateX(-50%)}.table-wrapper{width:100%}.recommendations-table td,.recommendations-table th{align-items:center;min-width:250px}@media (max-width:768px){.recommendations-table table{min-width:800px}}.recommendations-table table{border-collapse:collapse;display:block;max-height:60vh;overflow-y:auto;table-layout:fixed;width:100%}.recommendations-table td,.recommendations-table th{border-bottom:1px solid #eee;padding:.75rem;text-align:left;vertical-align:middle}.recommendations-table th{background-color:#3f51b5;color:#fff;font-weight:700;padding:12px 8px;text-align:left}.modal-content{max-width:600px}input,select{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-top:.3rem;max-height:150px;max-width:450px;overflow-y:auto;overflow:hidden;padding:.6rem .9rem;text-overflow:ellipsis;white-space:nowrap;width:80%}.modal-content textarea{box-sizing:border-box;margin-bottom:1rem;padding:.5rem;resize:vertical;width:100%}.form-row{display:flex;flex-wrap:wrap;gap:1rem}.form-row label{flex:1 1}button{border-radius:6px;font-size:.95rem;font-weight:500;padding:.5rem 1.2rem}.modal-close{font-size:1.8rem;right:18px;top:14px;transition:color .2s ease;z-index:10}.Select__menu-list{max-height:150px!important;overflow-y:auto!important}.Select__menu{z-index:1050!important}.Select__control{max-width:100%!important;width:100%!important}.recommendations-table td:first-child,.recommendations-table th:first-child{max-width:40px!important;min-width:40px!important;text-align:center;width:40px!important}.red-button:disabled,button:disabled{background-color:#e0e0e0!important;border:1px solid #ccc!important;color:#888!important;cursor:not-allowed;opacity:1}.modal{animation:fadeIn .3s ease;background:#00000080;height:100vh;width:100vw}.modal-content{animation:slideIn .3s ease;border-radius:14px;box-shadow:0 12px 28px #0003;max-height:90vh;overflow-y:auto;position:relative;width:90%}.modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:16px;top:12px;z-index:1001}.modal-close:hover{color:#333}.modal-content h3{font-size:1.5rem}.modal-content h3,label{color:#333;margin-bottom:1rem}label{display:block}input,textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1rem;margin-top:.3rem;padding:.6rem .9rem;width:100%}.modal-buttons{gap:.75rem}.blue-button{background-color:#007bff;color:#fff}.red-button{color:#fff}.blue-button:hover{background-color:#0056b3}.red-button:hover{background-color:#c82333}.exp-statement-container-inline{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;height:80%;margin:40px auto;padding:30px 30px 40px;text-align:left;width:80%}.scroll-box-inline{border:2px solid #0a1120;border-radius:5px;height:400px;margin:auto auto 20px;overflow-y:scroll;padding:10px;text-align:left;width:75%}.checkbox-inline{padding-top:100px}.next-btn-inline{background-color:#0a1120;border:none;border-radius:5px;box-shadow:0 3px 10px #0000004d;color:#fff;cursor:pointer;float:right;font-size:16px;padding:10px;width:10%!important}.next-btn-inline:hover{background-color:#6f797d;box-shadow:0 3px 10px #0000004d}button.next-btn-inline:disabled{background-color:#d3d3d3;color:grey;cursor:not-allowed;opacity:.6}.consent-container-inline{text-align:left}.consent-checkbox-row-inline{align-items:center;display:flex;margin-bottom:20px;margin-top:20px;text-align:left}.consent-checkbox-row-inline input[type=checkbox]{height:18px;margin-right:10px;width:18px}.consent-checkbox-row-inline label{line-height:18px;vertical-align:middle}.login-body{background-color:#f5f5f5;border-radius:10px;box-shadow:0 0 10px #0000001a;justify-content:center;margin:0 auto;padding:30px;width:300px}.login-container h1{color:#282c34;font-size:24px;margin-bottom:20px}.login-container input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:15px;padding:10px;width:93%}.login-container button{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.login-container button:hover{background-color:#4e73b8}.login-header{background-color:#282c34;box-sizing:border-box;display:flex;gap:10px;justify-content:flex-end;left:0;padding:15px;position:fixed;top:0;width:100%;z-index:1000}.login-header button{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;width:20%}.register-body{background-color:#f5f5f5;border-radius:10px;box-shadow:0 0 10px #0000001a;justify-content:center;margin:0 auto;padding:30px;width:80%}.register-container h1{color:#282c34;font-size:24px;margin-bottom:20px}.register-container input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;display:block;font-size:16px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:12px;width:50%}.register-container label{display:block;font-size:18px;font-weight:700;margin-bottom:8px;text-align:center}.register-container button{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px;width:40%}.register-container button:hover{background-color:#4e73b8}.checkbox-group{display:flex;flex-direction:wrap;gap:15px;justify-content:center}.checkbox-group label{align-items:center;display:inline-flex;font-size:16px;font-weight:400;gap:5px;margin-bottom:8px;margin-right:20px;margin-top:8px}.checkbox-group input[type=checkbox]{height:16px;margin:0 2px 0 0;vertical-align:middle;width:16px}.other-input{margin-top:10px;padding:10px;text-align:left}.other-input,.register-container select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;display:block;font-size:16px;margin-left:auto;margin-right:auto;width:50%}.register-container select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg fill="black" height="12" viewBox="0 0 24 24" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-position:right 12px center;background-repeat:no-repeat;background-size:22px 22px;cursor:pointer;margin-bottom:20px;padding:12px 2.5rem 12px 12px}.register-container select option{font-size:16px;padding:10px}.register-header{background-color:#282c34;box-sizing:border-box;display:flex;gap:10px;justify-content:flex-end;left:0;padding:15px;position:fixed;top:0;width:100%;z-index:1000}.register-header button{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;width:20%}.register-header button:hover{background-color:#4e73b8}.quiz-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin:40px auto;padding:30px;text-align:center;width:80%}.question-container{margin-bottom:40px}h4{margin-top:-12px}h3{color:#000;font-size:larger;font-weight:600;margin-bottom:25px}.likert-scale{display:flex;justify-content:space-between;margin:30px}.likert-scale button{background-color:#e1e6ec;border:2px solid #254875;border-radius:8px;box-shadow:0 3px 10px #0000004d;color:#282c34;cursor:pointer;font-size:.8rem;font-weight:550;margin-bottom:15px;margin-top:10px;padding:10px;transition:all .3s ease;width:135px}.likert-scale .selected,.likert-scale button:hover{background:#abbfd9;box-shadow:0 5px 15px #0000004d}.likert-scale .selected{border-color:#030c1f;transform:scale(1.1)}.back-btn,.submit-btn{background-color:#0a1120;border:none;border-radius:5px;box-shadow:0 3px 10px #0000004d;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:10%}.back-btn{margin-right:650px;margin-top:20px}.back-btn:hover,.submit-btn:hover{background-color:#6f797d;box-shadow:0 3px 10px #0000004d}button.submit-btn:disabled{background-color:#d3d3d3;color:grey;cursor:not-allowed;opacity:.6}.results-container h1,.results-container h2{color:#282c34}.results,h2{text-align:left}.results{font-size:18px;font-weight:600;margin-bottom:100px}.disclaimer{bottom:0;margin-right:15px}.results-flex{margin-top:1rem}.results-chart{align-items:center;display:flex;height:400px;justify-content:center;min-height:300px;width:400px}.results-chart canvas{height:100%!important;max-height:400px;max-width:400px;width:100%!important}.results-summary{font-size:18px;margin:1rem auto 6rem;max-width:1000px;text-align:left}.recommendations-container{align-items:center;display:flex;flex-direction:column;margin:4rem auto;padding:0 1rem}.recommendations-container h3,.recommendations-container>div>*{text-align:center;width:100%}.recommendations-container p{text-align:justify;width:100%}.results-container{color:#282c34;margin:0 auto;max-width:1200px;padding:2rem}.results-container h1{font-size:40px;margin-bottom:70px;text-align:left}.results-container h2{font-size:30px;margin-bottom:25px;text-align:left}.results-flex{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1.5rem}.results-chart,.results-details{flex:1 1;max-width:500px;min-width:300px}.results-details{font-size:18px;line-height:1.8}.results-details p{background:#f8f8f8;border-left:4px solid #96f;border-radius:6px;margin:.5rem 0;padding:.5rem}.results-details b{color:#333}.disclaimer{border-top:1px solid #ddd;color:#555;font-size:13px;line-height:1.5;margin-top:2rem;padding-top:1rem;text-align:left}.dash-header{gap:1rem;margin-bottom:2rem}.dash-header button{background-color:#96f;border-radius:6px;padding:.6rem 1.2rem;transition:background-color .2s ease}.dash-header button:hover{background-color:#7a4edc}h2{margin-bottom:50px;margin-top:15px}.quiz{display:flex;flex-wrap:wrap;gap:50px;justify-content:center}.quiz button{background:#e1e6ec;border:2px solid #0a1120;border-radius:8px;box-shadow:0 3px 10px #00000080;cursor:pointer;font-size:1rem;font-weight:600;padding:15px;transition:all .3s ease;width:160px}.quiz button:hover{background:#abbfd9;box-shadow:0 5px 15px #0003;transform:scale(1.05)}.exp-statement-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;height:80%;margin:40px auto;padding:30px 30px 40px;text-align:left;width:80%}.scroll-box{border:2px solid #0a1120;border-radius:5px;height:400px;margin:auto auto 20px;overflow-y:scroll;padding:10px;text-align:left;width:75%}h1{margin-bottom:40px;margin-top:2px}h1,h3{text-align:center}h3{margin-top:10px}p{font-size:14px;line-height:25px}.checkbox{padding-top:100px}.next-btn{background-color:#0a1120;border:none;border-radius:5px;color:#fff;cursor:pointer;float:right;font-size:16px;padding:10px;width:10%}.next-btn,.next-btn:hover{box-shadow:0 3px 10px #0000004d}.next-btn:hover{background-color:#6f797d}button.next-btn:disabled{background-color:#d3d3d3;color:grey;cursor:not-allowed;opacity:.6}.consent-container{text-align:left}.consent-checkbox-row{align-items:center;display:flex;margin-bottom:20px;margin-top:20px;text-align:left}.consent-checkbox-row input[type=checkbox]{height:18px;margin-right:10px;width:18px}.consent-checkbox-row label{line-height:18px;vertical-align:middle}.feedback-container{margin:0 auto;max-width:800px;padding:20px;text-align:center}.feedback-form{display:flex;flex-direction:column;gap:20px}.question-category{margin-bottom:40px}.feedback-question{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.feedback-label{font-size:1.2em;margin-bottom:8px}.feedback-input{border:1px solid #ccc;border-radius:5px;font-size:1.1em;margin:5px auto;padding:12px;width:80%}.radio-options{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-left:auto;margin-right:auto}.radio-label{align-items:center;display:flex;font-size:1.1em;gap:8px}.radio-options input[type=radio]{margin-right:5px}.submit-button{background-color:#0a1120;border:none;border-radius:5px;box-shadow:0 3px 10px #0000004d;color:#fff;cursor:pointer;display:block;font-size:16px;margin-left:auto;margin-right:auto;padding:10px;width:30%}.submit-button:hover{background-color:#6f797d;box-shadow:0 3px 10px #0000004d}textarea{resize:vertical}.forgot-password-body{background-color:#f5f5f5;border-radius:10px;box-shadow:0 0 10px #0000001a;justify-content:center;margin:0 auto;padding:30px;width:300px}.forgot-password-container h1{color:#282c34;font-size:24px;margin-bottom:20px}.forgot-password-container input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:15px;padding:10px;width:93%}.forgot-password-container button{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.forgot-password-container button:hover{background-color:#4e73b8}.forgot-password-header{background-color:#282c34;box-sizing:border-box;display:flex;gap:10px;justify-content:flex-end;left:0;padding:15px;position:fixed;top:0;width:100%;z-index:1000}.forgot-password-header button{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;width:8%}.reset-body{background-color:#f5f5f5;border-radius:10px;box-shadow:0 0 10px #0000001a;justify-content:center;margin:0 auto;padding:30px;width:300px}.reset-container h1{color:#282c34;font-size:24px;margin-bottom:20px}.reset-container input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:15px;padding:10px;width:93%}.reset-container button{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.reset-container button:hover{background-color:#4e73b8}.admin-score-container{font-family:Arial,sans-serif;margin:auto;max-width:900px;padding:20px}.admin-controls{display:flex;justify-content:space-between;margin-bottom:15px}.admin-controls input[type=text]{font-size:14px;padding:8px;width:60%}.admin-score-list{margin-top:20px}.user-group{border:1px solid #ddd;border-radius:6px;margin-bottom:30px;padding:15px}.score-entry{background-color:#f9f9f9;border-radius:4px;margin-top:10px;padding:12px}.view-profile-link{color:#07c;font-weight:700;text-decoration:none}.admin-message{color:#555}.admin-error,.admin-message{font-size:16px;text-align:center}.admin-error{color:red}.dash-header{background-color:#282c34;box-sizing:border-box;display:flex;gap:10px;justify-content:flex-end;left:0;padding:15px;position:fixed;top:0;width:100%;z-index:1000}.dash-header button{background-color:#6495ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px}.dash-header button:hover{background-color:#4e73b8}.admin-scores{background-color:#f4f7fb;color:#024;font-family:Segoe UI,sans-serif;padding:2rem}h2{color:#036;margin-bottom:1.5rem;text-align:center}.filters{background-color:#e6efff;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem}.filter-group{display:flex;flex:1 1;flex-direction:column;min-width:160px}.filter-group label{color:#036;font-weight:600;margin-bottom:.5rem}.filter-group input,.filter-group select{background-color:#fff;border:1px solid #9bd;border-radius:4px;box-sizing:border-box;padding:.5rem;width:100%}table{background-color:#fff;border:1px solid #ccc;border-collapse:collapse;box-shadow:0 0 10px #0000000d;width:100%}th{background-color:#036;color:#fff;cursor:pointer;font-size:.9rem;text-align:left}td,th{padding:.75rem}td{border-top:1px solid #e0e0e0}tr:nth-child(2n){background-color:#f0f8ff}tr:hover{background-color:#d0e7ff}.user-management-table table thead th{background-color:#3f51b5;color:#fff;font-weight:700;padding:12px 8px;text-align:left}.user-management-table{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin:0 auto;max-height:80vh;overflow-x:auto;overflow-y:auto;padding:1rem;width:60vw}.table-wrapper{max-height:60vh;overflow:auto}.user-management-table td,.user-management-table th{min-width:250px}@media (max-width:768px){.user-management-table table{min-width:800px}}.user-management-table table{border-collapse:collapse;table-layout:fixed;width:100%}.user-management-table td,.user-management-table th{border-bottom:1px solid #eee;padding:.75rem;text-align:left}.user-management-table th{background-color:#f9f9f9;font-weight:700;position:-webkit-sticky;position:sticky;top:0;z-index:1}button{background-color:#6495ec;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;margin-right:.5rem;padding:.4rem .75rem}button:hover{background-color:#4e73b8}.red-button{background-color:#dc3545}.red-button:hover{background-color:#b02a37}.modal{align-items:center;animation:fadeIn .3s ease-in-out;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:2rem;width:100%}.modal-content h3{font-size:1.4rem;margin-bottom:1.5rem;text-align:center}.modal-content label{color:#333;display:block;font-weight:500;margin-bottom:1rem}.modal-content input,.modal-content select{border:1px solid #ccc;border-radius:6px;font-size:.95rem;margin-top:.3rem;padding:.6rem .8rem;width:100%}.modal-buttons{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.overflow-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*# sourceMappingURL=main.b26b33c9.css.map*/