.web3-users-container{min-height:100vh;padding:10px}.web3-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.web3-search-container{flex:1;min-width:250px;position:relative}.web3-search-input{color:#fff;background:#18181bcc;border:1px solid #a1a1aa33;border-radius:10px;width:100%;height:50px;padding:.75rem 1rem .75rem 2.5rem;font-size:16px;transition:border-color .2s}.web3-search-input:focus{border-color:#a1a1aa80;outline:none}.web3-search-input::placeholder{color:#a1a1aa80}.web3-search-icon{color:#a1a1aa80;width:1rem;height:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.web3-users-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.web3-user-card{cursor:pointer;background:#0003;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.web3-user-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.web3-user-card-header{border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding:1.5rem;display:flex}.web3-user-avatar{background:#27272acc;border:1px solid #a1a1aa33;border-radius:50%;flex-shrink:0;width:60px;min-width:60px;height:60px;overflow:hidden}.web3-user-profile-picture{object-fit:cover;width:100%;height:100%}.web3-user-info{flex:1;overflow:hidden}.web3-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:1.125rem;font-weight:600;overflow:hidden}.web3-user-email{color:#a1a1aab3;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;overflow:hidden}.web3-user-last-login{color:#a1a1aa66;margin-top:4px;font-size:.8rem}.web3-user-rank{color:#a1a1aa99;margin:0;font-size:.9rem}.web3-user-rank strong{color:#fff;font-weight:600}.web3-no-users{text-align:center;color:#a1a1aa99;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}@media (max-width:768px){.web3-users-container{padding:1rem}.web3-controls{flex-direction:column;align-items:stretch}.web3-search-container{width:100%}}