@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap");.connections-container{font-family:Nunito,sans-serif}@media (max-width:600px){.connections-container{padding:16px}}.header-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.header-title{font-weight:600;color:#2c2c2c;font-size:24px}@media (max-width:600px){.header-title{font-size:20px}}.search-field{width:350px;background-color:#f8f9fa}@media (max-width:600px){.search-field{width:160px}}.search-field .MuiOutlinedInput-root{border-radius:20px;background-color:#f8f9fa;font-size:14px;height:40px}.search-field .MuiOutlinedInput-notchedOutline,.search-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#8B5CF6}.search-field .MuiSvgIcon-root{color:#999;font-size:20px}.connections-grid{display:flex;flex-wrap:wrap;gap:16px}.connection-card{border-radius:12px!important;background-color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #cec2ff;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;position:relative;overflow:visible}.connection-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.12);cursor:pointer}.connection-card .MuiCardContent-root{padding:20px;padding-bottom:16px!important;display:flex;align-items:center}.avatar-box{margin-right:16px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.connection-avatar{width:86px!important;height:86px!important;margin-bottom:4px}.match-chip{color:#FF5BBD;background-color:#fce4ec!important;font-weight:500;font-size:12px;width:100%;height:20px;border-radius:10px;padding:0 8px}.match-chip:hover{background-color:#f8bbd9}.details-box{flex-grow:1;min-width:0}.name-location-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.connection-name{font-weight:600;color:#2c2c2c;font-size:18px;line-height:1.2;margin-bottom:4px}.connection-location{color:#666;font-size:13px;font-weight:400;margin-bottom:8px;line-height:1.3}.message-button{border-radius:20px;text-transform:none;color:#7B61FF;font-weight:500;font-size:12px;padding:4px 12px;min-width:auto}.message-button .MuiSvgIcon-root{font-size:16px}.connection-description{color:#555;font-size:14px;line-height:1.4;margin-top:8px;font-weight:400}