.mentorMenteesContainer{max-width:100%;margin:0 auto;padding:0;min-height:calc(100vh - 60px);background:#f8f9fa}.mentorMenteesHeader{padding:24px 20px 20px;margin-bottom:0}@media (max-width:1023px){.mentorMenteesHeader{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mentorMenteesHeader h1{font-size:28px;font-weight:700;margin:0;letter-spacing:-.5px;color:#fff}}@media (min-width:1024px){.mentorMenteesHeader{background:linear-gradient(135deg,#f5f7fa,#fff);padding:48px 0 32px;border-bottom:1px solid rgba(0,0,0,.06)}.mentorMenteesHeader h1{font-size:36px;font-weight:800;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}}.mentorMenteesSection{padding:24px 20px}.mentorMenteesSection h2{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.mentorMenteesGrid{display:flex;flex-direction:column;gap:16px}.mentorMenteeCard{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden}@media (max-width:1023px){.mentorMenteeCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.mentorMenteeCard:active{transform:scale(.98);box-shadow:0 1px 4px rgba(0,0,0,.12)}.mentorMenteeCard:active:before{transform:scaleX(1)}}@media (min-width:1024px){.mentorMenteeCard:before{display:none}}.mentorMenteePhoto{object-fit:cover}.mentorMenteePhoto,.mentorMenteePhotoPlaceholder{width:72px;height:72px;border-radius:16px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1);border:3px solid #fff}.mentorMenteePhotoPlaceholder{color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}@media (max-width:1023px){.mentorMenteePhotoPlaceholder{background:linear-gradient(135deg,#667eea,#764ba2)}}@media (min-width:1024px){.mentorMenteePhotoPlaceholder{background:linear-gradient(135deg,#667eea,#764ba2)}}.mentorMenteeInfo{flex:1 1;min-width:0}.mentorMenteeInfo h3{font-size:18px;font-weight:600;margin:0 0 8px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mentorMenteeInfo p{font-size:14px;color:#6b7280;margin:4px 0;line-height:1.4}.mentorMenteesEmpty,.mentorMenteesError,.mentorMenteesLoading{text-align:center;padding:60px 20px;color:#6b7280}.mentorMenteesLoading{display:flex;flex-direction:column;align-items:center;gap:16px}.mentorMenteesLoading:after{content:"";width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.mentorMenteesError{color:#ef4444}.mentorMenteesEmpty{display:flex;flex-direction:column;align-items:center;gap:12px}.mentorMenteesEmpty:before{content:"👥";font-size:48px;opacity:.5}@media (min-width:768px){.mentorMenteesContainer{max-width:800px;margin:0 auto}.mentorMenteesHeader{padding:32px 32px 24px;border-radius:0 0 24px 24px}.mentorMenteesHeader h1{font-size:32px}.mentorMenteesSection{padding:32px}.mentorMenteesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.mentorMenteeCard{flex-direction:column;text-align:center;padding:24px}.mentorMenteePhoto,.mentorMenteePhotoPlaceholder{width:100px;height:100px;margin:0 auto}.mentorMenteeInfo{width:100%}}@media (min-width:1024px){.mentorMenteesContainer{max-width:1400px;padding:0;background:linear-gradient(180deg,#f8f9fa,#fff);min-height:100vh}.mentorMenteesHeader{padding:48px 48px 32px;background:linear-gradient(135deg,#f5f7fa,#fff);border-bottom:1px solid rgba(0,0,0,.06)}.mentorMenteesHeader h1{font-size:36px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.mentorMenteesSection{padding:40px 48px}.mentorMenteesSection h2{font-size:24px;font-weight:700;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid rgba(102,126,234,.2);color:#1f2937;letter-spacing:-.5px}.mentorMenteesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px}.mentorMenteeCard{flex-direction:column;text-align:center;padding:32px 24px;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.04);position:relative;overflow:hidden}.mentorMenteeCard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.mentorMenteeCard:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(102,126,234,.15);border-color:rgba(102,126,234,.3)}.mentorMenteeCard:hover:before{transform:scaleX(1)}.mentorMenteeCard:active{transform:translateY(-2px)}.mentorMenteePhoto,.mentorMenteePhotoPlaceholder{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;transition:all .3s ease;box-shadow:0 4px 16px rgba(102,126,234,.2);border:4px solid #fff}.mentorMenteeCard:hover .mentorMenteePhoto,.mentorMenteeCard:hover .mentorMenteePhotoPlaceholder{transform:scale(1.08);box-shadow:0 8px 24px rgba(102,126,234,.3)}.mentorMenteeInfo h3{font-size:20px;font-weight:700;margin-bottom:8px;color:#1f2937;letter-spacing:-.3px}.mentorMenteeInfo p{font-size:14px;color:#6b7280;margin:4px 0;line-height:1.6}}