.community-header{background:linear-gradient(to bottom,#1e1e28cc,#1e1e2800);padding:40px 0;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.05)}.community-title{text-align:center;margin-bottom:30px}.community-title h1{font-size:2.5rem;font-weight:800;margin-bottom:10px}.community-title p{color:var(--text-muted, #9ca3af);font-size:1.1rem}.search-bar-wrapper{max-width:600px;margin:0 auto;position:relative}.community-search-input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:15px 50px;border-radius:12px;color:#fff;font-size:1.1rem;transition:all .3s ease}.community-search-input:focus{border-color:var(--accent-color, #3b82f6);box-shadow:0 0 15px #3b82f633;outline:none}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-muted, #9ca3af)}.search-loader{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--accent-color, #3b82f6)}.filters-row{display:flex;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.filter-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);padding:8px 16px;border-radius:20px;color:var(--text-muted, #9ca3af);cursor:pointer;transition:all .2s;font-size:.9rem;text-decoration:none;display:inline-block;font-family:inherit}.filter-pill:hover,.filter-pill.active{background:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-header h3{font-size:1.2rem;font-weight:700;color:#fff}.users-count{color:var(--text-muted, #9ca3af);font-size:.9rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}.user-card{background:#1e1e2d99;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden;text-decoration:none}.user-card:hover{transform:translateY(-3px);border-color:#ffffff26;background:#1e1e2dcc}.user-avatar-box{position:relative;width:60px;height:60px;flex-shrink:0}.user-card .user-avatar{width:100%;height:100%;border-radius:12px;object-fit:cover}.status-dot{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;border:2px solid #1e1e2d}.status-online{background-color:#10b981}.status-offline{background-color:#6b7280}.user-card .user-info{flex-grow:1;min-width:0}.user-card .user-name{color:#fff;font-weight:700;font-size:1.05rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.user-role-badge{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.role-admin{background:#ef444433;color:#ef4444}.role-vip{background:#f59e0b33;color:#f59e0b}.role-user{background:#ffffff1a;color:#9ca3af}.level-bar-container{margin-top:8px;background:#ffffff1a;height:4px;border-radius:2px;overflow:hidden}.level-bar-fill{height:100%;background:var(--accent-color, #3b82f6);border-radius:2px}.level-text{font-size:.75rem;color:var(--text-muted, #9ca3af);margin-top:4px;display:flex;justify-content:space-between}.users-empty{grid-column:1 / -1;text-align:center;padding:40px;color:var(--text-muted, #9ca3af)}.users-empty i{font-size:2rem;margin-bottom:15px;opacity:.5;display:block}.pagination-wrapper{margin-bottom:60px}.pagination{display:flex;justify-content:center;gap:5px}.page-item{list-style:none}.page-link{display:block;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:var(--text-muted, #9ca3af);text-decoration:none;transition:all .2s}.page-item.active .page-link{background:var(--accent-color, #3b82f6);color:#fff;border-color:var(--accent-color, #3b82f6)}.page-link:hover{background:#ffffff1a;color:#fff}