.users-page{min-height:100vh;background:linear-gradient(135deg,#eef2ff,#c7d2fe);display:flex;flex-direction:column;align-items:center;padding:40px 15px;font-family:Poppins,sans-serif;box-sizing:border-box}.page-title{font-size:2.4rem;font-weight:700;color:#4338ca;margin-bottom:25px;text-align:center;line-height:1.3}.stats-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:25px;background:#ffffffb3;padding:15px 20px;border-radius:12px;box-shadow:0 4px 10px #4338ca1a;width:100%;max-width:600px}.stat-box{text-align:center;min-width:140px}.stat-box h3{font-size:.9rem;color:#4338ca;font-weight:600;margin-bottom:3px;text-transform:uppercase}.stat-box p{font-size:1.3rem;font-weight:700;color:#1e293b}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;width:100%;max-width:1200px;padding:10px;box-sizing:border-box}.user-card{background:#fff;border-radius:16px;box-shadow:0 8px 18px #0000001a;padding:25px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.user-card:hover{transform:translateY(-6px);box-shadow:0 12px 25px #4338ca40}.user-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:15px;border:4px solid #e0e7ff;object-fit:cover}.user-name{font-size:1.1rem;font-weight:600;color:#1e293b}.user-email{font-size:.9rem;color:#64748b;margin-top:5px}.loader,.end-text{text-align:center;margin-top:20px}.loader{color:#4f46e5;font-weight:500}.end-text{color:#6b7280;margin-top:30px;font-style:italic}.loading-state{color:#4338ca;font-size:1.1rem;font-weight:500;text-align:center;margin-top:50px}.no-users{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:60px;text-align:center}.no-users-icon{width:100px;height:100px;opacity:.75;margin-bottom:15px}.no-users-text{font-size:1.1rem;font-weight:500;color:#6b7280}@media (max-width: 900px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 600px){.page-title{font-size:1.8rem}.stat-box p{font-size:1.1rem}.users-grid{grid-template-columns:1fr}.user-card{padding:20px 10px}.user-avatar{width:70px;height:70px}}