body{margin:0;padding:0}.left-panel h1,h2{font-size:28px;margin-top:10px;color:#333}.login-card{background:#fff;border-radius:15px;padding:40px;width:400px;height:400px;box-shadow:0 8px 20px #00000080;box-sizing:border-box;text-align:center}.signin-text-student{margin-bottom:40px;color:#333}.step-1{transform:translate(0)}.step-2{transform:translate(-50%)}.form-step{flex:1;width:100%}.form-step label{display:block;text-align:left;margin-bottom:5px;color:#555}.form-step input[type=text]{width:95%;height:30px;padding:10px;border:1px solid #bbb;border-radius:8px;margin-bottom:15px}.form-step input[type=text]:focus{outline:none;border-color:#d22a2a}.verify-btn{background:#d22a2a;color:#fff;padding:10px;width:100%;border:none;border-radius:8px;cursor:pointer}.verify-btn:hover{background:#e72727}.error-text{color:#140a0a;font-size:13px;text-align:left;margin-top:-5px;margin-bottom:8px}.otp-inputs{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.otp-inputs input{width:25px;height:25px;text-align:center;font-size:18px;border:1px solid #bbb;border-radius:8px}.otp-inputs input:focus{border-color:#d22a2a;outline:none}.timer-text{font-size:14px;color:#666;margin-bottom:10px}.resend-text{font-size:14px;margin-bottom:10px}.resend-text:hover{text-decoration:underline}.animate-slide-in{animation:slideIn .4s ease forwards}.animate-slide-out{animation:slideOut .4s ease forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@media (max-width: 1024px){.login-container{flex-direction:column;height:auto;min-height:100vh}.left-panel{padding:20px;flex:none;order:1}.right-panel{padding:20px;flex:none;order:2}.login-card{margin-top:50px;max-width:500px}}@media (max-width: 600px){.logo-circle{width:100px;height:100px}.left-panel h1,.left-panel h2{font-size:14px}.login-card{margin-top:30px;padding:20px;width:98%}.otp-inputs{gap:5px}.otp-inputs input{width:35px;height:35px;font-size:16px}.form-step input[type=text]{width:92%}.verify-btn{padding:8px;font-size:14px}}.feedback-container{margin:auto}.welcome-section{padding:10px;margin-bottom:2.5rem;animation:fadeIn .6s ease-in-out}.feedback-header{font-size:20px;font-weight:600;color:#222;margin-bottom:.8rem}.feedback-headers{font-size:1.25rem;font-weight:500;color:#555;text-align:center;text-decoration:underline}.category-grid{display:grid;grid-template-columns:repeat(4,280px);margin-top:2rem;gap:2rem;margin:2rem;align-items:center;justify-content:center}.category-card{background:linear-gradient(135deg,#fafafa,#f4f1f1);border:1px solid #eaeaea;border-radius:14px;padding:1.5rem;width:200px;height:150px;text-align:center;display:flex;align-self:center;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 3px 10px #0000004d}.category-card:hover{transform:translateY(-6px);box-shadow:0 6px 20px #00000026}.category-icon{font-size:2.2rem;margin-bottom:.8rem;color:#d52d2c}.category-card h3{font-size:1.05rem;font-weight:600;margin:.5rem 0;color:#d52d2c}.category-card p{font-size:.95rem;color:#666;line-height:1.4}.loading,.no-categories{text-align:center;font-size:1.1rem;margin-top:2rem;color:#555}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:2rem;border-radius:12px;max-width:420px;width:90%;box-shadow:0 5px 20px #00000040;animation:scaleIn .3s ease}.modal h3{margin-bottom:1rem;color:#333;font-size:1.3rem}.form-list{display:flex;flex-direction:column;gap:.8rem;max-height:300px;overflow-y:auto;margin-bottom:1.2rem}.form-item{padding:.8rem 1rem;background:#f8f8f8;border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.form-item:hover{background:#e7e0e0}.close-btn-form{background:#dc3545;color:#fff;padding:.6rem 1.2rem;border:none!important;border-radius:6px;cursor:pointer;transition:background .2s}.close-btn-form:hover{background:#c82333}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 1024px){.feedback-header{font-size:1.6rem}.feedback-headers{font-size:1.15rem}.category-card{padding:1rem}.category-grid{grid-template-columns:repeat(3,280px);gap:1px;row-gap:20px}}@media (max-width: 600px){.welcome-section{padding:1rem}.category-grid{grid-template-columns:1fr}.category-card{max-width:100%;width:70%;margin:auto auto 10px}.feedback-header{font-size:15px}.feedback-headers,.category-card h3{font-size:14px}.category-card p{font-size:13px}}@media (max-width: 400px){.feedback-header,.feedback-headers{font-size:13px}.category-card h3{font-size:12px}.category-card p{font-size:11px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1f2937b3;display:flex;align-items:center;justify-content:center;z-index:999}.logout-modal{background:#fff;padding:2rem;border-radius:12px;width:300px;text-align:center;box-shadow:0 5px 15px #0000004d;animation:fadeIn .3s ease-in-out}.logout-modal h3{margin-bottom:10px;font-size:1.2rem}.logout-modal p{margin-bottom:20px;color:#4b5563}.modal-actions{display:flex;gap:30px;justify-content:space-between}.logout-modal .logout-btn{padding:8px 12px;border-radius:6px;border:none;cursor:pointer;font-weight:500}.logout-modal .cancel-btn{background-color:#d1d5db;color:#111827}.logout-modal .confirm-btn{background-color:#d52b2c;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.student-navbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;background:linear-gradient(100deg,#fff,#211a1a);box-shadow:0 2px 6px #0000001a;position:sticky;top:0;z-index:100}.student-navbar-left{display:flex;align-items:center;gap:1rem}.student-navbar-toggle-icon{font-size:1.5rem;cursor:pointer}.student-navbar-title{font-size:16px;color:#333;margin:0}.student-navbar-right{display:flex;align-items:center;gap:1rem}.student-greeting-badge{display:flex;align-items:center;gap:.5rem;padding:.3rem .8rem;border-radius:20px;background:#b1b6b6;color:#fff;font-weight:500}.student-greeting-icon{font-size:1rem}.student-header-icon.logout-icon-student{font-size:1.5rem;color:#e53935;cursor:pointer}.student-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.student-modal{background:#fff;padding:2rem;border-radius:10px;max-width:400px;width:90%;text-align:center;box-shadow:0 5px 20px #0003}.student-modal h3{margin-bottom:1rem;color:#333}.student-modal-buttons{display:flex;justify-content:space-between;margin-top:1.5rem;gap:1rem}.student-btn{flex:1;padding:.6rem 0;border:none;border-radius:5px;cursor:pointer;font-weight:500;font-size:1rem}.student-btn-cancel{background:#ccc;color:#333}.student-btn-cancel:hover{background:#b3b3b3}.student-btn-confirm{background:#e53935;color:#fff}.student-btn-confirm:hover{background:#c62828}@media (max-width: 600px){.student-navbar-title{font-size:11px}.student-greeting-badge{font-size:11px;padding:.2rem .6rem}.student-header-icon.logout-icon-student{font-size:1.2rem}.student-modal{padding:1.5rem}.student-btn{font-size:.9rem;padding:.5rem 0}}.not-found-container{width:100%;height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;color:#333;text-align:center;padding:20px;overflow-y:hidden!important}.not-found-container h1{font-size:2rem;color:#e74c3c!important;margin-bottom:16px}.not-found-container p{font-size:1.1rem;color:#555}@media (max-width: 600px){.not-found-container h1{font-size:1.2rem;color:#e74c3c!important;margin-bottom:16px}.not-found-container p{font-size:14px;color:#555}}.login-container{display:flex;height:100vh;font-family:Arial,sans-serif;overflow-x:hidden;overflow-y:hidden;flex-direction:row}.left-panel{flex:1;background:linear-gradient(135deg,#e7e7e7,#eee);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.logo-circle{width:150px;height:150px;background:#fff;border-radius:50%;overflow:hidden;margin-bottom:20px}.logo-circle img{width:100%;height:100%;object-fit:cover}.left-panel h1,h2{font-size:20px;margin-top:10px;color:#333}.right-panel{flex:1;display:flex;justify-content:center;align-items:center}.login-admin-card{background:#fff;border-radius:15px;padding:40px;width:400px;height:450px;box-shadow:0 8px 20px #00000080;box-sizing:border-box;text-align:center}.icon-circle{width:60px;height:60px;background:#d22a2a;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 15px}.signin-text{margin-bottom:20px;color:#333}.form-wrapper{display:flex;width:200%;transition:transform .5s ease-in-out}.login-form{box-sizing:border-box}.login-form .form-group{margin-bottom:16px}.login-form label{display:block;text-align:left;margin-bottom:5px;color:#555}.login-form input{width:100%;height:50px;padding:10px;border:1px solid #bbb;border-radius:8px;margin-bottom:15px;box-sizing:border-box}.login-form input:focus{outline:none;border-color:#d22a2a}.input-error{color:#140a0a}.error{color:#140a0a;font-size:13px;text-align:left;margin-top:-5px;margin-bottom:8px}.login-btn{background:#d22a2a;color:#fff;padding:10px;width:100%;border:none;border-radius:8px;cursor:pointer}.login-btn:hover{background:#e72727}@media (max-width: 1024px){.login-container{flex-direction:column;height:auto;min-height:100vh}.left-panel{padding:20px;flex:none;order:1}.right-panel{padding:20px;flex:none;order:2}.login-admin-card{margin-top:50px;max-width:500px}}@media (max-width: 600px){.logo-circle{width:100px;height:100px}.left-panel h1,.left-panel h2{font-size:14px}.login-admin-card{margin-top:30px;padding:20px;width:98%}.login-form input{width:92%}.login-btn{padding:8px;font-size:14px}}.sidebar{width:220px;transition:width .3s ease;background-color:#4a5463;color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:15px;gap:20px;height:100vh;position:fixed;top:0;left:0;box-shadow:2px 0 5px #0003}.sidebar.collapsed{width:80px}.profile-header{display:flex;align-items:center;padding:10px}.profile-logo{width:40px;height:40px;background-color:#f0f0f0;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-logo img{width:40px;height:auto;object-fit:contain}.academy-text{display:inline-block;overflow:hidden;white-space:nowrap;margin-left:8px;transition:opacity .3s ease,width .3s ease;opacity:0;width:0}.academy-text.show{opacity:1;width:auto}.academy-text.hide{opacity:0;width:0}.userDetail{display:flex;flex-direction:column;margin-top:5px;margin-left:-25px;height:25px}.userDetail span p{font-size:12px;padding:0;margin:0}.menu{display:flex;flex-direction:column;gap:20px;width:100%;align-items:center}.menu-item{font-size:20px;cursor:pointer;padding:8px 4px;width:90%;display:flex;align-items:center;gap:12px;justify-content:flex-start;transition:all .2s ease-in-out;border-radius:10px;white-space:nowrap}.sidebar.collapsed .menu-item{justify-content:center}.sidebar.collapsed .menu-label{display:none}.menu-item:hover,.menu-item.active{background-color:#374151}.menu-label{font-size:16px}.submenu{padding-left:20px;display:flex;flex-direction:column}.submenu-item{padding:8px 10px;display:flex;align-items:center;gap:10px;cursor:pointer;color:#ccc}.dropdown-arrow{margin-left:auto;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.submenu-wrapper{overflow:hidden;max-height:0;transform:translateY(-10px);opacity:0;transition:all .3s ease}.submenu-wrapper.open{max-height:300px;transform:translateY(0);opacity:1}.submenu-item{padding:12px;display:flex;align-items:center;font-size:15px;gap:12px;cursor:pointer;color:#fff;transition:background .2s ease}.submenu-item:hover{background-color:#2c3e50;border-radius:10px;color:#fff}.submenu-item.active{background-color:#34495e;color:#fff}.topbar{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.topbar-left{display:flex;align-items:center}.topbar-title{margin-left:10px;font-size:18px;font-weight:600}.topbar-right{display:flex;align-items:center;gap:15px}.header-icon{font-size:20px;cursor:pointer;color:#555;transition:color .2s ease}.header-icon:hover{color:#007bff}.greeting-badge{display:flex;align-items:center;background-color:#f0f2f5;border-radius:30px;padding:5px 12px;font-size:14px;font-weight:500;color:#333}.greeting-icon{font-size:20px;margin-left:8px;color:#555}.logout-icon{color:#d9534f}.logout-icon:hover{color:#c9302c}.manage-container{padding:20px;font-family:Segoe UI,Roboto,sans-serif}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.header-row h2{font-size:18px;font-weight:700;text-decoration:underline}.create-btn{background-color:#1976d2;color:#fff;border:none;padding:6px 12px;width:150px;font-size:14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:background .2s ease-in-out}.create-btn:hover{background-color:#1565c0}.categories-table{width:100%;border-collapse:collapse;font-size:14px}.categories-table th,.categories-table td{border:1px solid #ddd;padding:8px 10px;text-align:center}.categories-table th{background-color:#aba9a9;font-weight:700}.categories-table td{background-color:#fff}.categories-table tr:nth-child(2n){background-color:#f2eeee}.categories-table tr:hover{background-color:#f2f6f9}.no-data{text-align:center;padding:15px;color:#777}.actions{display:flex;justify-content:center}.icon-btn{border:none;background:none;cursor:pointer;font-size:16px;width:25px;padding:0;margin:0;border-radius:4px;transition:all .2s}.icon-btn.edit{color:#ff9800}.icon-btn.edit:hover{background:#fff3e0}.icon-btn.delete{color:#e53935}.icon-btn.delete:hover{background:#ffebee}.delete-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.delete-modal-box{background:#fff;padding:25px;border-radius:12px;width:350px;text-align:center;box-shadow:0 4px 20px #0003;animation:scaleIn .3s ease}.delete-modal-box h3{margin-bottom:10px;font-size:20px;color:#333}.delete-modal-box p{margin-bottom:20px;font-size:14px;color:#666}.delete-modal-actions{display:flex;justify-content:space-around}.delete-confirm-btn{background:#e74c3c;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:.3s}.delete-confirm-btn:hover{background:#c0392b}.delete-cancel-btn{background:#bdc3c7;color:#2c3e50;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:.3s}.delete-cancel-btn:hover{background:#95a5a6}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.dashboard-wrapper{display:flex;min-height:100vh;height:100dvh;width:100%;overflow:hidden;background-color:#f5f6fa}.dashboard-main{flex:1;display:flex;flex-direction:column;transition:all .3s ease;min-width:0}.dashboard-main.expanded{margin-left:220px}.dashboard-main.collapsed{margin-left:80px}.dashboard-content{flex:1;padding:20px;overflow-y:auto;box-shadow:0 -2px 10px #0000000d}.page-placeholder{font-size:20px;font-weight:500;color:#555;text-align:center;margin-top:40px}.create-form-container{padding:1rem;border-radius:12px;font-family:Segoe UI,Roboto,sans-serif}.create-form-container table{width:100%;border-collapse:collapse;border:#000;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 6px #0000000d}.create-form-container th,.create-form-container td{border:1px solid #ddd;padding:12px 16px;font-size:14px}.create-form-container td{text-align:center}.create-form-container th{background:#aba9a9;font-weight:600;color:#333}.create-form-container h2{font-size:18px}.create-form-container tbody tr:hover{background:#f9fafc;transition:.2s}.create-form-container td .MuiIconButton-root{margin:0 4px;padding:3px;font-size:16px;border-radius:50%;transition:transform .2s ease,background-color .2s ease,color .2s ease}.create-form-container td .MuiIconButton-root:hover{transform:scale(1.2)}.create-form-container td .MuiIconButton-root.view:hover{background:#2196f31a;color:#1976d2}.create-form-container td .MuiIconButton-root.edit:hover{background:#4caf501a;color:#388e3c}.create-form-container td .MuiIconButton-root.delete:hover{background:#f443361a;color:#d32f2f}.create-form-container td .MuiIconButton-root.copy:hover{background:#9c27b01a;color:#8e24aa}.form-create-btn{background-color:#1976d2;color:#fff;border:none;padding:2px 8px;width:110px;font-size:14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;margin:0;transition:background .2s ease-in-out}.form-create-btn:hover{background-color:#1565c0}.create-form-container select{padding:6px 10px;border-radius:6px;border:1px solid #ccc;font-size:.9rem;width:auto;outline:none;transition:border .2s}.create-form-container select:focus{border-color:#1976d2;box-shadow:0 0 3px #1976d280}.question-card{border:1px solid #e0e0e0;border-radius:10px;padding:1rem;margin-bottom:1rem;background:#fff;box-shadow:0 1px 4px #0000000d;transition:transform .15s ease;position:relative}.question-card:hover{transform:translateY(-2px)}.question-card .MuiIconButton-root{position:absolute;top:8px;right:8px}.add-question-btn{margin-top:.8rem;border:1px dashed #1976d2;color:#1976d2;background:#f0f6ff;font-weight:500}.add-question-btn:hover{background:#e3f2fd;border-color:#1565c0}.MuiDialogTitle-root{font-weight:600;color:#333}.MuiDialogActions-root{padding:12px 20px}.MuiAlert-filledSuccess{background-color:#43a047!important}.MuiAlert-filledError{background-color:#e53935!important}.pagination-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;font-size:16px}.pagination-container button{background-color:#007bff;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;transition:.2s}.pagination-container button:hover:not(:disabled){background-color:#0056b3}.pagination-container button:disabled{background-color:silver;cursor:not-allowed}.pagination-container span{font-weight:600;color:#333}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background:#fff;width:500px;max-width:95%;border-radius:12px;box-shadow:0 6px 20px #0003;overflow:hidden;animation:scaleIn .3s ease;display:flex;flex-direction:column}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}.modal-header h2{margin:0;font-size:1.2rem}.close-btn{background:transparent;border:none;font-size:1.2rem;cursor:pointer;transition:color .2s}.close-btn:hover{color:#e53935}.modal-body{padding:1rem;max-height:400px;overflow-y:auto}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{font-weight:500;margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{padding:.6rem;border:1px solid #ddd;border-radius:6px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#1976d2;box-shadow:0 0 5px #1976d24d;outline:none}.question-card{border:1px solid #eee;padding:1rem;border-radius:8px;margin-bottom:1rem;position:relative;background:#fafafa;transition:box-shadow .2s}.question-card:hover{box-shadow:0 3px 8px #0000001a}.remove-question{position:absolute;top:8px;right:8px;background:#f8d7da;border:none;color:#a00;padding:4px 6px;border-radius:4px;cursor:pointer}.remove-question:hover{background:#f1b0b7}.options-wrapper{margin-top:.5rem}.option-row{display:flex;align-items:center;margin-bottom:.5rem}.option-row input{flex:1;padding:5px;margin-right:.5rem;border:1px solid}.remove-option{background:#f44336;color:#fff;border:none;padding:.4rem .6rem;border-radius:4px;cursor:pointer;transition:background .2s}.remove-option:hover{background:#d32f2f}.add-option{background:#e0f7fa;border:none;padding:.5rem .8rem;border-radius:4px;cursor:pointer;margin-top:.5rem;transition:background .2s}.add-option:hover{background:#b2ebf2}.add-question{background:#1976d2;color:#fff;border:none;padding:.6rem;border-radius:6px;cursor:pointer;width:100%;margin-top:.8rem;transition:background .2s}.add-question:hover{background:#1565c0}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.8rem 1rem;border-top:1px solid #eee}.btn{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:scale(1.05)}.btn.cancel{background:#f5f5f5}.btn.cancel:hover{background:#e0e0e0}.btn.save{background:#1976d2;color:#fff}.btn.save:hover{background:#1565c0}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999}.loading-spinner{border:6px solid #f3f3f3;border-top:6px solid #4CAF50;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:10px}.loading-text{font-size:1.2rem;color:#333;font-weight:700}.response-container{padding:1.5rem;margin:auto}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.response-header h2{font-size:1.8rem;color:#333}.response-header input{padding:.6rem 1rem;border:1px solid #ddd;border-radius:8px;outline:none;font-size:1rem;width:250px}.response-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem}.response-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 3px 8px #00000014;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer}.response-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.response-heading{font-size:18px!important;text-decoration:underline}.card-left{display:flex;align-items:center;gap:1rem}.card-icon{background:#f1f1f1;padding:.8rem;border-radius:50%;font-size:1.5rem;color:#007bff}.card-icon.student{color:#6f42c1}.card-text h4{margin:0;font-size:14px;color:#333}.card-text p{font-size:20px;font-weight:700;color:#007bff;margin:.3rem 0 0}.card-arrow{font-size:1.3rem;color:#999}.response-chart h3{margin-bottom:1rem;font-size:1.4rem;color:#333}.cr-container{display:flex;flex-direction:column;gap:16px;padding:16px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111827}.cr-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.cr-back{cursor:pointer;color:#374151;display:inline-flex;align-items:center;gap:6px}.cr-back:hover{color:#111827}.cr-divider{opacity:.5}.cr-current{color:#111827;font-weight:500}.cr-header{display:flex;flex-direction:column;gap:12px}.cr-header-top{display:flex;align-items:center;justify-content:space-between}.cr-title{font-size:18px;font-weight:600;margin:0}.cr-filters-row{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:10px;align-items:end}.cr-filters-row label,.cr-advanced-field{display:grid;gap:6px;font-size:12px}.cr-filters-row input[type=text],.cr-filters-row input[type=date],.cr-filters-row select,.cr-advanced-field select{height:36px;padding:0 10px;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;background:#fff}.cr-category-select{min-width:160px}.cr-content{display:grid;grid-template-columns:1fr 300px;gap:16px}@media (max-width: 1024px){.cr-content{grid-template-columns:1fr}}.cr-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(620px,1fr));gap:12px}.cr-card{background:#fff;min-height:100px;max-height:120px;border:1px solid #ddd;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;font-size:15px;font-weight:800;transition:box-shadow .15s ease,transform .05s ease}.cr-card.read{font-weight:400;font-size:15px}.cr-card-header{display:flex;justify-content:space-between;margin-bottom:12px}.cr-card-title,.cr-card-category{font-weight:inherit}.cr-card-body{display:flex;justify-content:space-between;gap:16px}.cr-card-left{display:flex;flex-direction:column;gap:12px;flex:1}.cr-primary-fields{display:flex;gap:50px}.cr-primary-item{position:relative;cursor:pointer;display:flex}.bold-text .cr-label,.bold-text .cr-value{font-weight:700}.cr-tooltip-parent:hover .cr-tooltip{display:block}.cr-tooltip{display:none;position:absolute;top:100%;left:0;background:#111827;color:#fff;padding:10px;border-radius:10px;font-size:12px;box-shadow:0 10px 20px #00000026;z-index:10;width:max-content;max-width:250px;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease}.cr-card-right{display:grid;align-content:start;justify-items:end;gap:8px}.cr-status{font-weight:700;color:#12141b}@media (max-width: 1024px){.cr-card-body{flex-direction:column}.cr-card-left,.cr-card-right{width:100%;flex:none}.cr-primary-fields{flex-direction:column;gap:6px}.cr-submitted-at{font-size:11px}}.bold-text .cr-status{color:#007bff}.cr-rating{display:flex;gap:2px;color:#fbbf24}.bold-text .cr-view-btn{margin-top:8px;padding:6px 12px;width:fit-content;border-radius:6px;border:none;background:#333;color:#fff;cursor:pointer}.cr-view-btn:hover{background:#313236}.bold-text .cr-view-btn:hover{background:#0b1220}.cr-view-btn{margin-top:8px;padding:6px 12px;width:fit-content;border-radius:6px;border:none;background:#5a5959;color:#fff;cursor:pointer}.cr-card:hover{box-shadow:0 4px 14px #00000014}.cr-label,.cr-value,.cr-card-title,.cr-submitted-at,.cr-card-category{font-weight:450;color:#111827}.cr-status{font-weight:500;font-size:14px}.bold-text .cr-label,.bold-text .cr-card-title,.bold-text .cr-value,.bold-text .cr-status,.bold-text .cr-card-category,.bold-text .cr-submitted-at{font-weight:700}.cr-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cr-card-title{font-size:15px}.cr-card-category{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:999px}.cr-card-body{display:grid;grid-template-columns:1fr auto;gap:10px}.cr-card-left{display:flex;flex-direction:column;gap:10px}.cr-primary-item{display:flex;align-items:center;gap:8px;font-size:13px;position:relative}.cr-label{width:fit-content;color:#6b7280;padding:0;margin:0}.cr-value{color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-tooltip-parent:hover .cr-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.cr-tooltip{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:10;background:#111827;color:#fff;padding:10px;border-radius:10px;font-size:12px;box-shadow:0 10px 20px #00000026;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .12s ease,transform .12s ease}.cr-tooltip-row{display:grid;grid-template-columns:1fr;gap:2px}.cr-tooltip-row+.cr-tooltip-row{margin-top:6px}.cr-rating{display:flex;gap:4px;font-size:16px;color:#f59e0b}.cr-submitted-at{font-size:12px;color:#6b7280}.cr-advanced{width:300px;max-height:500px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;position:sticky;top:1px}.cr-advanced::-webkit-scrollbar{width:6px}.cr-advanced::-webkit-scrollbar-thumb{background-color:#9ca3af;border-radius:3px}.cr-advanced::-webkit-scrollbar-track{background-color:#f3f4f6}.cr-advanced-title{font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.cr-clear-fields{font-size:12px;font-weight:500;color:#374151;cursor:pointer;margin-left:10px}.cr-clear-fields:hover{color:#111827;text-decoration:underline}.cr-advanced-fields.disabled select{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.cr-download{height:36px;border:none;padding:10px 16px;background:#111827;color:#fff;border-radius:10px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.cr-download:hover{background:#0b1220}.cr-advanced-fields.disabled{opacity:.6;pointer-events:none}.cr-advanced-fields.disabled select,.cr-advanced-fields.disabled label,.cr-advanced-fields.disabled span{color:#aaa}.cr-advanced-fields.disabled select{background-color:#f2f2f2;border-color:#ccc}.pagination-container{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:8px}.pagination-container button:disabled{opacity:.5;cursor:not-allowed}.cr-modal-overlay{position:fixed;inset:0;background:#11182799;display:flex;justify-content:center;align-items:center;z-index:1100}.cr-modal{background:#fff;border-radius:12px;width:90%;position:relative;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 30px #00000040;animation:fadeIn .3s ease;font-family:Inter,sans-serif}.cr-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;cursor:pointer;font-size:18px;color:#555;transition:color .2s ease}.cr-modal-close:hover{color:#111827}.cr-modal-title{padding:16px 20px;font-size:18px;margin-top:0;font-weight:600;border-bottom:1px solid #e5e7eb;background:#f9fafb}.cr-modal-body{display:flex;gap:20px;padding:20px;flex:1;overflow-y:auto}.cr-modal-body.with-images .cr-modal-left{flex:2}.cr-modal-body.with-images .cr-modal-right{flex:1}.cr-modal-body.no-images .cr-modal-left{flex:1;width:100%}.cr-modal-body.no-images .cr-modal-right{display:none}.cr-modal-left{flex:2;display:flex;flex-direction:column;gap:10px}.cr-answer{font-size:13px;line-height:1.4;padding:10px;background:#f3f4f6;border-radius:8px}.cr-answer strong{color:#111827;font-weight:600;margin-right:4px}.cr-modal-right{flex:1;display:flex;flex-direction:column;gap:12px}.cr-answer-image-wrapper{border:1px solid #e5e7eb;border-radius:10px;padding:6px;background:#fff;text-align:center}.cr-answer-image{width:100%;max-height:250px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .2s ease}.cr-answer-image:hover{transform:scale(1.05)}.cr-modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;background:#fafafa;display:flex;flex-direction:column;gap:12px}.cr-field{display:flex;flex-direction:column;gap:6px}.cr-field label{font-size:12px;font-weight:600;color:#374151}.cr-field textarea{resize:none;min-height:50px;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font-size:13px;transition:border-color .2s ease}.cr-field input{resize:none;width:300px;min-height:10px;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font-size:13px;transition:border-color .2s ease}.cr-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.cr-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.cr-done-btn{align-self:flex-end;padding:8px 16px;border:none;background:#2563eb;color:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cr-modal-close{position:absolute;top:12px;right:12px;background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#374151;cursor:pointer;transition:background .2s ease,transform .2s ease}.cr-modal-close:hover{background:#e5e7eb;transform:scale(1.1)}.cr-done-btn{align-self:flex-end;padding:8px 18px;border:none;background:#2563eb;color:#fff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}.cr-done-btn:hover{background:#1d4ed8}.cr-done-btn.save{background:#16a34a}.cr-done-btn.save:hover{background:#15803d}.cr-no-data{padding:24px;text-align:center;color:#6b7280;font-size:14px;border:1px dashed #e5e7eb;border-radius:12px;background:#fafafa}.cr-image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.cr-image-modal{position:relative;width:auto;height:auto;padding:20px;background:transparent;display:flex;justify-content:center;align-items:center}.cr-image-full{width:500px;height:auto;max-height:70vh;object-fit:contain;border-radius:5px;box-shadow:0 0 10px #00000080}.cr-image-close{position:absolute;top:-10px;right:-10px;background:#fff;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;padding:2px 6px;z-index:10}.dashboard-container{padding:20px;font-family:Arial,sans-serif}.heading-dashboard{text-decoration:underline;margin-bottom:20px}.stats-cards{display:flex;justify-content:space-around;margin-bottom:30px;flex-wrap:wrap}.card{background:#fff;padding:20px;border-radius:12px;min-width:300px;text-align:center;font-weight:700;cursor:pointer;font-size:14px;margin:10px;box-shadow:0 3px 10px #00000014}.card span{display:block;margin-top:10px;font-size:16px;color:#333}.charts-row,.chart-row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px}.chart-card{flex:1;min-width:300px;background:#fff;margin-top:20px;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a}.rating-stats-container{overflow-x:auto}.rating-stats-table{width:100%;border-collapse:collapse;min-width:500px}.rating-stats-table th,.rating-stats-table td{border:1px solid #ddd;padding:8px;text-align:left;font-size:14px;vertical-align:middle}.rating-stats-table th{background:#f3f4f6}.bar-wrapper{background:#e5e7eb;border-radius:4px;height:16px;width:100%;position:relative}.bar{height:100%;border-radius:4px}.container-form{background:#f5f5f5;padding:8px;min-height:100vh}.google-form{font-family:Google Sans,Roboto,Arial,sans-serif;max-width:700px;margin:0 auto;border-radius:10px;background:#fff;box-shadow:0 3px 12px #0000001a}.feedback-intro{white-space:pre-wrap;margin:10px 0}.form-header{border-top:15px solid #d52d2c;padding:2rem;border-radius:10px 10px 0 0}.form-header h1{margin:0 0 .5rem;font-weight:500}.form-header .category{margin:0 0 1rem}.form-header hr{margin:1rem 0;border:none;border-top:1px solid #999}.respondent-number{font-size:.9rem;color:#555}.form-body{padding:2rem}.question-cards{padding:1rem;margin-bottom:1.5rem;border-radius:8px;box-sizing:border-box;background:#f5f5f5}.question-labels{display:block;margin-bottom:20px;font-weight:500}.text-input,select,textarea{width:95%;padding:.5rem;border:none;border-bottom:2px solid #999;border-radius:0;font-size:1rem}.text-input::placeholder{color:#999}.feedback-intro{background:#f5f5f5;padding:15px 20px;margin:15px 0;border-radius:8px;font-size:15px;line-height:1.6;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.feedback-intro p{margin:10px 0}.option{margin:.5rem 0;display:flex;align-items:center}.option input{margin-right:.5rem}.form-actions{display:flex;justify-content:space-between;padding:0 2rem 2rem}.clear-btn{background:#f5f5f5;color:#333;border:1px solid #ccc;padding:.5rem 1.5rem;border-radius:6px;cursor:pointer}.submit-btn{background:#d52d2c;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:6px;cursor:pointer}.submit-btn:disabled,.clear-btn:disabled{opacity:.6;cursor:not-allowed}.form-footer{text-align:center;padding:2rem;border-top:1px solid #ccc;font-size:.9rem;color:#555}.footer-logo{display:flex;align-items:center;justify-content:center;margin-top:.5rem;gap:.5rem}.footer-logo img{height:40px}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;display:flex;align-items:center;justify-content:center;z-index:999}.spinner{border:6px solid #f3f3f3;border-top:6px solid #d52d2c;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:10px;text-align:center;max-width:400px}.modal-btn{background:#d52d2c;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:6px;margin-top:1rem;cursor:pointer}.modal-btn:hover{background:#ee3939}.thankyou-page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background:linear-gradient(135deg,#ed716d,#f0f2f5);color:#000;border-radius:12px;padding:0 20px;overflow:hidden;font-family:Montserrat,sans-serif}.fancy-text{font-size:2.5rem;font-weight:700;margin-bottom:15px;animation:slideIn .8s ease-out forwards}.fancy-subtext{font-size:1.2rem;margin:5px 0;padding-left:20px;opacity:0;animation:fadeUp 1s ease-out forwards;animation-delay:.3s}.form-warning{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 20px;margin:20px auto;max-width:600px;border-radius:10px;background:#fff3cd;color:#856404;font-size:1rem;font-weight:500;text-align:center;box-shadow:0 2px 8px #0000001a;border:1px solid #ffeeba}.warning-icon{font-size:1.5rem;flex-shrink:0}.form-warning p{padding:0;margin:0}@media (max-width: 600px){.form-warning{flex-direction:column;font-size:.9rem;padding:12px 15px}.warning-icon{font-size:1.3rem;margin-bottom:5px}}@media (max-width: 768px){.fancy-text{font-size:2rem}.fancy-subtext{font-size:1rem;padding-left:20px}.thankyou-page{padding:0 15px}}@media (max-width: 480px){.fancy-text{font-size:1.6rem}.fancy-subtext{font-size:.9rem;padding-left:20px}.thankyou-page{padding:0 10px}}@keyframes slideIn{0%{transform:translateY(-30px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sparkle{position:absolute;top:-10px;width:8px;height:8px;background:gold;border-radius:50%;opacity:.9;animation:fall 3s linear infinite}.sparkle:nth-child(2){left:20%;animation-delay:.3s;background:#ff4d6d}.sparkle:nth-child(3){left:40%;animation-delay:.6s;background:#ffd93d}.sparkle:nth-child(4){left:60%;animation-delay:.9s;background:#4dd2ff}.sparkle:nth-child(5){left:80%;animation-delay:1.2s;background:#a64dff}.sparkle:nth-child(6){left:10%;animation-delay:1.5s;background:#ff944d}.sparkle:nth-child(7){left:70%;animation-delay:1.8s;background:#0f9}@keyframes fall{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(50vh) scale(1.2);opacity:.8}to{transform:translateY(80vh) scale(.8);opacity:0}}@media (max-width: 768px){.google-form{margin:1rem}.form-header,.form-body{padding:1.2rem}.form-header h1{font-size:1.5rem}.form-header .category{font-size:.9rem}.question-cards{padding:.8rem}.text-input,select{font-size:.95rem}.question-labels{display:block;margin-bottom:14px;font-weight:500}.clear-btn,.submit-btn{flex:1 1 100%}}@media (max-width: 480px){.form-header h1{font-size:1.3rem}.form-header .category{font-size:.85rem}.text-input,select{font-size:.9rem}.option{align-items:flex-start}.form-actions{flex-direction:column;gap:.5rem}.question-labels{display:block;margin-bottom:14px;font-weight:500}}