*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;font-family:Arial,sans-serif;padding:20px}.header{background-color:#333;color:#fff;padding:20px;text-align:center;font-size:24px;margin-bottom:20px;border-radius:5px}.container{max-width:1000px;margin:0 auto;background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 4px #0000001a}.search-bar{margin-bottom:20px;display:flex;justify-content:flex-end}.button{background-color:#333;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:3px;font-size:14px;transition:background-color .3s}.button:hover{background-color:#555}.data-table{width:100%;border-collapse:collapse;margin-top:20px}.data-table th,.data-table td{border:1px solid #ddd;padding:12px;text-align:left}.data-table th{background-color:#333;color:#fff;font-weight:600}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:#f9f9f9}.update-button,.delete-button{border:none;padding:6px 12px;border-radius:3px;cursor:pointer;font-size:14px;transition:background-color .3s}.update-button{background-color:#4caf50;color:#fff}.update-button:hover{background-color:#45a049}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#da190b}.create-form-container,.edit-form-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-form,.edit-form{background-color:#fff;padding:30px;width:90%;max-width:400px;border-radius:5px;box-shadow:0 4px 6px #0000001a;animation:slideIn .3s}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.create-form h2,.edit-form h2{margin-bottom:20px;font-size:24px;color:#333}.create-form label,.edit-form label{display:block;margin-bottom:5px;font-size:14px;color:#333;font-weight:500}.create-form input[type=text],.create-form input[type=email],.edit-form input[type=text],.edit-form input[type=email]{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:3px;font-size:14px;transition:border-color .3s}.create-form input:focus,.edit-form input:focus{outline:none;border-color:#333}.error-message{color:#f44336;font-size:12px;margin-top:-10px;margin-bottom:10px;display:block;font-weight:500}.create-form .button-container,.edit-form .button-container{display:flex;justify-content:space-between;margin-top:20px;gap:10px}.create-form button,.edit-form button{flex:1;padding:10px 20px;border:none;border-radius:3px;cursor:pointer;font-size:14px;transition:background-color .3s}.create-button,.save-button{background-color:#333;color:#fff}.create-button:hover{background-color:#555}.save-button{background-color:#4caf50}.save-button:hover{background-color:#45a049}.cancel-button{background-color:#ccc;color:#333}.cancel-button:hover{background-color:#bbb}@media (max-width: 768px){.container{padding:15px}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px}.create-form,.edit-form{padding:20px;width:95%}}