:root{--main:#f1fcfd;--bg2:#c7eeff;--bg3:#00a8e8;--black:#393737;--white:#fff;--gray:#d9d9d9;--green:#0de723;--red:#f51515;--orange:#f88f17;--yellow:#f5ff34;--shadow:#00000029 0px 1px 4px;--main-7:#f2fcfdb3;--primary-7:#c7eeffb3;--secondary-7:#00a4e6b3;--black-7:#393737b3;--main-5:#f2fcfd80;--primary-5:#c7eeff80;--secondary-5:#00a4e680;--black-5:#39373780;--secondary-4:#00a4e666;--main-2:#f2fcfd33;--primary-2:#c7eeff33;--secondary-2:#00a4e633;--black-2:#39373733;--gray-2:#d9d9d933;--green-2:#0de72333;--red-2:#f5141433;--orange-2:#f88f1633;--yellow-2:#f5ff3333}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f1fcfd;background-color:var(--main)}button{background-color:initial;border:none}footer{align-items:center;background-color:#c7eeff80;background-color:var(--primary-5);color:#d9d9d9;color:var(--gray);display:flex;height:50px;justify-content:center;width:100%}button:hover{cursor:pointer}ul{list-style:none}.logo{font-size:larger;font-weight:600}.App{background-color:var(--main);font-family:Inter,sans-serif;height:100vh}.App,.left{display:flex}.left{align-items:center;flex:1 1;justify-content:center;padding:40px}.login-container{max-width:400px;text-align:center;width:100%}h1{color:var(--black);font-size:2rem;margin-bottom:8px}.p.login{color:#666;font-size:.9rem;margin-bottom:24px}.user{background:#0000;border:none;border-radius:18px;color:var(--black);cursor:pointer;flex:1 1;padding:8px;transition:.3s}.user.student{background:#fff;box-shadow:0 2px 5px #0000001a}.login-form{display:flex;flex-direction:column;text-align:left}.login-form label{color:var(--black);font-size:.85rem;font-weight:600;margin-bottom:5px}.input.login,.input.password,.input.username{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:12px}.addition{font-size:.8rem;justify-content:space-between;margin-bottom:25px;margin-top:-10px}.addition,.rememberme{align-items:center;display:flex}.rememberme{gap:5px}label.rememberme{margin-bottom:0}.rememberme p{margin:0}.forgotpass a{color:var(--bg3);text-decoration:none}.login-btn{background-color:#00a8e8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:15px;padding:14px;width:100%}button.btn.login-btn.create-account{margin-top:20px}.login-btn:hover{background-color:var(--bg3)}.right{flex:1 1}.quote{bottom:10%;left:10%;right:10%}.quote-text{font-size:1.8rem;font-weight:300;line-height:1.4;margin-bottom:15px}.quote-author{color:#ccc}span.noaccount{gap:10px}.noaccount,span.noaccount{display:flex;justify-content:center}.noaccount{font-size:.9rem;gap:5px}.noaccount a{color:var(--bg3);font-weight:700;text-decoration:none}.noaccount a:hover{text-decoration:underline}.sign-up{color:var(--bg3)}.container{animation:fadeIn .4s ease-out;max-width:400px;text-align:center;width:100%}.info-container{align-items:center;background-color:var(--secondary-2);border:1px solid var(--bg3);border-radius:5px;display:flex;gap:8px;margin-block:10px;padding:15px}.info-container>img{height:24px;width:24px}.info-text>p{font-size:12px}input.input.login.create-account{margin-bottom:10px}.right{height:100vh;overflow:hidden;position:relative;width:50%}.right img{display:block;height:100%;object-fit:cover;width:100%}.quote{align-items:flex-start;background:linear-gradient(180deg,#0000 0,#000c);bottom:0;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:261px;justify-content:flex-end;left:0;padding:40px;position:absolute;width:100%;z-index:2}.qoute-text{font-size:1.5rem;margin:0;max-width:80%}.quote-author{margin-top:10px;opacity:.8}@media (max-width:700px){.right{display:none}.left{flex:1 1;padding:20px;width:100%}.container{max-width:90%!important}}.select-usertype{background-color:#e8f4f8;border-radius:12px;display:flex;margin:20px auto;max-width:350px;padding:4px;position:relative;width:100%;z-index:1}.slider-pill{background-color:#fff;border-radius:10px;bottom:4px;box-shadow:0 4px 12px #00000014;left:0;position:absolute;top:4px;transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:0}.user-btn{background:none;border:none;color:#888;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;outline:none;padding:10px 0;position:relative;transition:color .3s ease;z-index:2}.user-btn.active{color:var(--bg3)}.user-btn:hover:not(.active){color:var(--black)}header.dashboard.Student{align-items:center;background-color:var(--primary-5);border-bottom:1px solid var(--bg2);display:flex;height:50px;justify-content:space-between;padding:0 20px}.logout-btn img{height:20px;width:20px}p.fullname,p.section{font-weight:600;margin:initial}.userinfo{align-items:center;display:flex;flex-direction:row;gap:25px}.user-conatiner{align-items:flex-end;display:flex;flex-direction:column}.form.student-form.view-form,form.form.student-form{align-items:center;animation:fadeIn .4s ease-out;background-color:var(--white);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;margin-block:50px;margin-inline:auto;max-width:800px;padding:25px}.readonly-input{background-color:var(--gray-2)!important;border:1px solid #0000;box-shadow:none;color:var(--black);cursor:default;outline:none}.readonly-input:focus{border-color:#0000}.input-group{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-block:8px;position:relative}.input.readonly-input{height:30px;padding:5px}.custom-divider{background-color:var(--black-2);border:0;height:1px;margin:20px 0;width:100%}footer p{color:var(--black-5)}.part1,.part2,.part3,.part4{align-items:center;display:flex;flex-direction:column;max-width:600px;width:100%}button.btn.back,button.btn.next,button.btn.submit-btn{align-items:center;background-color:var(--bg3);border-radius:5px;color:var(--white);display:flex;flex-direction:row;height:40px;justify-content:center;padding:5px 15px;width:-webkit-min-content;width:min-content}.btn.next.part2 .next-text{width:175px}.btn.next.part3 .next-text{width:150px}.next-text{width:190px}.next-text.submit{width:150px}.btn.next{background-color:var(--white);display:flex;flex-direction:row;justify-content:space-between;width:100%}.img.back,.img.next{height:12px;margin-left:10px}button.btn.back{background-color:var(--white);border:1px solid var(--black);border-radius:5px;color:var(--black)}img.submit{height:15px}.img.back{margin-left:0;margin-right:10px;transform:rotate(180deg)}.btn.next.part1:hover{cursor:pointer}.btn.next.part1{justify-content:center}.fade-in-section{animation:fadeIn .4s ease-in-out}.form.student-form.success-message{display:flex;height:calc(100vh - 100px)}.form.student-form.success-message.hidden-message{display:none}.container.success-message{align-items:center;background-color:var(--white);border:1px solid var(--bg3);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:25px;margin:auto;max-width:650px;padding:70px;text-align:center}h1.submitted{color:var(--bg3)}.top.view-response{display:flex;flex-direction:row;justify-content:space-between;width:100%}h2.part{color:var(--bg3);font-size:larger;margin-bottom:20px;width:100%}.answer{margin-bottom:10px;padding:0 20px;width:100%}.answer-container{width:-webkit-fit-content;width:fit-content}div.answer-container>p.readonly-answer{background-color:var(--gray-2);min-height:50px;text-align:start}div.answer-container>p{font-size:smaller;text-align:center;width:100%}.answer>h3{font-size:medium;font-weight:600}p.rate-answer,p.readonly-answer,p.yesno-answer{border-radius:5px;margin-top:5px;padding:3px 15px}p.rate-answer.sa{background-color:var(--secondary-4);border:1px solid var(--bg3)}p.rate-answer.a{background-color:var(--green-2);border:1px solid var(--green)}p.rate-answer.n{background-color:var(--yellow-2);border:1px solid var(--yellow)}p.rate-answer.d{background-color:var(--orange-2);border:1px solid var(--orange)}p.rate-answer.sd{background-color:var(--red-2);border:1px solid var(--red)}p.yesno-answer.no{background-color:var(--gray-2);border:1px solid var(--gray)}p.yesno-answer.yes{background-color:var(--secondary-4);border:1px solid var(--bg3)}button.btn.show-response{align-items:center;background-color:var(--bg3);border:1px solid var(--bg3);border-radius:10px;color:var(--white);display:flex;font-weight:600;gap:20px;padding:10px 40px}img.img.close{height:20px;width:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-container{border-radius:8px;font-family:sans-serif;max-width:500px;padding:20px;width:100%}.progress-bars{display:flex;gap:10px;margin-bottom:8px}.bar{border-radius:10px;flex:1 1;height:12px;transition:background-color .3s ease}.bar.active{background-color:var(--bg3)}.bar.inactive{background-color:var(--bg2)}.step-text{color:var(--black);font-size:14px;font-weight:500;margin:0;text-align:right}.ps-rating-container{align-items:center;background:var(--white);border-radius:12px;display:flex;flex-direction:column;font-family:Inter,sans-serif;max-width:650px;padding:24px;text-align:center;width:100%}.ps-rating-question{color:var(--black);font-size:1.1rem;font-weight:600;margin-bottom:24px}.ps-rating-options{display:flex;gap:clamp(5px,3vw,30px);justify-content:flex-start}.ps-rating-item{align-items:center;display:flex;flex-direction:column;gap:12px;width:clamp(50px,5vw,70px)}.ps-rating-circle{align-items:center;background-color:initial;border:1px solid #d1d1d1;border-radius:50%;color:var(--black);cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;height:50px;justify-content:center;transition:all .2s ease;width:50px}.ps-rating-circle:hover{background-color:var(--secondary-2);border-color:var(--bg3)}.ps-rating-circle.selected{background-color:var(--bg3);border-color:var(--bg3);color:var(--white)}.ps-rating-label{color:#888;font-size:.8rem;line-height:1.2;text-align:center}.ps-yn-container{background:var(--white);border-radius:12px;box-shadow:var(--shadow);margin-block:20px;max-width:650px;padding:24px;width:100%}.ps-yn-question{color:var(--black);font-size:1.1rem;font-weight:600;margin-bottom:20px}.ps-yn-options{display:flex;gap:40px}.ps-yn-item{cursor:pointer;gap:12px}.ps-yn-circle,.ps-yn-item{align-items:center;display:flex}.ps-yn-circle{border:2px solid var(--bg3);border-radius:50%;height:24px;justify-content:center;transition:all .2s ease;width:24px}.ps-yn-circle.selected{background-color:var(--bg3)}.ps-yn-inner-dot{background-color:var(--white);border-radius:50%;height:10px;width:10px}.ps-yn-label{color:var(--black);font-size:1rem;font-weight:500}.ps-open-container{background:var(--white);border-radius:12px;margin-bottom:20px;max-width:650px;padding:24px;width:100%}.ps-open-question{color:var(--black);font-size:1.1rem;font-weight:600;margin-bottom:15px;text-align:left}.ps-open-textarea{background-color:#f9f9f9;border:1px solid var(--bg2);border-radius:10px;color:var(--black);font-family:inherit;font-size:1rem;outline:none;padding:15px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.ps-open-textarea:focus{border-color:var(--bg3);box-shadow:0 0 0 3px #4d6de31a}.ps-open-textarea::placeholder{color:#aaa;font-style:italic}header.dashboard.Admin{align-items:center;background-color:var(--primary-5);border-bottom:1px solid var(--bg2);display:flex;height:50px;justify-content:space-between;padding:0 20px}.admin-table-section{background-color:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin:30px clamp(20px,3vw,50px);min-height:400px;overflow-y:auto;padding:clamp(20px,3vw,40px)}.admin-table-header h2{color:#1a1a1a;font-size:1.5rem;margin-bottom:5px}.admin-table-header p{color:#666;font-size:.9rem;margin-bottom:25px}.admin-data-table{border-collapse:collapse;text-align:left;width:100%}.admin-table-row{border-bottom:1px solid #f0f0f0}.admin-table-row:last-child{border-bottom:none}.admin-th{color:#888;font-size:.85rem;font-weight:500;padding:12px 15px;text-transform:capitalize}.admin-td:first-child,.admin-th:first-child{min-width:100px;white-space:nowrap}.admin-td.bold{min-width:150px;padding-right:20px}.admin-td{color:#333;cursor:default;font-size:.95rem;padding:15px}.admin-td.bold,.status-badge{font-weight:600}.status-badge{border-radius:20px;font-size:.8rem;padding:6px 14px}.status-badge.verified{background-color:#e6f9ed;color:#1e7e34}.status-badge.pending{background-color:#fff4e5;color:#b05d00}.admin-header-flex{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.admin-add-btn{background-color:#00aeef;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:.3s}.admin-add-btn:hover{background-color:#008cc0}.admin-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.admin-modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 25px #0003;padding:30px;width:clamp(350px,90vw,650px)}.admin-modal-header{margin-bottom:20px}.admin-form-group,.admin-modal-header{align-items:center;display:flex;justify-content:space-between}.admin-modal-form{display:flex;flex-direction:column}.admin-label{color:#555;font-size:.85rem;font-weight:600;margin-bottom:5px}.admin-input{border:1px solid #ddd;border-radius:8px;font-size:.9rem;margin-bottom:15px;padding:12px;width:80%}.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.admin-cancel-btn{background:none;border:none;color:#888;cursor:pointer;font-weight:500}.admin-submit-btn{background-color:#00aeef;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}img.img-close{height:24px;width:24px}header.dashboard.Teacher{align-items:center;background-color:var(--primary-5);border-bottom:1px solid var(--bg2);display:flex;height:50px;justify-content:space-between;padding:0 20px}.teacher-container{height:100vh}.responses-container{background-color:#fff;border-radius:8px;border-radius:16px;height:100vh;margin:30px 50px;max-height:500px;overflow-y:auto;padding:20px}.responses-header h1{color:#111827;font-size:1.25rem;margin-bottom:4px}.responses-header p{color:#6b7280;font-size:.875rem;margin-bottom:24px}.table-wrapper{overflow-x:auto}.modern-table{border-collapse:collapse;color:#374151;font-size:.875rem;width:100%}.modern-table thead tr{border-bottom:1px solid #f3f4f6}.modern-table th{color:#9ca3af;font-weight:500;padding:12px 16px;text-align:left;text-transform:capitalize}.modern-table tbody tr{border-bottom:1px solid #f9fafb;transition:background-color .2s}.modern-table tbody tr:hover{background-color:#fcfcfd}.modern-table td{padding:15px 5px;vertical-align:middle}.student-name-cell{color:#111827;font-weight:600}.date-cell,.grade-section-cell{color:#4b5563}button.action-link{align-items:center;border:1px solid var(--black);border-radius:3px;display:flex;flex-direction:row;gap:10px;padding:4px 8px}button.action-link:hover{background-color:var(--secondary-2);border:1px solid var(--bg3);color:var(--black)}.tab-container{border-bottom:1px solid #e5e7eb;display:flex;gap:30px;margin-top:20px;padding:0 50px}.tab-item{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;padding:12px 4px;position:relative;transition:color .2s}.tab-item:hover{color:#111827}.tab-item.active{color:#2563eb}.tab-item.active:after{background-color:#2563eb;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.approve-btn{background-color:#ecfdf5;border:1px solid #10b981;border-radius:4px;color:#059669;cursor:pointer;font-size:.75rem;font-weight:600;margin-right:8px;padding:6px 12px}.approve-btn:hover{background-color:#10b981;color:#fff}.reject-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:.75rem;text-decoration:underline}.reject-btn:hover{color:#dc2626}.profile-img,.verify-img,.view-img{height:16px;width:16px}.modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.bd751e71.css.map*/