.volunteerModalOverlay{z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.volunteerModalContent{background:#fff;border-radius:25px;width:90%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow:auto;box-shadow:0 10px 40px #0003}.volunteerModalHeader{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.volunteerModalHeader h3{color:#333;align-items:center;gap:.5rem;margin:0;font-size:1.2rem;display:flex}.volunteerModalHeader .closeModal{color:#999;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .3s}.volunteerModalHeader .closeModal:hover{color:#333}.volunteerModalBody{padding:1.5rem}.volunteerUserInfo{background:#f8f9fa;border-radius:25px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.volunteerAvatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:700;display:flex}.volunteerAvatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.volunteerDetails h4{color:#333;margin:0 0 .25rem;font-size:1rem}.volunteerTime{color:#666;margin:0;font-size:.85rem}.volunteerMessage,.volunteerNotificationContent{background:#f8f9fa;border-radius:20px;margin-top:1rem;padding:1rem}.volunteerMessage h5,.volunteerNotificationContent h5{color:#333;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.9rem;display:flex}.volunteerMessage p,.volunteerNotificationContent p{color:#666;margin:0;line-height:1.6}.volunteerModalFooter{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.volunteerModalFooter button{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s;display:flex}.btnDecline{color:#666;background:#f0f0f0}.btnDecline:hover{background:#e0e0e0}.btnAccept{color:#fff;background:#4ecdc4}.btnAccept:hover{background:#3bb5ae}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{font-feature-settings:"liga" 1,"kern" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga" 1,"kern" 1,"calt" 1;-moz-font-feature-settings:"liga" 1,"kern" 1,"calt" 1;letter-spacing:-.01em;font-family:Cairo,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,Arial,Noto Sans Arabic,Tajawal,sans-serif;font-weight:400}.mainContent{padding:0 0 2rem}.messagesContainer{z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.pageHeader{color:#fff;background:linear-gradient(135deg,indigo,#764ba2);margin-top:70px;margin-bottom:2rem;padding:2rem 0;position:relative;overflow:hidden}.pageHeader:before{content:"";background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"80\" cy=\"40\" r=\"1.5\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"40\" cy=\"80\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></svg>");animation:20s ease-in-out infinite float;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.headerContent{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.headerInfo{flex:1}.pageTitle{align-items:center;gap:1rem;margin:0 0 .5rem;font-size:2.5rem;font-weight:700;display:flex}.pageTitle i{font-size:2rem;animation:2s ease-in-out infinite iconPulse}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pageDescription{color:#ffffffe6;font-size:1.125rem;font-weight:400}.headerStats{flex-wrap:wrap;gap:2rem;display:flex}.statItem{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;min-width:120px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.statItem:hover{background:#fff3;box-shadow:0 4px 12px #ffffff26}.statNumber{margin-bottom:.5rem;font-size:2rem;font-weight:700;display:block}.statLabel{color:#fffc;font-size:.875rem;font-weight:500}.sectionTabs{box-shadow:none;background:0 0;border:none;border-radius:0;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-bottom:0;padding:0;display:flex}.tabsBox{z-index:10;-webkit-backdrop-filter:saturate(120%)blur(6px);backdrop-filter:saturate(120%)blur(6px);background:#fff;border:1px solid #e2e8f0;border-radius:30px;max-width:600px;margin:1rem auto 1.25rem;padding:.5rem .75rem;position:-webkit-sticky;position:sticky;top:80px;box-shadow:0 6px 18px #4b008214}@media (max-width:640px){.tabsBox{max-width:100%;margin:.75rem 0 1rem;padding:.4rem .6rem;top:70px}.sectionTab{min-width:120px;padding:.55rem .9rem;font-size:.95rem}}.sectionTab{color:#718096;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:25px;align-items:center;gap:.75rem;min-width:140px;padding:.6rem 1rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sectionTab:before{content:"";background:linear-gradient(90deg,#0000,#667eea1a,#0000);width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.sectionTab:hover:before{left:100%}.sectionTab:hover{color:indigo;background:#667eea14;border-color:indigo;box-shadow:0 2px 8px #667eea26}.sectionTab.active{color:#fff;background:indigo;border-color:indigo;box-shadow:0 4px 12px #667eea4d}.sectionTab i{font-size:1.25rem}.sectionTab .badge{color:inherit;text-align:center;background:#fff3;border-radius:20px;min-width:20px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.sectionTab:not(.active) .badge{color:#fff;background:#ff6b6b}.contentSection{background:#fff;border:1px solid #e2e8f0;border-radius:25px;display:none;overflow:hidden;box-shadow:0 1px 3px #4b00821a}.contentSection.active{margin-top:4.75rem;animation:.5s ease-out fadeInUp;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sectionHeader{color:#fff;background:linear-gradient(135deg,indigo,#764ba2);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:relative;overflow:hidden}.sectionHeader:before{content:"";background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><circle cx=\"20\" cy=\"20\" r=\"2\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"80\" cy=\"40\" r=\"1.5\" fill=\"rgba(255,255,255,0.1)\"/><circle cx=\"40\" cy=\"80\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></svg>");animation:20s ease-in-out infinite float;position:absolute;top:0;bottom:0;left:0;right:0}.sectionTitle{z-index:1;position:relative}.sectionTitle h2{align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.5rem;font-weight:600;display:flex}.sectionTitle p{color:#fffc;margin:0;font-size:.875rem;font-weight:400}.sectionTitle i{color:#ffffffe6;font-size:1.5rem;animation:2s ease-in-out infinite iconPulse}.sectionActions{z-index:1;gap:.5rem;display:flex;position:relative}.actionBtn{color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;justify-content:center;align-items:center;min-width:44px;height:44px;padding:.75rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.actionBtn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.actionBtn:hover:before{left:100%}.actionBtn:hover{color:#fff;background:#ffffff40;border-color:#fff6;box-shadow:0 2px 8px #fff3}.actionBtn i{font-size:1.125rem}.sectionContent{padding:2rem}.searchContainer{margin-bottom:1.5rem}.searchInputWrapper{align-items:center;display:flex;position:relative}.searchInputWrapper i{color:#718096;z-index:1;font-size:1rem;position:absolute;right:1rem}.searchInput{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:25px;width:100%;padding:1rem 3rem 1rem 1rem;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.searchInput:focus{border-color:indigo;outline:none;box-shadow:0 0 0 3px #667eea1a}.searchInput:focus+i{color:indigo}.searchClear{color:#718096;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:20px;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;left:1rem;transform:scale(.8)}.searchInput:not(:placeholder-shown)~.searchClear{opacity:1;transform:scale(1)}.searchClear:hover{color:#ff6b6b;background:#ff6b6b1a;transform:scale(1.1)}.filterTabs{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.filterTab{color:#718096;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.filterTab:before{content:"";background:linear-gradient(90deg,#0000,#667eea1a,#0000);width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.filterTab:hover:before{left:100%}.filterTab:hover{color:indigo;background:#667eea14;border-color:indigo;box-shadow:0 2px 8px #667eea26}.filterTab.active{color:#fff;background:indigo;border-color:indigo;box-shadow:0 2px 8px #667eea4d}.filterTab i{font-size:1rem}.filterCount{color:inherit;text-align:center;background:#fff3;border-radius:20px;min-width:20px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.filterTab:not(.active) .filterCount{color:#fff;background:#4dabf7}.messagesList,.notificationsList{flex-direction:column;gap:.75rem;max-height:600px;display:flex;overflow-y:auto}.simpleMessageItem{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:25px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s;display:flex;position:relative}.simpleMessageItem:hover{background:#4b00820d;border-color:indigo}.simpleMessageItem.unread{background:#4b008214;border-left:3px solid indigo}.simpleMessageAvatar{color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex;position:relative}.simpleMessageAvatar:hover{transform:scale(1.05)}.simpleMessageContent{cursor:pointer;flex:1;min-width:0}.simpleMessageHeader{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.simpleMessageName{color:#2d3748;margin:0;font-size:1rem;font-weight:600}.simpleMessageTime{color:#718096;font-size:.75rem}.simpleMessagePreview{color:#718096;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;overflow:hidden}.unreadDot{background:indigo;border-radius:50%;width:8px;height:8px;position:absolute;top:.5rem;right:.5rem}.messageItem{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:25px;align-items:flex-start;gap:1.25rem;min-height:120px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.messageItem:hover{background:#667eea0d;border-color:indigo;box-shadow:0 2px 8px #667eea1a}.messageItem.active{background:#667eea14;border-width:2px;border-color:indigo}.priorityIndicator{color:#fff;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex;position:absolute;top:.5rem;right:.5rem}.priorityIndicator.urgent{background:#ff6b6b}.priorityIndicator.high{background:#ffe066}.pinIndicator{color:indigo;z-index:2;font-size:.875rem;position:absolute;top:.5rem;right:2rem}.messageItem.pinned{background:linear-gradient(135deg,#667eea0d,#fff);border-left:4px solid indigo}.messageItem.urgent{background:linear-gradient(135deg,#ff6b6b0d,#fff);border-left:4px solid #ff6b6b}.messageItem.high{background:linear-gradient(135deg,#ffa7260d,#fff);border-left:4px solid #ffe066}.messageAvatar{color:#fff;cursor:pointer;background-clip:padding-box;border:3px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;margin-left:1rem;font-size:1.75rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.messageAvatar:hover{border-color:#667eea4d;box-shadow:0 4px 12px #667eea33}.messageAvatar.verified{border-color:#4ecdc4;position:relative}.messageAvatar.verified:after{content:"✓";color:#fff;background:#4ecdc4;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.messageInfo{flex:1;min-width:0}.messageHeader{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.messageNameSection{flex-direction:column;flex:1;gap:.5rem;display:flex}.userInfoContainer{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.userNameContainer,.userBadges{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.userBadge{color:#fff;border-radius:20px;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:flex}.userBadge.premium{color:#333;background:linear-gradient(135deg,gold,orange)}.userBadge.expert{background:linear-gradient(135deg,indigo,#764ba2)}.userBadge.new{background:#4ecdc4}.userBadge.international{background:linear-gradient(135deg,indigo,#764ba2)}.userLocation{color:#718096;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.userLocation i{color:indigo;font-size:.75rem}.userStatus{color:#718096;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.userStatus.online{color:#4ecdc4}.userStatus.away{color:#ffe066}.userStatus.offline{color:#718096}.userExperience{color:#718096;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.userExperience i{color:#f093fb;font-size:.75rem}.messageTimeSection{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.messageCategory{gap:.25rem;display:flex}.categoryBadge{color:#fff;background:indigo;border-radius:20px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.categoryBadge.work{background:indigo}.categoryBadge.meeting{background:#4dabf7}.categoryBadge.support{background:#ff6b6b}.categoryBadge.feedback{background:#4ecdc4}.categoryBadge.collaboration{background:#764ba2}.categoryBadge.discussion{background:#f093fb}.categoryBadge.international{background:linear-gradient(135deg,indigo,#764ba2)}.messageName{color:#2d3748;cursor:pointer;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.messageName:hover{color:indigo}.messageName.verified:after{content:"✓";color:#4ecdc4;font-size:1rem;font-weight:700}.messageTime{color:#718096;font-size:.875rem}.messagePreview{color:#718096;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:1rem;overflow:hidden}.messageMeta{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.metaLeft{flex:1;align-items:center;gap:.75rem;display:flex}.metaRight{align-items:center;gap:.5rem;display:flex}.responseTime{color:#718096;background:#667eea1a;border-radius:20px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.mutualConnections,.userRating,.projectsCount{color:#718096;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.userRating,.userRating i{color:#ffe066}.projectsCount,.projectsCount i{color:#4dabf7}.projectContext{color:#718096;background:#667eea0d;border-left:3px solid indigo;border-radius:20px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;font-size:.875rem;display:flex}.projectContext i{color:indigo}.userSpecializations{color:#718096;background:#667eea08;border-left:3px solid #764ba2;border-radius:20px;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.5rem;font-size:.875rem;display:flex}.userSpecializations i{color:#764ba2;margin-top:.125rem}.specializationTags{flex-wrap:wrap;flex:1;gap:.375rem;display:flex}.specializationTag{color:indigo;background:#667eea1a;border:1px solid #667eea33;border-radius:20px;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.specializationTag:hover{background:#667eea33}.specializationTag.more{color:#fff;background:#718096;border-color:#718096}.typingIndicator{color:indigo;margin-right:.5rem;font-size:.875rem;font-style:italic}.unreadBadge{color:#fff;text-align:center;background:indigo;border-radius:20px;min-width:20px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.onlineIndicator{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.onlineIndicator.online{background:#4ecdc4}.onlineIndicator.away{background:#ffe066}.onlineIndicator.offline{background:#718096}.onlineStatus{color:#4ecdc4;font-size:.875rem;font-weight:600}.messageActions{opacity:0;align-items:center;gap:.5rem;margin-right:auto;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.messageItem:hover .messageActions{opacity:1}.messageActions .actionBtn{color:indigo;cursor:pointer;background:#667eea1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.messageActions .actionBtn:hover{color:#fff;background:indigo}.notificationItem{background:#fff;border:1px solid #0000;border-radius:25px;align-items:flex-start;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notificationItem:hover{background:#667eea0d;border-color:indigo;box-shadow:0 2px 8px #667eea1a}.notificationItem.unread{background:#667eea14;border-left:4px solid indigo}.notificationIcon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-left:1rem;font-size:1.25rem;display:flex}.notificationIcon.interaction{background:#4dabf7}.notificationIcon.request{background:#ffe066}.notificationIcon.project{background:#4ecdc4}.notificationIcon.system{background:#718096}.notificationIcon.post{background:#f093fb}.notificationContent{flex:1;min-width:0}.notificationContent p{color:#2d3748;cursor:pointer;margin:0 0 .75rem;font-size:1rem;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.notificationContent p:hover{color:indigo}.notificationTime{color:#718096;margin-bottom:.75rem;font-size:.875rem}.notificationActions{flex-wrap:wrap;gap:.5rem;display:flex}.viewPostButton{margin-top:.75rem}.viewPostBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:inline-flex}.viewPostBtn:hover{background:linear-gradient(135deg,#44a08d,#3bb5ae);transform:translateY(-2px);box-shadow:0 4px 12px #4ecdc44d}.viewPostBtn i{font-size:.9rem}.notificationActionBtn{color:#718096;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.notificationActionBtn:hover,.notificationActionBtn.primary{color:#fff;background:indigo;border-color:indigo}.notificationActionBtn.primary:hover{background:indigo}.notificationActionBtn.community{color:#fff;background:#4dabf7;border-color:#4dabf7}.notificationActionBtn.community:hover{opacity:.9;background:#4dabf7}.virtualBadge{color:#fff;background:#4dabf7;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex;position:absolute;top:-2px;right:-2px}.virtualIndicator{margin-right:.5rem;font-size:.8rem}.countryBadge{color:#fff;background:#4dabf7;border-radius:20px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.emptyState{text-align:center;color:#718096;padding:4rem 2rem;animation:.5s ease-out fadeInUp}.emptyState i{opacity:.5;color:#718096;margin-bottom:1.5rem;font-size:4rem}.emptyState h3{color:#2d3748;margin-bottom:.75rem;font-size:1.5rem}.emptyState p{color:#718096;max-width:400px;margin:0 auto;font-size:1rem}.loadingOverlay{-webkit-backdrop-filter:blur(15px)saturate(1.2);z-index:10000;opacity:0;visibility:hidden;cursor:wait;background:linear-gradient(135deg,indigo,indigo,#ff6b6bf2 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.loadingOverlay.show{opacity:1;visibility:visible}.loadingContainer{z-index:2;-webkit-backdrop-filter:blur(20px)brightness(1.1);text-align:center;cursor:default;background:#fffffff2;border:1px solid #fff6;border-radius:25px;flex-direction:column;align-items:center;gap:2rem;max-width:400px;padding:3rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s cubic-bezier(.34,1.56,.64,1) loadingContainerEntry;display:flex;position:relative;box-shadow:0 25px 50px #00000026,0 10px 20px #0000001a,inset 0 1px #ffffff4d}.loadingContainer:hover{border-color:#fff9;transform:translateY(-3px)scale(1.02);box-shadow:0 35px 70px #0003,0 15px 30px #00000026,inset 0 1px #ffffff80}@keyframes loadingContainerEntry{0%{opacity:0;transform:scale(.8)translateY(30px)}50%{opacity:.8;transform:scale(1.05)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.loadingSpinner{flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.spinnerWrapper{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.spinnerPrimary{border:3px solid indigo;border-color:indigo indigo #0000 #0000;border-radius:50%;width:80px;height:80px;animation:1.5s linear infinite spinPrimary;position:absolute}.spinnerSecondary{border:3px solid #0000;border-color:#0000 #0000 #764ba2 #764ba2;border-radius:50%;width:60px;height:60px;animation:1.2s linear infinite reverse spinSecondary;position:absolute}.spinnerTertiary{border:2px solid #0000;border-top-color:#f093fb;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spinTertiary;position:absolute}@keyframes spinPrimary{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSecondary{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinTertiary{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loadingDots{justify-content:center;align-items:center;gap:.5rem;display:flex}.loadingDots span{background:indigo;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite dotPulse}.loadingDots span:first-child{animation-delay:0s}.loadingDots span:nth-child(2){animation-delay:.2s}.loadingDots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loadingContent{flex-direction:column;align-items:center;gap:1rem;display:flex}.loadingTitle{color:#2d3748;margin:0;font-size:1.5rem;font-weight:700;animation:2s ease-in-out infinite alternate titleFade}@keyframes titleFade{0%{opacity:.8}to{opacity:1}}.loadingMessage{color:#718096;margin:0;font-size:1rem;line-height:1.5;transition:all .3s;animation:3s ease-in-out infinite alternate messageFade,2s ease-in-out infinite messagePulse}@keyframes messagePulse{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:.9;transform:translateY(-1px)}}@keyframes messageFade{0%{opacity:.6}to{opacity:.9}}.loadingProgress{background:#667eea33;border-radius:2px;width:200px;height:4px;position:relative;overflow:hidden}.progressBar{background:linear-gradient(90deg,indigo,#764ba2);border-radius:2px;width:0;height:100%;animation:2s ease-in-out infinite progressMove}@keyframes progressMove{0%{width:0;transform:translate(-100%)}50%{width:70%;transform:translate(0)}to{width:100%;transform:translate(100%)}}.loadingBackgroundAnimation{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.floatingElement{background:#ffffff1a;border-radius:50%;width:20px;height:20px;animation:6s ease-in-out infinite floatAnimation;position:absolute}.floatingElement:first-child{animation-duration:8s;animation-delay:0s;top:20%;left:10%}.floatingElement:nth-child(2){animation-duration:6s;animation-delay:1s;top:60%;right:15%}.floatingElement:nth-child(3){animation-duration:7s;animation-delay:2s;bottom:30%;left:20%}.floatingElement:nth-child(4){animation-duration:9s;animation-delay:3s;top:40%;right:30%}.floatingElement:nth-child(5){animation-duration:5s;animation-delay:4s;bottom:20%;right:10%}@keyframes floatAnimation{0%,to{opacity:.3;transform:translateY(0)scale(1)}25%{opacity:.6;transform:translateY(-20px)scale(1.1)}50%{opacity:.8;transform:translateY(-40px)scale(.9)}75%{opacity:.4;transform:translateY(-20px)scale(1.05)}}.toastContainer{z-index:10000;flex-direction:column;gap:1rem;display:flex;position:fixed;top:2rem;right:2rem}.toast{background:#fff;border:1px solid #e2e8f0;border-radius:25px;min-width:300px;padding:1rem;animation:.3s ease-out toastSlideIn;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026}.toast:before{content:"";background:#4ecdc4;width:4px;height:100%;position:absolute;top:0;left:0}.toast.error:before{background:#ff6b6b}.toast.info:before{background:#4dabf7}.toast.warning:before{background:#ffe066}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toastHeader{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.toastTitle{color:#2d3748;font-weight:600}.toastClose{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:20px;padding:4px;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.toastClose:hover{color:#ff6b6b;background:#ff6b6b1a}.toastMessage{color:#718096;font-size:.875rem}.typingIndicator{background:#667eea1a;border-radius:20px;align-items:center;gap:.5rem;margin:.5rem 0;padding:.5rem 1rem;animation:.3s ease-out fadeInUp;display:flex}.typingDots{gap:2px;display:flex}.typingDot{background:indigo;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingDots}.typingDot:nth-child(2){animation-delay:.2s}.typingDot:nth-child(3){animation-delay:.4s}@keyframes typingDots{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.messagesList::-webkit-scrollbar{width:6px}.notificationsList::-webkit-scrollbar{width:6px}.messagesList::-webkit-scrollbar-track{background:#fff;border-radius:3px}.notificationsList::-webkit-scrollbar-track{background:#fff;border-radius:3px}.messagesList::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.notificationsList::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.messagesList::-webkit-scrollbar-thumb:hover{background:indigo}.notificationsList::-webkit-scrollbar-thumb:hover{background:indigo}@media (max-width:1024px){.container{padding:0 1.5rem}.pageTitle{font-size:2rem}.headerStats{gap:1.5rem}.statItem{min-width:100px;padding:1.25rem}.statNumber{font-size:1.75rem}.sectionTabs{flex-direction:column;gap:.5rem}.sectionTab{justify-content:center}}@media (max-width:768px){.container{padding:0 1rem}.pageHeader{margin-bottom:1rem;padding:1.5rem 0}.headerContent{text-align:center;flex-direction:column;align-items:center;gap:1rem}.pageTitle{font-size:1.75rem}.pageDescription{font-size:1rem}.headerStats{justify-content:center;gap:1rem}.statItem{flex:1;min-width:80px;max-width:100px;padding:1rem}.statNumber{font-size:1.5rem}.statLabel{font-size:.75rem}.sectionHeader{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem 1.5rem}.sectionTitle h2{font-size:1.25rem}.sectionContent{padding:1.5rem}.filterTabs{justify-content:center;gap:.5rem;margin-bottom:1rem}.filterTab{border-radius:25px;padding:.5rem 1rem;font-size:.8rem}.filterTab i{font-size:.875rem}.actionBtn{min-width:40px;height:40px;padding:.5rem}.actionBtn i{font-size:1rem}.messageItem,.notificationItem{padding:1rem}.simpleMessageItem{gap:.75rem;padding:.875rem}.simpleMessageAvatar{width:45px;height:45px;font-size:1.125rem}.simpleMessageName{font-size:.9rem}.simpleMessagePreview{font-size:.8rem}.simpleMessageTime{font-size:.7rem}.messageItem{flex-direction:column;align-items:flex-start;gap:.75rem;min-height:auto;padding:1rem}.messageAvatar{align-self:flex-start;width:55px;height:55px;margin-left:0;font-size:1.375rem}.userInfoContainer{flex-direction:column;align-items:flex-start;gap:.5rem}.userNameContainer{flex-direction:column;align-items:flex-start;gap:.25rem}.userBadges{gap:.25rem}.userBadge{padding:.125rem .375rem;font-size:.625rem}.messageName{font-size:1.125rem}.userLocation,.userStatus,.userExperience{font-size:.75rem}.messageInfo{width:100%}.messageHeader{flex-direction:column;align-items:flex-start;gap:.5rem}.messageNameSection{width:100%}.messageTimeSection{align-self:flex-end}.messageMeta{flex-direction:column;align-items:flex-start;gap:.5rem}.metaLeft,.metaRight{justify-content:flex-start;width:100%}.messageActions{opacity:1;background:#ffffffe6;border-radius:20px;padding:.25rem;position:absolute;top:.5rem;right:.5rem}.priorityIndicator{width:16px;height:16px;font-size:.625rem;top:.25rem;right:.25rem}.pinIndicator{font-size:.75rem;top:.25rem;right:1.5rem}.projectContext,.userSpecializations{padding:.375rem;font-size:.75rem}.specializationTag{padding:.125rem .375rem;font-size:.625rem}.notificationIcon{width:40px;height:40px;font-size:1rem}.searchInput{padding:.875rem 2.5rem .875rem .875rem;font-size:.875rem}.searchInputWrapper i{font-size:.875rem;right:.875rem}}@media (max-width:480px){.filterTabs{flex-direction:column;gap:.5rem}.filterTab{justify-content:center;width:100%}.simpleMessageItem{gap:.5rem;padding:.75rem}.simpleMessageAvatar{width:40px;height:40px;font-size:1rem}.simpleMessageName{font-size:.9rem}.simpleMessagePreview{font-size:.75rem}.simpleMessageTime{font-size:.65rem}.messageItem{gap:.5rem;padding:.875rem}.messageName{font-size:1rem}.categoryBadge,.responseTime,.mutualConnections{font-size:.625rem}.userBadges{flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.userBadge{flex-shrink:0;padding:.125rem .25rem;font-size:.5rem}.projectContext,.userSpecializations{padding:.375rem;font-size:.75rem}.specializationTag{padding:.125rem .375rem;font-size:.625rem}.messageActions{gap:.25rem;top:.25rem;right:.25rem}.messageActions .actionBtn{width:28px;height:28px;font-size:.75rem}.headerStats{flex-direction:column;align-items:center;gap:.75rem}.statItem{width:100%;max-width:200px}.sectionActions{gap:.25rem}.filterTabs{justify-content:center}.searchInput{padding:.75rem 2.25rem .75rem .75rem;font-size:.8rem}.filterTabs{flex-direction:column}.filterTab{width:100%;min-width:auto}.messageItem{padding:.75rem}.categoryBadge,.responseTime{padding:.125rem .375rem;font-size:.625rem}.mutualConnections{font-size:.625rem}.searchInputWrapper i{font-size:.8rem;right:.75rem}.messageItem,.notificationItem{padding:.875rem}.messageAvatar{width:45px;height:45px;font-size:1.125rem}.notificationIcon{width:35px;height:35px;font-size:.875rem}.notificationActions{flex-direction:column;gap:.25rem}.notificationActionBtn{padding:.375rem .5rem;font-size:.8rem}}@media print{.navbar,.sectionActions,.notificationActions{display:none}.contentSection{box-shadow:none;border:1px solid #ccc}.messageItem,.notificationItem{break-inside:avoid}}