body{font-family:Arial,sans-serif;background-color:#f4f7f6;color:#333;margin:0}.container{max-width:1200px;margin:0 auto;padding:20px}.app-header{background-color:#2c3e50;padding:1rem;color:#fff}.app-header nav a{color:#fff;margin:0 15px;text-decoration:none;font-weight:700;transition:color .3s}.app-header nav a:hover{color:#3498db}.user-list-container{margin-top:20px}.user-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 0 20px #0000001a}.user-table th,.user-table td{padding:12px 15px;border:1px solid #ddd;text-align:left}.user-table th{background-color:#3498db;color:#fff}.user-table tbody tr:nth-child(2n){background-color:#f2f2f2}.action-btn{padding:5px 10px;margin-right:5px;border:none;border-radius:3px;cursor:pointer;text-decoration:none;color:#fff}.edit{background-color:#2ecc71}.delete{background-color:#e74c3c}@media (max-width: 768px){.user-table thead{display:none}.user-table,.user-table tbody,.user-table tr,.user-table td{display:block;width:100%}.user-table tr{margin-bottom:15px}.user-table td{text-align:right;padding-left:50%;position:relative}.user-table td:before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:15px;font-weight:700;text-align:left}}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination button{background-color:#3498db;color:#fff;border:none;padding:8px 16px;margin:0 5px;cursor:pointer;border-radius:4px;transition:background-color .3s}.pagination button:hover:not(:disabled){background-color:#2980b9}.pagination button:disabled{background-color:#bdc3c7;cursor:not-allowed}.pagination span{margin:0 10px;font-weight:700}.no-users-container{text-align:center;margin-top:50px;padding:40px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000000d}.no-users-container h2{color:#34495e;margin-bottom:10px}.no-users-container p{color:#7f8c8d;font-size:1.1rem}.add-user-link{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#2ecc71;color:#fff;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color .3s,transform .2s}.add-user-link:hover{background-color:#27ae60;transform:translateY(-2px)}.form-container{max-width:500px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 0 15px #0000001a}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.form-error{color:#e74c3c;font-size:.875em;margin-top:5px}.error-message{color:#e74c3c;background-color:#fdd;padding:10px;border-radius:4px;margin-bottom:15px}.submit-btn{width:100%;padding:10px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.submit-btn:hover{background-color:#2980b9}.submit-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}