html,body{width:100%;height:100%;margin:0;padding:0}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{width:100%}div>h1{text-align:center;color:#fff;margin-bottom:10px;font-size:36px}div>p{text-align:center;color:#fffc;margin-bottom:30px;font-size:16px}.users-container{grid-template-columns:repeat(5,1fr);gap:15px;max-width:1600px;margin:0 auto 30px;display:grid}.pagination{justify-content:center;gap:15px;margin-top:30px;display:flex}button{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #0000001a}button:hover:not(:disabled){color:#fff;background:#667eea;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}button:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;color:#fff;padding:40px;font-size:18px}@media (width<=768px){.users-container{grid-template-columns:1fr;max-width:100%}div>h1{font-size:28px}}.user-card{background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 6px #0000001a}.user-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.user-image{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:160px;display:flex;overflow:hidden}.user-image img{object-fit:cover;width:100%;height:100%}.user-info{padding:12px}.user-name{color:#333;margin:0 0 10px;font-size:16px;font-weight:600}.info-section{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px}.info-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-item{flex-wrap:wrap;align-items:center;gap:5px;margin:5px 0;font-size:12px;display:flex}.label{color:#667eea;min-width:75px;font-weight:600}.value{color:#666;word-break:break-word;flex:1}@media (width<=1200px){.users-container{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.users-container{grid-template-columns:repeat(2,1fr)}.user-image{height:140px}.user-name{font-size:14px}}@media (width<=480px){.users-container{grid-template-columns:1fr}}