.page-module__im6Brq__container{background-color:#f8fafc;min-height:100vh}.page-module__im6Brq__content{max-width:1200px;margin:0 auto;padding:40px 20px}.page-module__im6Brq__heroSection{text-align:center;margin-bottom:60px;animation:.6s ease-out page-module__im6Brq__fadeIn}.page-module__im6Brq__title{color:#1e293b;letter-spacing:-.5px;margin-bottom:6px;font-size:24px;font-weight:800}.page-module__im6Brq__subtitle{color:#64748b;margin-bottom:32px;font-size:13px}.page-module__im6Brq__searchBarWrapper{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.page-module__im6Brq__searchBox{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:12px;padding:16px 24px;transition:all .3s;display:flex;box-shadow:0 4px 20px #0000000d}.page-module__im6Brq__searchBox:focus-within{border-color:#fe4f08;box-shadow:0 4px 25px #fe4f081a}.page-module__im6Brq__searchBox input{color:#1e293b;border:none;outline:none;width:100%;font-size:16px;font-weight:500}.page-module__im6Brq__filterTabs{justify-content:center;gap:8px;display:flex}.page-module__im6Brq__filterTabs button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .3s}.page-module__im6Brq__filterTabs button:hover{background:#f1f5f9;border-color:#cbd5e1}.page-module__im6Brq__filterTabs button.page-module__im6Brq__activeFilter{color:#fff;background:#fe4f08;border-color:#fe4f08}.page-module__im6Brq__userGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.page-module__im6Brq__userCard{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out backwards page-module__im6Brq__slideUp;display:flex;position:relative;box-shadow:0 2px 10px #00000005}.page-module__im6Brq__userCard:hover{border-color:#fe4f0820;transform:translateY(-4px);box-shadow:0 10px 25px #0000000f}.page-module__im6Brq__userHeader{align-items:center;gap:10px;width:100%;margin-bottom:10px;display:flex}.page-module__im6Brq__userAvatar{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex;box-shadow:0 4px 12px #0000001a}.page-module__im6Brq__teacherAvatar{background:linear-gradient(135deg,#fe4f08,#ff8c42)}.page-module__im6Brq__studentAvatar{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.page-module__im6Brq__userInfo{flex-grow:1}.page-module__im6Brq__userName{color:#1e293b;margin-bottom:2px;font-size:14px;font-weight:800}.page-module__im6Brq__userRoleTag{color:#64748b;background:#f1f5f9;border-radius:20px;padding:0 6px;font-size:8px;font-weight:800;display:inline-block}.page-module__im6Brq__followIconBtn,.page-module__im6Brq__unfollowIconBtn{cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.page-module__im6Brq__followIconBtn{color:#fe4f08;background:#fdf2f2;border:1px solid #fee2e2}.page-module__im6Brq__followIconBtn:hover{color:#fff;background:#fe4f08;border-color:#fe4f08}.page-module__im6Brq__unfollowIconBtn{color:#fff;background:#fe4f08;border:none}.page-module__im6Brq__unfollowIconBtn:hover{background:#e64407}.page-module__im6Brq__userMeta{gap:10px;margin-bottom:8px;display:flex}.page-module__im6Brq__metaItem{color:#64748b;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.page-module__im6Brq__userBio{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.page-module__im6Brq__loadingState,.page-module__im6Brq__emptyState{text-align:center;color:#64748b;grid-column:1/-1;padding:60px 20px}@keyframes page-module__im6Brq__fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes page-module__im6Brq__slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page-module__im6Brq__content{padding:20px 16px}.page-module__im6Brq__heroSection{margin-bottom:24px}.page-module__im6Brq__title{margin-bottom:8px;font-size:20px}.page-module__im6Brq__subtitle{margin-bottom:24px;font-size:14px}.page-module__im6Brq__searchBarWrapper{gap:16px}.page-module__im6Brq__searchBox{border-radius:16px;padding:12px 16px}.page-module__im6Brq__searchBox input{font-size:14px}.page-module__im6Brq__filterTabs button{padding:8px 16px;font-size:13px}.page-module__im6Brq__userGrid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr));gap:16px}.page-module__im6Brq__userCard{padding:12px}.page-module__im6Brq__userAvatar{width:44px;height:44px;font-size:18px}.page-module__im6Brq__userName{font-size:15px}}.page-module__im6Brq__modalOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a66;justify-content:center;align-items:center;padding:20px;animation:.2s page-module__im6Brq__fadeInModal;display:flex;position:fixed;inset:0}.page-module__im6Brq__modalContent{background:#fff;border-radius:20px;width:95%;max-width:360px;animation:.3s cubic-bezier(.175,.885,.32,1.275) page-module__im6Brq__modalPop;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.page-module__im6Brq__modalHeader{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.page-module__im6Brq__modalTitle{color:#0f172a;margin:0;font-size:15px;font-weight:800}.page-module__im6Brq__closeBtn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:all .2s;display:flex}.page-module__im6Brq__closeBtn:hover{color:#ef4444;background:#fef2f2}.page-module__im6Brq__modalBody{padding:20px}.page-module__im6Brq__profileHero{align-items:center;gap:14px;margin-bottom:24px;display:flex}.page-module__im6Brq__profileAvatar{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:800;display:flex;overflow:hidden}.page-module__im6Brq__profileAvatar img{object-fit:cover;width:100%;height:100%}.page-module__im6Brq__profileName{color:#1e293b;margin:0 0 2px;font-size:17px;font-weight:800}.page-module__im6Brq__profileRoleTag{color:#fe4f08;letter-spacing:.05em;background:#fff7ed;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.page-module__im6Brq__profileDetails{flex-direction:column;gap:14px;margin-bottom:24px;display:flex}.page-module__im6Brq__detailItem{flex-direction:column;gap:2px;display:flex}.page-module__im6Brq__detailLabel{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.page-module__im6Brq__detailValue{color:#334155;word-break:break-all;font-size:13px;font-weight:600}.page-module__im6Brq__bioText{word-break:normal;font-weight:500;line-height:1.5}.page-module__im6Brq__modalFollowBtn{color:#fff;cursor:pointer;background:#fe4f08;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.page-module__im6Brq__modalFollowBtn:hover{background:#e54607;transform:translateY(-2px);box-shadow:0 4px 12px #fe4f0833}.page-module__im6Brq__modalFollowBtn.page-module__im6Brq__following{color:#64748b;background:#f1f5f9}@keyframes page-module__im6Brq__fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes page-module__im6Brq__modalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}