*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:#f8f9fa;min-height:100vh;padding:1rem}.container{max-width:1200px;margin:0 auto}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;overflow:hidden}.card-content{padding:1.5rem}h1{margin-bottom:1.5rem;font-size:1.5rem;color:#333}table{width:100%;border-collapse:collapse;min-height:400px}th,td{padding:.75rem;text-align:left;border-bottom:1px solid #eaeaea}th{font-weight:600;color:#555;background-color:#f9f9f9}td{color:#333}.avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.email{font-size:.875rem;color:#666}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:16rem}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error{padding:1.5rem;text-align:center;background-color:#fff8f8;border-radius:4px}.error-title{color:#e74c3c;margin-bottom:.5rem;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.card-content{padding:1rem}table{display:block;overflow-x:auto}th,td{min-width:120px}}