.memberlist-container{padding:20px}.memberlist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.member-item{display:flex;align-items:center;padding:16px;border:1px solid var(--border,#374151);border-radius:var(--radius,8px);transition:all 0.3s ease}.member-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:var(--primary)}.member-avatar{position:relative;margin-right:16px;flex-shrink:0}.member-avatar img{width:50px;height:50px;border-radius:50%;object-fit:cover}.member-info{flex:1;min-width:0}.member-name{display:flex;align-items:center;gap:8px;margin-bottom:4px}.member-name a{font-weight:600;font-size:14px;color:var(--text);text-decoration:none}.member-name a:hover{color:var(--primary)}.member-title{font-size:12px;color:var(--text-muted);margin-bottom:8px}.member-stats{display:flex;gap:12px;flex-wrap:wrap}.member-stats span{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.member-stats i{font-size:10px}.memberlist-title{font-size:20px;font-weight:600;color:var(--text)}.memberlist-alphabet{display:flex;gap:4px;flex-wrap:wrap}.memberlist-alphabet a{display:inline-block;padding:6px 10px;border-radius:4px;color:var(--text);text-decoration:none;font-size:13px;transition:all 0.3s ease}.memberlist-alphabet a:hover{background:var(--primary);color:white}.memberlist-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;padding:16px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius)}.memberlist-filter-item{display:flex;flex-direction:column;gap:6px}.memberlist-filter-label{font-weight:600;font-size:13px;color:var(--text)}.memberlist-filter-input,.memberlist-filter-select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);font-size:14px}.memberlist-filter-input:focus,.memberlist-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(52,152,219,0.2)}.memberlist-radio-group{display:flex;gap:16px;align-items:center}.memberlist-radio-group label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--text)}.no-results-message{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-muted)}.filter-title{padding:12px 16px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.filter-form{padding:16px}.filter-column{flex:1;min-width:150px}.filter-column label{font-weight:600;font-size:0.9rem;margin-bottom:8px;display:block;color:var(--text)}.filter-column input,.filter-column select{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card-bg);color:var(--text);font-size:0.9rem}.filter-column input:focus,.filter-column select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(52,152,219,0.2)}.sort-arrow{font-size:11px;color:var(--text-muted)}.sort-arrow a{color:var(--primary);text-decoration:none}.sort-arrow a:hover{text-decoration:underline}.btn{display:inline-block;padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary,#878383),#666);color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}@media (max-width:768px){.memberlist-grid{grid-template-columns:1fr}.memberlist-header{flex-direction:column;gap:16px;align-items:stretch}.memberlist-alphabet{justify-content:center}.memberlist-filters{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-column{width:100%}}.memberlist-alphabet-section{margin-bottom:20px}.memberlist-alphabet{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}