@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#111;min-height:100vh;font-family:Inter,sans-serif}.app{max-width:1200px;margin:0 auto;padding:2rem 1rem 4rem}.header{align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.header h1{color:#fff;font-size:1.4rem;font-weight:600}.page-info{color:#555;font-size:.8rem}.grid{background:#1e1e1e;border:1px solid #1e1e1e;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;display:grid;overflow:hidden}.card{background:#111;align-items:flex-start;gap:1rem;padding:1.1rem 1.25rem;transition:background .12s;display:flex}.card:hover{background:#161616}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.card-body{flex:1;min-width:0}.name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.1rem;font-size:.9rem;font-weight:600;overflow:hidden}.username{color:#555;margin-bottom:.6rem;font-size:.75rem}.details{flex-direction:column;gap:.2rem;display:flex}.details span{color:#666;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;font-size:.75rem;display:flex;overflow:hidden}.details span svg{flex-shrink:0}.card.skeleton{pointer-events:none}.sk-avatar{background:linear-gradient(90deg,#1e1e1e 25%,#2a2a2a 50%,#1e1e1e 75%) 0 0/200% 100%;border-radius:50%;flex-shrink:0;width:44px;height:44px;animation:1.4s infinite shimmer}.sk-line{background:linear-gradient(90deg,#1e1e1e 25%,#2a2a2a 50%,#1e1e1e 75%) 0 0/200% 100%;border-radius:3px;height:10px;margin-bottom:.45rem;animation:1.4s infinite shimmer}.w80{width:80%}.w60{width:60%}.w50{width:50%}.w40{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{justify-content:center;gap:.5rem;margin-top:2rem;display:flex}.pagination button{color:#ccc;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;padding:.45rem 1.2rem;font-family:Inter,sans-serif;font-size:.85rem;transition:background .12s,border-color .12s}.pagination button:hover{color:#fff;background:#222;border-color:#444}.pagination button:disabled{opacity:.3;cursor:not-allowed}.status{text-align:center;color:#555;margin-top:5rem}
