.page[data-v-ed6777d3]{display:flex;flex-direction:column;gap:2rem;min-height:100vh}.section[data-v-ed6777d3]{padding:4rem 0 3rem}.friends-header[data-v-ed6777d3]{text-align:center;margin-bottom:2.5rem}.friends-header h1[data-v-ed6777d3]{font-size:2.2rem;margin:0 0 1rem;background:linear-gradient(135deg,#6366f1e6,#3b82f6b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.friends-subtitle[data-v-ed6777d3]{color:var(--color-text-muted);font-size:1.05rem;max-width:600px;margin:0 auto;line-height:1.6}.friends-grid[data-v-ed6777d3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.friend-card[data-v-ed6777d3]{display:flex;align-items:center;gap:1.2rem;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid var(--color-border)}.friend-card[data-v-ed6777d3]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6366f126;border-color:#6366f166}.friend-logo[data-v-ed6777d3]{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;background:#6366f11a;display:flex;align-items:center;justify-content:center}.friend-logo img[data-v-ed6777d3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.friend-logo-placeholder[data-v-ed6777d3]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:600;color:var(--color-primary-light);background:#6366f11a}.friend-content[data-v-ed6777d3]{flex:1;min-width:0}.friend-title[data-v-ed6777d3]{margin:0 0 .4rem;font-size:1.1rem;font-weight:600;color:var(--color-text)}.friend-description[data-v-ed6777d3]{margin:0;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-state[data-v-ed6777d3]{text-align:center;padding:3rem 1.5rem;color:var(--color-text-muted)}.empty-state p[data-v-ed6777d3]{margin:0;font-size:1.05rem}@media(max-width:768px){.section[data-v-ed6777d3]{padding:3rem 0 2.3rem}.friends-header h1[data-v-ed6777d3]{font-size:1.8rem}.friends-grid[data-v-ed6777d3]{grid-template-columns:1fr;gap:1.2rem}.friend-card[data-v-ed6777d3]{padding:1.2rem}.friend-logo[data-v-ed6777d3]{width:50px;height:50px}.friend-logo-placeholder[data-v-ed6777d3]{font-size:1.5rem}}@media(max-width:480px){.friend-card[data-v-ed6777d3]{flex-direction:column;text-align:center}.friend-logo[data-v-ed6777d3]{width:70px;height:70px}}