.form-container{display:flex;flex-direction:column;gap:10px;background:#fff;padding:20px;border-radius:6px;box-shadow:0 1px 5px #ccc;margin-bottom:20px}.form-container label{font-weight:700;color:#333}.form-container input{padding:8px;border:1px solid #ccc;border-radius:4px}.form-container button{padding:10px;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer}.form-container button:hover{background:#125a9c}.preview{width:100px;height:100px;border-radius:6px;object-fit:cover;margin-top:5px}.user-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 5px #ccc;border-radius:6px;overflow:hidden}.user-table th,.user-table td{padding:10px;border:1px solid #ddd;text-align:center}.user-table th{background:#f2f2f2}.table-photo{width:50px;height:50px;object-fit:cover;border-radius:6px}.edit-btn,.delete-btn{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;margin:0 2px}.edit-btn{background:#ffb300;color:#fff}.delete-btn{background:#e53935;color:#fff}.app-container{max-width:900px;margin:40px auto;padding:20px;font-family:Arial,sans-serif;background:#fafafa;border-radius:8px;box-shadow:0 2px 10px #ddd}h1{text-align:center;margin-bottom:20px;color:#333}