.container{max-width:1000px;margin:auto;padding:20px}.search-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.user-table{width:100%;border-collapse:collapse}.user-table th,.user-table td{border:1px solid #ddd;padding:8px}.user-table th{cursor:pointer;background:#f4f4f4}.table-responsive{overflow-x:auto}.pagination{margin-top:10px;display:flex;justify-content:space-between}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center}.popup{background:#fff;padding:20px;border-radius:8px;width:300px}.popup input{width:100%;margin-bottom:10px;padding:8px}.popup-actions{display:flex;justify-content:space-between}.error{color:red;margin-bottom:10px}@media (max-width: 600px){.user-table,.user-table thead,.user-table tbody,.user-table th,.user-table td,.user-table tr{display:block}.user-table tr{margin-bottom:15px;border:1px solid #ddd;padding:10px}.user-table td{border:none;display:flex;justify-content:space-between}.user-table th{display:none}}