html,body{font-family:'Inter', sans-serif;background-color:#f9fafb;font-size:16px;margin:0}.layout-grid{display:grid;grid-template-columns:1fr 420px;gap:2rem}.nav-pills .nav-link.active{background-color:#4f46e5;border-radius:12px;color:white !important}.nav-pills .nav-link{border-radius:12px;padding:8px 20px;color:#4f46e5;font-weight:500}.card-stat{border-radius:16px;background-color:#ffffff;padding:20px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.06)}.card-stat h6{font-weight:600;color:#111827}.card-stat h4{font-weight:700;color:#4f46e5}.email-btn{height:100px;border-radius:16px;padding:16px 18px;font-size:1rem;background-color:#eef2ff;color:#1e1b4b;font-weight:500;display:flex;align-items:center;text-align:left;box-sizing:border-box;line-height:1.4;cursor:pointer}.email-btn:hover{background-color:#e0e7ff}.student-entry{display:flex;justify-content:space-between;align-items:center;padding:8px 0;margin-bottom:10px}.student-avatar{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.student-name{font-weight:600;color:#000}.student-status{font-weight:600;font-size:0.95rem}.student-table-scroll{max-height:calc(100vh - 500px);overflow-y:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.student-table-scroll::-webkit-scrollbar{display:none}.mentor-panel{position:relative;width:380px;margin-top:130px;background-color:white;box-shadow:-2px 0 10px rgba(0,0,0,0.05);z-index:1040;display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px 0px 8px}.ai-mentor-box{flex:1 1 auto;overflow-y:auto;padding:24px;background:#ffffff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.05);width:95%;margin:0 auto;margin-left:6px}.chat-input-container{border-radius:30px;background:#f9f9fc;padding:0;box-shadow:inset 0 0 0 1px #e5e7eb;height:48px;display:flex;align-items:center}.chat-input{border:none !important;background:transparent !important;font-size:1rem;border-radius:30px;outline:none !important;padding:0.5rem 1rem}.chat-input::-moz-placeholder{color:#9ca3af}.chat-input:-ms-input-placeholder{color:#9ca3af}.chat-input::placeholder{color:#9ca3af}.gradient-text{font-weight:700;background:linear-gradient(90deg, #7b2ff7, #f107a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-control.rounded-pill{border-radius:50px;padding-left:2.25rem}.form-select.rounded-pill{border-radius:50px}.offcanvas-body::-webkit-scrollbar{display:none}.offcanvas-body{scrollbar-width:none}.skeleton-line{height:16px;background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;-webkit-animation:shimmer 1.2s infinite;animation:shimmer 1.2s infinite;border-radius:6px;margin-bottom:12px}.text-md-gray{font-size:1.33rem;color:#6c757d}.min-width-150-inter{font-family:'Inter', sans-serif;min-width:150px}.size-45x32{width:45px;height:32px}.text-12p5-dark{font-size:12.5px;color:#212529BF}.ai-textarea{font-size:1.25rem;line-height:1.6rem;color:#343a40;text-align:left;background-color:#f1f2f6;border:none;padding:0;margin:0;font-family:'Inter', sans-serif;white-space:pre-wrap;word-wrap:break-word;outline:none;max-height:100px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;padding-right:16px;margin-right:-16px}.sidebar-panel{height:calc(100vh - 104px);width:320px;background-color:#F8F9FB;box-shadow:-2px 0 10px rgba(0,0,0,0.05);border-radius:12px;margin-left:32px;margin-top:90px;overflow:hidden}@-webkit-keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (max-width: 992px){.container-right,.mentor-panel,.sidebar-panel{display:none !important}body.overflow-hidden{overflow:visible !important;height:auto}.d-flex.mt-1.justify-content-start{margin-top:4.5rem !important;padding-top:0.5rem}.static-icon{position:absolute !important;top:1rem !important;right:3.2rem !important;height:35px !important;z-index:991 !important}img[alt="Vector Icon"]{position:absolute !important;top:1.7rem !important;right:1.5rem !important;height:20px !important;z-index:992 !important;display:inline-block !important}.layout-grid{overflow:visible !important;display:flex !important;flex-direction:column !important;grid-template-columns:1fr !important;padding:1rem;gap:1rem;width:100%;min-height:100vh}.d-flex.flx-grow-1{width:100%;display:flex;flex-direction:column;min-height:100vh;overflow:visible !important}.p-2.mt-1{flex:1;display:flex;flex-direction:column;min-height:0}.gradient-text{font-size:1.3rem !important;margin-bottom:1rem !important}.row.g-3.mb-2{display:flex !important;flex-direction:column;gap:0.75rem;margin-bottom:1rem !important}.col-md{width:100% !important;margin-bottom:0.5rem}.email-btn{min-height:90px;padding:1rem !important;margin-bottom:0;display:flex;align-items:center;width:100%}.email-btn img{width:45px !important;height:32px !important;margin-right:1rem;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.email-btn span{font-size:1.1rem !important;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;color:#6c757d !important}.student-table-scroll{flex:1;min-height:0;max-height:none !important;height:auto !important;padding:1rem !important;width:100%;overflow-y:auto !important;-webkit-overflow-scrolling:touch}.table-responsive.scrollbar{overflow-y:auto !important;flex:1;min-height:0}.d-flex.align-items-center.justify-content-between{width:100%}#searchInput{width:145% !important;font-size:1.3rem !important;height:40px !important}#studentTable{width:100% !important}#studentTable th:nth-child(2),#studentTable td:nth-child(2){display:none}.student-item{display:table-row}.student-item td{padding:0.75rem 0.5rem !important}.student-avatar{width:40px !important;height:40px !important}.student-name{font-size:0.9rem !important}.student-email{font-size:0.8rem !important}.student-table-scroll::-webkit-scrollbar,.table-responsive::-webkit-scrollbar{display:none}.custom-back-icon{color:#000000;font-weight:bold;font-size:1.2em;position:relative;top:20px}.rounded-4.p-2.h-100.d-flex.align-items-center{min-height:80px;background-color:#F2F3F8;cursor:pointer;transition:background-color 0.2s ease-in-out}.rounded-4.p-2.h-100.d-flex.align-items-center:hover{background-color:#E6E7ED}.fs-6.text-muted{max-width:200px;cursor:pointer}input.form-control{width:100%;padding:10px 48px 10px 40px;font-size:1.5rem;border-radius:30px;background-color:#FAFBFF;border:1px solid #ccc}.send-btn{position:absolute;top:50%;right:16px;transform:translateY(-50%);padding:0;background-color:transparent;border:0}.vector-icon{position:absolute;top:4.5rem;right:1.5rem;height:20px;z-index:990}.vector-icon-line{position:absolute;top:calc(4.5rem + 20px + 4px);right:1.5rem;width:30px;height:2px;background-color:#000;z-index:989}.btn-w-90{width:90% !important}.message-text{font-size:1.10rem;font-weight:500}}@media (max-width: 480px){.layout-grid{padding:0.75rem;gap:0.75rem}.email-btn{min-height:85px;padding:0.9rem !important}.email-btn img{width:40px !important;height:28px !important}.email-btn span{font-size:1.5rem !important}.student-table-scroll{padding:0.75rem !important}.gradient-text{font-size:1.2rem !important}}.student-section{background-color:white;width:100%;display:flex;flex-direction:column;height:100%;padding-bottom:0}.student-container-style{background-color:#FAFBFF;border-radius:16px;padding:16px;width:100%;margin:0 auto;min-height:calc(100vh - 372px);overflow-y:auto}.student-table-style{background-color:#FAFBFF;border-radius:16px;padding:16px;max-height:calc(100vh - 200px);width:100%;margin:0 auto;min-height:400px;display:flex;flex:1 1 auto;flex-direction:column;overflow-y:auto}